:root{color-scheme:light;--bg: #f4f2ea;--paper: rgba(255, 255, 255, .74);--paper-solid: #ffffff;--ink: #151512;--muted: #64635c;--line: rgba(21, 21, 18, .14);--line-strong: rgba(21, 21, 18, .28);--accent: #175cff;--accent-2: #087f69;--grid-major: rgba(21, 21, 18, .05);--grid-minor: rgba(21, 21, 18, .028);--copy: #3e3e38;--body-copy: #4d4d46;--card-grid: rgba(21, 21, 18, .035);--canvas-bg: #f9f8f2;--canvas-grid: rgba(21, 21, 18, .07);--shadow-step: rgba(21, 21, 18, .05);--radius: 6px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--bg: #0d0f12;--paper: rgba(19, 23, 28, .78);--paper-solid: #15191f;--ink: #f1efe7;--muted: #aaa79d;--line: rgba(241, 239, 231, .13);--line-strong: rgba(241, 239, 231, .24);--accent: #7aa2ff;--accent-2: #49c6a8;--grid-major: rgba(241, 239, 231, .055);--grid-minor: rgba(241, 239, 231, .03);--copy: #d4d1c7;--body-copy: #c0bdb3;--card-grid: rgba(241, 239, 231, .035);--canvas-bg: #0f141a;--canvas-grid: rgba(241, 239, 231, .07);--shadow-step: rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px),var(--bg);background-size:96px 96px,96px 96px,24px 24px,24px 24px;color:var(--ink)}a{color:inherit;text-decoration:none}.site-shell{width:min(1120px,calc(100% - 40px));margin:0 auto}.nav{display:flex;align-items:center;justify-content:space-between;min-height:70px;border-bottom:1px solid var(--line-strong)}.mark,.nav nav,.footer{display:flex;align-items:center}.mark{gap:10px;font-weight:800}.header-photo{width:34px;height:34px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper-solid);object-fit:cover;object-position:center top}.nav nav{gap:4px}.nav nav a,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:0;border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.94rem;padding:0 10px;transition:background .16s ease,color .16s ease}.nav nav a:hover,.theme-toggle:hover{background:#1515120f;color:var(--ink)}:root[data-theme=dark] .nav nav a:hover,:root[data-theme=dark] .theme-toggle:hover{background:#f1efe712}.post:before{position:absolute;inset:11px auto auto 11px;width:7px;height:7px;border-radius:50%;background:var(--accent);content:""}.post-meta,.post-index{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;letter-spacing:0;text-transform:uppercase}h1,p{margin-top:0}h1{margin-bottom:16px;font-family:Georgia,Times New Roman,serif;font-size:2.9rem;line-height:1.06;letter-spacing:0}.posts-section{padding:28px 0 24px}.post{position:relative;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper)}.post{display:grid;grid-template-columns:96px minmax(0,1fr)}.post-index{display:grid;place-items:start center;border-right:1px solid var(--line);color:var(--muted);font-size:1.4rem;font-weight:900;padding-top:52px;opacity:.55}.post-body{padding:34px 38px 36px}.post-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px;color:var(--muted);font-size:.76rem;font-weight:800}.post .dek{color:var(--ink);font-size:1.16rem;font-weight:760;line-height:1.5}.post p{max-width:760px;color:var(--body-copy);font-size:1.02rem;line-height:1.72}.post p:last-child{margin-bottom:0}.single-post{margin-top:28px}.teaser-post{margin-top:28px;color:inherit;transition:border-color .16s ease,transform .16s ease,background .16s ease}.teaser-post:hover{border-color:var(--accent);transform:translateY(-2px)}.teaser-body{display:grid;gap:4px}.teaser-preview{position:relative;width:min(100%,560px);aspect-ratio:869 / 870;margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius)}.teaser-preview-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.dark-preview{opacity:0}:root[data-theme=dark] .light-preview{opacity:0}:root[data-theme=dark] .dark-preview{opacity:1}.read-link{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:14px;color:var(--accent);font-weight:760}.text-link{display:inline;color:var(--accent);font-weight:760;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.text-link svg{display:inline;margin-left:4px;vertical-align:-2px}.audio-demo{max-width:860px;margin-top:28px}.canvas-shell{display:grid;grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto 92px;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--canvas-bg)}.derivative-rail{grid-column:1;grid-row:1;border-right:1px solid var(--line);background:var(--canvas-bg)}.phase-canvas-wrap{grid-column:2;grid-row:1;position:relative}#audio-portrait,#audio-derivative,#audio-waveform{display:block;width:100%}#audio-portrait{aspect-ratio:1 / 1;height:auto}.derivative-rail,#audio-derivative{height:100%}.waveform-corner{grid-column:1;grid-row:2;border-top:1px solid var(--line);border-right:1px solid var(--line);background:var(--canvas-bg)}.waveform-strip{grid-column:2;grid-row:2;border-top:1px solid var(--line);background:var(--canvas-bg)}#audio-waveform{height:92px}.canvas-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}.canvas-prompt .audio-status{max-width:320px}.prompt-hint{color:var(--ink);font-size:.98rem;font-weight:720}.canvas-prompt .privacy-note{max-width:360px}.audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.control-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink);cursor:pointer;font:inherit;font-weight:760;padding:0 12px}.control-button.primary{border-color:transparent;background:var(--ink);color:var(--bg)}.control-button:disabled{cursor:wait;opacity:.74}.audio-status{color:var(--muted);font-size:.92rem;line-height:1.35}.privacy-note{color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem;font-weight:700;line-height:1.35;text-transform:uppercase}.footer{justify-content:space-between;gap:14px;padding:28px 0 42px;border-top:1px solid var(--line-strong);color:var(--muted)}@media(max-width:920px){h1{font-size:2.25rem}}@media(max-width:640px){.site-shell{width:min(100% - 28px,1120px)}.nav{align-items:flex-start;min-height:112px;padding:14px 0 12px}.nav,.footer{flex-direction:column}.nav nav{width:100%;justify-content:space-between}.nav nav a{padding:0 8px}h1{font-size:1.9rem}.post .dek{font-size:1.02rem}.posts-section{padding-top:18px}.post{grid-template-columns:1fr}.post-index{place-items:center start;min-height:42px;border-right:0;border-bottom:1px solid var(--line);font-size:1rem;padding:0 18px}.post-body{padding:24px 18px}.footer{align-items:flex-start}}