:root{--background: #f5f7fb;--foreground: #111827;--card: #ffffff;--card-foreground: #0f172a;--muted: #e2e8f0;--muted-foreground: #334155;--border: #cbd5e1;--input: #f8fafc;--primary: #0f766e;--primary-foreground: #ecfeff;--secondary: #0f172a;--secondary-foreground: #e2e8f0;--accent: #15803d;--accent-foreground: #f0fdf4;--ring: #0891b2;--destructive: #b91c1c;--destructive-foreground: #fef2f2;--surface-glow: #dbeafe;--success: #15803d;--info: #0369a1;--warning: #b45309;--link: var(--primary);--header-tint: rgba(15, 118, 110, .08);--card-shadow: 0 10px 30px rgba(15, 23, 42, .08);--button-shadow: 0 3px 10px rgba(15, 118, 110, .18)}:root[data-theme=slate]{--background: #f5f7fb;--foreground: #111827;--card: #ffffff;--card-foreground: #0f172a;--muted: #e2e8f0;--muted-foreground: #334155;--border: #cbd5e1;--input: #f8fafc;--primary: #0f766e;--primary-foreground: #ecfeff;--secondary: #0f172a;--secondary-foreground: #e2e8f0;--accent: #15803d;--accent-foreground: #f0fdf4;--ring: #0891b2;--destructive: #b91c1c;--destructive-foreground: #fef2f2;--surface-glow: #dbeafe;--success: #15803d;--info: #0369a1;--warning: #b45309;--link: #0f766e;--header-tint: rgba(15, 118, 110, .08);--card-shadow: 0 10px 30px rgba(15, 23, 42, .08);--button-shadow: 0 3px 10px rgba(15, 118, 110, .18)}:root[data-theme=midnight]{--background: #020617;--foreground: #e2e8f0;--card: #0f172a;--card-foreground: #e2e8f0;--muted: #1e293b;--muted-foreground: #cbd5e1;--border: #334155;--input: #0b1220;--primary: #14b8a6;--primary-foreground: #06211d;--secondary: #cbd5e1;--secondary-foreground: #0f172a;--accent: #22c55e;--accent-foreground: #022c22;--ring: #22d3ee;--destructive: #ef4444;--destructive-foreground: #450a0a;--surface-glow: #082f49;--success: #22c55e;--info: #22d3ee;--warning: #f59e0b;--link: #67e8f9;--header-tint: rgba(34, 211, 238, .14);--card-shadow: 0 12px 36px rgba(2, 6, 23, .36);--button-shadow: 0 3px 12px rgba(34, 211, 238, .25)}:root[data-theme=sunset]{--background: #fff7ed;--foreground: #431407;--card: #ffedd5;--card-foreground: #431407;--muted: #fed7aa;--muted-foreground: #7c2d12;--border: #fdba74;--input: #fff7ed;--primary: #ea580c;--primary-foreground: #fff7ed;--secondary: #7c2d12;--secondary-foreground: #ffedd5;--accent: #f59e0b;--accent-foreground: #422006;--ring: #f97316;--destructive: #b91c1c;--destructive-foreground: #fee2e2;--surface-glow: #fed7aa;--success: #65a30d;--info: #ea580c;--warning: #f59e0b;--link: #c2410c;--header-tint: rgba(249, 115, 22, .12);--card-shadow: 0 12px 32px rgba(124, 45, 18, .14);--button-shadow: 0 3px 12px rgba(234, 88, 12, .22)}:root[data-theme=mint]{--background: #ecfdf5;--foreground: #052e2b;--card: #d1fae5;--card-foreground: #052e2b;--muted: #a7f3d0;--muted-foreground: #065f46;--border: #6ee7b7;--input: #f0fdf4;--primary: #047857;--primary-foreground: #ecfdf5;--secondary: #14532d;--secondary-foreground: #dcfce7;--accent: #14b8a6;--accent-foreground: #022c22;--ring: #10b981;--destructive: #dc2626;--destructive-foreground: #fee2e2;--surface-glow: #6ee7b7;--success: #059669;--info: #0d9488;--warning: #d97706;--link: #047857;--header-tint: rgba(16, 185, 129, .12);--card-shadow: 0 12px 30px rgba(6, 95, 70, .14);--button-shadow: 0 3px 12px rgba(5, 150, 105, .24)}:root[data-theme=ocean]{--background: #eff6ff;--foreground: #082f49;--card: #dbeafe;--card-foreground: #082f49;--muted: #bfdbfe;--muted-foreground: #1e3a8a;--border: #93c5fd;--input: #f0f9ff;--primary: #0369a1;--primary-foreground: #e0f2fe;--secondary: #1e3a8a;--secondary-foreground: #dbeafe;--accent: #0284c7;--accent-foreground: #e0f2fe;--ring: #0ea5e9;--destructive: #b91c1c;--destructive-foreground: #fee2e2;--surface-glow: #7dd3fc;--success: #16a34a;--info: #0284c7;--warning: #ca8a04;--link: #0369a1;--header-tint: rgba(14, 165, 233, .12);--card-shadow: 0 12px 30px rgba(8, 47, 73, .12);--button-shadow: 0 3px 12px rgba(2, 132, 199, .22)}:root[data-theme=rose]{--background: #fff1f2;--foreground: #500724;--card: #ffe4e6;--card-foreground: #500724;--muted: #fecdd3;--muted-foreground: #9f1239;--border: #fda4af;--input: #fff1f2;--primary: #be123c;--primary-foreground: #ffe4e6;--secondary: #881337;--secondary-foreground: #ffe4e6;--accent: #f43f5e;--accent-foreground: #4c0519;--ring: #fb7185;--destructive: #b91c1c;--destructive-foreground: #fee2e2;--surface-glow: #fda4af;--success: #16a34a;--info: #be123c;--warning: #d97706;--link: #be123c;--header-tint: rgba(244, 63, 94, .12);--card-shadow: 0 12px 30px rgba(136, 19, 55, .14);--button-shadow: 0 3px 12px rgba(190, 18, 60, .22)}:root[data-theme=amber]{--background: #fffbeb;--foreground: #451a03;--card: #fef3c7;--card-foreground: #451a03;--muted: #fde68a;--muted-foreground: #78350f;--border: #fcd34d;--input: #fffbeb;--primary: #d97706;--primary-foreground: #fffbeb;--secondary: #92400e;--secondary-foreground: #fef3c7;--accent: #f59e0b;--accent-foreground: #451a03;--ring: #f59e0b;--destructive: #b91c1c;--destructive-foreground: #fee2e2;--surface-glow: #fde68a;--success: #65a30d;--info: #0369a1;--warning: #d97706;--link: #b45309;--header-tint: rgba(245, 158, 11, .12);--card-shadow: 0 12px 30px rgba(120, 53, 15, .14);--button-shadow: 0 3px 12px rgba(217, 119, 6, .22)}:root[data-theme=mono]{--background: #f4f4f5;--foreground: #18181b;--card: #fafafa;--card-foreground: #18181b;--muted: #e4e4e7;--muted-foreground: #3f3f46;--border: #d4d4d8;--input: #ffffff;--primary: #3f3f46;--primary-foreground: #fafafa;--secondary: #27272a;--secondary-foreground: #f4f4f5;--accent: #71717a;--accent-foreground: #fafafa;--ring: #52525b;--destructive: #a1a1aa;--destructive-foreground: #111827;--surface-glow: #d4d4d8;--success: #3f3f46;--info: #52525b;--warning: #71717a;--link: #27272a;--header-tint: rgba(113, 113, 122, .1);--card-shadow: 0 10px 24px rgba(39, 39, 42, .12);--button-shadow: 0 2px 10px rgba(63, 63, 70, .18)}:root[data-color-mode=dark]{--foreground: #e5e7eb;--card-foreground: #e5e7eb;--secondary: #cbd5e1;--secondary-foreground: #0f172a;--card-shadow: 0 14px 34px rgba(0, 0, 0, .35)}:root[data-theme=slate][data-color-mode=dark]{--background: #020617;--card: #0f172a;--muted: #1e293b;--muted-foreground: #cbd5e1;--border: #334155;--input: #0b1220;--surface-glow: #082f49;--header-tint: rgba(20, 184, 166, .16)}:root[data-theme=midnight][data-color-mode=dark]{--background: #02030f;--card: #0b1120;--muted: #161f38;--muted-foreground: #c2d1ff;--border: #2a3862;--input: #080d1a;--surface-glow: #0b2d5f;--header-tint: rgba(34, 211, 238, .2)}:root[data-theme=sunset][data-color-mode=dark]{--background: #1f1208;--card: #2b1708;--muted: #3f210d;--muted-foreground: #ffd7b3;--border: #7c3a13;--input: #2a1608;--surface-glow: #7c2d12;--header-tint: rgba(249, 115, 22, .2)}:root[data-theme=mint][data-color-mode=dark]{--background: #052019;--card: #072a20;--muted: #0b3a2b;--muted-foreground: #b7f7d6;--border: #14674d;--input: #08271d;--surface-glow: #065f46;--header-tint: rgba(16, 185, 129, .2)}:root[data-theme=ocean][data-color-mode=dark]{--background: #061a2b;--card: #08233a;--muted: #103352;--muted-foreground: #bee5ff;--border: #1b537f;--input: #082034;--surface-glow: #0c4a6e;--header-tint: rgba(14, 165, 233, .2)}:root[data-theme=rose][data-color-mode=dark]{--background: #2d0c19;--card: #3a1021;--muted: #521532;--muted-foreground: #ffd0de;--border: #8d2854;--input: #36101f;--surface-glow: #881337;--header-tint: rgba(244, 63, 94, .2)}:root[data-theme=amber][data-color-mode=dark]{--background: #2a1b07;--card: #362208;--muted: #4e320d;--muted-foreground: #ffe0a8;--border: #8a5a15;--input: #321f08;--surface-glow: #78350f;--header-tint: rgba(245, 158, 11, .2)}:root[data-theme=mono][data-color-mode=dark]{--background: #101113;--card: #17181b;--muted: #23252a;--muted-foreground: #d1d5db;--border: #3f434b;--input: #14161a;--surface-glow: #2f333a;--header-tint: rgba(161, 161, 170, .18)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--foreground);background:radial-gradient(circle at top right,var(--surface-glow) 0,transparent 42%),var(--background)}a{color:inherit;text-decoration:none}a:hover{color:var(--link)}.page-shell{min-height:100vh;display:flex;flex-direction:column}main{width:min(960px,92vw);margin:0 auto;flex:1}.header-card{width:min(960px,92vw);margin:1.5rem auto 0;padding:1rem;border:1px solid var(--border);background:linear-gradient(135deg,var(--header-tint) 0%,transparent 42%),var(--card);border-radius:18px;display:flex;gap:1rem;justify-content:space-between;align-items:center;box-shadow:var(--card-shadow)}.brand-wrap{display:flex;align-items:center;gap:.75rem}.brand-meta{display:grid;gap:.35rem}.brand-link{text-decoration:none;color:inherit;cursor:pointer}.logo{width:70px;height:70px}.brand-wrap h1{margin:0;font-size:1.15rem}.brand-wrap p{margin:.2rem 0 0;color:var(--muted-foreground);font-size:.92rem}.brand-nav{display:flex;gap:.45rem;align-items:center}.brand-nav a{padding:.28rem .55rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--foreground);font-size:.86rem}.brand-nav a.router-link-active{background:var(--secondary);color:var(--secondary-foreground)}.menu-right{display:flex;align-items:center;gap:.7rem}.menu-right a,.menu-right .ghost{padding:.45rem .7rem;border-radius:8px;border:1px solid var(--border);background:transparent;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.menu-right a:hover,.menu-right .ghost:hover{background:var(--muted);border-color:var(--ring)}.menu-right .logout-btn{width:2.35rem;height:2.35rem;border-radius:999px;border:1px solid var(--destructive);background:var(--destructive);color:var(--destructive-foreground);display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .12s ease,filter .12s ease}.menu-right .settings-btn{width:2.35rem;height:2.35rem;border-radius:999px;border:1px solid var(--border);background:var(--muted);color:var(--foreground);display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:none;transition:transform .12s ease,border-color .12s ease}.menu-right .settings-btn:hover{border-color:var(--ring);transform:translateY(-1px);color:var(--foreground)}.menu-right .settings-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.menu-right .night-toggle-btn{width:2.35rem;height:2.35rem;border-radius:999px;border:1px solid var(--border);background:var(--muted);color:var(--foreground);display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:none;transition:transform .12s ease,border-color .12s ease}.menu-right .night-toggle-btn:hover{border-color:var(--ring);transform:translateY(-1px)}.menu-right .night-toggle-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.menu-right .logout-btn:hover{filter:brightness(.92);transform:translateY(-1px)}.menu-right .logout-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.content-wrap{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0}.card{border:1px solid var(--border);border-radius:16px;background:var(--card);padding:1rem;box-shadow:var(--card-shadow)}.content-card{margin:1rem 0}.form{display:grid;gap:.7rem;margin-top:.8rem}label{display:grid;gap:.35rem;font-size:.9rem}input,textarea,button{border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;font:inherit}input,textarea{background:var(--input);color:var(--foreground)}button{cursor:pointer;background:var(--primary);color:var(--primary-foreground);transition:filter .12s ease,border-color .12s ease;box-shadow:var(--button-shadow)}button:hover{filter:brightness(.96)}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.link-like{border:none;background:transparent;color:var(--link);text-align:left;padding:0}.toggle-row{display:flex;gap:.4rem}.toggle-row button,.lang-toggle button{background:transparent;color:var(--foreground);box-shadow:none}.toggle-row button.active,.lang-toggle button.active{background:var(--secondary);color:var(--secondary-foreground)}.lang-toggle{display:flex;gap:.5rem}.lang-flag-btn{width:3rem;height:2.2rem;padding:.2rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.lang-flag{width:2.2rem;height:1.45rem;object-fit:cover;border-radius:4px;border:1px solid var(--border)}.lang-flag-btn.active{box-shadow:0 0 0 2px var(--ring) inset}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.5rem}.theme-option{display:flex;align-items:center;gap:.6rem;justify-content:flex-start;background:transparent;color:var(--foreground);box-shadow:none}.theme-option.active{background:var(--secondary);color:var(--secondary-foreground)}.theme-swatch{width:2rem;height:2rem;border-radius:999px;border:1px solid var(--border);flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.8rem}.stats-item{border:1px solid var(--border);border-radius:12px;background:var(--muted);padding:.75rem}.stats-item h3{margin:0;font-size:.9rem;color:var(--muted-foreground)}.stats-item p{margin:.35rem 0 0;font-size:1.3rem;font-weight:700}.stats-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin:.8rem 0}.stats-range{display:flex;gap:.4rem}.stats-range button{box-shadow:none;background:transparent;color:var(--foreground)}.stats-range button.active{background:var(--secondary);color:var(--secondary-foreground)}.stats-price{margin:0;color:var(--muted-foreground);font-size:.9rem}.stats-error{color:var(--destructive)}.stats-chart-wrap{margin-top:.6rem}.footer{width:min(960px,92vw);margin:.5rem auto 1.6rem;border-top:1px solid var(--border);padding-top:.8rem;display:flex;gap:1rem;justify-content:space-between;align-items:center;color:var(--muted-foreground)}.footer-links{display:flex;gap:1rem}.footer a:hover{color:var(--foreground)}.footer-lang-toggle{margin-left:auto}.toast-host{position:fixed;right:1rem;bottom:1rem;display:grid;gap:.6rem;width:min(360px,92vw)}.toast{border:1px solid var(--border);border-left-width:6px;border-radius:10px;background:var(--card);padding:.7rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.toast.success{border-left-color:var(--success)}.toast.info{border-left-color:var(--info)}.toast.warning{border-left-color:var(--warning)}.toast.error{border-left-color:var(--destructive)}.toast button{border:none;background:transparent;color:var(--muted-foreground);padding:0}.markdown h1,.markdown h2,.markdown h3{margin-top:1.2rem}@media(max-width:768px){.header-card{flex-direction:column;align-items:flex-start}.menu-right{width:100%;flex-wrap:wrap}.brand-nav{flex-wrap:wrap}.theme-grid,.stats-grid{grid-template-columns:1fr}.stats-toolbar,.footer{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}.footer-lang-toggle{margin-left:0}}