@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #FFFFFF;--bg-elev: #FFFFFF;--surface: #FFFFFF;--surface-2: #F4F5F9;--surface-translucent: rgba(255,255,255,.72);--ink: #0B1024;--ink-2: #2A3247;--ink-3: #6B7280;--ink-4: #B7BCCB;--line: rgba(11,16,36,.06);--line-2: rgba(11,16,36,.11);--line-3: rgba(11,16,36,.2);--accent: #4D5BE5;--accent-soft: #E5E8FC;--accent-ink: #2A38B0;--ok: #2E8C5E;--warn: #C28A2F;--info: #4D5BE5;--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-1: 0 1px 0 rgba(255,255,255,.6) inset, 0 1px 2px rgba(11,16,36,.04);--shadow-2: 0 1px 0 rgba(255,255,255,.7) inset, 0 6px 24px -8px rgba(11,16,36,.1), 0 2px 6px rgba(11,16,36,.04);--shadow-3: 0 1px 0 rgba(255,255,255,.7) inset, 0 24px 60px -20px rgba(11,16,36,.22), 0 8px 24px -12px rgba(11,16,36,.1);--font-sans: "Sora", "PingFang SC", "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-serif: "Instrument Serif", "Songti SC", "Noto Serif SC", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--nav-w: 232px;--nav-collapsed: 64px;--topbar-h: 56px;--app-bottom-safe: max(144px, env(safe-area-inset-bottom, 0px))}:root[data-theme=cream]{--bg: #F4F0E6;--bg-elev: #FBF8F1;--surface: #FFFFFF;--surface-2: #FBF9F3;--surface-translucent: rgba(255,255,255,.62);--ink: #1A1814;--ink-2: #4A453B;--ink-3: #807868;--ink-4: #B8B1A1;--line: rgba(26,24,20,.07);--line-2: rgba(26,24,20,.12);--line-3: rgba(26,24,20,.2);--accent: #C75A3A;--accent-soft: #F5DCD0;--accent-ink: #6A2916}:root[data-theme=mist]{--bg: #EEF2F4;--bg-elev: #F5F8FA;--surface: #FFFFFF;--surface-2: #F7FAFB;--surface-translucent: rgba(255,255,255,.55);--ink: #15212B;--ink-2: #41525E;--ink-3: #7A8893;--ink-4: #B6BFC7;--line: rgba(21,33,43,.07);--line-2: rgba(21,33,43,.12);--line-3: rgba(21,33,43,.2);--accent: #2F5D7A;--accent-soft: #D5E5F0;--accent-ink: #122D40}:root[data-theme=editorial]{--bg: #FAFAF7;--bg-elev: #FFFFFF;--surface: #FFFFFF;--surface-2: #F4F2EC;--ink: #0E0E0C;--ink-2: #3A3833;--ink-3: #75736B;--ink-4: #B1AEA4;--line: rgba(14,14,12,.1);--line-2: rgba(14,14,12,.16);--line-3: rgba(14,14,12,.26);--accent: #0E0E0C;--accent-soft: #E8E5DA;--accent-ink: #0E0E0C}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button{font-family:inherit;cursor:default}input,textarea,select{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:var(--nav-w) 1fr;height:100vh;height:100dvh;width:100vw;background:radial-gradient(1200px 600px at 8% -10%,color-mix(in oklab,var(--accent) 14%,transparent),transparent 60%),radial-gradient(900px 500px at 100% 110%,color-mix(in oklab,var(--accent) 9%,transparent),transparent 60%),var(--bg)}.nav{display:flex;flex-direction:column;padding:14px 12px calc(12px + var(--app-bottom-safe));gap:18px;border-right:1px solid var(--line);background:var(--surface-translucent);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.nav-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 8px}.nav-brand-mark{width:30px;height:30px;display:grid;place-items:center;flex:none}.nav-brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.nav-brand-name{font-family:var(--font-sans);font-size:16px;font-weight:700;line-height:1;letter-spacing:.14em;color:var(--ink);text-transform:uppercase}.nav-brand-tag{margin-left:auto;font-size:10px;color:var(--ink-3);letter-spacing:.08em;padding:3px 6px;border:1px solid var(--line-2);border-radius:4px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-label{font-size:10px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;padding:4px 10px 6px;display:flex;align-items:center;justify-content:space-between}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--ink-2);font-size:13px;position:relative;border:1px solid transparent}.nav-item:hover{background:#1a18140a;color:var(--ink)}.nav-item.active{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-1)}.nav-item .nav-ico{width:16px;height:16px;flex:none;color:currentColor;opacity:.78}.nav-item.active .nav-ico{opacity:1;color:var(--accent)}.nav-item .nav-badge{margin-left:auto;font-size:9.5px;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent-ink);font-weight:500}.nav-item.muted{color:var(--ink-4);cursor:default}.nav-item.muted:hover{background:transparent}.nav-spacer{flex:1}.nav-add{border:1px dashed var(--line-2);border-radius:10px;padding:10px;color:var(--ink-3);font-size:12px;display:flex;align-items:center;gap:8px;background:transparent}.nav-add:hover{background:#1a181408;color:var(--ink-2)}.nav-foot{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--line);margin-top:4px}.nav-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#e3c9a8,#b17c5b);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:600}.nav-foot-name{font-size:12.5px;color:var(--ink)}.nav-foot-sub{font-size:10.5px;color:var(--ink-3)}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--line);background:var(--surface-translucent);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.crumb{display:flex;align-items:center;gap:6px;color:var(--ink-3);font-size:12.5px}.crumb b{color:var(--ink);font-weight:500}.crumb-sep{opacity:.4}.tb-spacer{flex:1}.tb-search{height:32px;min-width:260px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--ink-3);font-size:12.5px}.tb-search input{border:0;outline:0;background:transparent;flex:1;font-size:12.5px}.tb-search kbd{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);border:1px solid var(--line-2);border-radius:4px;padding:1px 5px;background:var(--surface-2)}.tb-icon-btn{height:32px;width:32px;display:grid;place-items:center;border-radius:8px;color:var(--ink-2);border:1px solid transparent;background:transparent}.tb-icon-btn:hover{background:#1a18140d}.tb-lang{height:32px;display:flex;align-items:center;padding:0 4px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);font-size:11.5px}.tb-lang button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:4px 10px;border-radius:6px;color:var(--ink-3);font-size:11.5px}.tb-lang button.active{background:var(--ink);color:var(--bg-elev)}.view{flex:1;min-height:0;overflow:auto;padding:28px 36px calc(60px + var(--app-bottom-safe));scroll-padding-bottom:calc(60px + var(--app-bottom-safe));scrollbar-width:thin;scrollbar-color:var(--line-3) transparent}.view::-webkit-scrollbar{width:10px}.view::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px;border:2px solid transparent;background-clip:content-box}.view::-webkit-scrollbar-thumb:hover{background:var(--line-3);border:2px solid transparent;background-clip:content-box}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card.translucent{background:var(--surface-translucent);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-color:#ffffff80}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);white-space:nowrap;transition:transform .08s ease,background .15s ease}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.985)}.btn.primary{background:var(--ink);color:var(--bg-elev);border-color:var(--ink);box-shadow:0 1px #ffffff26 inset,0 6px 16px -6px #00000059}.btn.primary:hover{background:#000}.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px #fff3 inset,0 6px 16px -6px color-mix(in oklab,var(--accent) 60%,transparent)}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn.ghost:hover{background:#1a18140d;color:var(--ink)}.btn.lg{height:40px;padding:0 18px;font-size:13.5px;border-radius:10px}.btn.sm{height:28px;padding:0 10px;font-size:12px;border-radius:6px}.btn.icon{width:34px;padding:0}.btn.icon.sm{width:28px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:11.5px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2)}.chip.solid{background:var(--ink);color:var(--bg-elev);border-color:var(--ink)}.chip.soft{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.chip.dot:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ok);display:inline-block}.h-display{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:44px;line-height:1.05;letter-spacing:-.01em;color:var(--ink)}.h-title{font-size:22px;font-weight:500;letter-spacing:-.01em;color:var(--ink);margin:0}.h-sect{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.muted{color:var(--ink-3)}:root[data-theme=editorial] .h-display{font-size:56px;font-style:normal}:root[data-theme=editorial] .card{border-radius:6px}:root[data-theme=editorial] .btn{border-radius:4px}:root[data-theme=editorial] .chip{border-radius:4px}:root[data-theme=mist] .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.grow{flex:1}.ph{background:linear-gradient(135deg,color-mix(in oklab,var(--ink) 6%,transparent),color-mix(in oklab,var(--accent) 8%,transparent)),var(--surface-2);border-radius:var(--radius-sm);position:relative;overflow:hidden}.ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 30% 20%,rgba(255,255,255,.6),transparent 50%);pointer-events:none}.ph-label{position:absolute;left:10px;bottom:8px;font-size:10px;color:var(--ink-2);background:#ffffffbf;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e6b;backdrop-filter:blur(8px) saturate(130%);-webkit-backdrop-filter:blur(8px) saturate(130%);z-index:100;display:grid;place-items:center;padding:24px;animation:scrimFade .18s ease-out}@keyframes scrimFade{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.modal{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);width:100%;max-width:1180px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;animation:modalIn .22s cubic-bezier(.2,.7,.2,1);overflow:hidden}::selection{background:var(--accent-soft);color:var(--accent-ink)}