:root{--color-text: #202124;--color-heading: #111827;--color-muted: #596273;--color-soft: #737b89;--color-faint: #8a93a2;--color-bg: #f4f5f6;--color-sidebar: #fbfbfc;--color-surface: #ffffff;--color-surface-subtle: #fafbfc;--color-surface-muted: #f0f2f4;--color-border: #e2e5e9;--color-border-soft: #eceff2;--color-border-strong: #cfd4dc;--color-button-bg: #ffffff;--color-button-mobile-bg: #f8fafc;--color-dialogue-a: #eef1f4;--color-dialogue-b: #ffffff;--color-key-term: #000000;--shadow-card: 0 1px 2px rgba(17, 24, 39, .03);--shadow-active: 0 1px 2px rgba(17, 24, 39, .05);color:var(--color-text);background:var(--color-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;text-rendering:optimizeLegibility}[data-theme=paper]{--color-text: #2e2a24;--color-heading: #1f1a15;--color-muted: #665f55;--color-soft: #7c7368;--color-faint: #91887c;--color-bg: #f6f2ea;--color-sidebar: #fbf8f1;--color-surface: #fffdf8;--color-surface-subtle: #f8f3ea;--color-surface-muted: #eee7dc;--color-border: #e2d9ca;--color-border-soft: #ece3d5;--color-border-strong: #cfc2b1;--color-button-bg: #fffdf8;--color-button-mobile-bg: #fbf6ed;--color-dialogue-a: #eee6da;--color-dialogue-b: #fffdf8;--color-key-term: #181512;--shadow-card: 0 1px 2px rgba(79, 63, 44, .06);--shadow-active: 0 1px 3px rgba(79, 63, 44, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg)}button{font:inherit}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--color-border);background:var(--color-sidebar);padding:22px 14px}.brand{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;width:100%;padding:0 6px 20px;border-bottom:1px solid var(--color-border-soft)}.brand-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--color-border-strong);border-radius:8px;color:var(--color-muted);background:var(--color-surface)}.eyebrow{margin:0;color:var(--color-soft);font-size:12px;font-weight:700;letter-spacing:0}.brand h1{margin:2px 0 0;color:var(--color-heading);font-size:20px;line-height:1.2}.mobile-current,.mobile-actions,.mobile-menu-button,.mobile-nav-actions,.mobile-translation-toggle{display:none}.scenario-nav{display:grid;gap:12px;margin-top:18px}.mobile-nav-home{display:none}.nav-group{display:grid;gap:4px}.nav-group-header{display:grid;grid-template-columns:1fr 18px;gap:8px;align-items:center;width:100%;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;padding:7px 8px;text-align:left}.nav-group-header:hover{background:var(--color-surface-muted)}.nav-group-title{display:block;min-width:0}.nav-group-title>span{display:block;margin:0;color:var(--color-heading);font-size:15px;font-weight:800;line-height:1.25}.nav-group-icon{color:var(--color-soft);transition:transform .12s ease}.nav-group.expanded .nav-group-icon{transform:rotate(180deg)}.nav-group-items{display:grid;gap:2px}.nav-item{display:grid;grid-template-columns:34px 1fr;gap:6px;align-items:center;width:100%;min-height:36px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-muted);cursor:pointer;padding:7px 8px;text-align:left}.nav-item:hover{background:var(--color-surface-muted)}.nav-item.active{border-color:var(--color-border);background:var(--color-surface);color:var(--color-heading);font-weight:700;box-shadow:var(--shadow-active)}.nav-index{color:var(--color-soft);font-size:12px;font-weight:700}.nav-text{min-width:0;font-size:14px}.nav-empty{margin:0 10px;border:1px dashed var(--color-border-strong);border-radius:8px;color:var(--color-faint);padding:8px 10px;font-size:12px}.content{width:100%;min-width:0;padding:38px 44px 64px}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--color-border)}.title-row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;margin-bottom:8px}.page-header h2{margin:0;color:var(--color-heading);font-size:36px;line-height:1.15}.summary{max-width:900px;margin:0;color:var(--color-muted);font-size:16px;line-height:1.65}.home-button,.translation-toggle,.theme-toggle{flex:0 0 auto;border:1px solid var(--color-border-strong);border-radius:7px;background:var(--color-button-bg);color:var(--color-text);cursor:pointer;padding:8px 12px;font-size:13px;font-weight:700;box-shadow:var(--shadow-card)}.home-button:hover,.translation-toggle:hover,.translation-toggle.active,.theme-toggle:hover{background:var(--color-surface-muted)}.theme-toggle{display:inline-flex;gap:6px;align-items:center;justify-content:center}.desktop-actions{position:fixed;top:18px;right:24px;display:inline-flex;gap:8px;align-items:center;z-index:20}.site-shell{min-height:100vh;background:var(--color-bg)}.route-loading{display:grid;min-height:100vh;place-items:center;background:var(--color-bg);color:var(--color-muted);font-size:14px;font-weight:700}.site-topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);background:var(--color-sidebar);padding:14px 28px}.site-brand{display:inline-flex;gap:8px;align-items:center;border:0;background:transparent;color:var(--color-heading);padding:4px 0;font-size:16px;font-weight:800}.site-brand.clickable{cursor:pointer}.site-brand.clickable:hover span{text-decoration:underline;text-underline-offset:4px}.site-actions{display:inline-flex;gap:8px;align-items:center}.home-content{width:min(1040px,calc(100% - 48px));margin:0 auto;padding:48px 0 72px}.home-hero{border-bottom:1px solid var(--color-border);padding-bottom:28px}.home-hero.compact{padding-bottom:20px}.home-hero h2{max-width:760px;margin:8px 0 0;color:var(--color-heading);font-size:40px;line-height:1.18}.home-hero p:last-child{max-width:640px;margin:14px 0 0;color:var(--color-muted);font-size:16px;line-height:1.7}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.info-panel,.link-panel,.article-empty{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-card);padding:22px}.info-panel h3,.link-panel h3{margin:0 0 6px;color:var(--color-heading);font-size:18px}.about-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.about-list li{display:grid;gap:4px}.about-list strong{color:var(--color-heading);font-size:14px}.about-list span,.link-panel p,.article-empty p{margin:0;color:var(--color-muted);font-size:14px;line-height:1.65}.link-panel{display:grid;align-content:start;gap:6px;width:100%;cursor:pointer;text-align:left}.link-panel:hover{background:var(--color-surface-subtle)}.link-panel:hover h3{text-decoration:underline;text-underline-offset:4px}.text-link-button{justify-self:start;border:1px solid var(--color-border-strong);border-radius:7px;background:var(--color-button-bg);color:var(--color-heading);cursor:pointer;padding:8px 12px;font-size:13px;font-weight:800;box-shadow:var(--shadow-card)}.text-link-button:hover,.text-link-button.secondary:hover{background:var(--color-surface-muted)}.text-link-button.secondary{color:var(--color-muted)}.article-empty{display:grid;gap:18px;margin-top:24px}.thought-list{display:grid;gap:14px;margin-top:24px}.thought-card{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-card);padding:22px}.thought-card time{color:var(--color-soft);font-size:13px;font-weight:800}.thought-card p{margin:0;color:var(--color-text);font-size:15px;line-height:1.85}.thought-card p+p{margin-top:8px}.page-links{display:flex;flex-wrap:wrap;gap:10px}.section-block{margin-top:24px}.section-title{display:flex;gap:8px;align-items:center;margin-bottom:12px;color:var(--color-muted)}.section-title h3{margin:0;color:var(--color-heading);font-size:18px}.level-card,.vocab-card{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-card)}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.level-card{min-width:0;padding:18px 18px 20px}.level-header{display:flex;gap:8px;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--color-border-soft)}.level-header p{margin:0;color:var(--color-heading);font-size:16px;font-weight:750;line-height:1.2}.level-header span{display:inline;margin-top:0;color:var(--color-soft);font-size:12px;line-height:1.2}.content-group,.dialogue,.compact-vocab{margin-top:18px}.content-group h4,.dialogue h4,.compact-vocab h4,.vocab-card h4{margin:0 0 8px;color:var(--color-heading);font-size:14px;font-weight:800}.content-group ul{display:grid;gap:9px;margin:0;padding-left:18px}.content-group li,.dialogue-line{color:var(--color-text);font-size:14px;line-height:1.55}.dialogue{border:1px solid var(--color-border-soft);border-radius:8px;background:var(--color-surface-subtle);padding:12px}.dialogue-lines{display:grid;gap:8px}.dialogue-line{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;margin:0;border:1px solid transparent;border-radius:7px;padding:10px 12px}.dialogue-line.speaker-a{background:var(--color-dialogue-a)}.dialogue-line.speaker-b{background:var(--color-dialogue-b)}.dialogue-line strong{color:var(--color-heading);font-size:12px;line-height:1.8}.dialogue-line span{min-width:0}.sentence-zh{display:block;margin-top:5px;color:var(--color-soft);font-size:13px;line-height:1.45}.key-term{color:var(--color-key-term);font-weight:800}.compact-vocab{padding:0}.compact-vocab ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.compact-vocab li{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:8px;align-items:start;color:var(--color-muted);font-size:13px;line-height:1.45}.compact-vocab strong{color:var(--color-key-term);font-weight:800}.compact-vocab span{min-width:0}.vocabulary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vocab-card{display:grid;gap:12px;padding:18px}.vocab-card h4{margin-bottom:4px;color:var(--color-key-term);font-size:16px;font-weight:800}.vocab-card p{margin:0;color:var(--color-muted);font-size:14px;line-height:1.55}.vocab-example{border-left:2px solid var(--color-border-strong);padding-left:12px}.vocab-detail{display:grid;gap:6px}.vocab-detail p,.vocab-note strong{margin:0;color:var(--color-heading);font-size:12px;font-weight:750}.vocab-detail ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.vocab-detail li{border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-subtle);color:var(--color-text);padding:5px 8px;font-size:13px;line-height:1.35}.vocab-note{display:grid;gap:4px;border-top:1px solid var(--color-border-soft);padding-top:10px}.vocab-note span{color:var(--color-muted);font-size:13px}@media(max-width:1040px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.profile-grid,.level-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.site-topbar{padding:10px 14px}.home-content{width:calc(100% - 28px);padding:28px 0 48px}.home-hero{padding-bottom:20px}.home-hero h2{font-size:28px}.home-hero p:last-child{font-size:14px;line-height:1.6}.info-panel,.link-panel,.article-empty,.thought-card{padding:16px}.sidebar{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;z-index:10;height:auto;max-height:none;overflow:visible;border-right:0;border-bottom:1px solid var(--color-border);background:var(--color-sidebar);padding:10px 14px}.brand{grid-template-columns:32px 1fr;gap:10px;min-width:0;padding-bottom:0;border-bottom:0}.brand-icon{width:32px;height:32px}.brand h1{font-size:16px}.mobile-current{display:block;margin:2px 0 0;overflow:hidden;color:var(--color-soft);font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.mobile-actions{display:inline-flex;gap:8px;align-items:center;justify-content:flex-end}.mobile-menu-button{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-width:70px;min-height:38px;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-button-mobile-bg);color:var(--color-heading);cursor:pointer;padding:8px 10px;font-size:13px;font-weight:700}.mobile-translation-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin-top:0;padding:8px 10px;white-space:nowrap}.scenario-nav{position:absolute;top:100%;right:0;left:0;display:none;gap:14px;max-height:calc(100dvh - 72px);margin-top:0;overflow:auto;border-top:1px solid var(--color-border);background:var(--color-bg);padding:14px;-webkit-overflow-scrolling:touch}.scenario-nav.open{display:grid}.mobile-nav-actions{display:block;border-bottom:1px solid var(--color-border);padding:0 0 10px}.mobile-nav-home{display:block;width:100%;border:0;border-radius:7px;background:transparent;color:var(--color-heading);cursor:pointer;padding:8px 4px;text-align:left;font-size:15px;font-weight:800}.mobile-nav-home:hover{background:var(--color-surface-muted)}.nav-group{align-content:start;gap:8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:12px}.nav-group-header{padding:6px 4px}.nav-group-title>span{font-size:15px}.nav-item{grid-template-columns:24px auto;width:100%;min-height:38px;padding:7px 10px}.nav-text{font-size:13px}.nav-empty{margin:0}.content{padding:18px 14px 44px}.page-header{display:block;padding-bottom:14px}.page-header h2{font-size:23px;line-height:1.18}.title-row{gap:5px 8px;margin-bottom:5px}.summary{font-size:14px;line-height:1.5}.desktop-actions{display:none}.vocabulary-grid{grid-template-columns:1fr}.level-card,.vocab-card{padding:15px}.dialogue{padding:10px}.dialogue-line{grid-template-columns:24px 1fr;gap:8px;padding:9px 10px}.compact-vocab li{grid-template-columns:1fr;gap:2px}}@media(max-width:520px){.site-brand{font-size:15px}.site-topbar .theme-toggle svg{display:none}.home-hero h2{font-size:24px}.brand{grid-template-columns:minmax(0,1fr)}.brand-icon{display:none}.mobile-actions{gap:6px}.mobile-menu-button{min-width:58px;padding:7px 8px}.mobile-translation-toggle{padding:7px 8px}.page-header h2{font-size:21px}.summary{font-size:14px}.content-group li,.dialogue-line,.vocab-card p{font-size:13px}.vocab-detail li{font-size:12px}}