:root{--bg: #0b1017;--bg-2: #111820;--panel: rgba(18, 24, 32, .88);--panel-soft: rgba(255, 255, 255, .055);--line: rgba(191, 214, 255, .14);--line-strong: rgba(111, 164, 255, .34);--text: #eef5ff;--muted: #aeb9c9;--dim: #758196;--blue: #3d7af0;--blue-2: #61a2ff;--cyan: #73d6ff;--green: #58d68d;--warning: #f8b84e;--danger: #ff6b6b;--shadow: rgba(0, 0, 0, .35);--radius: 8px}body.theme-light,html.theme-light body{--bg: #eef6fb;--bg-2: #f7fbff;--panel: rgba(255, 255, 255, .86);--panel-soft: rgba(8, 33, 52, .055);--line: rgba(30, 88, 128, .16);--line-strong: rgba(0, 126, 180, .36);--text: #102235;--muted: #51697f;--dim: #6c8194;--shadow: rgba(31, 76, 110, .14)}*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;background:var(--bg);-webkit-tap-highlight-color:transparent}html.theme-light{background:#f8fbfd}html.theme-dark{background:#080c11}body{margin:0;min-height:100vh;color:var(--text);font-family:Segoe UI,Inter,Arial,sans-serif;letter-spacing:0;background:radial-gradient(circle at 25% -10%,rgba(61,122,240,.24),transparent 30%),linear-gradient(180deg,#111820,#0b1017 52%,#080c11)}body.theme-light,html.theme-light body{background:radial-gradient(circle at 18% 0%,rgba(71,217,255,.15),transparent 28%),radial-gradient(circle at 88% 12%,rgba(61,122,240,.1),transparent 28%),linear-gradient(180deg,#f7fbff,#eef6fb 56%,#f8fbfd)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color-scheme:dark}body.theme-light button,body.theme-light input,body.theme-light select,[data-theme=light] button,[data-theme=light] input,[data-theme=light] select{color-scheme:light}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(115,214,255,.88);outline-offset:3px}body.theme-light a:focus-visible,body.theme-light button:focus-visible,body.theme-light input:focus-visible,body.theme-light select:focus-visible,body.theme-light textarea:focus-visible,body.theme-light [tabindex]:focus-visible{outline-color:#2563ebc7}.topbar{position:sticky;top:0;z-index:30;height:58px;display:grid;grid-template-columns:180px minmax(0,1fr) 250px;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid var(--line);background:#0d1219db;backdrop-filter:blur(16px)}body.theme-light .topbar{background:#ffffffdb;box-shadow:0 10px 34px #1f4c6e14}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}.brand-mark{width:26px;height:26px;display:inline-grid;place-items:center;color:#eaf3ff;border:1px solid rgba(115,214,255,.38);border-radius:7px;background:#fff;object-fit:contain;padding:2px}.main-nav{display:flex;justify-content:center;gap:clamp(10px,1.5vw,22px);font-size:13px;font-weight:700;color:#d7e1f0}body.theme-light .main-nav{color:#60758a}body.theme-light .main-nav a:hover,body.theme-light .main-nav a.is-active{color:#102235}.theme-toggle{width:36px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-soft);font-weight:900}.theme-toggle:hover{border-color:var(--line-strong)}.main-nav a{height:58px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap}.main-nav a:hover,.main-nav a.is-active{color:#fff;border-color:var(--blue-2)}.main-nav a:focus-visible{color:var(--text);border-color:var(--blue-2)}.user-area{display:flex;justify-content:flex-end;align-items:center;gap:10px}.language-switcher{position:relative;width:128px;height:34px;flex:0 0 128px}.language-trigger{width:100%;height:34px;display:grid;grid-template-columns:17px minmax(0,1fr) 14px;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:0 9px;background:var(--panel-soft);color:var(--text);cursor:pointer;transition:border-color .14s ease,background-color .14s ease,transform .11s cubic-bezier(.23,1,.32,1)}.language-globe,.language-chevron,.language-check{display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.language-globe svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.language-current-name{min-width:0;overflow:hidden;color:inherit;font-size:12px;font-weight:650;line-height:1;text-align:left;text-overflow:ellipsis;white-space:nowrap}.language-chevron svg,.language-check svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.language-chevron{transition:transform .14s cubic-bezier(.23,1,.32,1)}[data-language-control].is-open .language-chevron{transform:rotate(180deg)}.language-menu{position:absolute;z-index:140;top:calc(100% + 6px);right:0;width:188px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#121a24;box-shadow:0 12px 28px #00000047;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px) scale(.98);transform-origin:top right;transition:opacity .11s ease,transform .14s cubic-bezier(.23,1,.32,1),visibility 0s linear .14s}[data-language-control].is-open .language-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}[data-language-control][data-keyboard-open=true] .language-menu,[data-language-control][data-keyboard-open=true] .language-chevron{transition-duration:0ms}.language-option{width:100%;min-height:36px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;border:0;border-radius:5px;padding:7px 9px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.2;text-align:left;cursor:pointer;transition:background-color .12s ease,color .12s ease,transform .1s cubic-bezier(.23,1,.32,1)}.language-check{color:var(--blue-2);opacity:0}.language-option.is-active{background:#61a2ff1a;color:var(--text)}.language-option.is-active .language-check{opacity:1}.language-trigger:active,.language-option:active{transform:scale(.97)}.language-trigger:focus-visible,.language-option:focus-visible{outline:2px solid var(--blue-2);outline-offset:2px}@media(hover:hover)and (pointer:fine){.language-trigger:hover{border-color:var(--line-strong);background:#ffffff13}.language-option:hover{background:var(--panel-soft);color:var(--text)}}@media(prefers-reduced-motion:reduce){.language-menu,.language-trigger,.language-option,.language-chevron{transition-duration:0ms}}.auth-widget{position:relative}.auth-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:80;width:min(320px,calc(100vw - 24px));padding:14px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#080f1ff5;box-shadow:0 22px 60px #00000057}body.theme-light .auth-panel{background:#fffffffa}.auth-panel form,.auth-state{display:grid;gap:10px}.auth-panel label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.auth-panel input{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--text);background:#0f172abd}body.theme-light .auth-panel input{background:#ffffffd1}.auth-switch{margin-top:10px;border:0;color:var(--blue-2);background:transparent;font-weight:800}.auth-message{min-height:18px;margin:10px 0 0;color:var(--muted);font-size:12px}.auth-message[data-tone=success]{color:#8ff5d2}.auth-message[data-tone=warning]{color:#facc15}.auth-message[data-tone=error]{color:#fecaca}.icon-button,.login-button{border:0;color:var(--text);background:transparent}.icon-button{width:34px;height:34px;border-radius:8px;color:#dbe7f8}.icon-button:hover{background:#ffffff12}.login-button{display:inline-flex;align-items:center;gap:8px;font-weight:700}.avatar{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#4d7cff,#6ea7ff)}.primary-action,.secondary-action{width:100%;min-height:40px;border:1px solid transparent;border-radius:var(--radius);color:#fff;font-size:14px;font-weight:700}.primary-action{background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 12px 28px #2f6bd447}.secondary-action{border-color:#ffffff14;background:#ffffff14}body.theme-light .secondary-action,html.theme-light body .secondary-action,html[data-theme=light] body .secondary-action{color:#17384d;border-color:#b6c8d4;background:#f3f7fa}.primary-action:hover,.secondary-action:hover{filter:brightness(1.08)}.chip:focus-visible,.btn:focus-visible,.icon-button:focus-visible,.theme-toggle:focus-visible,.login-button:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible,.auth-switch:focus-visible{border-color:var(--line-strong);box-shadow:0 0 0 4px #73d6ff29}@media(max-width:1040px){.topbar{height:auto;min-height:58px;grid-template-columns:1fr auto;padding:10px 16px}.main-nav{grid-column:1 / -1;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.main-nav a{height:34px;white-space:nowrap}}[data-theme=light] body,html[data-theme=light] body{background:radial-gradient(circle at 18% 0%,rgba(71,217,255,.15),transparent 28%),radial-gradient(circle at 88% 12%,rgba(61,122,240,.1),transparent 28%),linear-gradient(180deg,#f7fbff,#eef6fb 56%,#f8fbfd)}html[data-theme=light]{background:#f8fbfd;--bg:#eef6fb;--bg-2:#f7fbff;--panel:rgba(255,255,255,.86);--panel-soft:rgba(8,33,52,.055);--line:rgba(30,88,128,.16);--line-strong:rgba(0,126,180,.36);--text:#102235;--muted:#51697f;--dim:#6c8194;--shadow:rgba(31,76,110,.14)}[data-theme=light] .topbar{background:#ffffffdb;box-shadow:0 10px 34px #1f4c6e14}[data-theme=light] .main-nav{color:#60758a}[data-theme=light] .main-nav a:hover,[data-theme=light] .main-nav a.is-active{color:#102235}[data-theme=light] .auth-panel{background:#fffffffa}[data-theme=light] .auth-panel input{background:#ffffffe6;border-color:#1e588038;color:#102235}[data-theme=light] .language-menu,html[data-theme=light] .language-menu,body.theme-light .language-menu{background:#fff;box-shadow:0 12px 28px #1f4c6e29}[data-theme=light] .language-option.is-active,html[data-theme=light] .language-option.is-active,body.theme-light .language-option.is-active{background:#3d7af017}@media(max-width:520px){.language-switcher{width:122px;flex-basis:122px}.language-menu{width:min(188px,calc(100vw - 24px))}}#achievement-toasts{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.achievement-toast{display:flex;align-items:center;gap:12px;min-width:280px;max-width:340px;padding:12px 16px;border:1px solid rgba(88,214,141,.38);border-radius:12px;background:linear-gradient(135deg,#0a160ef5,#06120afa);box-shadow:0 8px 32px #00000080,0 0 0 1px #58d68d1f;transform:translate(120%);opacity:0;transition:transform .38s cubic-bezier(.34,1.56,.64,1),opacity .32s ease}.achievement-toast.is-visible{transform:translate(0);opacity:1}.achievement-toast-icon{flex-shrink:0;font-size:26px;line-height:1}.achievement-toast-body{display:flex;flex-direction:column;gap:2px;min-width:0}.achievement-toast-body strong{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#58d68d}.achievement-toast-body span{font-size:14px;font-weight:700;color:#eef5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-toast-body small{font-size:12px;color:#8ea9c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}