@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-card:#fff;--bg-sidebar:#fafafa;--bg-hover:#f0f0f0;--text-primary:#111;--text-secondary:#555;--text-muted:#999;--border:#e0e0e0;--shadow-color:#0000000f;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-subtle:#2563eb14;--success:#16a34a;--error:#dc2626;--font-sans:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px var(--shadow-color);--shadow-md:0 2px 8px var(--shadow-color);--shadow-lg:0 4px 16px var(--shadow-color);--transition-fast:.15s ease;--transition-normal:.25s ease;--sidebar-width:260px;--header-height:56px;--content-max-width:1100px}[data-theme=evening]{--bg-primary:#faf6f1;--bg-secondary:#f0ebe4;--bg-card:#faf6f1;--bg-sidebar:#f5f0ea;--bg-hover:#ebe5dd;--text-primary:#1a1a1a;--text-secondary:#5a5248;--text-muted:#9a8e82;--border:#ddd5cc;--shadow-color:#785a3214}[data-theme=night]{--bg-primary:#141414;--bg-secondary:#1e1e1e;--bg-card:#1e1e1e;--bg-sidebar:#191919;--bg-hover:#2a2a2a;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-muted:#666;--border:#2e2e2e;--shadow-color:#0000004d;--accent:#60a5fa;--accent-hover:#3b82f6;--accent-subtle:#60a5fa1a}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-card:#fff;--bg-sidebar:#fafafa;--bg-hover:#f0f0f0;--text-primary:#111;--text-secondary:#555;--text-muted:#999;--border:#e0e0e0;--shadow-color:#0000000f}[data-theme=dark]{--bg-primary:#141414;--bg-secondary:#1e1e1e;--bg-card:#1e1e1e;--bg-sidebar:#191919;--bg-hover:#2a2a2a;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-muted:#666;--border:#2e2e2e;--shadow-color:#0000004d;--accent:#60a5fa;--accent-hover:#3b82f6;--accent-subtle:#60a5fa1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:600;line-height:1.3}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-sans);border:none;outline:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}