:root{--color-bg:#f5f5f5;--color-surface:#fff;--color-border:#e0e0e0;--color-text:#111;--color-text-dim:#6b6b6b;--color-accent:#06f;--color-accent-contrast:#fff;--color-chip-bg:#ececec;--color-danger:#d32f2f;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--font-size-sm:.8rem;--font-size-base:.9rem;--font-size-lg:1.1rem;--font-size-xl:1.4rem;--radius-sm:4px;--radius-md:8px;--radius-full:999px;--sidebar-width:240px}@media (prefers-color-scheme:dark){:root{--color-bg:#121212;--color-surface:#1e1e1e;--color-border:#333;--color-text:#f0f0f0;--color-text-dim:#9a9a9a;--color-accent:#4d94ff;--color-accent-contrast:#0a0a0a;--color-chip-bg:#2a2a2a;--color-danger:#ff6b6b}}*{box-sizing:border-box}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text);margin:0;line-height:1.5}a{color:inherit}button,input,select{font:inherit;color:inherit}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;height:100%;display:grid}.sidebar{border-right:1px solid var(--color-border);padding:var(--space-4) 0;overflow-y:auto}.main{min-width:0;overflow-y:auto}.breadcrumb{padding:var(--space-4) var(--space-5) 0;font-size:var(--font-size-sm);color:var(--color-text-dim)}.breadcrumb a:hover{color:var(--color-accent)}.chip{font-size:var(--font-size-sm);border-radius:var(--radius-full);background:var(--color-chip-bg);color:var(--color-text-dim);cursor:pointer;border:1px solid #0000;align-items:center;gap:.3em;padding:.2em .7em;display:inline-flex}.chip.active{background:var(--color-accent);color:var(--color-accent-contrast)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.status-text{color:var(--color-text-dim);font-size:var(--font-size-sm);padding:var(--space-4) var(--space-5)}.btn{align-items:center;gap:var(--space-1);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;padding:.4em .9em;display:inline-flex}.btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.article-body{font-size:1.05rem;line-height:1.9}.article-body h1{margin:0 0 1.2em;font-size:1.6rem;font-weight:700;line-height:1.4}.article-body h2{margin:1.8em 0 .7em;font-size:1.3rem;font-weight:700;line-height:1.4}.article-body h3{margin:1.5em 0 .6em;font-size:1.1rem;font-weight:700}.article-body p{margin:0 0 1.3em}.article-body img{border-radius:var(--radius-md);width:100%;margin:1.6em 0;display:block}.article-body figcaption,.article-body img+em{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-dim);margin-top:-1.2em;margin-bottom:1.6em;display:block}.article-body blockquote{border-left:3px solid var(--color-accent);color:var(--color-text-dim);margin:1.4em 0;padding:.2em 1.2em;font-style:italic}.article-body ul,.article-body ol{margin:0 0 1.3em;padding-left:1.4em}.article-body li{margin-bottom:.4em}.article-body a{color:var(--color-accent);text-underline-offset:.15em;text-decoration:underline}.article-body code{background:var(--color-chip-bg);border-radius:4px;padding:.15em .4em;font-size:.9em}.article-body pre{background:var(--color-chip-bg);border-radius:var(--radius-md);padding:var(--space-4);margin:0 0 1.3em;overflow-x:auto}.article-body pre code{background:0 0;padding:0}.article-body hr{border:none;border-top:1px solid var(--color-border);margin:2.2em 0}