:root{--primary:#0b1120;--secondary:#1f5c7a;--accent:#34495e;--blue:#60a5fa;--cyan:#22d3ee;--text:#e5e7eb;--muted:rgba(229,231,235,0.6);--stroke:rgba(255,255,255,0.12);--card:rgba(255,255,255,0.04);--panel:#0b1020;--panel-soft:rgba(255,255,255,0.03);--panel-stroke:rgba(255,255,255,0.08);--ghost-bg:rgba(255,255,255,0.08);--ghost-border:rgba(255,255,255,0.18);--success:#22c55e;--warning:#f97316;--danger:#ef4444;--danger-ink:#fecaca;--danger-bg:rgba(239,68,68,0.12);--danger-border:rgba(239,68,68,0.45);--panel-bg:rgba(255,255,255,0.04);--panel-border:rgba(255,255,255,0.1);--panel-shadow:0 18px 48px rgba(0,0,0,0.28);--alert-ok:rgba(34,197,94,0.14);--alert-error:rgba(248,113,113,0.16);--overlay-bg:rgba(0,0,0,0.7);--fs-xs:clamp(0.6875rem,0.65rem + 0.1vw,0.75rem);--fs-sm:clamp(0.75rem,0.7rem + 0.15vw,0.8125rem);--fs-base:clamp(0.8125rem,0.75rem + 0.2vw,0.875rem);--fs-md:clamp(0.875rem,0.8rem + 0.25vw,0.9375rem);--fs-lg:clamp(0.9375rem,0.85rem + 0.3vw,1.05rem);--fs-xl:clamp(1.05rem,0.95rem + 0.4vw,1.2rem);--fs-2xl:clamp(1.2rem,1.05rem + 0.5vw,1.4rem);--fs-3xl:clamp(1.4rem,1.2rem + 0.6vw,1.7rem);--fs-4xl:clamp(1.7rem,1.4rem + 0.8vw,2.1rem);--fs-display:clamp(2rem,1.6rem + 1vw,2.5rem);--toast-success:var(--success);--toast-error:var(--danger);--toast-warning:var(--warning);--toast-info:var(--blue);--btn-primary-bg:linear-gradient(135deg,rgba(96,165,250,0.20),rgba(34,211,238,0.22));--btn-primary-text:var(--text);--btn-primary-border:1px solid rgba(34,211,238,0.30);--btn-danger-bg:rgba(239,68,68,0.12);--btn-danger-border:rgba(239,68,68,0.45);--btn-danger-text:#fecaca;--panel-strong:linear-gradient(145deg,rgba(96,165,250,0.18),rgba(11,17,32,0.92));--accent-2:#22d3ee;--accent-3:#7c3aed;--accent-4:#34d399;--fg:#f5f5f5;--chrome-bg:rgba(11,17,32,0.9);--chrome-bg-strong:rgba(11,17,32,0.96);--chrome-bg-footer:rgba(11,17,32,0.85);--radius:16px;--sidebar-w:260px;--footer-h:56px;color-scheme:dark}html[data-theme="light"]{--primary:#f8fafc;--secondary:#0c4a6e;--accent:#2c3e50;--blue:#2563eb;--cyan:#0891b2;--text:#0f172a;--muted:rgba(15,23,42,0.6);--stroke:rgba(15,23,42,0.1);--card:rgba(15,23,42,0.03);--panel:#ffffff;--panel-soft:rgba(15,23,42,0.02);--panel-stroke:rgba(15,23,42,0.08);--ghost-bg:rgba(15,23,42,0.05);--ghost-border:rgba(15,23,42,0.15);--success:#16a34a;--warning:#ea580c;--danger:#dc2626;--danger-ink:#991b1b;--danger-bg:rgba(220,38,38,0.08);--danger-border:rgba(220,38,38,0.3);--panel-bg:rgba(15,23,42,0.02);--panel-border:rgba(15,23,42,0.1);--panel-shadow:0 18px 48px rgba(15,23,42,0.1);--alert-ok:rgba(22,163,74,0.12);--alert-error:rgba(220,38,38,0.12);--overlay-bg:rgba(15,23,42,0.4);--toast-success:var(--success);--toast-error:var(--danger);--toast-warning:var(--warning);--toast-info:var(--blue);--btn-primary-bg:linear-gradient(135deg,rgba(37,99,235,0.15),rgba(8,145,178,0.18));--btn-primary-text:var(--text);--btn-primary-border:1px solid rgba(8,145,178,0.30);--btn-danger-bg:rgba(239,68,68,0.12);--btn-danger-border:rgba(239,68,68,0.45);--btn-danger-text:#ef4444;--panel-strong:linear-gradient(145deg,rgba(37,99,235,0.08),rgba(255,255,255,0.95));--accent-2:#0891b2;--accent-3:#7c3aed;--accent-4:#16a34a;--fg:#0f172a;--chrome-bg:rgba(248,250,252,0.92);--chrome-bg-strong:rgba(248,250,252,0.97);--chrome-bg-footer:rgba(248,250,252,0.88);color-scheme:light}html[data-theme="dark"]{color-scheme:dark}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icon-inline{font-size:1.1em;vertical-align:-3px;line-height:1}.text-green{color:var(--success)}.text-red{color:var(--danger)}.text-yellow{color:var(--warning)}.text-blue{color:var(--blue)}.text-purple{color:var(--accent-3)}.text-gray{color:var(--muted)}.text-orange{color:#f97316}.eyebrow{font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin:0}.disclaimer{font-size:12px;color:var(--muted);margin:0}.disclaimer a{color:#cfe3ff;text-underline-offset:3px}.auth-error{margin-top:8px;color:#ffd1d1;background:rgba(255,0,0,0.12);border:1px solid rgba(255,0,0,0.25);padding:10px 12px;border-radius:12px}.login-link{margin-top:18px;text-align:center;font-size:15px;color:var(--text)}.login-link a{color:var(--cyan);text-decoration:none;font-weight:600}.link{color:var(--blue);text-decoration:none}.link:hover{text-decoration:underline}@media (color-gamut:p3){:root{--primary:color(display-p3 0.043 0.067 0.125);--secondary:color(display-p3 0.122 0.361 0.478);--accent:color(display-p3 0.204 0.286 0.369);--blue:color(display-p3 0.376 0.647 0.98);--cyan:color(display-p3 0.133 0.827 0.933);--text:color(display-p3 0.898 0.909 0.922);--muted:color(display-p3 0.898 0.905 0.922 / 0.6);--stroke:color(display-p3 1 1 1 / 0.12);--card:color(display-p3 1 1 1 / 0.04);--panel:color(display-p3 0.043 0.063 0.125);--panel-soft:color(display-p3 1 1 1 / 0.03);--panel-stroke:color(display-p3 1 1 1 / 0.08);--ghost-bg:color(display-p3 1 1 1 / 0.08);--ghost-border:color(display-p3 1 1 1 / 0.18);--success:color(display-p3 0.133 0.773 0.369);--warning:color(display-p3 0.976 0.451 0.086);--danger:color(display-p3 0.937 0.267 0.267);--danger-ink:color(display-p3 0.996 0.792 0.792);--danger-bg:color(display-p3 0.937 0.267 0.267 / 0.12);--danger-border:color(display-p3 0.937 0.267 0.267 / 0.45);--panel-bg:color(display-p3 1 1 1 / 0.04);--panel-border:color(display-p3 1 1 1 / 0.1);--panel-shadow:0 18px 48px color(display-p3 0 0 0 / 0.28);--alert-ok:color(display-p3 0.133 0.773 0.369 / 0.14);--alert-error:color(display-p3 0.973 0.443 0.443 / 0.16);--overlay-bg:color(display-p3 0 0 0 / 0.7);--fs-xs:clamp(0.6875rem,0.65rem + 0.1vw,0.75rem);--fs-sm:clamp(0.75rem,0.7rem + 0.15vw,0.8125rem);--fs-base:clamp(0.8125rem,0.75rem + 0.2vw,0.875rem);--fs-md:clamp(0.875rem,0.8rem + 0.25vw,0.9375rem);--fs-lg:clamp(0.9375rem,0.85rem + 0.3vw,1.05rem);--fs-xl:clamp(1.05rem,0.95rem + 0.4vw,1.2rem);--fs-2xl:clamp(1.2rem,1.05rem + 0.5vw,1.4rem);--fs-3xl:clamp(1.4rem,1.2rem + 0.6vw,1.7rem);--fs-4xl:clamp(1.7rem,1.4rem + 0.8vw,2.1rem);--fs-display:clamp(2rem,1.6rem + 1vw,2.5rem);--panel-strong:linear-gradient(145deg,color(display-p3 0.376 0.647 0.98 / 0.18),color(display-p3 0.043 0.067 0.125 / 0.92));--accent-2:color(display-p3 0.133 0.827 0.933);--accent-3:color(display-p3 0.486 0.227 0.929);--accent-4:color(display-p3 0.204 0.827 0.6);--fg:color(display-p3 0.961 0.961 0.961);--sidebar-w:260px;--footer-h:56px} html[data-theme="light"]{--primary:color(display-p3 0.973 0.98 0.988);--secondary:color(display-p3 0.047 0.29 0.431);--accent:color(display-p3 0.173 0.243 0.314);--blue:color(display-p3 0.145 0.388 0.922);--cyan:color(display-p3 0.031 0.569 0.698);--text:color(display-p3 0.059 0.09 0.165);--muted:color(display-p3 0.059 0.09 0.165 / 0.6);--stroke:color(display-p3 0.059 0.09 0.165 / 0.1);--card:color(display-p3 0.059 0.09 0.165 / 0.03);--panel:color(display-p3 1 1 1);--panel-soft:color(display-p3 0.059 0.09 0.165 / 0.02);--panel-stroke:color(display-p3 0.059 0.09 0.165 / 0.08);--ghost-bg:color(display-p3 0.059 0.09 0.165 / 0.05);--ghost-border:color(display-p3 0.059 0.09 0.165 / 0.15);--success:color(display-p3 0.086 0.639 0.29);--warning:color(display-p3 0.918 0.345 0.047);--danger:color(display-p3 0.863 0.149 0.149);--danger-ink:color(display-p3 0.6 0.106 0.106);--danger-bg:color(display-p3 0.863 0.149 0.149 / 0.08);--danger-border:color(display-p3 0.863 0.149 0.149 / 0.3);--panel-bg:color(display-p3 0.059 0.09 0.165 / 0.02);--panel-border:color(display-p3 0.059 0.09 0.165 / 0.1);--panel-shadow:0 18px 48px color(display-p3 0.059 0.09 0.165 / 0.1);--alert-ok:color(display-p3 0.086 0.639 0.29 / 0.12);--alert-error:color(display-p3 0.863 0.149 0.149 / 0.12);--overlay-bg:color(display-p3 0.059 0.09 0.165 / 0.4);--panel-strong:linear-gradient(145deg,color(display-p3 0.145 0.388 0.922 / 0.08),color(display-p3 1 1 1 / 0.95));--accent-2:color(display-p3 0.031 0.569 0.698);--accent-3:color(display-p3 0.486 0.227 0.929);--accent-4:color(display-p3 0.086 0.639 0.29);--fg:color(display-p3 0.059 0.09 0.165);--chrome-bg:color(display-p3 0.973 0.98 0.988 / 0.92);--chrome-bg-strong:color(display-p3 0.973 0.98 0.988 / 0.97);--chrome-bg-footer:color(display-p3 0.973 0.98 0.988 / 0.88)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:18px;cursor:pointer;font-weight:900;font-size:0.95rem;white-space:nowrap;max-width:100%;transition:0.25s transform,0.2s background,0.2s border-color,0.2s box-shadow;text-decoration:none;border:1px solid transparent}.app-header .btn,.app-footer .btn{border-radius:inherit}.btn svg{width:22px;height:22px;fill:currentColor;display:block}.btn .ic{display:inline-grid;place-items:center;width:24px;height:24px}.btn-lg{min-height:56px;font-size:16px;letter-spacing:0.3px;padding:0 28px}.btn-google{background:#fff;color:#222;border:1px solid #ddd;box-shadow:0 4px 10px rgba(0,0,0,0.12)}.btn-google:hover{background:#f5f5f5;box-shadow:0 6px 14px rgba(0,0,0,0.18)}.btn-primary{background:var(--btn-primary-bg);border:var(--btn-primary-border);color:var(--btn-primary-text);box-shadow:0 12px 30px rgba(0,0,0,0.15)}.btn-secondary{background:rgba(255,255,255,0.05);border:1px solid var(--stroke);color:var(--text);box-shadow:none}.btn:hover{transform:translateY(-2px)}.btn-primary:hover{background:linear-gradient(135deg,rgba(96,165,250,0.35),rgba(34,211,238,0.40));border-color:rgba(34,211,238,0.60);box-shadow:0 15px 35px rgba(0,0,0,0.25)}.btn-secondary:hover{background:rgba(255,255,255,0.12);border-color:rgba(96,165,250,0.45);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.btn-outline{padding:10px 18px;border-radius:18px;border:1px solid var(--stroke);background:rgba(255,255,255,0.05);color:var(--text);box-shadow:none}.btn-outline:hover{border-color:rgba(96,165,250,0.45);background:rgba(255,255,255,0.12);box-shadow:none}.btn-compact{padding:10px 18px}.btn-group{display:inline-flex;border:1px solid var(--stroke);border-radius:12px;background:rgba(255,255,255,0.04);padding:4px;gap:2px}.btn-group .btn-ghost,.btn-group .chip{border:none;border-radius:8px;padding:8px 12px}.btn-ghost{background:var(--ghost-bg);color:var(--text);border:1px solid var(--ghost-border);box-shadow:none}.btn-ghost:hover{background:rgba(255,255,255,0.13);box-shadow:none}.btn--danger{background:var(--danger-bg);color:var(--danger-ink);border:1px solid var(--danger-border);box-shadow:none}.btn--danger:hover{background:rgba(239,68,68,0.18);box-shadow:none}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);padding:20px;z-index:1000}.modal.show,.modal[aria-hidden="false"]{display:flex}.modal[aria-hidden="true"]{display:none}.modal__panel{background:#0b1321;border:1px solid var(--stroke);border-radius:16px;padding:18px;width:100%;max-width:720px;box-shadow:0 20px 50px rgba(0,0,0,0.4);display:flex;flex-direction:column;gap:10px}.modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal__close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer}.modal__body{max-height:70vh;overflow:auto}.note.toast{position:fixed;top:16px;left:50%;padding:12px 18px;border-radius:12px;background:var(--success);color:#fff;border:1px solid rgba(255,255,255,0.1);box-shadow:0 12px 30px rgba(0,0,0,0.45);transform:translate(-50%,-14px);opacity:0;pointer-events:auto;z-index:2147483647;font-weight:600;font-size:0.95rem}.note.toast.show{animation:toastIn 0.28s ease forwards}.note.toast.hide{animation:toastOut 0.3s ease forwards}.note.toast.error{background:var(--danger);box-shadow:0 12px 26px rgba(248,113,113,0.24)}@keyframes toastIn{from{opacity:0;transform:translate(-50%,-14px)} to{opacity:1;transform:translate(-50%,0)}}@keyframes toastOut{from{opacity:1;transform:translate(-50%,0)} to{opacity:0;transform:translate(-50%,-12px)}}.hidden{display:none !important}html[data-theme="light"] .btn-outline{border-color:rgba(15,23,42,0.35);color:#0f172a;background:rgba(15,23,42,0.02)}html[data-theme="light"] .btn-outline:hover{border-color:rgba(15,23,42,0.5);background:rgba(15,23,42,0.06)}html[data-theme="light"] .btn{box-shadow:0 0 0 1px rgba(15,23,42,0.14)}html[data-theme="light"] .btn:hover{box-shadow:0 0 0 1px rgba(15,23,42,0.22)}html[data-theme="light"] .btn--ghost,html[data-theme="light"] .btn-ghost{background:rgba(15,23,42,0.06);border-color:rgba(15,23,42,0.28);color:#0f172a}html[data-theme="light"] .btn--ghost:hover,html[data-theme="light"] .btn-ghost:hover{background:rgba(15,23,42,0.1)}.btn-primary-dark{background:linear-gradient(135deg,#0b1120,#1f2937);color:#f8fafc;border:1px solid rgba(148,163,184,0.35)}.btn-primary-dark:hover{filter:brightness(1.08)}.btn-secondary-dark{background:rgba(15,23,42,0.7);color:#e2e8f0;border:1px solid rgba(148,163,184,0.35)}.btn-secondary-dark:hover{background:rgba(15,23,42,0.85)}.btn-primary-light{background:linear-gradient(135deg,#2563eb,#0891b2);color:#f8fafc;border:1px solid rgba(37,99,235,0.25)}.btn-primary-light:hover{filter:brightness(1.05)}.btn-secondary-light{background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,0.25)}.btn-secondary-light:hover{background:rgba(15,23,42,0.04);border-color:rgba(15,23,42,0.4)}*{scrollbar-width:thin;scrollbar-color:#3b82f6 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:10px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.toggle input{display:none}.toggle-track{width:42px;height:22px;border-radius:999px;background:rgba(148,163,184,0.35);position:relative;transition:background 0.2s;border:1px solid rgba(148,163,184,0.35);box-sizing:border-box}.toggle-thumb{position:absolute;top:50%;left:1px;width:18px;height:18px;border-radius:50%;background:#e2e8f0;transform:translateY(-50%);transition:transform 0.2s}.toggle input:checked+.toggle-track{background:var(--cyan);border-color:var(--cyan)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(20px,-50%)}.toggle-label{font-size:0.9rem;color:var(--text)}html{-webkit-text-size-adjust:100%;font-size:100%}body{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;background:var(--primary) !important;font-size:var(--fs-base);line-height:1.5;color:var(--text);overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;margin-top:0;margin-bottom:0.5em}h1{font-size:var(--fs-3xl);letter-spacing:-0.01em}h2{font-size:var(--fs-2xl);letter-spacing:-0.01em}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-md)}h6{font-size:var(--fs-base)}small{font-size:var(--fs-sm)}caption{font-size:var(--fs-xs)}p{max-width:70ch;margin-bottom:1.25em}.container{width:100%;padding-inline:1rem;margin-inline:auto}@media (min-width:769px){.container{padding-inline:1.5rem;max-width:768px}}@media (min-width:1025px){.container{padding-inline:2rem;max-width:1024px}}@media (min-width:1281px){.container{padding-inline:2.5rem;max-width:1280px}}@media (min-width:1441px){.container{padding-inline:3rem;max-width:1440px}}.layout-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:769px){.layout-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (min-width:1025px){.layout-grid{grid-template-columns:var(--sidebar-w,260px) 1fr;gap:2.5rem}}.site-header{position:sticky;top:0;z-index:100;background-color:var(--panel);border-bottom:1px solid var(--panel-border);height:3.5rem;backdrop-filter:blur(8px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.nav-primary{display:none;position:fixed;top:3.5rem;left:0;width:100%;height:calc(100dvh - 3.5rem);background:var(--panel);padding:1.5rem 1rem;overflow-y:auto;z-index:99}.nav-primary[aria-expanded="true"],.nav-primary.is-open{display:flex;flex-direction:column;gap:0.5rem}.nav-toggle{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:none;background:transparent;cursor:pointer;border-radius:0.375rem;color:var(--text)}@media (min-width:1025px){.site-header{height:4.5rem} .nav-primary{display:flex;position:static;width:auto;height:auto;padding:0;background:transparent;overflow:visible;flex-direction:row;align-items:center;gap:1.5rem} .nav-toggle{display:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}body::after{content:none}img,svg,video,canvas,audio{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}input[type="number"]{-moz-appearance:textfield;appearance:textfield}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal__body{-webkit-overflow-scrolling:touch}.info-tooltip{width:20px;height:20px;border-radius:50%;border:1px solid var(--panel-border,rgba(148,163,184,0.6));background:transparent;color:var(--muted,#9ca3af);font-weight:700;font-size:12px;line-height:1;cursor:help;display:inline-flex;align-items:center;justify-content:center;transition:all 0.12s ease}.info-tooltip:hover,.info-tooltip:focus{color:var(--text,#e5e7eb);border-color:rgba(96,165,250,0.8);box-shadow:0 0 0 3px rgba(96,165,250,0.12);outline:none}.info-tooltip[data-tooltip]{position:relative}.info-tooltip[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:0;left:calc(100% + 8px);transform:translateY(-2px);background:rgba(15,23,42,0.95);color:#e5e7eb;padding:8px 10px;border-radius:6px;border:1px solid rgba(148,163,184,0.4);width:260px;white-space:normal;line-height:1.4;font-size:0.9rem;opacity:0;pointer-events:none;transition:opacity 0.05s ease,transform 0.05s ease;box-shadow:0 12px 30px rgba(0,0,0,0.3);z-index:50}.info-tooltip[data-tooltip]:hover::after,.info-tooltip[data-tooltip]:focus::after{opacity:1;transform:translateY(0)}.info-icon{width:22px;height:22px;border-radius:50%;border:1px solid rgba(148,163,184,0.5);color:var(--text,#e5e7eb);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;cursor:default;position:relative}.info-icon::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(15,23,42,0.95);color:#e5e7eb;padding:8px 10px;border-radius:10px;border:1px solid rgba(148,163,184,0.4);white-space:nowrap;font-size:0.9rem;opacity:0;pointer-events:none;transition:opacity 0.2s,transform 0.2s;box-shadow:0 12px 30px rgba(0,0,0,0.3)}.info-icon:hover::after{opacity:1;transform:translate(-50%,-2px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}