*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}:root{--bg-base:#f4f7f1;--bg-panel:#f7faf6;--bg-wall:radial-gradient(160% 140% at 8% 8%,#fffbe2 0%,#e6fff5b3 50%,#f4e7ff80 100%);--ink-strong:#1e1e1c;--ink-soft:#4a4a45;--ink-muted:#7d7c74;--border-muted:#21211e1f;--accent-amber:#d7aa4b;--accent-teal:#2f9b8c;--shadow-soft:0 20px 40px #2222221f;--shadow-card:0 18px 28px #242a2e29;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:20px;--space-5:28px;--space-6:40px;--fs-200:14px;--fs-300:15px;--fs-400:16px;--fs-500:24px;--fs-600:32px;--fs-700:40px;--fs-800:48px;--lh-0:1.2;--lh-200:1.45;--lh-400:1.6;--ls-0:0;--ls-200:.024em;--ls-400:.04em;--ls-600:.06em;--ls-800:.08em;--font-en:"Joan","Times New Roman",serif;--font-jp:"Noto Sans JP","Hiragino Sans",system-ui,-apple-system,sans-serif;--font-jp-serif:"Noto Serif JP","Hiragino Mincho ProN","Times New Roman",serif;--font-geist-mono:"SFMono-Regular",Menlo,Consolas,monospace}@media (max-width:768px){:root{--space-5:22px;--space-6:30px;--fs-500:20px;--fs-600:26px;--fs-700:32px;--fs-800:36px}}body{background:var(--bg-wall);color:var(--ink-strong);font-family:var(--font-jp);-webkit-font-smoothing:antialiased;letter-spacing:var(--ls-200)}img{max-width:100%;display:block}.pill{border:1px solid var(--border-muted);font-size:var(--fs-200);color:var(--ink-soft);font-family:var(--font-en);letter-spacing:var(--ls-200);background:#ffffffbf;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.pill.muted{color:var(--ink-muted);background:0 0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
.page-shell{min-height:100vh;padding:var(--space-6)clamp(20px,4vw,48px)var(--space-6);gap:var(--space-5);background:var(--bg-wall);flex-direction:column;display:flex}.detail-page{min-height:100vh;padding:var(--space-6)clamp(20px,4vw,48px)var(--space-6);background:radial-gradient(160% 140% at 20% 0,#fff 0%,#f3ede3 48%),radial-gradient(140% 120% at 90% 10%,#fdf9f3 0%,#e8dfd0 60%);place-items:center;display:grid}.page-header{grid-template-columns:minmax(240px,1fr) minmax(280px,1fr);align-items:start;gap:clamp(24px,6vw,64px);display:grid}.page-header h1{font-size:clamp(var(--fs-400),2.2vw,var(--fs-600));letter-spacing:var(--ls-600);font-family:var(--font-jp-serif);margin-top:var(--space-1);font-weight:600}.eyebrow{font-size:clamp(var(--fs-600),3.4vw,var(--fs-800));letter-spacing:calc(var(--ls-800)*1.1);text-transform:uppercase;font-family:var(--font-en);color:var(--ink-muted)}.title-block{gap:var(--space-1);flex-direction:column;display:flex}.desc-block{gap:var(--space-3);flex-direction:column;display:flex}.lede{max-width:520px;color:var(--ink-soft);line-height:var(--lh-400);font-family:var(--font-jp-serif);letter-spacing:var(--ls-600);font-size:var(--fs-300)}.meta{gap:var(--space-2);display:flex}.log-wall{column-width:240px;column-gap:var(--space-4);column-fill:balance}.log-card{-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);padding:var(--space-3);gap:var(--space-2);width:100%;margin-bottom:var(--space-4);break-inside:avoid;background:#ffffff1a;border:1px solid #ffffff4d;border-color:#ffffff4d #ffffff1a;border-radius:16px;flex-direction:column;display:inline-flex;box-shadow:1px 4px 8px #0000001a}.card-surface{padding:var(--space-4);background:0 0;border-radius:12px;flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.log-card.image .card-surface,.log-card.mixed .card-surface{aspect-ratio:1;background:#0f0f0f}.image-layer{filter:saturate(.9);background-position:50%;background-size:cover;position:absolute;inset:0}.image-layer:after{content:"";background:linear-gradient(#0000 0%,#0009 100%);position:absolute;inset:0}.content-layer{justify-content:space-between;gap:var(--space-3);flex-direction:column;height:100%;display:flex;position:relative}.card-topline{font-size:var(--fs-200);color:var(--ink-muted);text-transform:lowercase;font-family:var(--font-en);letter-spacing:var(--ls-400);justify-content:space-between;align-items:center;display:flex}.topline-right{align-items:center;gap:var(--space-2);display:inline-flex}.log-card.image .card-topline,.log-card.mixed .card-topline{color:#fffc}.card-type{border:1px solid;border-radius:999px;padding:2px 8px}.excerpt{font-size:var(--fs-500);line-height:var(--lh-200);color:var(--ink-strong);font-family:var(--font-jp-serif);letter-spacing:var(--ls-600);-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.link-marker{border:1px solid;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;padding:2px;display:inline-flex}.link-marker.large{width:26px;height:26px}.link-marker svg{fill:currentColor;width:100%;height:100%}.log-card.image .excerpt,.log-card.mixed .excerpt,.log-card.image .link-marker,.log-card.mixed .link-marker{color:#ffffffe6}.tag-row,.link-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-chip{font-size:var(--fs-200);color:var(--ink-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-en);letter-spacing:var(--ls-400);background:#dde5e0e6;border:1px solid #bec6c0cc;border-radius:8px;align-items:center;padding:6px 10px;display:inline-flex}.log-card.image .tag-chip,.log-card.mixed .tag-chip{color:#ffffffd9;background:#ffffff14;border-color:#ffffff24}@media (max-width:900px){.page-header{grid-template-columns:1fr}.meta{flex-wrap:wrap}}@media (max-width:640px){.log-wall{column-width:160px}.excerpt{-webkit-line-clamp:5}}.card-hit{all:unset;cursor:pointer;height:100%;display:block}.card-hit:focus-visible{outline:2px solid var(--accent-teal);outline-offset:4px}.card-hit[href]{text-decoration:none}.lightbox{z-index:20;place-items:center;display:grid;position:fixed;inset:0}.lightbox-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(120% 120% at 30% 20%,#f0ece2e6,#0c0c0c8c);position:absolute;inset:0}.lightbox-panel{-webkit-backdrop-filter:blur(20px)saturate(1.1);backdrop-filter:blur(20px)saturate(1.1);background:#ffffffd1;border:1px solid #ffffffb8;border-radius:20px;flex-direction:column;width:min(960px,92vw);height:min(90vh,900px);max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #0000002e}.detail-panel{height:auto;max-height:none}.lightbox-header{padding:var(--space-4)var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);background:linear-gradient(120deg,#ffffffd9,#fff9);display:flex}.lightbox-nav{align-items:center;gap:var(--space-2);display:inline-flex}.nav-button{cursor:pointer;background:#fffc;border:1px solid #0000001a;border-radius:50%;width:36px;height:36px;font-size:16px;transition:transform .12s,opacity .12s}.nav-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.nav-button:not(:disabled):hover{transform:scale(1.05)}.lightbox-header h2{margin-top:var(--space-1);letter-spacing:-.01em}.meta-text{color:var(--ink-muted)}.close-button{cursor:pointer;background:#ffffffe6;border:1px solid #0000001a;border-radius:50%;width:36px;height:36px;font-size:18px;transition:transform .12s}.close-button:hover{transform:scale(1.05)}.lightbox-body{gap:var(--space-4);padding:var(--space-5);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow:auto}.detail-panel .lightbox-body{flex:none;overflow:visible}.lightbox-image{background-position:50%;background-size:cover;border-radius:16px;min-height:280px;box-shadow:inset 0 0 0 1px #fff6}.lightbox-content{gap:var(--space-3);flex-direction:column;display:flex}.detail-title{font-size:clamp(var(--fs-500),2.2vw,var(--fs-700));line-height:var(--lh-200);letter-spacing:var(--ls-600);font-family:var(--font-jp-serif);color:var(--ink-strong)}.detail-meta{margin-top:var(--space-2);gap:var(--space-2);font-size:var(--fs-200);letter-spacing:var(--ls-400);color:var(--ink-muted);font-family:var(--font-en);text-transform:lowercase;flex-wrap:wrap;display:flex}.link-panel-button{color:var(--ink-strong);background:#ffffffe6;border:1px solid #0000001a;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;transition:transform .12s;display:inline-flex}.link-panel-button:hover{transform:scale(1.03)}.lightbox-link-card{gap:var(--space-3);flex-direction:column;grid-column:1/-1;height:100%;min-height:0;display:flex}.link-card-hit{color:inherit;flex:1;min-height:0;text-decoration:none;display:block}.link-surface{padding:var(--space-4);max-width:100%;height:100%;min-height:260px;max-height:100%;margin:0 auto}.link-surface.image,.link-surface.mixed{background:#0f0f0f 0 0/contain no-repeat}.link-surface .image-layer{background-repeat:no-repeat;background-size:contain}.link-surface.image .card-topline,.link-surface.mixed .card-topline{color:#fffc}.link-title{font-size:var(--fs-500);line-height:var(--lh-200);color:var(--ink-strong);font-family:var(--font-jp-serif);letter-spacing:var(--ls-400)}.link-surface.image .link-title,.link-surface.mixed .link-title{color:#ffffffe6}.body-text{color:var(--ink-strong);line-height:1.8}.markdown{gap:var(--space-3);flex-direction:column;display:flex}.markdown h1,.markdown h2,.markdown h3{letter-spacing:-.01em}.markdown p{line-height:1.8}.markdown ul{gap:6px;padding-left:18px;list-style:outside;display:grid}.markdown code{font-family:var(--font-geist-mono,monospace);background:#0000000f;border-radius:6px;padding:2px 6px;font-size:13px}.markdown pre{padding:var(--space-3);background:#00000014;border-radius:10px;font-size:13px;overflow:auto}.markdown a{color:var(--accent-teal);text-decoration:underline}.link-chip{text-decoration:none}@media (max-width:900px){.lightbox-body{grid-template-columns:1fr}}