@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--bg:#faf8ff;--bg-2:#ffffff;--bg-3:#ffffff;--surface:#ffffff;--surface-2:#f5f2ff;--surface-3:#efeaff;--cream:#fff9ef;--border:#ebe7f7;--border-strong:#ddd5f3;--text:#141733;--text-body:#4a4f6a;--text-dim:#5a5f7d;--text-faint:#6b7192;--purple:#7c5cff;--purple-2:#5b3fd6;--purple-soft:#efeaff;--coral:#ff6b8a;--coral-2:#d63a5c;--coral-soft:#ffe9ee;--green:#2fb87a;--green-deep:#0b7a55;--green-soft:#e4f9f0;--red:#e5384f;--red-deep:#b8112a;--red-soft:#ffe9ec;--amber:#9a6100;--gold:#ffb830;--gold-soft:#fff4dd;--cyan:#4dabf7;--cyan-2:#1666b0;--cyan-soft:#e5f2ff;--paper:#ffffff;--on-primary:#ffffff;--on-gold:#4a2f00;--track:#ece7fa;--disabled-bg:#e9e5f5;--disabled-fg:#575d7a;--rank2-bg:#eef0f6;--rank2-fg:#4f5570;--rank3-bg:#fbe9d8;--rank3-fg:#91541a;--chrome-bg:rgba(255,255,255,0.82);--chrome-bg-2:rgba(255,255,255,0.94);--bg-haze:rgba(255,255,255,0.72);--glass-inline:rgba(255,255,255,0.34);--glass-sheen-a:rgba(255,255,255,0.30);--glass-sheen-b:rgba(255,255,255,0.22);--brand-rgb:124,92,255;--coral-rgb:255,107,138;--green-rgb:47,184,122;--red-rgb:229,56,79;--amber-rgb:245,147,0;--gold-rgb:255,184,48;--cyan-rgb:77,171,247;--mint-rgb:56,217,169;--ink-rgb:20,23,51;--gradient:linear-gradient(135deg,#7c5cff,#ff6b8a);--gradient-gold:linear-gradient(135deg,#ffd76e,#f59300);--gradient-soft:linear-gradient(135deg,rgba(var(--brand-rgb),0.10),rgba(var(--coral-rgb),0.08));--shadow-xs:0 1px 2px rgba(var(--ink-rgb),0.05);--shadow-sm:0 2px 8px rgba(var(--ink-rgb),0.05),0 1px 2px rgba(var(--ink-rgb),0.04);--shadow:0 8px 24px rgba(var(--ink-rgb),0.07),0 2px 6px rgba(var(--ink-rgb),0.04);--shadow-lg:0 18px 48px rgba(var(--ink-rgb),0.10),0 6px 14px rgba(var(--ink-rgb),0.05);--shadow-purple:0 12px 28px rgba(var(--brand-rgb),0.30);--radius-lg:28px;--radius:20px;--radius-sm:14px;--radius-xs:10px;--font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:radial-gradient(620px 620px at -8% -12%,rgba(var(--brand-rgb),.22),transparent 62%),radial-gradient(560px 560px at 108% -6%,rgba(var(--coral-rgb),.18),transparent 62%),radial-gradient(660px 660px at -14% 58%,rgba(var(--mint-rgb),.14),transparent 62%),radial-gradient(620px 620px at 110% 100%,rgba(var(--gold-rgb),.18),transparent 62%),var(--bg);color:var(--text-body);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}a,button{color:inherit}a{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--purple);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.015em;font-weight:800}h1,h2,h3,h4,strong{color:var(--text)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);background:var(--chrome-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs)}.header-inner{max-width:960px;margin:0 auto;padding:10px 20px;justify-content:space-between;gap:16px}.header-inner,.logo{display:flex;align-items:center}.logo{flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo img{height:40px;width:auto;display:block}.header-stats{display:flex;align-items:center;gap:8px}.lang-switch{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);background:var(--paper);overflow:hidden}.lang-btn{border:none;background:transparent;padding:5px 10px;font-size:.78rem;font-weight:700;color:var(--text-muted,#6b7280);cursor:pointer;line-height:1}.lang-btn.active{background:var(--purple,#7c3aed);color:var(--on-primary)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-xs);color:var(--text);font-size:.85rem;font-weight:700;white-space:nowrap}.pill .ico{font-size:.95rem}.pill-premium{background:var(--gold-soft);border-color:rgba(var(--amber-rgb),.28);color:var(--amber)}.pill-upgrade{background:var(--purple-soft);border-color:rgba(var(--brand-rgb),.28);color:var(--purple-2);transition:transform .14s,box-shadow .2s}.pill-upgrade:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--brand-rgb),.22)}.top-nav{display:flex;gap:2px}.nav-btn{padding:8px 12px;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--text-dim);transition:color .18s,background .18s,transform .12s}.nav-btn:hover{color:var(--purple-2);background:var(--purple-soft)}.nav-btn:active{transform:scale(.96)}.nav-btn.active{color:var(--on-primary);background:var(--gradient);box-shadow:0 4px 12px rgba(var(--brand-rgb),.3)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:60;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);background:var(--chrome-bg-2);border-top:1px solid var(--border);box-shadow:0 -4px 20px rgba(var(--ink-rgb),.06);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottom-nav .nav-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.68rem;padding:6px 2px;border-radius:12px}.bottom-nav .nav-btn .ico{font-size:1.25rem;line-height:1.2}.bottom-nav .nav-btn.active{padding:6px 2px;background:var(--purple-soft);color:var(--purple-2);box-shadow:none}.page-main{max-width:960px;margin:0 auto;padding:28px 20px 60px;animation:viewIn .3s ease}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card+.card{margin-top:16px}.card-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-weight:700;margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:999px;font-size:1rem;font-weight:700;transition:transform .14s,box-shadow .2s,background .2s,color .2s,border-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--gradient);color:var(--on-primary);box-shadow:var(--shadow-purple)}.btn-primary:hover{box-shadow:0 18px 36px rgba(var(--brand-rgb),.38)}.btn-ghost{background:var(--paper);border:1.5px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--purple);color:var(--purple-2);box-shadow:var(--shadow)}.btn-danger{background:var(--red-soft);border:1.5px solid rgba(var(--red-rgb),.32);color:var(--red-deep)}.btn-danger:hover{background:var(--red-soft);border-color:rgba(var(--red-rgb),.5)}.btn-sm{padding:9px 18px;font-size:.9rem}.btn-block{width:100%}.btn[disabled]{opacity:1;cursor:not-allowed;background:var(--disabled-bg);color:var(--disabled-fg);border-color:var(--border-strong);box-shadow:none;filter:none}.btn[disabled]:hover{transform:none;box-shadow:none}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 16px;border-radius:999px;background:var(--paper);border:1.5px solid var(--border);box-shadow:var(--shadow-xs);font-size:.9rem;font-weight:600;color:var(--text-dim);transition:all .16s}.chip:hover{border-color:var(--purple);color:var(--purple-2);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chip.selected{background:var(--gradient);border-color:transparent;color:var(--on-primary);box-shadow:0 6px 16px rgba(var(--brand-rgb),.3)}.progress-track{height:10px;border-radius:999px;background:var(--track);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--gradient);transition:width .5s cubic-bezier(.22,1,.36,1)}.muted{color:var(--text-dim);font-size:.92rem}.faint{color:var(--text-faint);font-size:.85rem}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:4px 10px;border-radius:999px}.badge-gold{background:var(--gold-soft);color:var(--amber);border:1px solid rgba(var(--amber-rgb),.28)}.badge-green{background:var(--green-soft);color:var(--green-deep);border:1px solid rgba(var(--green-rgb),.32)}.badge-purple{background:var(--purple-soft);color:var(--purple-2);border:1px solid rgba(var(--brand-rgb),.26)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--track);border-top-color:var(--purple);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.page-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:70px 0;color:var(--text-dim)}.alert{padding:13px 16px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;border:1px solid}.alert-error{background:var(--red-soft);border-color:rgba(var(--red-rgb),.3);color:var(--red-deep)}.alert-info{background:var(--cyan-soft);border-color:rgba(var(--cyan-rgb),.35);color:var(--cyan-2)}.alert-success{background:var(--green-soft);border-color:rgba(var(--green-rgb),.32);color:var(--green-deep)}.hero{background:radial-gradient(560px 260px at 92% 0,rgba(var(--brand-rgb),.12),transparent 70%),radial-gradient(420px 220px at 0 100%,rgba(var(--coral-rgb),.1),transparent 70%),var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px 26px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.hero h1{font-size:1.7rem;margin:12px 0 6px}.hero p{color:var(--text-dim);margin-bottom:20px;max-width:46ch}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:18px}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.stat-box{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;text-align:center;box-shadow:var(--shadow-xs)}.stat-box .val{font-size:1.35rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.stat-box .lbl{font-size:.75rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.home-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.home-grid .card{margin-top:0}.daily-card{background:radial-gradient(320px 180px at 8% 0,rgba(var(--gold-rgb),.2),transparent 70%),var(--cream);border:1px solid rgba(var(--amber-rgb),.24);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.daily-card h3{display:flex;align-items:center;gap:8px;margin-bottom:6px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.cat-tile{background:var(--paper);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-dim);box-shadow:var(--shadow-xs);transition:all .18s;cursor:pointer}.cat-tile .ico{font-size:1.6rem}.cat-tile:hover{transform:translateY(-3px);border-color:var(--purple);color:var(--purple-2);box-shadow:0 10px 22px rgba(var(--brand-rgb),.16)}.cat-tile.selected{background:var(--gradient);border-color:transparent;color:var(--on-primary);box-shadow:0 10px 22px rgba(var(--brand-rgb),.3)}.quiz-setup h2{margin-bottom:4px}.setup-section{margin-top:20px}.setup-lbl{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:10px}.cat-grid+.setup-lbl,.chip-row+.setup-lbl,.setup-lbl+.setup-lbl{margin-top:20px}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.q-progress{flex:1 1}.q-progress .faint{margin-bottom:6px;display:block}.timer-wrap{position:relative;width:62px;height:62px;flex-shrink:0}.timer-wrap svg{transform:rotate(-90deg)}.timer-ring-bg{fill:none;stroke:var(--track);stroke-width:5}.timer-ring{fill:none;stroke:var(--purple);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s}.timer-num{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:1.15rem;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer-wrap.urgent .timer-ring{stroke:var(--red)}.timer-wrap.urgent{animation:timerPulse .7s ease-in-out infinite}.timer-wrap.urgent .timer-num{color:var(--red-deep)}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-lg)}.q-meta{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.question-text{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:22px}.answers{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.answer-btn{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 16px;border-radius:var(--radius-sm);background:var(--paper);border:1.5px solid var(--border);box-shadow:var(--shadow-xs);color:var(--text);font-size:1rem;font-weight:600;transition:all .16s}.answer-btn .key{width:28px;height:28px;border-radius:8px;background:var(--purple-soft);display:grid;place-items:center;font-size:.8rem;font-weight:800;color:var(--purple-2);flex-shrink:0;transition:background .16s,color .16s}.answer-btn:not([disabled]):hover{border-color:var(--purple);transform:translateY(-2px);box-shadow:0 10px 22px rgba(var(--brand-rgb),.18)}.answer-btn.correct{background:var(--green-soft);border-color:var(--green);color:var(--green-deep);box-shadow:0 6px 18px rgba(var(--green-rgb),.2);animation:popCorrect .35s ease}.answer-btn.correct .key{background:rgba(var(--green-rgb),.2);color:var(--green-deep)}.answer-btn.wrong{background:var(--red-soft);border-color:var(--red);color:var(--red-deep);box-shadow:0 6px 18px rgba(var(--red-rgb),.18);animation:shake .4s ease}.answer-btn.wrong .key{background:rgba(var(--red-rgb),.16);color:var(--red-deep)}.answer-btn.faded{opacity:.6;box-shadow:none}.answer-btn[disabled]{cursor:default}@keyframes popCorrect{0%{transform:scale(1)}45%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.round-info{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:.9rem;color:var(--text-dim)}.round-info strong{color:var(--text)}.streak-flame{font-weight:700;color:var(--amber)}.feedback-toast{margin-top:14px;padding:10px 16px;border-radius:var(--radius-sm);font-weight:700;text-align:center;font-size:.95rem;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}.feedback-toast.show{opacity:1;transform:translateY(0)}.feedback-toast.good{background:var(--green-soft);color:var(--green-deep)}.feedback-toast.bad{background:var(--red-soft);color:var(--red-deep)}.result-card{text-align:center;padding:36px 26px;position:relative;overflow:hidden}.result-emoji{font-size:3rem;margin-bottom:6px}.result-score{font-size:3.2rem;font-weight:900;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:24px 0}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.levelup-badge{margin-bottom:10px;animation:popCorrect .5s ease}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.confetti-piece{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0deg);opacity:1}85%{opacity:1}to{transform:translateY(110vh) rotate(2turn);opacity:0}}.prize-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.prize-box{text-align:center;padding:16px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--paper);box-shadow:var(--shadow-xs)}.prize-box.first{border-color:rgba(var(--amber-rgb),.35);background:var(--gold-soft)}.prize-box .place{font-size:1.4rem}.prize-box .amount{font-weight:800;font-size:1.15rem;margin-top:2px;color:var(--text)}.prize-box .lbl{font-size:.72rem;color:var(--text-faint)}.lb-list{display:flex;flex-direction:column;gap:8px}.lb-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:transform .15s,box-shadow .15s}.lb-row:hover{transform:translateX(3px);box-shadow:var(--shadow-sm)}.lb-row.me{background:var(--purple-soft);border-color:rgba(var(--brand-rgb),.35);box-shadow:0 6px 18px rgba(var(--brand-rgb),.16)}.lb-rank{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:.9rem;background:var(--surface-2);color:var(--text-dim);flex-shrink:0}.lb-rank.r1{background:var(--gold-soft);color:var(--amber)}.lb-rank.r2{background:var(--rank2-bg);color:var(--rank2-fg)}.lb-rank.r3{background:var(--rank3-bg);color:var(--rank3-fg)}.lb-name{flex:1 1;font-weight:600}.lb-name,.lb-pts{color:var(--text)}.lb-pts{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.profile-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.avatar{width:64px;height:64px;border-radius:20px;background:var(--gradient);display:grid;place-items:center;font-size:1.6rem;font-weight:900;color:var(--on-primary);box-shadow:var(--shadow-purple);flex-shrink:0}.xp-bar-wrap{margin-top:14px}.xp-bar-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-dim);margin-bottom:6px}.hist-list{display:flex;flex-direction:column;gap:8px}.hist-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-xs);font-size:.92rem}.hist-row .hs{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.hist-row .hs.pos{color:var(--green-deep)}.hist-row .hs.neg{color:var(--red-deep)}.hist-row .hd{min-width:0;color:var(--text)}.hist-row .hd .faint{display:block}.ref-code-box{display:flex;align-items:center;gap:12px;background:var(--purple-soft);border:1.5px dashed rgba(var(--brand-rgb),.42);border-radius:var(--radius-sm);padding:14px 18px;margin:16px 0}.ref-code{flex:1 1;font-size:1.3rem;font-weight:900;color:var(--text);letter-spacing:.14em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.invite-steps{display:flex;flex-direction:column;gap:12px;margin-top:16px}.invite-step{display:flex;gap:12px;align-items:flex-start}.invite-step .num{width:26px;height:26px;border-radius:8px;background:var(--purple-soft);border:1px solid rgba(var(--brand-rgb),.3);display:grid;place-items:center;font-size:.78rem;font-weight:800;color:var(--purple-2);flex-shrink:0}.premium-hero{background:radial-gradient(500px 240px at 82% 0,rgba(var(--gold-rgb),.2),transparent 70%),radial-gradient(420px 220px at 0 100%,rgba(var(--brand-rgb),.14),transparent 70%),var(--surface);border:1px solid rgba(var(--amber-rgb),.24);border-radius:var(--radius-lg);padding:30px 26px;box-shadow:var(--shadow-lg);text-align:center}.premium-price{font-size:2.6rem;font-weight:900;color:var(--text);margin:10px 0 2px}.premium-price .per{font-size:1rem;font-weight:600;color:var(--text-dim)}.benefit-list{display:flex;flex-direction:column;gap:12px;text-align:left;margin:22px auto;max-width:420px}.benefit{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.benefit .ico{font-size:1.3rem;flex-shrink:0}.benefit .bt{font-weight:700;color:var(--text)}.benefit .bd{font-size:.85rem;color:var(--text-dim)}.fair-note{margin-top:20px;padding:14px 18px;border-radius:var(--radius-sm);background:var(--green-soft);border:1px solid rgba(var(--green-rgb),.32);color:var(--green-deep);font-weight:600;font-size:.95rem}.auth-wrap{max-width:420px;margin:24px auto 0}.auth-logo{display:flex;justify-content:center;margin-bottom:18px}.auth-logo img{height:58px;width:auto;display:block}.logo-badge{width:56px;height:56px;border-radius:18px;background:var(--gradient);display:grid;place-items:center;font-size:1.7rem;color:var(--on-primary);box-shadow:var(--shadow-purple)}.auth-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 26px;box-shadow:var(--shadow-lg)}.auth-tabs{display:flex;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px;margin-bottom:22px}.auth-tab{flex:1 1;padding:10px;border-radius:999px;font-weight:700;font-size:.95rem;color:var(--text-dim);transition:all .18s}.auth-tab:hover{color:var(--purple-2)}.auth-tab.active{background:var(--gradient);color:var(--on-primary);box-shadow:0 6px 16px rgba(var(--brand-rgb),.3)}.field{margin-bottom:14px}.field label{display:block;font-size:.8rem;font-weight:700;color:var(--text-dim);margin-bottom:6px}.text-input{width:100%;padding:13px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--paper);color:var(--text);font-size:1rem;font-family:inherit;transition:border-color .18s,box-shadow .18s}.text-input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 4px rgba(var(--brand-rgb),.15)}.text-input::placeholder{color:var(--text-faint);opacity:1}.text-input:disabled{background:var(--surface-2);color:var(--text-dim);cursor:not-allowed}.text-input.invalid{border-color:var(--red)}.field-error{font-size:.8rem;color:var(--red-deep);font-weight:600;margin-top:5px}@media (max-width:720px){.top-nav{display:none}.bottom-nav{display:flex}.page-main{padding:20px 14px 96px}.answers,.home-grid{grid-template-columns:1fr}.hero h1{font-size:1.4rem}.question-text{font-size:1.12rem}.header-stats .pill.hide-sm{display:none}.result-score{font-size:2.5rem}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.logo img{height:30px}.header-inner{padding:9px 14px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.landing{display:flex;flex-direction:column;gap:26px}.landing-hero h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.1}.grad-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.landing-section{margin:0}.landing-h2{font-size:clamp(1.35rem,3.4vw,1.9rem);color:var(--text);margin:8px 0 16px;letter-spacing:-.02em}.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;grid-gap:10px;gap:10px;max-width:460px;margin:0 auto 18px}.podium-col{display:flex;flex-direction:column;align-items:center;gap:6px}.podium-medal{font-size:2rem;line-height:1}.podium-prize{font-weight:800;color:var(--text);font-size:1.05rem}.podium-bar{width:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface-3);color:var(--purple-2);font-weight:800;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.podium-col.first .podium-bar{height:96px;background:var(--gradient-gold);color:var(--on-gold)}.podium-col.second .podium-bar{height:68px}.podium-col.third .podium-bar{height:50px;background:var(--coral-soft);color:var(--coral-2)}.feature-grid,.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.step-num{width:38px;height:38px;border-radius:50%;background:var(--gradient);color:var(--on-primary);font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.feature-ico{font-size:1.7rem;display:block;margin-bottom:8px}.landing-final{text-align:center}.landing-footer{border-top:1px solid var(--border);padding-top:18px;margin-top:6px;display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-faint)}@media (max-width:520px){.landing-cta .btn{flex:1 1 100%;text-align:center}}@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Fraunces:opsz,wght@9..144,500;9..144,700;9..144,900&display=swap");:root{--font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;--glass-blur:22px;--glass-edge:rgba(255,255,255,0.88);--glass-inner:rgba(255,255,255,0.95);--glass-tint-a:rgba(255,255,255,0.46);--glass-tint-b:rgba(255,255,255,0.16);--glass-rim:rgba(68,87,107,0.34);--glass-rim-2:rgba(248,253,255,0.72);--glass-bg:linear-gradient(132deg,var(--glass-tint-a),var(--glass-tint-b) 38%,var(--glass-tint-a) 70%,rgba(255,255,255,0.55));--glass-shadow:inset 1px 1px 2px var(--glass-inner),inset -2px -1px 2px rgba(253,255,255,0.8),3px 0 0 var(--glass-rim),5px 2px 0 var(--glass-rim-2),9px 10px 22px var(--shadow-ink);--header-bg:linear-gradient(180deg,rgba(255,255,255,0.72),rgba(255,255,255,0.52));--glass-shadow-sm:inset 1px 1px 2px var(--glass-inner),inset -1px -1px 1px rgba(255,255,255,0.9),1px 2px 0 rgba(139,156,170,0.25),0 10px 20px var(--shadow-ink);--eyebrow-tracking:0.16em}@keyframes jq-light-drift{0%{transform:translate3d(-8%,-3%,0) rotate(.6deg);opacity:.38}to{transform:translate3d(7%,4%,0) rotate(-.5deg);opacity:1}}@keyframes jq-bloom{0%{opacity:.3;transform:scale(1.02) translate3d(-2%,0,0)}to{opacity:1;transform:scale(1.15) translate3d(3%,1%,0)}}body:after,body:before{content:"";position:fixed;inset:-25%;pointer-events:none;z-index:0;will-change:transform,opacity}body:before{background:var(--ambient-sweep);mix-blend-mode:screen;animation:jq-light-drift 41s ease-in-out infinite alternate}body:after{background:var(--ambient-bloom);animation:jq-bloom 73s ease-in-out infinite alternate}body>*{position:relative;z-index:1}.jq-architecture{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.jq-architecture:before{content:"";position:absolute;inset:-6% -10% 34%;background:repeating-linear-gradient(97deg,transparent 0 3.5vw,var(--column-light) 3.5vw 4.1vw,transparent 4.1vw 4.6vw,var(--column-dark) 4.6vw 5.2vw,transparent 5.2vw 9vw);mask-image:linear-gradient(#000 0 42%,rgba(0,0,0,.35) 68%,transparent);-webkit-mask-image:linear-gradient(#000 0 42%,rgba(0,0,0,.35) 68%,transparent);transform:skewX(-1.5deg)}.jq-architecture:after{content:"";position:absolute;inset:38% -10% -10%;background:linear-gradient(180deg,transparent 0,var(--floor-horizon) 26%,transparent 62%),radial-gradient(ellipse 74% 50% at 64% 26%,var(--floor-glow),transparent 64%);filter:blur(18px)}@media (prefers-reduced-motion:reduce){body:after,body:before{animation:none}}:root,:root[data-theme=nordisk]{--bg:#e6ecf2;--bg-2:#f4f8fb;--bg-3:#ffffff;--surface:rgba(255,255,255,0.58);--surface-2:rgba(236,244,251,0.62);--surface-3:rgba(222,235,246,0.9);--cream:#f7fbff;--border:rgba(255,255,255,0.86);--border-strong:rgba(173,196,216,0.7);--text:#14202e;--text-body:#3c4b5c;--text-dim:#566271;--text-faint:#68768a;--purple:#2f6ea8;--purple-2:#1d4f7e;--purple-soft:rgba(205,227,245,0.75);--coral:#7fa8c9;--coral-2:#37647f;--coral-soft:rgba(223,238,248,0.8);--green:#2d8f72;--green-deep:#0c6b50;--green-soft:rgba(214,240,232,0.85);--red:#c0455a;--red-deep:#96182f;--red-soft:rgba(250,226,230,0.85);--amber:#7d6327;--gold:#c9b079;--gold-soft:rgba(246,240,225,0.85);--cyan:#4f93c4;--cyan-2:#175a8c;--cyan-soft:rgba(224,240,250,0.85);--gradient:linear-gradient(135deg,#2f6ea8,#7fa8c9);--gradient-gold:linear-gradient(135deg,#e8dcbd,#c9b079);--gradient-soft:linear-gradient(135deg,rgba(47,110,168,0.12),rgba(127,168,201,0.08));--shadow-ink:rgba(35,48,65,0.14);--shadow-purple:0 12px 28px rgba(47,110,168,0.26);--brand-rgb:47,110,168;--coral-rgb:127,168,201;--green-rgb:45,143,114;--red-rgb:192,69,90;--amber-rgb:125,99,39;--gold-rgb:201,176,121;--cyan-rgb:79,147,196;--ink-rgb:35,48,65;--track:#dce8f3;--disabled-bg:#dfe7ee;--disabled-fg:#5a6675;--rank2-bg:#e6eef5;--rank2-fg:#45566a;--rank3-bg:#f2ecdd;--rank3-fg:#6f5a24;--on-gold:#3a2f12;--ambient-sweep:linear-gradient(113deg,transparent 36%,rgba(255,255,255,0.16) 46%,rgba(255,255,255,0.34) 50%,rgba(235,246,255,0.14) 55%,transparent 64%);--ambient-bloom:radial-gradient(ellipse 56% 44% at 64% 28%,rgba(214,236,255,0.5),rgba(240,249,255,0.14) 46%,transparent 72%);--column-light:rgba(255,255,255,0.5);--column-dark:rgba(150,178,203,0.16);--floor-horizon:rgba(186,208,227,0.42);--floor-glow:rgba(255,255,255,0.55)}:root[data-theme=klassisk]{--bg:#eae7e0;--bg-2:#f7f4ee;--bg-3:#ffffff;--surface:rgba(255,253,249,0.6);--surface-2:rgba(245,241,232,0.65);--surface-3:rgba(235,229,217,0.9);--cream:#fffdf7;--border:rgba(255,255,255,0.88);--border-strong:rgba(198,184,158,0.72);--text:#1d2a21;--text-body:#41503f;--text-dim:#5a6657;--text-faint:#6f7a69;--purple:#1f5c3d;--purple-2:#113f28;--purple-soft:rgba(216,233,222,0.8);--coral:#b2232f;--coral-2:#8c0f1c;--coral-soft:rgba(248,224,224,0.85);--green:#27835a;--green-deep:#0e5d3b;--green-soft:rgba(219,240,228,0.85);--red:#b2232f;--red-deep:#8c0f1c;--red-soft:rgba(248,224,224,0.85);--amber:#7a5a17;--gold:#c8a23c;--gold-soft:rgba(250,240,211,0.85);--cyan:#4a7f6a;--cyan-2:#255445;--cyan-soft:rgba(224,239,233,0.85);--gradient:linear-gradient(135deg,#1f5c3d,#b2232f);--gradient-gold:linear-gradient(135deg,#e9d79a,#c8a23c);--gradient-soft:linear-gradient(135deg,rgba(31,92,61,0.12),rgba(178,35,47,0.08));--shadow-ink:rgba(44,38,26,0.16);--shadow-purple:0 12px 28px rgba(31,92,61,0.26);--glass-rim:rgba(94,84,62,0.32);--glass-rim-2:rgba(255,252,244,0.75);--brand-rgb:31,92,61;--coral-rgb:178,35,47;--green-rgb:39,131,90;--red-rgb:178,35,47;--amber-rgb:122,90,23;--gold-rgb:200,162,60;--cyan-rgb:74,127,106;--ink-rgb:44,38,26;--track:#e2ded1;--disabled-bg:#e3ded2;--disabled-fg:#5d5a4c;--rank2-bg:#e9e6dc;--rank2-fg:#4f5047;--rank3-bg:#f3e6cf;--rank3-fg:#7a5a1b;--on-gold:#3a2c08;--ambient-sweep:linear-gradient(110deg,transparent 34%,rgba(255,246,224,0.2) 45%,rgba(255,249,232,0.4) 50%,rgba(255,240,210,0.16) 56%,transparent 66%);--ambient-bloom:radial-gradient(ellipse 54% 46% at 62% 30%,rgba(255,228,170,0.46),rgba(255,244,214,0.14) 44%,transparent 70%);--column-light:rgba(255,252,243,0.55);--column-dark:rgba(118,124,104,0.16);--floor-horizon:rgba(196,186,162,0.42);--floor-glow:rgba(255,243,214,0.5)}:root[data-theme=hygge]{--bg:#ece4d8;--bg-2:#f8f2e8;--bg-3:#fffdf9;--surface:rgba(255,252,246,0.62);--surface-2:rgba(247,239,227,0.66);--surface-3:rgba(238,227,211,0.9);--cream:#fffaf0;--border:rgba(255,255,255,0.86);--border-strong:rgba(203,183,153,0.72);--text:#2a1f1c;--text-body:#4d403a;--text-dim:#63544c;--text-faint:#786659;--purple:#7a2434;--purple-2:#5c1322;--purple-soft:rgba(243,223,223,0.8);--coral:#4f6b4a;--coral-2:#2f4a2c;--coral-soft:rgba(228,237,224,0.82);--green:#4f7a52;--green-deep:#2d5733;--green-soft:rgba(226,239,226,0.85);--red:#a33a3a;--red-deep:#7d1d22;--red-soft:rgba(247,227,225,0.85);--amber:#805c18;--gold:#b78c4a;--gold-soft:rgba(248,237,215,0.85);--cyan:#6d7f6a;--cyan-2:#42543f;--cyan-soft:rgba(232,238,229,0.85);--gradient:linear-gradient(135deg,#7a2434,#b78c4a);--gradient-gold:linear-gradient(135deg,#e3c893,#b78c4a);--gradient-soft:linear-gradient(135deg,rgba(122,36,52,0.1),rgba(183,140,74,0.08));--shadow-ink:rgba(58,42,30,0.17);--shadow-purple:0 12px 28px rgba(122,36,52,0.24);--glass-rim:rgba(104,84,62,0.3);--glass-rim-2:rgba(255,250,240,0.78);--brand-rgb:122,36,52;--coral-rgb:79,107,74;--green-rgb:79,122,82;--red-rgb:163,58,58;--amber-rgb:128,92,24;--gold-rgb:183,140,74;--cyan-rgb:109,127,106;--ink-rgb:58,42,30;--track:#e7dbc8;--disabled-bg:#e7ddcd;--disabled-fg:#6a5c50;--rank2-bg:#ece2d3;--rank2-fg:#574c42;--rank3-bg:#f2e2c8;--rank3-fg:#7d5a1c;--on-gold:#40300c;--ambient-sweep:linear-gradient(108deg,transparent 33%,rgba(255,238,206,0.22) 44%,rgba(255,243,220,0.42) 50%,rgba(255,234,198,0.16) 57%,transparent 67%);--ambient-bloom:radial-gradient(ellipse 52% 48% at 60% 32%,rgba(255,219,160,0.48),rgba(255,240,212,0.14) 44%,transparent 70%);--column-light:rgba(255,250,240,0.55);--column-dark:rgba(140,116,88,0.15);--floor-horizon:rgba(206,186,158,0.42);--floor-glow:rgba(255,234,198,0.5)}body{background:radial-gradient(1100px 760px at 72% -12%,var(--bg-haze),transparent 64%),radial-gradient(880px 700px at -10% 8%,var(--purple-soft),transparent 62%),radial-gradient(760px 620px at 108% 72%,var(--gold-soft),transparent 62%),linear-gradient(177deg,var(--bg-2) 0,var(--bg) 58%,var(--bg) 100%);background-attachment:fixed}h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em}.card{position:relative;isolation:isolate;background:var(--glass-bg);background-color:var(--surface);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(135%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%)}.card:before{inset:3px;border:1px solid var(--glass-inline)}.card:after,.card:before{content:"";position:absolute;border-radius:inherit;pointer-events:none;z-index:-1}.card:after{inset:0;background:linear-gradient(126deg,var(--glass-sheen-a) 0,transparent 24%,transparent 70%,var(--glass-sheen-b) 100%)}.app-header{background:var(--header-bg);border-bottom:1px solid var(--glass-edge);backdrop-filter:saturate(150%) blur(18px);-webkit-backdrop-filter:saturate(150%) blur(18px)}.answer-btn{background:var(--glass-bg);background-color:var(--surface);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,background-color .2s}.answer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 1px 1px 2px var(--glass-inner),inset -1px -1px 1px var(--glass-inner),2px 2px 0 var(--glass-rim),0 16px 28px var(--shadow-ink)}.explanation{margin-top:14px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);box-shadow:inset 0 1px 2px rgba(255,255,255,.8);color:var(--text-body);font-size:.94rem;line-height:1.55;text-align:left}.explanation-label{display:block;margin-bottom:5px;font-family:var(--font);font-size:.66rem;font-weight:600;letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--text-faint)}.jq-wordmark{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:1.32rem;font-weight:500;letter-spacing:.02em;color:var(--text);white-space:nowrap}.jq-wordmark svg{display:block;flex:none}:root[data-theme=midnatt]{--bg:#060a13;--bg-2:#0b1220;--bg-3:#111b2e;--surface:rgba(255,255,255,0.055);--surface-2:rgba(255,255,255,0.085);--surface-3:rgba(140,170,210,0.14);--cream:#121c2e;--paper:#101a2b;--chrome-bg:rgba(8,13,23,0.82);--chrome-bg-2:rgba(8,13,23,0.94);--bg-haze:rgba(120,160,215,0.10);--header-bg:linear-gradient(180deg,rgba(14,22,38,0.86),rgba(9,15,27,0.72));--border:rgba(255,255,255,0.12);--border-strong:rgba(255,255,255,0.24);--text:#f4f7ff;--text-body:#c6d1e4;--text-dim:#aab7cd;--text-faint:#97a5bd;--purple:#e9c57f;--purple-2:#f6dba6;--purple-soft:rgba(233,197,127,0.16);--coral:#6fa8d6;--coral-2:#a8cdea;--coral-soft:rgba(111,168,214,0.16);--green:#4ec294;--green-deep:#8fe3bd;--green-soft:rgba(78,194,148,0.16);--red:#f2697f;--red-deep:#ffa7b4;--red-soft:rgba(242,105,127,0.16);--amber:#e5c07b;--gold:#e9c57f;--gold-soft:rgba(233,197,127,0.16);--cyan:#7cc3f0;--cyan-2:#a9dcff;--cyan-soft:rgba(124,195,240,0.15);--gradient:linear-gradient(135deg,#e9c57f,#c78f4b);--gradient-gold:linear-gradient(135deg,#f3dca8,#c59247);--gradient-soft:linear-gradient(135deg,rgba(233,197,127,0.14),rgba(111,168,214,0.10));--brand-rgb:233,197,127;--coral-rgb:111,168,214;--green-rgb:78,194,148;--red-rgb:242,105,127;--amber-rgb:229,192,123;--gold-rgb:233,197,127;--cyan-rgb:124,195,240;--ink-rgb:0,0,0;--on-primary:#1b1304;--on-gold:#1b1304;--track:rgba(255,255,255,0.12);--disabled-bg:rgba(255,255,255,0.07);--disabled-fg:#7d8ba3;--rank2-bg:rgba(255,255,255,0.10);--rank2-fg:#cfd9e8;--rank3-bg:rgba(201,150,74,0.18);--rank3-fg:#e4bd84;--shadow-xs:0 1px 2px rgba(0,0,0,0.5);--shadow-sm:0 2px 10px rgba(0,0,0,0.45);--shadow:0 10px 28px rgba(0,0,0,0.5);--shadow-lg:0 24px 60px rgba(0,0,0,0.6);--shadow-ink:rgba(0,0,0,0.6);--shadow-purple:0 14px 34px rgba(233,197,127,0.22);--glass-edge:rgba(255,255,255,0.13);--glass-inner:rgba(255,255,255,0.10);--glass-tint-a:rgba(255,255,255,0.07);--glass-tint-b:rgba(255,255,255,0.02);--glass-rim:rgba(233,197,127,0.26);--glass-rim-2:rgba(255,255,255,0.10);--glass-inline:rgba(255,255,255,0.07);--glass-sheen-a:rgba(255,255,255,0.10);--glass-sheen-b:rgba(233,197,127,0.08);--glass-bg:linear-gradient(132deg,var(--glass-tint-a),var(--glass-tint-b) 38%,var(--glass-tint-a) 70%,rgba(255,255,255,0.04));--glass-shadow:inset 1px 1px 0 var(--glass-inner),inset -1px -1px 0 rgba(255,255,255,0.05),3px 0 0 var(--glass-rim),5px 2px 0 var(--glass-rim-2),12px 14px 34px var(--shadow-ink);--glass-shadow-sm:inset 1px 1px 0 rgba(255,255,255,0.09),1px 2px 0 rgba(233,197,127,0.16),0 10px 22px var(--shadow-ink);--ambient-sweep:linear-gradient(113deg,transparent 36%,rgba(233,197,127,0.07) 46%,rgba(255,235,200,0.16) 50%,rgba(140,180,230,0.06) 56%,transparent 64%);--ambient-bloom:radial-gradient(ellipse 58% 46% at 66% 24%,rgba(233,197,127,0.20),rgba(70,110,170,0.10) 44%,transparent 72%);--column-light:rgba(255,240,210,0.07);--column-dark:rgba(0,0,0,0.38);--floor-horizon:rgba(126,160,205,0.16);--floor-glow:rgba(233,197,127,0.14)}:root[data-theme=midnatt] body{background:radial-gradient(1100px 760px at 72% -12%,var(--bg-haze),transparent 64%),radial-gradient(880px 700px at -10% 8%,rgba(233,197,127,.1),transparent 62%),radial-gradient(760px 620px at 108% 72%,rgba(70,110,170,.18),transparent 62%),linear-gradient(177deg,var(--bg-2) 0,var(--bg) 58%,var(--bg) 100%);background-attachment:fixed}:root[data-theme=midnatt] .jq-architecture{background-image:radial-gradient(1.4px 1.4px at 18% 12%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1.1px 1.1px at 63% 7%,rgba(255,255,255,.4),transparent 60%),radial-gradient(1.6px 1.6px at 84% 22%,rgba(255,245,220,.5),transparent 60%),radial-gradient(1px 1px at 37% 28%,rgba(255,255,255,.32),transparent 60%),radial-gradient(1.2px 1.2px at 8% 33%,rgba(255,255,255,.28),transparent 60%),radial-gradient(1.3px 1.3px at 92% 9%,rgba(255,255,255,.36),transparent 60%)}:root[data-theme=midnatt] .app-header{border-bottom:1px solid rgba(255,255,255,.09)}:root[data-theme=midnatt] .text-input,:root[data-theme=midnatt] select,:root[data-theme=midnatt] textarea{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.16);color:var(--text)}:root[data-theme=midnatt] .btn-ghost{background:rgba(255,255,255,.05)}:root[data-theme=midnatt] .timer-ring-bg{stroke:rgba(255,255,255,.12)}:root[data-theme=papir]{--bg:#efe6d6;--bg-2:#f6efe2;--bg-3:#fffaf0;--surface:#fffaf0;--surface-2:#f3ead9;--surface-3:#e8dcc4;--cream:#fffaf0;--paper:#fffaf0;--ink-line:#231f1c;--chrome-bg:#fffaf0;--chrome-bg-2:#fffaf0;--bg-haze:transparent;--header-bg:#fffaf0;--border:#231f1c;--border-strong:#231f1c;--text:#1b1815;--text-body:#3b342d;--text-dim:#544a40;--text-faint:#6b5f52;--purple:#c9362a;--purple-2:#a1261c;--purple-soft:#f6ded8;--coral:#1f6b4a;--coral-2:#14512f;--coral-soft:#dcead9;--green:#1f6b4a;--green-deep:#14512f;--green-soft:#dcead9;--red:#c9362a;--red-deep:#8f1f16;--red-soft:#f6ded8;--amber:#8a5a10;--gold:#d79a2b;--gold-soft:#f8ecd2;--cyan:#2f6b8a;--cyan-2:#1d4c66;--cyan-soft:#ddeaf1;--gradient:linear-gradient(135deg,#c9362a,#a1261c);--gradient-gold:linear-gradient(135deg,#e8be62,#c98a1d);--gradient-soft:linear-gradient(135deg,rgba(201,54,42,0.10),rgba(31,107,74,0.08));--brand-rgb:201,54,42;--coral-rgb:31,107,74;--green-rgb:31,107,74;--red-rgb:201,54,42;--amber-rgb:138,90,16;--gold-rgb:215,154,43;--cyan-rgb:47,107,138;--ink-rgb:35,31,28;--on-primary:#fffaf0;--on-gold:#2b1d05;--track:#e3d7c0;--disabled-bg:#e6dbc7;--disabled-fg:#6b5f52;--rank2-bg:#e8dfcd;--rank2-fg:#4a423a;--rank3-bg:#f1e0c4;--rank3-fg:#7a5415;--shadow-xs:2px 2px 0 var(--ink-line);--shadow-sm:3px 3px 0 var(--ink-line);--shadow:4px 4px 0 var(--ink-line);--shadow-lg:7px 7px 0 var(--ink-line);--shadow-ink:rgba(35,31,28,0.9);--shadow-purple:4px 4px 0 var(--ink-line);--radius-lg:6px;--radius:5px;--radius-sm:4px;--radius-xs:3px;--font-display:"Fraunces",Georgia,"Times New Roman",serif;--eyebrow-tracking:0.2em}:root[data-theme=papir] body:after,:root[data-theme=papir] body:before{display:none}:root[data-theme=papir] body{background:var(--bg);background-attachment:fixed}:root[data-theme=papir] .jq-architecture:after{display:none}:root[data-theme=papir] .jq-architecture:before{inset:0;transform:none;mask-image:none;-webkit-mask-image:none;opacity:.5;background:radial-gradient(circle at 50% 50%,rgba(35,31,28,.16) .8px,transparent 1.1px) 0 0 /7px 7px,radial-gradient(circle at 50% 50%,rgba(201,54,42,.1) .8px,transparent 1.1px) 3px 3px /7px 7px}:root[data-theme=papir] h1,:root[data-theme=papir] h2,:root[data-theme=papir] h3{font-weight:700;letter-spacing:-.015em}:root[data-theme=papir] .answer-btn,:root[data-theme=papir] .app-header,:root[data-theme=papir] .card{backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-theme=papir] .card{background:var(--paper);border:2px solid var(--ink-line);box-shadow:6px 6px 0 var(--ink-line)}:root[data-theme=papir] .card:after,:root[data-theme=papir] .card:before{display:none}:root[data-theme=papir] .app-header{background:var(--paper);border-bottom:2px solid var(--ink-line)}:root[data-theme=papir] .answer-btn{background:var(--paper);border:2px solid var(--ink-line);box-shadow:4px 4px 0 var(--ink-line)}:root[data-theme=papir] .answer-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink-line)}:root[data-theme=papir] .btn{border:2px solid var(--ink-line);box-shadow:3px 3px 0 var(--ink-line)}:root[data-theme=papir] .btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink-line)}:root[data-theme=papir] .btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink-line)}:root[data-theme=papir] .cat-tile,:root[data-theme=papir] .chip,:root[data-theme=papir] .explanation,:root[data-theme=papir] .stat-box{border:2px solid var(--ink-line);box-shadow:3px 3px 0 var(--ink-line)}:root[data-theme=tivoli]{--bg:#ffe9d6;--bg-2:#fff6ea;--bg-3:#ffffff;--surface:#ffffff;--surface-2:#fff2e4;--surface-3:#ffe2cc;--cream:#fffaf2;--paper:#ffffff;--ink-line:#17313d;--chrome-bg:#ffffff;--chrome-bg-2:#ffffff;--bg-haze:rgba(255,255,255,0.5);--header-bg:#ffffff;--border:#17313d;--border-strong:#17313d;--text:#13272f;--text-body:#33474f;--text-dim:#4a5c63;--text-faint:#5d6e75;--purple:#e02a3c;--purple-2:#b4121f;--purple-soft:#ffe0e2;--coral:#00a37a;--coral-2:#00744f;--coral-soft:#d6f6e9;--green:#00a37a;--green-deep:#00744f;--green-soft:#d6f6e9;--red:#e02a3c;--red-deep:#b4121f;--red-soft:#ffe0e2;--amber:#8a5a00;--gold:#ffc233;--gold-soft:#fff1cc;--cyan:#19a8d8;--cyan-2:#0a6f93;--cyan-soft:#d9f1fb;--gradient:linear-gradient(135deg,#e02a3c,#ff7a3d);--gradient-gold:linear-gradient(135deg,#ffd766,#ffab1f);--gradient-soft:linear-gradient(135deg,rgba(224,42,60,0.10),rgba(0,163,122,0.10));--brand-rgb:224,42,60;--coral-rgb:0,163,122;--green-rgb:0,163,122;--red-rgb:224,42,60;--amber-rgb:138,90,0;--gold-rgb:255,194,51;--cyan-rgb:25,168,216;--ink-rgb:23,49,61;--on-primary:#ffffff;--on-gold:#3d2600;--track:#ffe0c6;--disabled-bg:#e9e2db;--disabled-fg:#5d6e75;--rank2-bg:#e7eef1;--rank2-fg:#37505a;--rank3-bg:#ffe7c7;--rank3-fg:#8a5a00;--shadow-xs:0 2px 0 var(--ink-line);--shadow-sm:0 3px 0 var(--ink-line);--shadow:0 5px 0 var(--ink-line);--shadow-lg:0 8px 0 var(--ink-line);--shadow-ink:rgba(23,49,61,0.9);--shadow-purple:0 5px 0 var(--purple-2);--radius-lg:26px;--radius:20px;--radius-sm:15px;--radius-xs:11px;--font-display:var(--font);--eyebrow-tracking:0.1em}:root[data-theme=tivoli] body:after,:root[data-theme=tivoli] body:before{display:none}:root[data-theme=tivoli] body{background:linear-gradient(177deg,var(--bg-2) 0,var(--bg) 70%,#ffdcc4 100%);background-attachment:fixed}:root[data-theme=tivoli] .jq-architecture:after{display:none}:root[data-theme=tivoli] .jq-architecture:before{inset:0;transform:none;mask-image:linear-gradient(#000 0 55%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0 55%,transparent 100%);opacity:.85;background:radial-gradient(circle at 12% 14%,rgba(224,42,60,.22) 5px,transparent 6px) 0 0 /190px 170px,radial-gradient(circle at 68% 34%,rgba(0,163,122,.2) 6px,transparent 7px) 0 0 /230px 210px,radial-gradient(circle at 42% 72%,rgba(255,194,51,.26) 7px,transparent 8px) 0 0 /260px 240px,radial-gradient(circle at 86% 62%,rgba(25,168,216,.18) 5px,transparent 6px) 0 0 /210px 190px}:root[data-theme=tivoli] h1,:root[data-theme=tivoli] h2,:root[data-theme=tivoli] h3{font-weight:800;letter-spacing:-.03em}:root[data-theme=tivoli] .answer-btn,:root[data-theme=tivoli] .app-header,:root[data-theme=tivoli] .card{backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-theme=tivoli] .card{background:var(--paper);border:3px solid var(--ink-line);box-shadow:0 6px 0 var(--ink-line)}:root[data-theme=tivoli] .card:after,:root[data-theme=tivoli] .card:before{display:none}:root[data-theme=tivoli] .app-header{background:var(--paper);border-bottom:3px solid var(--ink-line)}:root[data-theme=tivoli] .answer-btn{background:var(--paper);border:3px solid var(--ink-line);box-shadow:0 5px 0 var(--ink-line);font-weight:700}:root[data-theme=tivoli] .answer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 var(--ink-line)}:root[data-theme=tivoli] .answer-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink-line)}:root[data-theme=tivoli] .btn{border:3px solid var(--ink-line);box-shadow:0 4px 0 var(--ink-line);font-weight:700}:root[data-theme=tivoli] .btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink-line)}:root[data-theme=tivoli] .btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink-line)}:root[data-theme=tivoli] .cat-tile,:root[data-theme=tivoli] .chip,:root[data-theme=tivoli] .explanation,:root[data-theme=tivoli] .stat-box{border:2px solid var(--ink-line);box-shadow:0 3px 0 var(--ink-line)}:root[data-theme=jul]{--bg:#071411;--bg-2:#0c201a;--bg-3:#113026;--surface:rgba(255,240,214,0.065);--surface-2:rgba(255,240,214,0.10);--surface-3:rgba(150,210,175,0.15);--cream:#15271f;--paper:#132419;--chrome-bg:rgba(8,20,16,0.84);--chrome-bg-2:rgba(8,20,16,0.95);--bg-haze:rgba(240,198,106,0.11);--header-bg:linear-gradient(180deg,rgba(17,38,29,0.88),rgba(9,22,17,0.74));--border:rgba(255,240,214,0.14);--border-strong:rgba(255,240,214,0.26);--text:#fdf6e8;--text-body:#d9e2d2;--text-dim:#bcc9b8;--text-faint:#a4b3a2;--purple:#d8303f;--purple-2:#ff9aa4;--purple-soft:rgba(216,48,63,0.18);--coral:#f0c66a;--coral-2:#ffe0a8;--coral-soft:rgba(240,198,106,0.16);--green:#5fd49a;--green-deep:#92efc2;--green-soft:rgba(95,212,154,0.16);--red:#ff6b7a;--red-deep:#ffa3ad;--red-soft:rgba(255,107,122,0.16);--amber:#f0c66a;--gold:#f0c66a;--gold-soft:rgba(240,198,106,0.16);--cyan:#86d8ff;--cyan-2:#b4e8ff;--cyan-soft:rgba(134,216,255,0.15);--gradient:linear-gradient(135deg,#d8303f,#e8a33c);--gradient-gold:linear-gradient(135deg,#f6dfa8,#d4a243);--gradient-soft:linear-gradient(135deg,rgba(216,48,63,0.16),rgba(240,198,106,0.10));--brand-rgb:216,48,63;--coral-rgb:240,198,106;--green-rgb:95,212,154;--red-rgb:255,107,122;--amber-rgb:240,198,106;--gold-rgb:240,198,106;--cyan-rgb:134,216,255;--ink-rgb:0,0,0;--on-primary:#fff6ef;--on-gold:#2a1c05;--track:rgba(255,240,214,0.13);--disabled-bg:rgba(255,240,214,0.07);--disabled-fg:#8c9a8a;--rank2-bg:rgba(255,240,214,0.10);--rank2-fg:#d5e0d2;--rank3-bg:rgba(212,162,67,0.20);--rank3-fg:#f0c66a;--shadow-xs:0 1px 2px rgba(0,0,0,0.5);--shadow-sm:0 2px 10px rgba(0,0,0,0.45);--shadow:0 10px 28px rgba(0,0,0,0.52);--shadow-lg:0 24px 60px rgba(0,0,0,0.62);--shadow-ink:rgba(0,0,0,0.6);--shadow-purple:0 14px 34px rgba(216,48,63,0.3);--glass-edge:rgba(255,238,205,0.16);--glass-inner:rgba(255,238,205,0.12);--glass-tint-a:rgba(255,240,215,0.085);--glass-tint-b:rgba(255,240,215,0.025);--glass-rim:rgba(240,198,106,0.3);--glass-rim-2:rgba(255,244,222,0.12);--glass-inline:rgba(255,240,215,0.08);--glass-sheen-a:rgba(255,244,222,0.12);--glass-sheen-b:rgba(240,198,106,0.09);--glass-bg:linear-gradient(132deg,var(--glass-tint-a),var(--glass-tint-b) 38%,var(--glass-tint-a) 70%,rgba(255,240,215,0.05));--glass-shadow:inset 1px 1px 0 var(--glass-inner),inset -1px -1px 0 rgba(255,240,215,0.06),3px 0 0 var(--glass-rim),5px 2px 0 var(--glass-rim-2),12px 14px 34px var(--shadow-ink);--glass-shadow-sm:inset 1px 1px 0 rgba(255,240,215,0.10),1px 2px 0 rgba(240,198,106,0.18),0 10px 22px var(--shadow-ink);--ambient-sweep:linear-gradient(113deg,transparent 36%,rgba(240,198,106,0.08) 46%,rgba(255,230,190,0.18) 50%,rgba(216,48,63,0.07) 56%,transparent 64%);--ambient-bloom:radial-gradient(ellipse 58% 46% at 64% 22%,rgba(240,198,106,0.22),rgba(216,48,63,0.10) 44%,transparent 72%);--column-light:rgba(255,240,210,0.06);--column-dark:rgba(0,0,0,0.34);--floor-horizon:rgba(170,205,180,0.14);--floor-glow:rgba(240,198,106,0.16);--snow:rgba(255,255,255,0.92);--snow-dim:rgba(255,255,255,0.55);--drift:rgba(226,240,232,0.16)}:root[data-theme=jul] body{background:radial-gradient(1100px 780px at 70% -14%,var(--bg-haze),transparent 64%),radial-gradient(900px 700px at -8% 10%,rgba(216,48,63,.13),transparent 62%),radial-gradient(820px 640px at 110% 74%,rgba(31,110,74,.3),transparent 64%),linear-gradient(177deg,var(--bg-2) 0,var(--bg) 56%,#05100d 100%);background-attachment:fixed}@keyframes jq-snowfall{0%{background-position:0 -260px,90px -420px,-40px -680px,160px -520px}to{background-position:0 740px,90px 1180px,-40px 1720px,160px 1420px}}@keyframes jq-twinkle{0%{opacity:.72}to{opacity:1}}:root[data-theme=jul] .jq-architecture:before{inset:0;transform:none;mask-image:none;-webkit-mask-image:none;background:radial-gradient(circle 4px at 30px 40px,var(--snow) 0 2px,transparent 2.8px),radial-gradient(circle 4px at 118px 128px,var(--snow) 0 1.7px,transparent 2.5px),radial-gradient(circle 4px at 62px 196px,var(--snow-dim) 0 2.4px,transparent 3.2px),radial-gradient(circle 4px at 172px 84px,var(--snow-dim) 0 1.5px,transparent 2.2px);background-size:210px 240px,260px 290px,320px 360px,180px 210px;background-repeat:repeat;animation:jq-snowfall 19s linear infinite;opacity:.9}:root[data-theme=jul] .jq-architecture:after{inset:auto -10% -4% -10%;height:46%;filter:blur(26px);background:radial-gradient(ellipse 60% 100% at 18% 128%,var(--drift),transparent 70%),radial-gradient(ellipse 72% 100% at 76% 134%,var(--drift),transparent 70%),radial-gradient(ellipse 70% 52% at 60% 36%,var(--floor-glow),transparent 68%)}:root[data-theme=jul] .app-header:after{content:"";position:absolute;left:0;right:0;top:100%;height:13px;pointer-events:none;background-image:radial-gradient(circle at 12px 6px,rgba(255,122,132,.95) 2.4px,rgba(255,122,132,.3) 4.6px,transparent 8px),radial-gradient(circle at 42px 8px,rgba(255,216,134,.95) 2.4px,rgba(255,216,134,.3) 4.6px,transparent 8px),radial-gradient(circle at 72px 6px,rgba(134,236,180,.95) 2.4px,rgba(134,236,180,.3) 4.6px,transparent 8px),radial-gradient(circle at 102px 8px,rgba(150,214,255,.95) 2.4px,rgba(150,214,255,.3) 4.6px,transparent 8px),linear-gradient(180deg,rgba(255,240,214,.22) 0 1px,transparent 1px);background-size:120px 13px,120px 13px,120px 13px,120px 13px,100% 13px;background-repeat:repeat-x;animation:jq-twinkle 4.2s ease-in-out infinite alternate}:root[data-theme=jul] .app-header{border-bottom:1px solid rgba(255,240,214,.1)}:root[data-theme=jul] .text-input,:root[data-theme=jul] select,:root[data-theme=jul] textarea{background:rgba(255,240,214,.06);border-color:rgba(255,240,214,.18);color:var(--text)}:root[data-theme=jul] .btn-ghost{background:rgba(255,240,214,.055)}:root[data-theme=jul] .timer-ring-bg{stroke:rgba(255,240,214,.14)}@media (prefers-reduced-motion:reduce){:root[data-theme=jul] .app-header:after,:root[data-theme=jul] .jq-architecture:before{animation:none}}