@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background-color:#020617}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f8fc;--surface: #ffffff;--surface-soft: #f8faff;--surface-muted: #f1f5ff;--sidebar: #0f172a;--sidebar-soft: #1e293b;--text: #0f172a;--text-soft: #475569;--text-muted: #64748b;--text-inverse: #e2e8f0;--border: #e2e8f0;--border-strong: #cbd5e1;--accent: #2563eb;--accent-soft: #dbeafe;--accent-ink: #1d4ed8;--success: #0f766e;--success-soft: #ccfbf1;--warn: #b45309;--warn-soft: #ffedd5;--danger: #b91c1c;--danger-soft: #fee2e2;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 6px 18px rgba(15, 23, 42, .08);--shadow-lg: 0 18px 32px rgba(15, 23, 42, .12);--sidebar-w: 260px;--topbar-h: 64px;--linum-w: 62px;--statusbar-h: 36px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--trans: .18s ease}.shell.theme-zen{--bg: #f8f5ef;--surface: #fffdf8;--surface-soft: #f4efe5;--surface-muted: #ebe4d7;--sidebar: #1d2a2b;--text: #283033;--text-soft: #46545a;--text-muted: #6a7b82;--text-inverse: #ebf0f0;--border: #d8d1c3;--border-strong: #beb5a3;--accent: #176b5d;--accent-soft: #d8efe8;--accent-ink: #115246;--success: #1f7a53;--success-soft: #ddf5ea;--warn: #9a5b2e;--warn-soft: #f7e9db;--danger: #9b4040;--danger-soft: #f9e4e4;--shadow-sm: 0 1px 2px rgba(35, 45, 44, .08);--shadow-md: 0 10px 24px rgba(35, 45, 44, .12);--shadow-lg: 0 24px 44px rgba(35, 45, 44, .16)}.shell.theme-synsia{--bg: #f8fafc;--surface: #ffffff;--surface-soft: #f8fafc;--surface-muted: #f3f4f6;--sidebar: #020617;--text: #111827;--text-soft: #374151;--text-muted: #6b7280;--text-inverse: #e5e7eb;--border: #d1d5db;--border-strong: #9ca3af;--accent: #f97316;--accent-soft: #ffedd5;--accent-ink: #c2410c;--success: #22c55e;--success-soft: #dcfce7;--warn: #eab308;--warn-soft: #fef9c3;--danger: #ef4444;--danger-soft: #fee2e2;--shadow-sm: 0 2px 8px rgba(2, 6, 23, .1);--shadow-md: 0 10px 30px rgba(2, 6, 23, .16);--shadow-lg: 0 20px 44px rgba(2, 6, 23, .22)}.shell.theme-noir{--bg: #070b14;--surface: #101828;--surface-soft: #162133;--surface-muted: #1b2940;--sidebar: #030712;--text: #e5e7eb;--text-soft: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #f8fafc;--border: #243247;--border-strong: #364863;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .16);--accent-ink: #7dd3fc;--success: #34d399;--success-soft: rgba(52, 211, 153, .16);--warn: #f59e0b;--warn-soft: rgba(245, 158, 11, .16);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .16);--shadow-sm: 0 2px 8px rgba(2, 6, 23, .22);--shadow-md: 0 12px 28px rgba(2, 6, 23, .32);--shadow-lg: 0 24px 46px rgba(2, 6, 23, .4)}.shell.theme-synsia{background:radial-gradient(circle at 2% 0%,rgba(249,115,22,.15) 0%,transparent 35%),radial-gradient(circle at 96% 0%,rgba(234,179,8,.14) 0%,transparent 34%),radial-gradient(circle at 50% 100%,rgba(34,197,94,.13) 0%,transparent 34%),var(--bg)}.shell.theme-custom{--custom-accent-rgb: 245, 158, 11;--bg: #0f1013;--surface: rgba(27, 27, 31, .46);--surface-soft: rgba(34, 34, 39, .5);--surface-muted: rgba(44, 44, 49, .54);--sidebar: rgba(16, 16, 20, .5);--text: #f3f4f6;--text-soft: #e5e7eb;--text-muted: #c7c9cf;--text-inverse: #ffffff;--border: rgba(255, 255, 255, .18);--border-strong: rgba(255, 255, 255, .34);--accent: #f59e0b;--accent-soft: rgba(245, 158, 11, .2);--accent-ink: #fbbf24;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .22);--shadow-md: 0 12px 30px rgba(0, 0, 0, .34);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .45)}.shell.theme-custom{background:var(--bg)}.custom-bg-stack{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.custom-bg-fill{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;object-position:center;filter:blur(42px) saturate(1.2) brightness(.5);transform:scale(1.02)}.custom-bg-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000006b,#00000094),radial-gradient(ellipse 90% 70% at 50% 50%,transparent 0%,rgba(0,0,0,.35) 100%);pointer-events:none}.custom-bg-fit{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;object-position:center;filter:drop-shadow(0 12px 48px rgba(0,0,0,.55))}.shell.theme-custom .sidebar,.shell.theme-custom .main{position:relative;z-index:1}.shell.theme-custom .topbar,.shell.theme-custom .statusbar{background:#0c0c1080;border-color:#ffffff24;-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%)}.shell.theme-custom .doc-head,.shell.theme-custom .linum-col,.shell.theme-custom .preview-body,.shell.theme-custom .meta-chip,.shell.theme-custom .view-btn,.shell.theme-custom .theme-switcher,.shell.theme-custom .menu-btn{background:#18181c73;border-color:#ffffff2e;-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%)}.shell.theme-custom .editor-ta{background:#0a0a0c38;color:#f3f4f6}.shell.theme-custom .doc-title{color:#fff}.shell.theme-custom .nav-label,.shell.theme-custom .goal-sub,.shell.theme-custom .snap-k,.shell.theme-custom .sidebar-ver{color:#d1d5db}.shell.theme-custom .nav-item{color:#eceef2;border-color:#ffffff26;background:#ffffff08}.shell.theme-custom .nav-item:hover{background:rgb(var(--custom-accent-rgb) / .12);border-color:rgb(var(--custom-accent-rgb) / .28);color:#fff}.shell.theme-custom .nav-item--active{background:linear-gradient(90deg,rgb(var(--custom-accent-rgb) / .34),rgb(var(--custom-accent-rgb) / .14));border-color:rgb(var(--custom-accent-rgb) / .55);box-shadow:0 8px 18px #00000042}.shell.theme-custom .nav-pill{color:#fffbeb;background:rgb(var(--custom-accent-rgb) / .28);border:1px solid rgb(var(--custom-accent-rgb) / .45)}.shell.theme-custom .side-action-btn,.shell.theme-custom .stat-cell,.shell.theme-custom .doc-snaps,.shell.theme-custom .goal-track,.shell.theme-custom .snap-row{background:#1212167a;border-color:#ffffff2b}.shell.theme-custom .side-action-btn{color:#f3f4f6}.shell.theme-custom .side-action-btn:hover{background:rgb(var(--custom-accent-rgb) / .14);border-color:rgb(var(--custom-accent-rgb) / .4)}.shell.theme-custom .goal-head,.shell.theme-custom .snap-v,.shell.theme-custom .stat-num{color:#fff}.shell.theme-custom .stat-lbl{color:#d1d5db}.shell.theme-custom .goal-fill{background:linear-gradient(90deg,rgb(var(--custom-accent-rgb)),color-mix(in srgb,rgb(var(--custom-accent-rgb)) 55%,white));box-shadow:0 0 14px rgb(var(--custom-accent-rgb) / .4)}.shell.theme-custom .doc-stats-toggle{border-color:#ffffff2e;background:#12121666;color:#e5e7eb}.shell.theme-custom .doc-stats-toggle:hover{color:#fff;border-color:rgb(var(--custom-accent-rgb) / .42);background:rgb(var(--custom-accent-rgb) / .12)}.shell.theme-custom .preview-body code{background:#ffffff24;color:#fde68a}.shell.theme-custom .preview-body pre{background:#08080ab3}.shell.theme-custom .preview-body blockquote{border-left-color:rgb(var(--custom-accent-rgb) / .85);background:rgb(var(--custom-accent-rgb) / .08);color:color-mix(in srgb,rgb(var(--custom-accent-rgb)) 35%,white)}.custom-bg-input{width:210px;height:34px;border-radius:8px;border:1px solid var(--border);background:#12121694;color:var(--text);font-size:12px;padding:0 10px;outline:none;transition:border-color var(--trans),box-shadow var(--trans)}.custom-bg-input::placeholder{color:var(--text-muted)}.shell.theme-custom .custom-bg-input:focus{border-color:rgb(var(--custom-accent-rgb) / .95);box-shadow:0 0 0 3px rgb(var(--custom-accent-rgb) / .22)}.custom-bg-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.shell.theme-noir{background:radial-gradient(circle at 10% 0%,rgba(56,189,248,.11) 0%,transparent 38%),radial-gradient(circle at 100% 100%,rgba(99,102,241,.12) 0%,transparent 36%),var(--bg)}.shell.theme-synsia .sidebar{background:linear-gradient(180deg,#071126,#0b1b35 45%,#0f2744),var(--sidebar);border-right-color:#3b82f638;box-shadow:inset -1px 0 #38bdf81f,0 14px 30px #02061759}.shell.theme-noir .sidebar{background:linear-gradient(180deg,#030712,#0a1425 44%,#091325),var(--sidebar);border-right-color:#38bdf833}.shell.theme-synsia .sidebar-logo{border-bottom-color:#60a5fa33}.shell.theme-noir .sidebar-logo{border-bottom-color:#38bdf833}.shell.theme-synsia .nav-item,.shell.theme-noir .nav-item{color:#d1d5db}.shell.theme-synsia .nav-item:hover{background:linear-gradient(90deg,#3b82f633,#0ea5e929);color:#f8fbff}.shell.theme-noir .nav-item:hover{background:#38bdf81f;color:#f8fafc}.shell.theme-synsia .nav-item--active{background:linear-gradient(90deg,#3b82f65c,#0ea5e94d);border-color:#60a5fa94;box-shadow:0 8px 20px #0e749042,inset 0 0 0 1px #ffffff1f}.shell.theme-noir .nav-item--active{background:linear-gradient(90deg,#38bdf847,#6366f13d);border-color:#7dd3fc85;box-shadow:0 6px 18px #1e40af4d}.shell.theme-synsia .nav-pill{color:#f0f9ff;background:#38bdf83d;border-color:#7dd3fc73}.shell.theme-noir .nav-pill{color:#e0f2fe;background:#38bdf82e;border-color:#7dd3fc61}.shell.theme-synsia .stat-cell{background:linear-gradient(180deg,#111827db,#0f172ac2);border-color:#60a5fa3d;box-shadow:inset 0 1px #ffffff0f}.shell.theme-noir .stat-cell{background:#0f172aa8;border-color:#38bdf83d}.shell.theme-synsia .side-action-btn{border-color:#60a5fa40;background:linear-gradient(180deg,#111827cc,#0f172abd);color:#e6f2ff}.shell.theme-synsia .side-action-btn:hover{border-color:#7dd3fc8c;background:linear-gradient(180deg,#1f2937db,#111827c7);box-shadow:0 8px 18px #02061757,inset 0 0 0 1px #7dd3fc29}.shell.theme-noir .side-action-btn{border-color:#38bdf847;background:#0f172a85}.shell.theme-synsia .goal-head,.shell.theme-synsia .goal-sub,.shell.theme-synsia .snap-k{color:#dbeafe}.shell.theme-noir .goal-head,.shell.theme-noir .goal-sub,.shell.theme-noir .snap-k{color:#cbd5e1}.shell.theme-synsia .goal-track,.shell.theme-synsia .doc-snaps,.shell.theme-synsia .snap-row+.snap-row{border-color:#60a5fa3d}.shell.theme-noir .goal-track,.shell.theme-noir .doc-snaps,.shell.theme-noir .snap-row+.snap-row{border-color:#38bdf83d}.shell.theme-synsia .goal-track,.shell.theme-synsia .snap-row{background:#111827a3}.shell.theme-synsia .goal-fill{background:linear-gradient(90deg,#38bdf8,#3b82f6 48%,#22d3ee)}.shell.theme-synsia .snap-v{color:#f0f9ff}.shell.theme-synsia .doc-stats-toggle{border-color:#60a5fa38;background:#0f172a66;color:#93c5fd}.shell.theme-synsia .doc-stats-toggle:hover{color:#f0f9ff;border-color:#7dd3fc66;background:#1e293b8c}.shell.theme-noir .goal-track,.shell.theme-noir .snap-row{background:#0f172a8f}.shell.theme-noir .doc-stats-toggle{border-color:#38bdf838;background:#0f172a73;color:#94a3b8}.shell.theme-noir .doc-stats-toggle:hover{color:#e2e8f0;border-color:#38bdf861;background:#0f172a9e}.shell.theme-synsia .topbar{background:#ffffffd1;border-bottom-color:#9ca3af85}.shell.theme-noir .topbar{background:#101828db;border-bottom-color:#38bdf847}.shell.theme-synsia .theme-switcher,.shell.theme-synsia .view-btn,.shell.theme-synsia .menu-btn,.shell.theme-synsia .meta-chip{border-color:#9ca3afb8}.shell.theme-noir .theme-switcher,.shell.theme-noir .view-btn,.shell.theme-noir .menu-btn,.shell.theme-noir .meta-chip{border-color:#38bdf859}.shell.theme-synsia .theme-btn--active{background:linear-gradient(90deg,#ffedd5,#fef3c7)}.shell.theme-noir .theme-btn--active{background:linear-gradient(90deg,#38bdf842,#6366f13d)}.shell.theme-synsia .view-btn--prev{border-color:#fb923c;box-shadow:0 4px 14px #c2410c38}.shell.theme-noir .view-btn--prev{border-color:#38bdf8;box-shadow:0 4px 14px #0e74903d}.shell.theme-synsia .doc-title{background:linear-gradient(90deg,#eab308,#f97316 55%,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shell.theme-noir .doc-title{background:linear-gradient(90deg,#7dd3fc,#38bdf8 45%,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shell.theme-synsia .linum-col{background:#f9fafbb8;border-right-color:#9ca3af9e}.shell.theme-noir .linum-col{background:#0f172a94;border-right-color:#38bdf83d}.shell.theme-synsia .preview-body{border-color:#9ca3afe0;background:linear-gradient(180deg,#fff,#fffaf3);box-shadow:0 10px 25px #c2410c1a,0 1px #fffffff2 inset}.shell.theme-noir .preview-body{border-color:#38bdf847;background:linear-gradient(180deg,#101828,#0f172a);box-shadow:0 14px 28px #02061757,0 1px #38bdf814 inset}.shell.theme-synsia .preview-body blockquote{border-left-color:#f97316;background:#fff7ed;color:#9a3412}.shell.theme-noir .preview-body blockquote{border-left-color:#38bdf8;background:#0f172aeb;color:#bae6fd}.shell.theme-noir .editor-ta{color:#e2e8f0}.shell.theme-noir .statusbar{background:#101828e6;border-top-color:#38bdf847}.shell.theme-synsia .statusbar{background:#ffffffe0;border-top-color:#9ca3af8f}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer}::selection{background:#2563eb2e}.shell{position:relative;display:flex;height:100vh;width:100%;overflow:hidden;background:radial-gradient(circle at 80% -40%,#e0e7ff 0%,transparent 45%),var(--bg)}.shell.theme-zen{background:radial-gradient(circle at 10% 5%,rgba(23,107,93,.1) 0%,transparent 38%),radial-gradient(circle at 85% 0%,rgba(154,91,46,.12) 0%,transparent 32%),var(--bg)}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,var(--sidebar) 0%,color-mix(in srgb,var(--sidebar),#0f172a 30%) 100%);color:var(--text-inverse);border-right:1px solid rgba(148,163,184,.18);display:flex;flex-direction:column;overflow:hidden;transition:width var(--trans),opacity var(--trans),transform var(--trans)}.shell.theme-zen .sidebar{background:linear-gradient(180deg,#1f2f30,#273a3b 45%,#212f30);border-right-color:#d8d1c347}.sidebar-collapsed .sidebar{width:0;opacity:0;pointer-events:none}.sidebar-logo{padding:24px 20px 18px;border-bottom:1px solid rgba(148,163,184,.2)}.sidebar-logo-img{width:148px;height:auto}.sidebar-nav{padding:18px 14px 10px}.sidebar-tools,.sidebar-progress{padding:8px 14px 6px}.side-action-btn{width:100%;display:flex;align-items:center;gap:9px;text-align:left;margin-bottom:8px;padding:10px 11px;border-radius:10px;border:1px solid rgba(148,163,184,.24);background:#0f172a52;color:#e2e8f0;font-size:12px;font-weight:500;transition:transform var(--trans),border-color var(--trans),background var(--trans),box-shadow var(--trans)}.side-action-btn:hover{transform:translateY(-1px);border-color:#94a3b873;background:#0f172a73;box-shadow:var(--shadow-sm)}.goal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#cbd5e1;font-size:11px;font-weight:600}.goal-track{width:100%;height:9px;border-radius:999px;background:#94a3b838;overflow:hidden;border:1px solid rgba(148,163,184,.2)}.goal-fill{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,color-mix(in srgb,var(--accent),#22c55e 45%) 100%);transition:width .3s ease}.goal-sub{margin-top:8px;color:#94a3b8;font-size:11px}.nav-label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#94a3b8;margin-bottom:10px;padding:0 8px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;color:#bfdbfe;padding:11px 12px;border-radius:10px;border:1px solid transparent;transition:background var(--trans),border-color var(--trans),color var(--trans)}.nav-item span:first-of-type{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:#94a3b824;color:#e2e8f0;transform:translateY(-1px)}.nav-item--active{color:#eff6ff;background:#2563eb59;border-color:#60a5fa80}.nav-pill{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#bfdbfe;background:#94a3b833;border:1px solid rgba(147,197,253,.35);border-radius:999px;padding:3px 8px}.sidebar-stats-panel{padding:16px 14px;margin-top:auto}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-grid--primary{grid-template-columns:1fr 1fr 1fr;gap:8px}.stat-grid--primary .stat-cell{padding:10px 8px}.stat-grid--primary .stat-num{font-size:14px}.stat-grid--primary .stat-lbl{font-size:9px}.doc-stats-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:8px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.22);background:#0f172a38;color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:color var(--trans),border-color var(--trans),background var(--trans),transform var(--trans)}.doc-stats-toggle:hover{color:#e2e8f0;border-color:#94a3b861;background:#0f172a59}.doc-stats-chevron{flex-shrink:0;transition:transform .25s ease}.doc-stats-chevron--open{transform:rotate(180deg)}.doc-stats-more{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease,margin-top .25s ease;margin-top:0}.doc-stats-more--open{max-height:240px;opacity:1;margin-top:10px}.doc-stats-more .stat-cell--wide{margin-bottom:8px}.doc-stats-more .doc-snaps{margin-top:0}.stat-cell{border-radius:10px;padding:12px;border:1px solid rgba(148,163,184,.25);background:#0f172a61;transition:transform var(--trans),box-shadow var(--trans),border-color var(--trans)}.stat-cell:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-num{display:block;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:500;color:#eff6ff}.stat-lbl{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.doc-snaps{margin-top:10px;border:1px solid rgba(148,163,184,.22);border-radius:10px;overflow:hidden}.snap-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;background:#0f172a42}.snap-row+.snap-row{border-top:1px solid rgba(148,163,184,.18)}.snap-k{font-size:11px;color:#94a3b8}.snap-v{font-size:11px;font-weight:600;color:#e2e8f0}.sidebar-foot{padding:14px 18px 18px;border-top:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:8px}.conn-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid transparent}.conn-badge--on{color:#5eead4;background:#2dd4bf24;border-color:#2dd4bf61}.conn-badge--off{color:#fecaca;background:#f8717129;border-color:#f8717159}.conn-dot{width:8px;height:8px;border-radius:999px;background:currentColor}.sidebar-ver{font-family:JetBrains Mono,monospace;font-size:11px;color:#94a3b8}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar-h);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;transition:background var(--trans),border-color var(--trans)}.topbar-l,.topbar-r{display:flex;align-items:center;gap:12px;flex:1}.topbar-c{display:flex;align-items:center}.topbar-r{justify-content:flex-end}.theme-switcher{display:inline-flex;align-items:center;gap:4px;border-radius:999px;border:1px solid var(--border);background:var(--surface);padding:4px;box-shadow:var(--shadow-sm)}.theme-btn{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;color:var(--text-muted);transition:background var(--trans),color var(--trans),transform var(--trans)}.theme-btn:hover{color:var(--text-soft);background:var(--surface-soft);transform:translateY(-1px)}.theme-btn--active{color:var(--accent-ink);background:var(--accent-soft)}.menu-btn{padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px;transition:border-color var(--trans),box-shadow var(--trans),transform var(--trans)}.menu-btn:hover{border-color:var(--border-strong);box-shadow:0 0 0 3px #2563eb1f;transform:translateY(-1px)}.menu-btn span{width:14px;height:2px;border-radius:999px;background:#475569}.topbar-logo img{height:26px;width:auto;opacity:.95}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px}.bc-dim{color:var(--text-muted)}.bc-active{color:var(--text-soft);font-weight:600}.breadcrumb svg{color:#94a3b8}.live-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:transform var(--trans),box-shadow var(--trans)}.live-badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.live-badge--on{color:var(--success);background:var(--success-soft)}.live-badge--off{color:var(--danger);background:var(--danger-soft)}.live-ring{width:8px;height:8px;border-radius:999px;background:currentColor}.save-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;border-radius:999px;padding:7px 12px;transition:transform var(--trans),box-shadow var(--trans)}.save-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.save-chip--idle{color:var(--text-muted);background:var(--surface-soft)}.save-chip--saving{color:var(--warn);background:var(--warn-soft)}.save-chip--saved{color:var(--success);background:var(--success-soft)}.chip-spin{width:11px;height:11px;border:2px solid currentColor;border-top-color:transparent;border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tb-sep{width:1px;height:18px;background:var(--border)}.view-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;font-size:12px;font-weight:600;color:var(--text-soft);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:all var(--trans)}.view-btn:hover{border-color:var(--border-strong);transform:translateY(-1px)}.view-btn--prev{color:var(--accent-ink);background:var(--accent-soft);border-color:#93c5fd}.doc-head{padding:28px 36px 20px calc(var(--linum-w) + 34px);border-bottom:1px solid var(--border);background:transparent}.doc-title-row{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.doc-title{font-size:32px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.doc-ext{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted)}.doc-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;border:1px solid var(--border);background:var(--surface);font-size:12px;color:var(--text-soft);transition:transform var(--trans),box-shadow var(--trans),border-color var(--trans)}.meta-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.meta-dot{color:#94a3b8}.content-area{flex:1;min-height:0;overflow:hidden}.edit-wrap{height:100%;display:flex}.linum-col{width:var(--linum-w);flex-shrink:0;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface),transparent 25%);padding:24px 0;overflow:hidden}.linum{text-align:right;padding-right:14px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.95;color:#94a3b8;transition:color var(--trans)}.editor-ta{flex:1;height:100%;border:none;resize:none;outline:none;overflow-y:auto;background:transparent;padding:24px 40px 34px 24px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.95;color:var(--text);tab-size:2;caret-color:var(--accent);transition:color var(--trans),background var(--trans)}.editor-ta::placeholder{color:var(--text-muted)}.preview-wrap{height:100%;overflow-y:auto}.preview-body{max-width:860px;margin:22px auto 36px;padding:32px 42px;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--surface);color:var(--text-soft);font-size:16px;line-height:1.8;transition:border-color var(--trans),box-shadow var(--trans),background var(--trans)}.preview-body h1,.preview-body h2,.preview-body h3{color:var(--text);margin-top:24px;margin-bottom:10px}.preview-body h1{font-size:34px}.preview-body h2{font-size:24px;border-bottom:1px solid var(--border);padding-bottom:8px}.preview-body h3{font-size:19px}.preview-body p{margin:12px 0}.preview-body,.preview-body *{overflow-wrap:anywhere;word-break:break-word}.preview-body a{color:var(--accent-ink);transition:color var(--trans),opacity var(--trans)}.preview-body a:hover{opacity:.8}.preview-body code{font-family:JetBrains Mono,monospace;font-size:13px;background:var(--surface-muted);color:var(--accent-ink);border-radius:6px;padding:2px 7px}.preview-body pre{margin:16px 0;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--text),#0f172a 45%);color:var(--text-inverse);overflow-x:auto;max-width:100%}.preview-body pre code{background:transparent;color:inherit;padding:0}.preview-body blockquote{border-left:4px solid #93c5fd;background:#eff6ff;color:#1e3a8a;padding:10px 14px;margin:16px 0;border-radius:8px}.preview-body ul,.preview-body ol{padding-left:22px;margin:12px 0}.preview-body table{width:100%;border-collapse:collapse;margin:16px 0;table-layout:fixed}.preview-body th,.preview-body td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left}.preview-body th{color:var(--text-soft);background:var(--surface-soft)}.statusbar{height:var(--statusbar-h);border-top:1px solid var(--border);background:#ffffffeb;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 calc(var(--linum-w) + 18px);color:var(--text-soft);transition:background var(--trans),border-color var(--trans)}.sb-left,.sb-right{display:flex;align-items:center}.sb-item{font-size:12px;color:var(--text-muted);padding:0 10px}.sb-item strong{color:var(--text)}.sb-sep{width:1px;height:12px;background:var(--border)}.editor-ta::-webkit-scrollbar,.preview-wrap::-webkit-scrollbar{width:10px}.editor-ta::-webkit-scrollbar-thumb,.preview-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.editor-ta::-webkit-scrollbar-thumb:hover,.preview-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8;border:2px solid transparent;background-clip:padding-box}button:focus-visible,.editor-ta:focus-visible{outline:2px solid color-mix(in srgb,var(--accent),white 20%);outline-offset:2px}.shell.theme-zen .nav-item{color:#d4e5e4}.shell.theme-zen .nav-item:hover{background:#d8d1c32e;color:#f1f5f2}.shell.theme-zen .nav-item--active{background:linear-gradient(90deg,#176b5d85,#2e555466);border-color:#d2e6e085;box-shadow:0 8px 20px #16524642}.shell.theme-zen .nav-pill{color:#e2f2eb;background:#d8efe833;border-color:#d8efe84d}.shell.theme-zen .stat-cell{background:#273a3bad;border-color:#d8d1c34d}.shell.theme-zen .side-action-btn{border-color:#d8d1c347;background:#273a3b80;color:#edf4f3}.shell.theme-zen .goal-head,.shell.theme-zen .goal-sub,.shell.theme-zen .snap-k{color:#d6e3e0}.shell.theme-zen .goal-track,.shell.theme-zen .doc-snaps,.shell.theme-zen .snap-row+.snap-row{border-color:#d8d1c340}.shell.theme-zen .goal-track,.shell.theme-zen .snap-row{background:#1d2a2b73}.shell.theme-zen .doc-stats-toggle{border-color:#d8d1c347;background:#273a3b66;color:#b8ccc9}.shell.theme-zen .doc-stats-toggle:hover{color:#f1f5f2;border-color:#d8d1c36b;background:#273a3b8c}.shell.theme-zen .topbar{background:#fffcf6d6;border-bottom-color:#beb5a399}.shell.theme-zen .theme-btn--active{background:linear-gradient(90deg,#d8efe8,#cde8e0)}.shell.theme-zen .doc-title{color:#255550}.shell.theme-zen .linum-col{background:#f4efe5bd;border-right-color:#beb5a38f}.shell.theme-zen .preview-body{border-color:#beb5a3cc;background:linear-gradient(180deg,#fffdf8,#faf7ef)}.shell.theme-zen .preview-body blockquote{border-left-color:#176b5d;background:#edf8f4;color:#115246}@media(min-width:769px){.shell{--sidebar-w: 228px}.sidebar-stats-panel{display:none}.sidebar-foot{margin-top:auto}.doc-head{padding:20px 28px 14px calc(var(--linum-w) + 26px)}.doc-title{font-size:28px}.doc-title-row{margin-bottom:8px}.linum-col{padding:18px 0}.editor-ta{padding:20px 28px 28px 20px}.preview-body{max-width:min(920px,100%);margin:18px auto 28px;padding:28px 32px}}@media(max-width:960px){.topbar-c{display:none}.doc-title{font-size:28px}.preview-body{margin:16px;padding:24px}}@media(max-width:768px){.sidebar,.menu-btn,.shell.sidebar-collapsed .sidebar,.breadcrumb{display:none}.doc-head{padding:20px 18px 16px}.editor-ta{padding:20px 18px 28px}.statusbar{padding:0 10px}.topbar-r{gap:8px}.theme-switcher{width:auto;flex-shrink:0}.theme-btn{min-width:56px;text-align:center}.custom-bg-input{width:160px}.linum-col{display:none}.preview-body{margin:12px;padding:18px;border-radius:12px}}@media(max-width:560px){:root{--topbar-h: 54px;--linum-w: 52px}.topbar{padding:0 8px;gap:6px}.topbar-r{flex:0}.topbar-logo,.save-chip{display:none}.theme-switcher{gap:2px;padding:2px}.theme-btn{padding:5px 8px;font-size:9.5px;min-width:50px}.custom-bg-input{width:130px;font-size:10px;height:30px;padding:0 8px}.view-btn{padding:6px 9px;min-width:72px;justify-content:center;font-size:11px;gap:5px}.doc-title{font-size:20px}.meta-dot{display:none}.doc-meta{gap:6px}.doc-meta .meta-chip:nth-child(1),.doc-meta .meta-chip:nth-child(3){display:none}.doc-meta .meta-chip{padding:5px 9px;font-size:11px}.doc-meta .meta-chip svg{width:8px;height:8px}.statusbar{padding:0 8px}.sb-item{font-size:10px;padding:0 5px}}.shell.theme-custom>aside.sidebar{background:linear-gradient(165deg,#1c1c1e8c,#12121473 45%,#0a0a0c80);border-right:1px solid rgba(255,255,255,.12);box-shadow:inset 1px 0 #ffffff0f,12px 0 48px #00000059;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}.shell.theme-custom .sidebar-logo{margin:14px 12px 10px;padding:16px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 4px 24px #0003}.shell.theme-custom .sidebar-logo-img{width:138px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.4))}.shell.theme-custom .sidebar-nav,.shell.theme-custom .sidebar-tools,.shell.theme-custom .sidebar-progress,.shell.theme-custom .sidebar-stats-panel{padding-left:12px;padding-right:12px}.shell.theme-custom .sidebar-nav{padding-top:4px}.shell.theme-custom .nav-label{color:#ffffff6b;letter-spacing:.14em;font-size:10px;font-weight:600;margin-bottom:8px}.shell.theme-custom .nav-item{border-radius:12px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);background:#0000002e;color:#ffffffe0}.shell.theme-custom .nav-item:hover{border-color:rgb(var(--custom-accent-rgb) / .32);background:rgb(var(--custom-accent-rgb) / .1)}.shell.theme-custom .nav-item--active{border-color:rgb(var(--custom-accent-rgb) / .58);background:linear-gradient(135deg,rgb(var(--custom-accent-rgb) / .26),#00000059);box-shadow:0 0 0 1px rgb(var(--custom-accent-rgb) / .18),inset 0 1px #ffffff14}.shell.theme-custom .nav-pill{border-radius:999px;background:rgb(var(--custom-accent-rgb) / .3);border:1px solid rgb(var(--custom-accent-rgb) / .45);color:#fff}.shell.theme-custom .side-action-btn{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000038;color:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.shell.theme-custom .side-action-btn:hover{border-color:rgb(var(--custom-accent-rgb) / .42);background:rgb(var(--custom-accent-rgb) / .14)}.shell.theme-custom .goal-track{height:6px;border-radius:999px;background:#00000059;border:none;box-shadow:inset 0 1px 3px #00000073}.shell.theme-custom .goal-fill{background:linear-gradient(90deg,rgb(var(--custom-accent-rgb)),color-mix(in srgb,rgb(var(--custom-accent-rgb)) 52%,white));box-shadow:0 0 14px rgb(var(--custom-accent-rgb) / .45)}.shell.theme-custom .goal-head,.shell.theme-custom .goal-sub{color:#ffffff8c}.shell.theme-custom .stat-grid--primary{gap:8px}.shell.theme-custom .stat-cell{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.shell.theme-custom .stat-cell .stat-num{color:#fff}.shell.theme-custom .stat-cell .stat-lbl{color:#ffffff73}.shell.theme-custom .doc-stats-toggle{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000002e;color:#ffffffbf}.shell.theme-custom .doc-stats-toggle:hover{border-color:rgb(var(--custom-accent-rgb) / .45);color:#fff;background:rgb(var(--custom-accent-rgb) / .12)}.shell.theme-custom .doc-snaps{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#00000038;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}.shell.theme-custom .snap-row{background:#0000001f}.shell.theme-custom .snap-row+.snap-row{border-top-color:#ffffff14}.shell.theme-custom .doc-stats-more .stat-cell--wide{border-radius:12px}.shell.theme-custom .sidebar-foot{margin-top:auto;padding:14px 16px 18px;border-top:1px solid rgba(255,255,255,.1);color:#ffffff73;font-size:11px}.shell.theme-custom .sidebar ::selection{background:rgb(var(--custom-accent-rgb) / .38);color:#fff}.shell.theme-custom .stat-cell:hover{border-color:rgb(var(--custom-accent-rgb) / .38);box-shadow:0 4px 20px rgb(var(--custom-accent-rgb) / .12)}.shell.theme-custom .view-btn:hover{border-color:rgb(var(--custom-accent-rgb) / .35)}.shell.theme-custom .theme-btn:hover{color:color-mix(in srgb,rgb(var(--custom-accent-rgb)) 40%,var(--text-soft));background:rgb(var(--custom-accent-rgb) / .1)}