:root{--color-paper: #fafaf7;--color-surface: #ffffff;--color-surface-alt: #f4f3ee;--color-surface-sunken: #efeee8;--color-ink: #1f1f1f;--color-ink-soft: #5f6368;--color-ink-muted: #9aa0a6;--color-ink-inverse: #ffffff;--color-border: #e8e6e0;--color-border-strong: #dadce0;--color-accent: #1e8e3e;--color-accent-hover: #188038;--color-accent-soft: #e6f4ea;--color-accent-ink: #ffffff;--color-success: #1e8e3e;--color-success-soft: #e6f4ea;--color-warning: #b06000;--color-warning-soft: #fef7e0;--color-danger: #b3261e;--color-danger-soft: #fce8e6;--color-highlight: #fff3a3;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(15, 15, 15, .04), 0 1px 1px rgba(15, 15, 15, .03);--shadow-2: 0 4px 12px rgba(15, 15, 15, .06), 0 2px 4px rgba(15, 15, 15, .04);--shadow-3: 0 12px 32px rgba(15, 15, 15, .12), 0 4px 12px rgba(15, 15, 15, .06);--sidebar-width: 248px;--header-height: 56px;--offline-bar-height: 36px;--ease-out: cubic-bezier(.2, .8, .2, 1);--duration-fast: .12s;--duration-base: .2s;color-scheme:light}[data-theme=dark]{--color-paper: #17171a;--color-surface: #1f1f23;--color-surface-alt: #2a2a2f;--color-surface-sunken: #131316;--color-ink: #e8e6e0;--color-ink-soft: #b1b3b8;--color-ink-muted: #7a7d83;--color-ink-inverse: #17171a;--color-border: #2f2f35;--color-border-strong: #3f3f46;--color-accent: #81c995;--color-accent-hover: #a1d8b1;--color-accent-soft: #1a2e20;--color-accent-ink: #0d1f12;--color-success: #81c995;--color-success-soft: #1a2e20;--color-warning: #f6c560;--color-warning-soft: #3a2e10;--color-danger: #f28b82;--color-danger-soft: #3a1a18;--color-highlight: #5b4a00;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 12px rgba(0, 0, 0, .45);--shadow-3: 0 12px 32px rgba(0, 0, 0, .55);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-accent-soft);color:var(--color-ink)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.25;color:var(--color-ink);letter-spacing:-.01em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.15rem}h4{font-size:1rem}p{margin:0}small,.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-mono{font-family:var(--font-mono)}.text-serif{font-family:var(--font-serif)}.text-soft{color:var(--color-ink-soft)}.text-muted{color:var(--color-ink-muted)}.text-uppercase{text-transform:uppercase;letter-spacing:.06em}.brand-serif{font-family:var(--font-serif);font-weight:600;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-ink-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-ink)}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-ink-soft)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-ink)}.btn--danger{color:var(--color-danger);border-color:transparent;background:transparent}.btn--danger:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger-soft)}.btn--sm{height:28px;padding:0 var(--space-3);font-size:.8rem}.btn--icon{width:36px;padding:0}.btn--icon.btn--sm{width:28px}.input,.select,.textarea{width:100%;padding:0 var(--space-3);height:36px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font-size:.9rem;transition:border-color var(--duration-fast) var(--ease-out)}.textarea{height:auto;padding:var(--space-3);resize:vertical;font-family:var(--font-mono);line-height:1.6}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--color-ink-muted)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:.75rem;font-weight:500;color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.05em}.field__hint{font-size:.75rem;color:var(--color-ink-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-alt);color:var(--color-ink-soft)}.pill--accent{background:var(--color-accent-soft);color:var(--color-accent)}.pill--success{background:var(--color-success-soft);color:var(--color-success)}.pill--warning{background:var(--color-warning-soft);color:var(--color-warning)}.pill--danger{background:var(--color-danger-soft);color:var(--color-danger)}.tag{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;background:var(--color-surface-alt);color:var(--color-ink-soft)}.toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.toolbar__spacer{flex:1}.container{width:100%;margin:0 auto;padding:var(--space-6) var(--space-5)}.container--narrow{max-width:760px}.container--reading{max-width:880px}.container--wide{max-width:1200px}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--sm{gap:var(--space-2)}.stack--lg{gap:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-3)}.row--wrap{flex-wrap:wrap}mark{background:var(--color-highlight);color:var(--color-ink);padding:0 2px;border-radius:2px}.skeleton{background:linear-gradient(90deg,var(--color-surface-alt) 0%,var(--color-surface-sunken) 50%,var(--color-surface-alt) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm);display:block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__track{width:36px;height:20px;background:var(--color-border-strong);border-radius:var(--radius-pill);position:relative;transition:background var(--duration-fast) var(--ease-out)}.switch__track:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-surface);border-radius:50%;transition:transform var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-1)}.switch input:checked+.switch__track{background:var(--color-accent)}.switch input:checked+.switch__track:before{transform:translate(16px)}.segmented{display:inline-flex;background:var(--color-surface-alt);border-radius:var(--radius-md);padding:2px;gap:2px}.segmented__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:calc(var(--radius-md) - 2px);font-size:.78rem;color:var(--color-ink-soft);cursor:pointer;border:0;background:transparent;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segmented__item:hover{color:var(--color-ink)}.segmented__item.is-active{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-1)}.prose{font-size:1rem;line-height:1.75;color:var(--color-ink)}.prose>*+*{margin-top:1em}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-serif);font-weight:600;line-height:1.3;color:var(--color-ink);margin-top:1.6em}.prose h2{font-size:1.5rem;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.prose h3{font-size:1.2rem}.prose h4{font-size:1.05rem}.prose p{line-height:1.75}.prose a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.prose a:hover{color:var(--color-accent-hover)}.prose strong{font-weight:600;color:var(--color-ink)}.prose em{font-style:italic}.prose ul,.prose ol{padding-left:1.6em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--color-ink-soft)}.prose blockquote{border-left:3px solid var(--color-accent);padding:var(--space-2) var(--space-4);margin:var(--space-4) 0;color:var(--color-ink-soft);font-style:italic;font-family:var(--font-serif);background:var(--color-accent-soft);border-radius:0 var(--radius-md) var(--radius-md) 0}.prose blockquote p{margin:0}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface-alt);padding:.1em .35em;border-radius:var(--radius-sm);color:var(--color-ink)}.prose pre{font-family:var(--font-mono);font-size:.85rem;line-height:1.6;background:var(--color-surface-alt);padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--color-accent);overflow-x:auto;margin:var(--space-4) 0}.prose pre code{background:transparent;padding:0;font-size:inherit}.prose table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:.92rem}.prose th,.prose td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.prose th{font-weight:600;background:var(--color-surface-alt);color:var(--color-ink);border-bottom:1px solid var(--color-border-strong)}.prose tr:nth-child(2n) td{background:var(--color-surface-alt)}.prose hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.prose img{max-width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border)}@page{size:A4;margin:18mm 16mm 18mm 20mm}@media print{:root,[data-theme=dark]{--color-paper: #fff;--color-surface: #fff;--color-surface-alt: #f5f5f5;--color-surface-sunken: #fff;--color-ink: #000;--color-ink-soft: #333;--color-ink-muted: #666;--color-border: #ccc;--color-border-strong: #999;--color-accent: #000;--color-accent-hover: #000;--color-accent-soft: #eee;--color-accent-ink: #000;--color-success: #000;--color-success-soft: #eee;--color-warning: #000;--color-warning-soft: #f5f5f5;--color-danger: #000;--color-danger-soft: #f5f5f5;color-scheme:light}html,body{background:#fff!important;color:#000!important;font-size:10.5pt;line-height:1.45}.prose h1{font-size:22pt;page-break-after:avoid}.prose h2{font-size:14pt;page-break-after:avoid;border-bottom:.5pt solid #000;padding-bottom:2pt;margin-top:14pt}.prose h3{font-size:11.5pt;page-break-after:avoid;margin-top:12pt}.prose p{orphans:3;widows:3}.prose pre,.prose table,.prose blockquote,.prose figure{page-break-inside:avoid}.prose pre{border:.5pt solid #999;padding:6pt;font-size:9pt;background:#fafafa!important}.prose code{font-size:9pt;background:#f0f0f0!important}.prose table{border-collapse:collapse;width:100%;font-size:9.5pt}.prose thead{display:table-header-group}.prose tr{page-break-inside:avoid}.prose th,.prose td{border:.5pt solid #999;padding:4pt 6pt;text-align:left}.prose th{background:#f0f0f0!important;font-weight:600}.prose blockquote{border-left:2pt solid #000;padding-left:8pt;font-style:italic;margin:8pt 0}.prose a{color:#000;text-decoration:underline}.prose ul,.prose ol{padding-left:18pt}app-shell .sidebar,app-shell .appbar,.drawer-backdrop{display:none!important}app-shell .main{padding:0!important;margin:0!important}.container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}}