:root{--color-bg:#f8f6f1;--color-bg-raised:#fff;--color-bg-sunken:#f1eee6;--color-ink:#1a1a1a;--color-ink-soft:#44423e;--color-ink-mute:#807c73;--color-ink-faint:#b8b3a6;--color-line:#e5e0d2;--color-line-strong:#c9c2ae;--color-accent:#7a1f1f;--color-accent-soft:#a9554f;--color-accent-wash:#f2e5e1;--tint-podcast-bg:#f4ecdb;--tint-podcast-edge:#d9c495;--tint-podcast-ink:#6b4a11;--tint-tweet-bg:#ecf0f4;--tint-tweet-edge:#b6c6d3;--tint-tweet-ink:#1f4060;--tint-blog-bg:#e9efe5;--tint-blog-edge:#b7c7ad;--tint-blog-ink:#2e4a2a;--play-highlight:#f5c84638;--play-underline:#c49210;--vocab-underline:#7a1f1f;--focus-ring:#1f4060;--font-serif:"Source Serif 4", "Iowan Old Style", Charter, Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-zh:"Noto Sans SC", "PingFang SC", "Source Han Sans SC", sans-serif;--t-display:44px;--t-h1:32px;--t-h2:24px;--t-h3:19px;--t-body:18px;--t-body-zh:17px;--t-ui:14px;--t-meta:13px;--t-micro:11px;--lh-en:1.75;--lh-zh:1.85;--lh-tight:1.25;--lh-ui:1.4;--track-tight:-.012em;--track-label:.08em;--track-mono:.02em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--col-reader:720px;--col-home:880px;--col-wide:1080px;--r-1:2px;--r-2:4px;--r-3:8px;--r-4:12px;--r-pill:999px;--shadow-1:0 1px 0 #1a1a1a0a;--shadow-2:0 1px 2px #1a1a1a0d, 0 0 0 1px #1a1a1a0a;--shadow-3:0 6px 24px -8px #1a1a1a2e, 0 2px 6px #1a1a1a0f;--shadow-pop:0 24px 48px -16px #1a1a1a38, 0 4px 12px #1a1a1a14}[data-theme=dark]{--color-bg:#14130f;--color-bg-raised:#1c1b17;--color-bg-sunken:#100f0c;--color-ink:#eceae2;--color-ink-soft:#bdbab0;--color-ink-mute:#807c73;--color-line:#2a2823;--color-accent:#d67b6f;--color-accent-wash:#2a1816}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-serif);font-size:var(--t-body);line-height:var(--lh-en);font-feature-settings:"kern", "liga", "calt", "onum";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--color-accent);border-bottom:1px solid var(--color-accent-wash);text-decoration:none}a:hover{border-bottom-color:var(--color-accent)}hr{border:0;border-top:1px solid var(--color-line);margin:var(--s-7) 0}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.label-mono{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);color:var(--color-ink-mute);text-transform:uppercase}.label-ui{font-family:var(--font-sans);font-size:var(--t-ui);letter-spacing:0}.eyebrow{font-family:var(--font-sans);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-ink-mute);font-size:12px;font-weight:600}.zh{font-family:var(--font-zh);line-height:var(--lh-zh);font-size:var(--t-body-zh);color:var(--color-ink-soft)}.serif{font-family:var(--font-serif)}.sans{font-family:var(--font-sans)}.mono{font-family:var(--font-mono)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--color-line);background:var(--color-bg);z-index:10;-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1);position:sticky;top:0}.site-header-inner{max-width:var(--col-wide);padding:var(--s-4) var(--s-6);align-items:center;gap:var(--s-7);margin:0 auto;display:flex}.brand{color:var(--color-ink);border:0;align-items:baseline;gap:10px;display:flex}.brand-mark{font-family:var(--font-serif);letter-spacing:var(--track-tight);font-size:22px;font-weight:600}.brand-zh{font-family:var(--font-zh);color:var(--color-ink-mute);font-size:13px}.site-nav{gap:var(--s-5);font-family:var(--font-sans);font-size:var(--t-ui);margin-left:auto;display:flex}.site-nav button,.site-nav a{color:var(--color-ink-mute);background:0 0;border:0;border-bottom:1px solid #0000;padding:4px 0;text-decoration:none}.site-nav button[data-active=true],.site-nav a[data-active=true]{color:var(--color-ink);border-bottom-color:var(--color-ink)}.site-nav button:hover,.site-nav a:hover{color:var(--color-ink)}.brand,.btn{text-decoration:none}.media-card{cursor:pointer;text-decoration:none}.article-footnav-link{text-decoration:none}.proto-tabs{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:var(--color-bg-sunken);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--color-ink-mute)}.proto-tabs-inner{max-width:var(--col-wide);padding:0 var(--s-6);gap:var(--s-5);flex-wrap:wrap;align-items:center;margin:0 auto;display:flex}.proto-tabs-label{border-right:1px solid var(--color-line);padding:10px 0;padding-right:var(--s-5)}.proto-tabs button{color:var(--color-ink-mute);border-bottom:1px solid #0000;margin-bottom:-1px;padding:10px 0}.proto-tabs button[data-active=true]{color:var(--color-ink);border-bottom-color:var(--color-accent)}.proto-tabs button:hover{color:var(--color-ink)}.page{padding:var(--s-8) var(--s-6) var(--s-9);flex:1}.page-narrow{max-width:var(--col-home);margin:0 auto}.page-reader{max-width:var(--col-wide);margin:0 auto}.issue-header{gap:var(--s-5);padding-bottom:var(--s-5);border-bottom:1px solid var(--color-line);margin-bottom:var(--s-7);grid-template-columns:auto 1fr auto;align-items:end;display:grid}.issue-header-meta{flex-direction:column;gap:6px;display:flex}.issue-header-eyebrow{color:var(--color-ink-mute)}.issue-header-date{font-family:var(--font-zh);font-size:var(--t-display);letter-spacing:var(--track-tight);color:var(--color-ink);font-weight:500;line-height:1.05}.issue-header-date-en{font-family:var(--font-mono);color:var(--color-ink-mute);font-size:var(--t-meta);margin-top:4px}.issue-header-counts{font-family:var(--font-sans);font-size:var(--t-meta);color:var(--color-ink-mute);gap:var(--s-4);white-space:nowrap;display:flex}.issue-header-counts strong{color:var(--color-ink);font-weight:600}.day-nav{font-family:var(--font-sans);font-size:var(--t-ui);align-items:center;gap:4px;display:flex}.day-nav button{border:1px solid var(--color-line);border-radius:var(--r-1);background:var(--color-bg-raised);width:36px;height:36px;color:var(--color-ink-soft);justify-content:center;align-items:center;display:inline-flex}.day-nav button:hover{border-color:var(--color-ink);color:var(--color-ink)}.day-nav button:disabled{opacity:.4;cursor:not-allowed}.day-nav-today{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--color-ink-mute);padding:0 var(--s-3);border-right:1px solid var(--color-line);border-left:1px solid var(--color-line);align-items:center;height:36px;display:inline-flex}.section{margin-top:var(--s-8)}.section-header{align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-5);padding-bottom:var(--s-3);border-bottom:1px solid var(--color-line);display:flex}.section-icon{font-size:18px;line-height:1}.section-title{font-family:var(--font-serif);font-size:var(--t-h2);letter-spacing:var(--track-tight);margin:0;font-weight:600}.section-count{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);color:var(--color-ink-mute);text-transform:uppercase;margin-left:auto}.hero{gap:var(--s-7);padding:var(--s-7);background:var(--color-bg-raised);border:1px solid var(--color-line-strong);border-radius:var(--r-4);box-shadow:var(--shadow-2);grid-template-columns:1fr 220px;display:grid;position:relative;overflow:hidden}.hero[data-type=podcast]{background:linear-gradient(180deg, var(--tint-podcast-bg) 0%, var(--color-bg-raised) 60%)}.hero[data-type=blog]{background:linear-gradient(180deg, var(--tint-blog-bg) 0%, var(--color-bg-raised) 60%)}.hero[data-type=tweet]{background:linear-gradient(180deg, var(--tint-tweet-bg) 0%, var(--color-bg-raised) 60%)}.hero-eyebrow{gap:var(--s-3);margin-bottom:var(--s-4);align-items:center;display:flex}.hero-title{font-family:var(--font-serif);letter-spacing:var(--track-tight);margin:0 0 var(--s-3) 0;text-wrap:pretty;color:var(--color-ink);font-size:34px;font-weight:600;line-height:1.18}.hero-zh-hook{font-family:var(--font-zh);color:var(--color-ink-soft);margin:0 0 var(--s-5) 0;text-wrap:pretty;font-size:17px;line-height:1.7}.hero-meta{gap:var(--s-3) var(--s-5);font-family:var(--font-sans);font-size:var(--t-meta);color:var(--color-ink-mute);flex-wrap:wrap;align-items:center;display:flex}.hero-meta strong{color:var(--color-ink-soft);font-weight:500}.hero-actions{margin-top:var(--s-5);gap:var(--s-3);align-items:center;display:flex}.hero-art{border-left:1px solid var(--color-line);padding-left:var(--s-7);flex-direction:column;justify-content:space-between;align-self:stretch;display:flex}.hero-art-cover{aspect-ratio:1;background:repeating-linear-gradient(135deg, transparent 0 6px, #7a1f1f14 6px 7px), var(--tint-podcast-bg);border:1px solid var(--tint-podcast-edge);border-radius:var(--r-3);color:var(--tint-podcast-ink);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);text-transform:uppercase;justify-content:center;align-items:center;display:flex}.hero-runtime{font-family:var(--font-mono);font-size:var(--t-meta);color:var(--color-ink-mute);margin-top:var(--s-3);text-align:center}.type-badge{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);text-transform:uppercase;border-radius:var(--r-1);border:1px solid;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.type-badge[data-type=podcast]{color:var(--tint-podcast-ink);background:var(--tint-podcast-bg);border-color:var(--tint-podcast-edge)}.type-badge[data-type=tweet]{color:var(--tint-tweet-ink);background:var(--tint-tweet-bg);border-color:var(--tint-tweet-edge)}.type-badge[data-type=blog]{color:var(--tint-blog-ink);background:var(--tint-blog-bg);border-color:var(--tint-blog-edge)}.btn{font-family:var(--font-sans);font-size:var(--t-ui);border-radius:var(--r-1);border:1px solid var(--color-line-strong);background:var(--color-bg-raised);color:var(--color-ink);align-items:center;gap:8px;padding:9px 14px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.btn:hover{border-color:var(--color-ink)}.btn[data-variant=primary]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn[data-variant=primary]:hover{background:var(--color-accent-soft);border-color:var(--color-accent-soft)}.btn[data-variant=ghost]{color:var(--color-ink-soft);background:0 0;border-color:#0000}.btn[data-variant=ghost]:hover{background:var(--color-bg-sunken);color:var(--color-ink)}.playbtn{border-radius:var(--r-pill);font-family:var(--font-sans);font-size:var(--t-ui);justify-content:center;align-items:center;gap:8px;font-weight:500;transition:transform .12s,background .12s,color .12s;display:inline-flex}.playbtn[data-size=primary]{height:44px;padding:0 var(--s-5);background:var(--color-ink);color:var(--color-bg)}.playbtn[data-size=primary]:hover,.playbtn[data-size=primary][data-state=playing]{background:var(--color-accent)}.playbtn[data-size=secondary]{width:28px;height:28px;color:var(--color-ink-mute);border:1px solid var(--color-line);opacity:0;background:0 0;transition:opacity .15s,color .15s,border-color .15s}.paragraph-block:hover .playbtn[data-size=secondary],.playbtn[data-size=secondary][data-state=playing]{opacity:1}.playbtn[data-size=secondary]:hover{color:var(--color-ink);border-color:var(--color-ink)}.playbtn[data-size=secondary][data-state=playing]{color:var(--color-accent);border-color:var(--color-accent)}.lang-toggle{background:var(--color-bg-sunken);border-radius:var(--r-pill);border:1px solid var(--color-line);font-family:var(--font-sans);font-size:var(--t-ui);padding:3px;display:inline-flex}.lang-toggle button{border-radius:var(--r-pill);color:var(--color-ink-mute);align-items:center;gap:6px;padding:6px 14px;font-weight:500;display:inline-flex}.lang-toggle button[data-active=true]{background:var(--color-bg-raised);color:var(--color-ink);box-shadow:var(--shadow-2)}.lang-toggle .lang-zh{font-family:var(--font-zh)}.media-card{gap:var(--s-5);padding:var(--s-5);border:1px solid var(--color-line);border-radius:var(--r-3);background:var(--color-bg-raised);grid-template-columns:64px 1fr auto;align-items:start;transition:border-color .15s,box-shadow .15s;display:grid}.media-card:hover{border-color:var(--color-line-strong);box-shadow:var(--shadow-2)}.media-card-cover{border-radius:var(--r-2);background:repeating-linear-gradient(135deg, transparent 0 5px, #0000000d 5px 6px), var(--tint-podcast-bg);border:1px solid var(--tint-podcast-edge);justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;display:flex}.media-card[data-type=blog] .media-card-cover{background:repeating-linear-gradient(135deg, transparent 0 5px, #0000000a 5px 6px), var(--tint-blog-bg);border-color:var(--tint-blog-edge)}.media-card-source{font-family:var(--font-sans);font-size:var(--t-meta);color:var(--color-ink-mute);gap:var(--s-3);align-items:center;margin-bottom:6px;display:flex}.media-card-title{font-family:var(--font-serif);font-size:var(--t-h3);color:var(--color-ink);text-wrap:pretty;margin:0 0 6px;font-weight:600;line-height:1.3}.media-card-zh{font-family:var(--font-zh);color:var(--color-ink-soft);margin:0;font-size:15px;line-height:1.7}.media-card-aside{text-align:right;font-family:var(--font-mono);font-size:var(--t-micro);color:var(--color-ink-mute);letter-spacing:var(--track-mono)}.builder-card{border:1px solid var(--color-line);border-radius:var(--r-3);background:var(--color-bg-raised);padding:var(--s-5) var(--s-5) var(--s-4);transition:border-color .15s}.builder-card:hover{border-color:var(--color-line-strong)}.builder-card-head{gap:var(--s-3);padding-bottom:var(--s-4);border-bottom:1px dashed var(--color-line);margin-bottom:var(--s-4);align-items:center;display:flex}.builder-avatar{border-radius:var(--r-pill);width:40px;height:40px;font-family:var(--font-sans);color:#fff;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.builder-handle-row{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.builder-name{font-family:var(--font-serif);color:var(--color-ink);font-size:16px;font-weight:600}.builder-handle{font-family:var(--font-mono);font-size:var(--t-meta);color:var(--color-ink-mute);letter-spacing:var(--track-mono)}.builder-bio{font-family:var(--font-sans);font-size:var(--t-meta);color:var(--color-ink-mute);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.builder-card-tweets>*+*{border-top:1px dashed var(--color-line);margin-top:var(--s-4);padding-top:var(--s-4)}.builder-more{margin-top:var(--s-4);font-family:var(--font-sans);font-size:var(--t-meta);color:var(--color-accent);border:0}.builder-more:hover{color:var(--color-accent-soft)}.tweet-item .tweet-en{font-family:var(--font-serif);color:var(--color-ink);text-wrap:pretty;margin:0 0 6px;font-size:16px;line-height:1.6}.tweet-item .tweet-zh{font-family:var(--font-zh);color:var(--color-ink-soft);margin:0;font-size:14px;line-height:1.75}.engagement-row{margin-top:var(--s-3);gap:var(--s-4);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);color:var(--color-ink-mute);align-items:center;display:flex}.engagement-row .source-link{color:var(--color-ink-mute);font-size:var(--t-micro);border:0;margin-left:auto}.engagement-row .source-link:hover{color:var(--color-ink)}.builder-grid{gap:var(--s-4);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:768px){.builder-grid{grid-template-columns:1fr}}.reader-root{max-width:var(--col-wide);margin:0 auto}.reader-header{max-width:var(--col-reader);margin:0 auto var(--s-7)}.reader-meta-row{gap:var(--s-4);font-family:var(--font-sans);font-size:var(--t-meta);color:var(--color-ink-mute);margin-bottom:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.reader-title{font-family:var(--font-serif);font-size:var(--t-h1);letter-spacing:var(--track-tight);color:var(--color-ink);margin:0 0 var(--s-3) 0;text-wrap:pretty;font-weight:600;line-height:1.18}.reader-source{font-family:var(--font-sans);color:var(--color-ink-soft);font-size:15px}.reader-controls{gap:var(--s-4);margin:var(--s-5) 0 0 0;padding:var(--s-4) 0;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);align-items:center;display:flex}.reader-controls .keyboard-hint{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);color:var(--color-ink-mute);margin-left:auto}.kbd{border:1px solid var(--color-line-strong);border-radius:var(--r-1);background:var(--color-bg-raised);font-family:var(--font-mono);color:var(--color-ink-soft);margin:0 2px;padding:1px 6px;font-size:10px;display:inline-block}.paragraph-block{gap:var(--s-7);padding:var(--s-5) 0;border-bottom:1px solid var(--color-line);grid-template-columns:1.4fr 1fr;display:grid;position:relative}.paragraph-block[data-only=en],.paragraph-block[data-only=zh]{grid-template-columns:1fr}.paragraph-block[data-only=zh] .reader-en,.paragraph-block[data-only=en] .reader-zh{display:none}.paragraph-block .speaker-tag{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);color:var(--color-ink-mute);margin-bottom:var(--s-3);align-items:center;gap:var(--s-3);display:flex}.paragraph-block .speaker-tag .timecode{color:var(--color-ink-faint)}.paragraph-controls{left:-52px;top:var(--s-5);position:absolute}.reader-en{font-family:var(--font-serif);font-size:var(--t-body);line-height:var(--lh-en);color:var(--color-ink);text-wrap:pretty}.reader-zh{font-family:var(--font-zh);font-size:var(--t-body-zh);line-height:var(--lh-zh);color:var(--color-ink-soft);text-wrap:pretty}@media (max-width:1023px){.paragraph-block{gap:var(--s-3);grid-template-columns:1fr}.paragraph-controls{margin-bottom:var(--s-3);position:static}}.sentence-mark{border-radius:var(--r-1);background:0 0;margin:0 -2px;padding:1px 2px;transition:background .25s}.sentence-mark[data-playing=true]{background:var(--play-highlight);box-shadow:inset 0 -2px 0 var(--play-underline)}.word-chip{cursor:pointer;border-bottom:1px solid #0000;border-radius:2px;transition:background .12s,border-color .12s}.word-chip:hover{background:var(--color-accent-wash)}.word-chip[data-state=in-vocab]{border-bottom-color:var(--vocab-underline);border-bottom-style:solid}.word-chip[data-state=mastered]{color:var(--color-ink-mute);border-bottom:1px dotted var(--color-ink-faint)}.word-chip[data-active=true]{background:var(--color-accent-wash);outline:1px solid var(--color-accent)}.popover-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#14120f2e;display:none;position:fixed;inset:0}.popover-overlay[data-open=true]{display:block}.word-popover{background:var(--color-bg-raised);border:1px solid var(--color-line-strong);border-radius:var(--r-4);width:320px;box-shadow:var(--shadow-pop);padding:var(--s-5);font-family:var(--font-sans);color:var(--color-ink);z-index:101;font-size:14px;position:absolute}.word-popover-head{align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.word-popover-word{font-family:var(--font-serif);letter-spacing:var(--track-tight);font-size:26px;font-weight:600}.word-popover-ipa{font-family:var(--font-mono);color:var(--color-ink-mute);font-size:13px}.word-popover-pos{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--color-accent);margin-left:auto;font-size:11px}.word-popover-defs{font-family:var(--font-zh);color:var(--color-ink);margin:0 0 var(--s-4) 0;font-size:16px;line-height:1.6}.word-popover-defs li{margin-bottom:4px}.word-popover-context{font-family:var(--font-serif);color:var(--color-ink-soft);padding:var(--s-3);background:var(--color-bg-sunken);border-left:2px solid var(--color-line-strong);border-radius:0 var(--r-2) var(--r-2) 0;margin-bottom:var(--s-4);font-size:13px;font-style:italic;line-height:1.55}.word-popover-context-zh{font-family:var(--font-zh);color:var(--color-ink-mute);margin-top:4px;font-size:12px;font-style:normal;display:block}.word-popover-actions{gap:var(--s-3);border-top:1px solid var(--color-line);padding-top:var(--s-3);display:flex}.word-popover-actions button{font-family:var(--font-sans);color:var(--color-ink-soft);border-radius:var(--r-2);align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:inline-flex}.word-popover-actions button:hover{background:var(--color-bg-sunken);color:var(--color-ink)}.word-popover-actions button[data-primary=true]{color:var(--color-accent)}.word-popover-actions .vocab-zh{font-family:var(--font-zh)}@media (max-width:768px){.word-popover{border-radius:var(--r-4) var(--r-4) 0 0;width:auto;padding:var(--s-5);border-bottom:0;animation:.2s slide-up;position:fixed;bottom:0;left:0;right:0}@keyframes slide-up{0%{transform:translateY(100%)}}}.calendar-month{margin-top:var(--s-7)}.calendar-month-head{align-items:baseline;gap:var(--s-4);margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--color-line);display:flex}.calendar-month-title{font-family:var(--font-serif);font-size:var(--t-h2);letter-spacing:var(--track-tight);font-weight:600}.calendar-month-title-en{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--color-ink-mute);letter-spacing:var(--track-mono);text-transform:uppercase}.calendar-grid{background:var(--color-line);border:1px solid var(--color-line);border-radius:var(--r-3);grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.calendar-cell{aspect-ratio:1.05;background:var(--color-bg-raised);font-family:var(--font-sans);color:var(--color-ink-soft);cursor:pointer;text-align:left;flex-direction:column;padding:10px;font-size:12px;transition:background .15s;display:flex}.calendar-cell:hover{background:var(--color-bg)}.calendar-cell[data-empty=true]{background:var(--color-bg-sunken);color:var(--color-ink-faint);cursor:default}.calendar-cell[data-out-of-month=true]{background:var(--color-bg-sunken);color:var(--color-ink-faint)}.calendar-cell[data-today=true]{outline:2px solid var(--color-accent);outline-offset:-2px;background:var(--color-bg-raised)}.calendar-cell-day{font-family:var(--font-mono);color:var(--color-ink);letter-spacing:var(--track-mono);font-size:13px;font-weight:500}.calendar-cell-icons{gap:4px;margin-top:auto;font-size:11px;display:flex}.calendar-cell-headline{font-family:var(--font-serif);color:var(--color-ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.builder-profile-header{gap:var(--s-5);padding-bottom:var(--s-5);border-bottom:1px solid var(--color-line);margin-bottom:var(--s-7);grid-template-columns:96px 1fr;display:grid}.builder-profile-avatar{border-radius:var(--r-pill);color:#fff;width:96px;height:96px;font-family:var(--font-sans);justify-content:center;align-items:center;font-size:32px;font-weight:600;display:flex}.builder-profile-name{font-family:var(--font-serif);font-size:var(--t-h1);letter-spacing:var(--track-tight);margin:0 0 4px;font-weight:600}.builder-profile-handle{font-family:var(--font-mono);font-size:var(--t-meta);color:var(--color-ink-mute);letter-spacing:var(--track-mono)}.builder-profile-bio{font-family:var(--font-serif);color:var(--color-ink-soft);margin:var(--s-3) 0 var(--s-3) 0;text-wrap:pretty;font-size:17px;line-height:1.55}.builder-profile-stats{gap:var(--s-5);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--color-ink-mute);display:flex}.builder-profile-stats strong{color:var(--color-ink);font-weight:600}.date-divider{font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--color-ink-mute);padding:var(--s-3) 0;background:var(--color-bg);border-bottom:1px solid var(--color-line);z-index:5;margin:var(--s-7) 0 var(--s-4) 0;position:sticky;top:64px}.vocab-root{max-width:var(--col-home);margin:0 auto}.vocab-toolbar{gap:var(--s-4);margin-bottom:var(--s-5);padding-bottom:var(--s-3);border-bottom:1px solid var(--color-line);font-family:var(--font-sans);font-size:var(--t-meta);color:var(--color-ink-mute);align-items:center;display:flex}.vocab-sort{gap:var(--s-3);margin-left:auto;display:flex}.vocab-sort button{font-family:var(--font-sans);font-size:var(--t-meta);color:var(--color-ink-mute)}.vocab-sort button[data-active=true]{color:var(--color-ink);border-bottom:1px solid var(--color-ink)}.vocab-list{margin:0;padding:0;list-style:none}.vocab-item{gap:var(--s-5);padding:var(--s-5) 0;border-bottom:1px solid var(--color-line);grid-template-columns:220px 1fr auto;align-items:start;display:grid}.vocab-word{font-family:var(--font-serif);letter-spacing:var(--track-tight);color:var(--color-ink);font-size:22px;font-weight:600}.vocab-ipa{font-family:var(--font-mono);color:var(--color-ink-mute);margin-top:2px;font-size:13px}.vocab-def{font-family:var(--font-zh);color:var(--color-ink);margin:0 0 6px;font-size:15px;line-height:1.7}.vocab-context{font-family:var(--font-serif);color:var(--color-ink-soft);font-size:14px;font-style:italic;line-height:1.55}.vocab-context-zh{font-family:var(--font-zh);color:var(--color-ink-mute);margin-top:4px;font-size:12px;font-style:normal;display:block}.vocab-aside{text-align:right;font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);color:var(--color-ink-mute);flex-direction:column;align-items:flex-end;gap:6px;display:flex}.vocab-aside a{font-family:var(--font-sans);font-size:var(--t-meta);border:0}.vocab-pill{font-family:var(--font-sans);border-radius:var(--r-pill);background:var(--color-accent-wash);color:var(--color-accent);border:1px solid #0000;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:inline-flex}.empty-state{text-align:center;padding:var(--s-9) var(--s-5);border:1px dashed var(--color-line-strong);border-radius:var(--r-3);background:var(--color-bg-sunken)}.empty-state-icon{opacity:.4;margin-bottom:var(--s-4);font-size:32px}.empty-state-text{font-family:var(--font-serif);color:var(--color-ink-soft);text-wrap:pretty;max-width:360px;margin:0 auto;font-size:17px;line-height:1.6}.empty-state-text-zh{font-family:var(--font-zh);color:var(--color-ink-mute);margin-top:8px;font-size:14px;display:block}.site-footer{border-top:1px solid var(--color-line);margin-top:var(--s-9);padding:var(--s-6) 0;font-family:var(--font-sans);font-size:var(--t-meta);color:var(--color-ink-mute)}.site-footer-inner{max-width:var(--col-wide);padding:0 var(--s-6);justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer a{color:var(--color-ink-soft);border:0}.site-footer a:hover{color:var(--color-ink)}.keyboard-hint{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);color:var(--color-ink-mute)}.article-footnav{max-width:var(--col-reader);margin:var(--s-7) auto 0;gap:var(--s-4);border-top:1px solid var(--color-line);padding-top:var(--s-5);grid-template-columns:1fr 1fr;display:grid}.article-footnav-link{padding:var(--s-4);border:1px solid var(--color-line);border-radius:var(--r-3);background:var(--color-bg-raised);border-bottom:1px solid var(--color-line);color:var(--color-ink);flex-direction:column;transition:border-color .15s;display:flex}.article-footnav-link:hover{border-color:var(--color-line-strong)}.article-footnav-link[data-dir=next]{text-align:right}.article-footnav-eyebrow{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--color-ink-mute);margin-bottom:6px}.article-footnav-title{font-family:var(--font-serif);font-size:15px;font-weight:600;line-height:1.35}.prose{max-width:var(--col-reader);margin:0 auto}.prose h1{font-family:var(--font-serif);font-size:var(--t-h1);letter-spacing:var(--track-tight);margin:0 0 var(--s-5) 0;font-weight:600}.prose h2{font-family:var(--font-serif);font-size:var(--t-h3);margin:var(--s-7) 0 var(--s-3) 0;font-weight:600}.prose p{margin:0 0 var(--s-4) 0}.prose .zh{margin-top:-8px;margin-bottom:var(--s-5)}.fourohfour{text-align:center;padding:var(--s-9) 0}.fourohfour-code{font-family:var(--font-mono);letter-spacing:var(--track-tight);color:var(--color-ink-faint);margin-bottom:var(--s-5);font-size:96px;line-height:1}.fourohfour-msg{font-family:var(--font-serif);color:var(--color-ink);margin-bottom:var(--s-3);text-wrap:pretty;font-size:22px}.fourohfour-msg-zh{font-family:var(--font-zh);color:var(--color-ink-mute);font-size:15px}.guide-section{max-width:var(--col-wide);padding-top:var(--s-7);margin:0 auto}.guide-section+.guide-section{border-top:1px solid var(--color-line)}.guide-section-head{gap:var(--s-5);margin-bottom:var(--s-5);grid-template-columns:240px 1fr;display:grid}.guide-section-title{font-family:var(--font-serif);font-size:var(--t-h2);letter-spacing:var(--track-tight);margin:0;font-weight:600}.guide-section-title-en{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--color-ink-mute);margin-top:4px}.guide-section-note{font-family:var(--font-serif);color:var(--color-ink-soft);text-wrap:pretty;max-width:540px;font-size:16px;line-height:1.6}.swatch-grid{gap:var(--s-4);grid-template-columns:repeat(4,1fr);display:grid}.swatch{border:1px solid var(--color-line);border-radius:var(--r-3);background:var(--color-bg-raised);overflow:hidden}.swatch-chip{aspect-ratio:2}.swatch-meta{padding:var(--s-3)}.swatch-name{font-family:var(--font-sans);font-size:13px;font-weight:600}.swatch-token{font-family:var(--font-mono);color:var(--color-ink-mute);font-size:11px}.swatch-hex{font-family:var(--font-mono);color:var(--color-ink-soft);margin-top:2px;font-size:11px}.type-row{gap:var(--s-5);padding:var(--s-4) 0;border-bottom:1px solid var(--color-line);grid-template-columns:200px 1fr 200px;align-items:baseline;display:grid}.type-row-name{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--color-ink-mute)}.type-row-spec{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--color-ink-mute);text-align:right}.scale-row{gap:var(--s-4);grid-template-columns:100px 1fr;align-items:center;padding:8px 0;display:grid}.scale-key{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--color-ink-mute)}.scale-bar{background:var(--color-accent-wash);border-radius:var(--r-1);height:24px;font-family:var(--font-mono);color:var(--color-accent);align-items:center;padding-left:8px;font-size:11px;display:flex}.radii-row{gap:var(--s-5);align-items:center;display:flex}.radii-tile{background:var(--color-bg-raised);border:1px solid var(--color-line-strong);width:80px;height:80px;font-family:var(--font-mono);color:var(--color-ink-mute);justify-content:center;align-items:center;font-size:11px;display:flex}.shadow-row{gap:var(--s-7);padding:var(--s-7) 0;align-items:center;display:flex}.shadow-tile{background:var(--color-bg-raised);border-radius:var(--r-3);width:120px;height:80px;font-family:var(--font-mono);color:var(--color-ink-mute);align-items:flex-end;padding:8px;font-size:10px;display:flex}.state-grid{gap:var(--s-4);grid-template-columns:repeat(3,1fr);display:grid}.state-tile{border:1px solid var(--color-line);border-radius:var(--r-3);padding:var(--s-5);background:var(--color-bg-raised);min-height:120px}.state-tile-label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--color-ink-mute);margin-bottom:var(--s-3)}.motion-frame{border:1px solid var(--color-line-strong);border-radius:var(--r-3);padding:var(--s-5);background:var(--color-bg-raised);position:relative}.motion-annotation{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--color-accent);background:var(--color-bg);border-radius:var(--r-1);border:1px solid var(--color-accent-wash);padding:2px 6px;position:absolute}@media (max-width:768px){.hero{padding:var(--s-5);grid-template-columns:1fr}.hero-art{border-left:0;border-top:1px solid var(--color-line);padding:var(--s-5) 0 0}.hero-title{font-size:24px}.issue-header{grid-template-columns:1fr}.day-nav{justify-self:start}.site-header-inner{padding:var(--s-3) var(--s-4);gap:var(--s-4)}.page{padding:var(--s-5) var(--s-4) var(--s-7)}.calendar-grid{font-size:10px}.calendar-cell{padding:6px}.calendar-cell-headline{display:none}.vocab-item{grid-template-columns:1fr}.vocab-aside{text-align:left;align-items:flex-start}.builder-profile-header{grid-template-columns:64px 1fr}.builder-profile-avatar{width:64px;height:64px;font-size:22px}}