:root{--bg:#0b1020;--card:#111a33;--card2:#0f1730;--text:#e7ecff;--muted:#a8b3dd;--accent:#7c5cff;--danger:#ff5c7a;--ok:#47d18c;--border:rgba(255,255,255,.08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(900px 520px at 8% -8%,rgba(124,92,255,.22),transparent 70%),radial-gradient(780px 460px at 100% 0%,rgba(71,209,140,.16),transparent 68%),linear-gradient(180deg,#0b1020,#0b1122 60%,#0a1620);color:var(--text)}a{color:inherit}.container{max-width:980px;margin:0 auto;padding:24px 24px calc(96px + env(safe-area-inset-bottom))}.header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "mode actions";align-items:center;column-gap:16px;row-gap:6px;margin-bottom:16px}.brand{grid-area:brand;display:flex;align-items:center;gap:20px}.logo{width:80px;height:80px;border-radius:18px;background:url("./media/logo-EI4CT7ZP.png") center/cover no-repeat;border:1px solid var(--border);box-shadow:0 10px 30px #00000059}.title{font-size:32px;font-weight:800;letter-spacing:.2px;line-height:1.05}.mode-label{grid-area:mode;color:var(--muted);font-size:26px;line-height:1.1}.header-actions{gap:16px!important}.header .header-actions{grid-area:actions;justify-self:end}.header .badge.header-user{font-size:24px!important;padding:12px 18px!important;border-radius:999px!important}.header .btn.header-logout{font-size:24px!important;padding:16px 20px!important;border-radius:14px!important}.card{background:linear-gradient(180deg,#141e38f0,#0f182df0);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 16px 40px #00000040}.card+.card{margin-top:12px}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 820px){.grid.two{grid-template-columns:1fr}}.btn{appearance:none;border:1px solid var(--border);background:#ffffff0f;color:var(--text);padding:10px 14px;border-radius:14px;cursor:pointer;font-weight:700;transition:transform .06s ease,background .2s ease,border-color .2s ease}.btn:hover{background:#ffffff1a}.btn:active{transform:translateY(1px)}.btn.primary{background:#7c5cff40;border-color:#7c5cff73}.btn.primary:hover{background:#7c5cff59}.btn.danger{background:#ff5c7a2e;border-color:#ff5c7a73}.btn.ghost{background:transparent}.btn.small{padding:8px 10px;border-radius:12px;font-weight:700}.input,select{width:100%;background:#00000026;border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:14px;outline:none}label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#0000001f;font-size:12px}.badge.ok{border-color:#47d18c8c;background:#47d18c1f}.badge.warn{border-color:#ffdc788c;background:#ffdc781a}.badge.bad{border-color:#ff5c7a8c;background:#ff5c7a1f}hr{border:none;border-top:1px solid var(--border);margin:14px 0}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:18px}.modal{width:min(620px,100%);background:linear-gradient(180deg,#111a33fa,#0f1730fa);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 20px 60px #00000073}.modal h2{margin:0 0 6px}.big-word{font-size:40px;font-weight:900;letter-spacing:.6px}.center{text-align:center}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:3px 6px;border-radius:8px;border:1px solid var(--border);background:#0003}.cookie-gate{position:fixed;inset:0;z-index:300;background:#040812ad;display:flex;align-items:center;justify-content:center;padding:16px}.cookie-modal{width:min(560px,100%);display:grid;gap:10px}.cookie-title{font-weight:800}.cookie-text{font-size:12px;color:var(--muted)}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 820px){.container{padding:16px 14px calc(76px + env(safe-area-inset-bottom))}.header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand brand" "mode actions";align-items:end;row-gap:10px}.brand{gap:14px}.logo{width:72px;height:72px;border-radius:16px}.title{font-size:48px;line-height:.95}.mode-label{font-size:22px}.header-actions{width:auto;justify-content:flex-end}.header .badge.header-user{font-size:16px!important;padding:8px 12px!important}.header .btn.header-logout{font-size:16px!important;padding:10px 14px!important}.card{border-radius:14px;padding:12px}.big-word{font-size:32px}.cookie-gate{padding:12px}.cookie-title{font-size:14px}.cookie-text{font-size:11px}}@media (max-width: 480px){.container{padding:12px 10px calc(64px + env(safe-area-inset-bottom))}.header{margin-bottom:12px}.logo{width:64px;height:64px;border-radius:14px}.title{font-size:40px}.mode-label{font-size:18px}.header .badge.header-user{font-size:14px!important;padding:6px 10px!important}.header .btn.header-logout{font-size:14px!important;padding:8px 12px!important}.btn{padding:9px 11px;border-radius:12px}.input,select{padding:9px 10px;border-radius:12px}.modal-backdrop{padding:10px}.modal{border-radius:14px;padding:12px}.big-word{font-size:28px}.cookie-modal{gap:8px}.cookie-actions{justify-content:flex-end}}