:root{--bg: #efe7da;--bg-elevated: #f5efe4;--bg-strong: #f2ebdf;--line: rgba(71, 76, 61, .14);--line-strong: rgba(71, 76, 61, .22);--text: #252a22;--muted: #6e7267;--accent: #5b8468;--accent-soft: rgba(91, 132, 104, .1);--accent-strong: #476754;--shadow: 0 0 0 rgba(0, 0, 0, 0);--code-bg: #e3dccf;--page-width: 1120px;--font-sans: "LINE Seed JP", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", "Menlo", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg);min-height:100vh;padding-bottom:5.8rem}a{color:inherit;text-decoration:none}img{max-width:100%}code,pre,.mono{font-family:var(--font-mono)}.shell{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .6rem;border:1px solid var(--line);border-radius:.45rem;background:var(--bg-elevated);color:var(--muted);font-size:.82rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.page-shell{max-width:var(--page-width);margin:0 auto;padding:1.25rem 1.25rem 4rem}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(9px);background:linear-gradient(180deg,#122218bd,#15281dd6),linear-gradient(90deg,rgba(126,231,135,.07),transparent 36%);border-bottom:1px solid rgba(52,63,54,.16);box-shadow:0 6px 20px #0000001f}.site-header__inner{max-width:var(--page-width);margin:0 auto;padding:.6rem 1.25rem;display:flex;gap:1.1rem;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);letter-spacing:.04em;min-width:0;flex:0 0 auto}.brand__prompt{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.8rem;padding:0 .48rem;border:1px solid rgba(169,200,173,.2);border-radius:.25rem;background:#a9c8ad0d;color:transparent;font-size:.78rem}.brand__command{display:inline-flex;align-items:center;flex:0 0 auto;color:#e3e8e3;white-space:nowrap;font-size:.82rem}.nav{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem}.nav a{display:inline-block;padding:.15rem 0;color:#9da89e;font-size:.82rem;font-family:var(--font-mono);letter-spacing:.04em;text-decoration-line:underline;text-decoration-color:#9da89e6b;text-decoration-thickness:1px;text-underline-offset:.22rem}.nav a:hover,.nav a[aria-current=page]{color:#c1cbc3;text-decoration-color:#c1cbc3e6}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:1.5rem;align-items:stretch;padding:2.8rem 0 2.2rem}.panel{position:relative;overflow:hidden;background:var(--bg-elevated);border:1px solid var(--line);border-radius:1.2rem;box-shadow:var(--shadow)}.panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 11px,rgba(84,78,55,.018) 12px);pointer-events:none}.hero__main,.hero__side,.section-card,.post-card,.tag-card,.link-card{padding:1.5rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.12em;font-size:.78rem}.hero h1,.page-title{margin:.8rem 0 0;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.92;letter-spacing:-.05em}.hero p,.lead{color:var(--muted);font-size:1.06rem;line-height:1.8}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.05rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.9rem 1.1rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-strong) 98%,transparent);color:var(--text);font-family:var(--font-mono)}.button--primary{background:var(--accent);color:#051109;border-color:var(--accent)}.home-app{display:block;padding-top:1.8rem}.home-main{display:grid;gap:1rem}.home-stage{padding:1.15rem;border-radius:1.8rem;background:var(--bg-elevated)}.home-stage__topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.home-hero{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:1rem;align-items:end;padding:1rem;border-radius:1.45rem;background:var(--bg-strong);border:1px solid var(--line)}.home-cover{min-height:260px;display:grid;place-items:stretch;padding:0;overflow:hidden;border-radius:1.2rem;background:#d7dfd2;border:1px solid rgba(71,76,61,.16)}.home-cover img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.home-copy{padding:.2rem .1rem .2rem 0}.home-copy h1{margin:.55rem 0 0;font-size:clamp(1.6rem,3.3vw,2.8rem);line-height:1.02;letter-spacing:-.06em}.home-copy p{max-width:30rem;margin:.7rem 0 0;color:var(--muted);line-height:1.8}.home-copy__meta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.85rem;color:var(--muted);font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.home-library{padding:1.15rem .2rem .2rem}.home-library__head{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:0 1rem}.home-library__head h2{margin:.18rem 0 0;font-size:1.45rem;letter-spacing:-.04em}.home-table{display:grid}.home-table__head,.home-track{display:grid;grid-template-columns:4rem minmax(0,1.8fr) minmax(180px,1fr) 100px;gap:1rem;align-items:center;padding:.95rem 1rem}.home-table__head{color:var(--muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-track{border-bottom:1px solid var(--line)}.home-track:hover{background:color-mix(in srgb,var(--accent-soft) 72%,var(--bg-elevated))}.home-track__index,.home-track__meta,.home-track__tail{color:var(--muted);font-family:var(--font-mono);font-size:.84rem}.home-track__title{display:grid;gap:.16rem}.home-track__title strong{font-size:1rem;font-weight:700;letter-spacing:-.02em}.home-track__title small{color:var(--muted);font-size:.9rem;line-height:1.55}.home-track__tail{text-align:right;text-transform:uppercase;letter-spacing:.08em}.hero__notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.5rem}.hero__note{padding:.9rem 1rem;border:1px solid var(--line);border-radius:.75rem;background:color-mix(in srgb,var(--bg-strong) 94%,transparent)}.hero__note strong{display:block;margin-top:.45rem;font-size:.98rem;line-height:1.5}.metric-list{display:grid;gap:1rem}.metric{display:grid;gap:.35rem}.metric strong{font-size:1.55rem;letter-spacing:-.04em}.capsule-list{display:grid;gap:.85rem}.capsule-list__head{display:grid;gap:.2rem;margin-bottom:.25rem}.capsule-list__head strong{font-size:1.2rem;letter-spacing:-.03em}.capsule{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.85rem;align-items:start;padding:.95rem 1rem;border-radius:.8rem;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-strong) 96%,transparent)}.capsule__index{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:.45rem;background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-mono);font-size:.78rem}.capsule strong{display:block;margin-bottom:.35rem}.capsule p{margin:0;color:var(--muted);line-height:1.7}.section{display:grid;gap:1rem;margin-top:1.5rem}.playlist-panel{display:grid;border:1px solid var(--line);border-radius:.9rem;overflow:hidden;background:color-mix(in srgb,var(--bg-elevated) 96%,transparent)}.playlist-row{display:grid;grid-template-columns:3.25rem minmax(0,1.4fr) minmax(180px,.9fr);gap:1rem;align-items:center;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.playlist-row:last-child{border-bottom:0}.playlist-row:hover{background:color-mix(in srgb,var(--accent-soft) 54%,transparent)}.playlist-row--static:hover{background:transparent}.playlist-row__index{color:var(--muted);font-family:var(--font-mono);font-size:.84rem}.playlist-row__main{display:grid;gap:.22rem}.playlist-row__main strong{font-size:1rem;letter-spacing:-.02em}.playlist-row__main span,.playlist-row__meta{color:var(--muted);font-size:.92rem;line-height:1.6}.playlist-row__meta{display:grid;justify-items:end;gap:.2rem;font-family:var(--font-mono)}.section__head{display:flex;justify-content:space-between;align-items:end;gap:1rem}.section__head h2{margin:0;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.04em}.grid{display:grid;gap:1rem}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.post-card,.tag-card,.link-card,.section-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:.85rem;box-shadow:var(--shadow)}.post-meta{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--muted);font-size:.9rem;margin-bottom:.8rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .65rem;border-radius:.45rem;background:var(--accent-soft);color:var(--accent-strong);font-size:.82rem;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);font-family:var(--font-mono)}.content{max-width:760px}.content h2,.content h3{letter-spacing:-.03em}.content p,.content li{color:var(--muted);line-height:1.9}.content pre{overflow-x:auto;padding:1rem;border-radius:1rem;background:var(--code-bg)}.content code{background:var(--code-bg);padding:.15rem .35rem;border-radius:.4rem}.site-footer{position:fixed;inset:auto 0 0;z-index:10;border-top:1px solid rgba(52,63,54,.16);background:linear-gradient(180deg,#122218bd,#15281dd6),linear-gradient(90deg,rgba(126,231,135,.07),transparent 36%);backdrop-filter:blur(9px);box-shadow:0 -6px 20px #0000001f}.site-footer__inner{max-width:var(--page-width);margin:0 auto;padding:.6rem 1.25rem calc(.6rem + env(safe-area-inset-bottom));color:#c1cbc3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem}.site-footer__lead{display:inline-flex;align-items:center;gap:.7rem;min-width:0;font-family:var(--font-mono);font-size:.84rem;line-height:1.5}.site-footer__prompt,.site-footer__meta{color:#a9c8ad;letter-spacing:.08em;font-size:.82rem}.site-footer__prompt{padding:.18rem .5rem;border:1px solid rgba(169,200,173,.2);border-radius:.25rem;background:#a9c8ad0d;text-transform:uppercase}.brand__prompt,.site-footer__prompt{position:relative;color:transparent}.brand__prompt:before,.site-footer__prompt:before{content:">";position:absolute;inset:0;display:grid;place-items:center;color:#a9c8ad;animation:prompt-blink 1.1s steps(1,end) infinite}.site-footer__command{position:absolute;inset:0 auto 0 0;color:#e3e8e3;white-space:nowrap;max-width:52ch;opacity:0;animation:footer-command-cycle 12s linear infinite;animation-delay:calc(var(--footer-line-index) * 4s)}.site-footer__command-text{display:inline-block;overflow:hidden;white-space:nowrap;width:0;max-width:52ch;animation:footer-type 12s steps(52,end) infinite;animation-delay:calc(var(--footer-line-index) * 4s)}.site-footer__command-stack{position:relative;display:inline-flex;min-width:min(52ch,calc(100vw - 11rem));max-width:min(52ch,calc(100vw - 11rem));height:1.5em}.site-footer__meta{white-space:nowrap;color:#9da89e}@keyframes prompt-blink{0%,48%{opacity:1}50%,to{opacity:.35}}@keyframes footer-type{0%{width:0}8%,24%{width:calc(var(--footer-line-length) * 1ch)}33.333%,to{width:0}}@keyframes footer-command-cycle{0%,30%{opacity:1}33.333%,to{opacity:0}}.empty-state{padding:2rem;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:.75rem}.terminal-bar{display:inline-flex;gap:.45rem;margin-bottom:1rem}.terminal-bar span{width:.72rem;height:.72rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 68%,transparent)}.prompt-list{display:grid;gap:.65rem;margin-top:1.15rem;padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:color-mix(in srgb,var(--bg-strong) 98%,transparent);font-family:var(--font-mono);font-size:.88rem}.prompt-line{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:.8rem;color:var(--muted)}.prompt{color:var(--accent-strong)}@media(max-width:960px){.hero,.grid--three,.grid--two,.home-hero,.hero__notes{grid-template-columns:1fr}.playlist-row{grid-template-columns:2.8rem 1fr}.playlist-row__meta{grid-column:2;justify-items:start}.home-table__head,.home-track{grid-template-columns:3rem 1fr}.home-table__head span:nth-child(3),.home-table__head span:nth-child(4),.home-track__meta,.home-track__tail{display:none}}@media(max-width:720px){.site-header__inner,.page-shell,.site-footer__inner{padding-left:1rem;padding-right:1rem}.site-header__inner{align-items:flex-start;flex-direction:column;gap:.5rem}.brand{width:100%}.nav{width:100%;gap:.72rem 1rem;justify-content:flex-start}.hero{padding-top:1.5rem}.home-stage{padding:.7rem;border-radius:1.3rem}.home-hero,.home-library__head,.home-table__head,.home-track{padding-left:.85rem;padding-right:.85rem}body{padding-bottom:6.8rem}.site-footer__lead,.site-footer__meta{width:100%}.site-footer__command-stack{min-width:min(33ch,calc(100vw - 7.6rem));max-width:min(33ch,calc(100vw - 7.6rem))}}