:root{--c-primary:#0f766e;--c-primary-600:#0d9488;--c-primary-700:#0f766e;--c-primary-800:#115e59;--c-primary-soft:#ccfbf1;--c-accent:#f59e0b;--c-correct:#16a34a;--c-wrong:#dc2626;--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--text-faint:#94a3b8;--on-soft:#0f172a;--c-gold:#f0b429;--c-silver:#9aa7b8;--c-bronze:#cd7f32;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0d;--shadow-lg:0 12px 32px #0f172a1f;--hover-lift:-6px;--hover-lift-sm:-4px;--hover-scale:1.03;--hover-scale-sm:1.06;--hover-bright:1.08;--hover-dur:.3s;--hover-ease:cubic-bezier(.34, 1.56, .64, 1);--hover-ease-out:cubic-bezier(.22, .61, .36, 1);--font-body:"IBM Plex Sans Arabic", system-ui, "Segoe UI", sans-serif;--font-head:"Cairo", var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b1220;--surface:#111a2e;--surface-2:#1a2540;--border:#26324d;--text:#e6edf7;--text-muted:#97a5bd;--text-faint:#64748b;--c-primary-soft:#134e4a;--on-soft:#fff;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0b1220;--surface:#111a2e;--surface-2:#1a2540;--border:#26324d;--text:#e6edf7;--text-muted:#97a5bd;--text-faint:#64748b;--c-primary-soft:#134e4a;--on-soft:#fff;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #00000073}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-head);margin:0 0 .5em;line-height:1.3}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.ltr{direction:ltr;unicode-bidi:isolate}:focus-visible{outline:2px solid var(--c-primary-600);outline-offset:2px}::selection{background:var(--c-primary-soft);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.app{flex-direction:column;min-height:100%;display:flex}.container{width:100%;max-width:960px;margin-inline:auto;padding-inline:20px}.site-header{z-index:20;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .bar{align-items:center;gap:18px;height:62px;display:flex;overflow:visible}.brand{font-family:var(--font-head);align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.brand .logo{background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:1.1rem;display:grid}.brand-logo-wrap{z-index:30;display:block;position:relative}.brand-chain{transform-origin:top;background:repeating-linear-gradient(#f5c518 0 5px,#a9760f 5px 9px);border-radius:3px;width:6px;height:10px;margin-inline-start:-3px;animation:1.1s ease-out both chain-drop-soft;position:absolute;bottom:100%;left:50%}.brand-logo{object-fit:contain;transform-origin:top;width:auto;height:40px;animation:1.1s ease-out both logo-swing-soft;display:block}@keyframes logo-swing-soft{0%{opacity:0;transform:translateY(-8px)rotate(0)}35%{opacity:1;transform:translateY(16px)rotate(0)}60%{transform:translateY(16px)rotate(8deg)}80%{transform:translateY(8px)rotate(-4deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes chain-drop-soft{0%{opacity:0;height:0}35%{opacity:1;height:22px}to{opacity:1;height:10px}}.nav{scrollbar-width:none;flex-wrap:nowrap;gap:2px;min-width:0;margin-inline-start:auto;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--text-muted);white-space:nowrap;border-radius:999px;flex:none;padding:8px 13px;font-size:.95rem;font-weight:600;transition:background .15s,color .15s}.nav a:hover{color:var(--text)}.site-header .nav a:hover{box-shadow:none}.nav a.active{background:var(--c-primary-soft);color:var(--on-soft)}main{flex:1;padding-block:32px 48px}.btn{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:.98rem;font-weight:700;transition:transform 50ms,background .2s,box-shadow .15s,color .2s,border-color .2s;display:inline-flex}.btn:hover{background:var(--border)}.btn.primary{background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));color:#fff;box-shadow:var(--shadow-sm)}.btn.primary:hover{filter:brightness(var(--hover-bright))}.btn.ghost{border-color:var(--border);background:0 0}.btn.lg{padding:14px 26px;font-size:1.05rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}.hero{text-align:center;padding:48px 0 8px}.hero h1{margin-bottom:12px;font-size:clamp(2rem,5vw,3rem)}.hero .lead{color:var(--text-muted);max-width:640px;margin:0 auto 28px;font-size:1.15rem}.hero .cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pill{background:var(--c-primary-soft);color:var(--on-soft);border-radius:999px;margin-bottom:18px;padding:5px 14px;font-size:.85rem;font-weight:700;display:inline-block}.feature{flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}a.feature:hover{transform:translateY(var(--hover-lift)) scale(var(--hover-scale));box-shadow:var(--shadow-lg);border-color:var(--c-primary-600)}.feature .ico{background:var(--c-primary-soft);width:46px;height:46px;color:var(--on-soft);border-radius:12px;place-items:center;font-size:1.4rem;display:grid}.feature h3{margin:4px 0 0}.feature p{color:var(--text-muted);margin:0;font-size:.95rem}.section-title{margin:40px 0 16px;font-size:1.4rem}.stat{text-align:center;padding:20px}.stat .num{font-family:var(--font-head);color:var(--c-primary-700);font-size:2rem;font-weight:800;line-height:1}.stat .label{color:var(--text-muted);margin-top:6px;font-size:.9rem}.stat--sm{padding:12px 14px}.stat--sm .num{font-size:1.4rem}.stat--sm .label{margin-top:4px;font-size:.8rem}.bar{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.bar>span{background:linear-gradient(90deg, var(--c-primary-600), var(--c-primary-700));border-radius:999px;height:100%;display:block}.cat-row{border-bottom:1px solid var(--border);grid-template-columns:130px 1fr 52px;align-items:center;gap:12px;padding:12px 0;display:grid}.cat-row:last-child{border-bottom:none}.cat-row .name{font-size:.95rem;font-weight:600}.cat-row .pct{text-align:end;color:var(--text-muted);font-weight:700}.quiz-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.quiz-progress{background:var(--surface-2);border-radius:999px;flex:1;height:8px;overflow:hidden}.quiz-progress>span{background:var(--c-primary-600);height:100%;transition:width .25s;display:block}.timer{font-family:var(--font-head);background:var(--surface-2);border-radius:999px;padding:6px 12px;font-weight:700}.timer.low{color:var(--c-wrong);background:#fee2e2}.q-tags{gap:8px;margin-bottom:14px;display:flex}.tag{background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700}.passage{background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:18px;padding:16px 18px;font-size:.98rem;line-height:1.9}.passage h4{color:var(--c-primary-700)}.q-prompt{margin:6px 0 22px;font-size:1.25rem;font-weight:600;line-height:1.7}.choices{flex-direction:column;gap:12px;display:flex}.choice{text-align:start;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);align-items:center;gap:12px;width:100%;padding:15px 18px;font-size:1.05rem;font-weight:500;transition:border-color .12s,background .12s;display:flex}.choice:hover:not(:disabled){border-color:var(--c-primary-600)}.choice .key{background:var(--surface-2);border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.95rem;font-weight:700;display:grid}.choice.selected{border-color:var(--c-primary-600);background:var(--c-primary-soft)}.choice.correct{border-color:var(--c-correct);background:color-mix(in srgb, var(--c-correct) 12%, var(--surface))}.choice.wrong{border-color:var(--c-wrong);background:color-mix(in srgb, var(--c-wrong) 12%, var(--surface))}.choice.correct .key{background:var(--c-correct);color:#fff}.choice.wrong .key{background:var(--c-wrong);color:#fff}.explain{border-radius:var(--radius-sm);background:var(--surface-2);border-inline-start:4px solid var(--c-primary-600);margin-top:18px;padding:14px 16px;font-size:.98rem}.confirm-btn{width:100%;margin-top:16px}.celebrate{border-radius:var(--radius);color:#7a4a00;background:linear-gradient(135deg,#ffe08a,#ffc24d);justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:14px 18px;font-size:1.05rem;font-weight:800;animation:.5s cubic-bezier(.2,1.2,.35,1) celebrate-in;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #ffb02059}.celebrate:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff8c 50%,#0000 70%);animation:.9s ease-out .25s celebrate-shine;position:absolute;inset:0;transform:translate(-120%)}.celebrate-emoji{font-size:1.25rem;animation:.6s ease-out celebrate-pop}@keyframes celebrate-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes celebrate-shine{to{transform:translate(120%)}}@keyframes celebrate-pop{0%{transform:scale(.5)rotate(-12deg)}60%{transform:scale(1.25)rotate(8deg)}to{transform:scale(1)rotate(0)}}.quiz-actions{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.result-hero{text-align:center;padding:32px 24px}.score-ring{--v:0;background:conic-gradient(var(--c-primary-600) calc(var(--v) * 1%), var(--surface-2) 0);border-radius:50%;place-items:center;width:148px;height:148px;margin:8px auto 18px;display:grid}.score-ring .inner{background:var(--surface);width:118px;height:118px;font-family:var(--font-head);color:var(--c-primary-700);border-radius:50%;place-items:center;font-size:2rem;font-weight:800;display:grid}.notice{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c-accent) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--c-accent) 40%, var(--border));color:var(--text);padding:12px 16px;font-size:.9rem}.empty{text-align:center;color:var(--text-muted);padding:48px 24px}.nav-auth{flex-shrink:0;align-items:center;gap:8px;margin-inline-start:8px;display:flex}.nav-auth .btn{padding:7px 14px;font-size:.9rem}.nav-auth .login-btn{background:var(--surface-2);border:1px solid var(--border);box-shadow:none;color:var(--text);white-space:nowrap;border-radius:999px;min-height:52px;margin-top:4px;padding:6px 22px;font-size:1rem;font-weight:600}.nav-auth .login-btn:hover{background:var(--border)}.user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:.85rem;overflow:hidden}@media (width<=560px){.user-email{display:none}}.auth-card{margin-inline:auto;max-width:420px;margin-top:16px;padding:28px}.auth-toggle{background:var(--surface-2);border-radius:999px;gap:6px;margin:16px 0 20px;padding:4px;display:flex}.auth-toggle button{color:var(--text-muted);background:0 0;border:none;border-radius:999px;flex:1;padding:9px 12px;font-weight:700;transition:background .15s,color .15s}.auth-toggle button.active{background:var(--surface);color:var(--c-primary-700);box-shadow:var(--shadow-sm)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{font-size:.9rem;font-weight:600}.input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:12px 14px;transition:border-color .12s}.input:focus{border-color:var(--c-primary-600);outline:none}.input::placeholder{color:var(--text-faint)}.consent{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.92rem;display:flex}.consent input[type=checkbox]{width:18px;height:18px;accent-color:var(--c-primary-600);flex-shrink:0;margin-top:2px}.consent a{color:var(--c-primary-700);font-weight:600;text-decoration:underline}.form-error{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c-wrong) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--c-wrong) 40%, var(--border));color:var(--c-wrong);margin-bottom:14px;padding:10px 14px;font-size:.9rem}.notice{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c-primary-600) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--c-primary-600) 35%, var(--border));color:var(--text);margin-bottom:14px;padding:10px 14px;font-size:.9rem}.q-svg{color:var(--text);justify-content:center;margin:4px 0 16px;display:flex}.q-svg svg{direction:ltr;max-width:100%;height:auto}.auth-sep{color:var(--text-faint);align-items:center;gap:12px;margin:16px 0;font-size:.85rem;display:flex}.auth-sep:before,.auth-sep:after{content:"";background:var(--border);flex:1;height:1px}.google-btn{background:var(--surface);border:1px solid var(--border);gap:10px}.google-btn:hover:not(:disabled){background:var(--surface-2)}.google-btn:disabled{opacity:.6;cursor:not-allowed}.google-btn svg{flex:none}.prose{max-width:720px;margin-inline:auto;line-height:1.9}.prose h2{color:var(--c-primary-700);margin-top:28px;font-size:1.2rem}.prose ul{padding-inline-start:22px}.prose li{margin-bottom:8px}.policy-hero{border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:18px}.policy-hero h1{margin-bottom:6px}.policy-lede{color:var(--text-muted);margin:0 0 12px}.policy-updated{background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.policy-summary{background:var(--c-primary-soft);border:1px solid color-mix(in srgb, var(--c-primary-600) 30%, var(--border));border-radius:var(--radius);margin-top:22px;padding:18px 20px}.policy-summary h2{color:var(--on-soft);margin:0 0 12px;font-size:1.05rem}.policy-summary ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.policy-summary li{color:var(--on-soft);margin:0;padding-inline-start:26px;line-height:1.7;position:relative}.policy-summary li:before{content:"✓";color:var(--c-primary-700);font-weight:700;position:absolute;inset-inline-start:0}.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.policy-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px}.policy-card h3{align-items:center;gap:8px;margin:0 0 6px;font-size:.98rem;display:flex}.policy-card p,.policy-card ul{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.75}.policy-card ul{padding-inline-start:20px}.policy-card li{margin-bottom:4px}.policy-flag{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c-accent) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--c-accent) 40%, var(--border));margin-top:14px;padding:12px 16px;font-size:.9rem;line-height:1.75}.policy-flag strong{margin-bottom:4px;display:block}.policy-do,.policy-dont{gap:6px;margin:0;padding:0;list-style:none;display:grid}.policy-do li,.policy-dont li{margin:0;padding-inline-start:24px;line-height:1.8;position:relative}.policy-do li:before,.policy-dont li:before{font-weight:700;position:absolute;inset-inline-start:0}.policy-do li:before{content:"✓";color:var(--c-correct)}.policy-dont li:before{content:"✕";color:var(--c-wrong)}.sup-thread{flex-direction:column;gap:12px;min-height:220px;max-height:55vh;margin-top:20px;padding:16px;display:flex;overflow-y:auto}.sup-empty{text-align:center;color:var(--text-muted);margin:auto}.sup-empty p{margin:0 0 6px}.sup-msg{border-radius:var(--radius);flex-direction:column;gap:2px;max-width:78%;padding:10px 14px;display:flex}.sup-msg.mine{background:var(--c-primary-soft);color:var(--on-soft);align-self:flex-start}.sup-msg.theirs{background:var(--surface-2);border:1px solid var(--border);align-self:flex-end}.sup-msg p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.7}.sup-who{opacity:.75;font-size:.75rem;font-weight:700}.sup-time{opacity:.6;font-size:.7rem}.sup-compose{align-items:flex-end;gap:8px;margin-top:12px;display:flex}.sup-compose textarea{resize:vertical;flex:1;min-height:46px}@media (width<=600px){.policy-grid{grid-template-columns:1fr}.sup-msg{max-width:90%}}.ai-explain{border-radius:var(--radius-sm);background:var(--surface);border:1px dashed var(--c-primary-600);white-space:pre-wrap;margin-top:12px;padding:12px 14px;font-size:.95rem;line-height:1.9}.ai-explain .ai-head{color:var(--c-primary-700);margin-bottom:6px;font-weight:700}.ai-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ai-actions .btn{padding:8px 16px;font-size:.9rem}.chat-box{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);margin-top:12px;padding:12px}.chat-msgs{flex-direction:column;gap:8px;max-height:280px;margin-bottom:10px;display:flex;overflow-y:auto}.chat-hint{color:var(--text-muted);text-align:center;padding:8px;font-size:.9rem}.chat-msg{white-space:pre-wrap;border-radius:14px;max-width:85%;padding:9px 13px;font-size:.95rem;line-height:1.8}.chat-msg.user{background:var(--c-primary-soft);color:var(--on-soft);border-bottom-inline-start:2px solid var(--c-primary-600);align-self:flex-start}.chat-msg.ai{background:var(--surface);border:1px solid var(--border);align-self:flex-end}.chat-form{gap:8px;display:flex}.chat-input{flex:1}.chat-form .btn{padding:10px 18px}.pkg{flex-direction:column;gap:8px;padding:26px 22px;display:flex;position:relative}.pkg-featured{border-color:var(--c-primary-600);box-shadow:var(--shadow-md)}.pkg-badge{top:-12px;position:absolute;inset-inline-start:22px}.pkg-name{margin:4px 0 0;font-size:1.3rem}.pkg-price{align-items:baseline;gap:8px;margin:4px 0 8px;display:flex}.pkg-price .num{font-family:var(--font-head);color:var(--c-primary-700);font-size:2.4rem;font-weight:800;line-height:1}.pkg-old{color:var(--text-faint);align-self:center;font-size:1.1rem;font-weight:700;text-decoration:line-through}.pkg-discount{top:-12px;background:var(--c-accent);color:#3a2c05;position:absolute;inset-inline-end:22px}.pkg-period{color:var(--text-muted);font-size:.9rem}.pkg-features{flex-direction:column;flex:1;gap:9px;margin:0 0 16px;padding:0;list-style:none;display:flex}.pkg-features li{padding-inline-start:22px;font-size:.95rem;line-height:1.6;position:relative}.pkg-features li:before{content:"•";color:var(--c-primary-600);font-weight:800;position:absolute;inset-inline-start:0}.leader-row{border-bottom:1px solid var(--border);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px 6px;display:grid}.leader-row:last-child{border-bottom:none}.leader-row.me{background:var(--c-primary-soft);border-radius:var(--radius-sm)}.leader-row.me .leader-name,.leader-row.me .leader-you,.leader-row.me .leader-points{color:var(--on-soft)}.leader-rank{font-family:var(--font-head);color:var(--text-muted);text-align:center;font-size:1.1rem;font-weight:800}.leader-row.me .leader-rank{color:var(--on-soft)}.leader-name{font-weight:600}.leader-you{color:var(--c-primary-700);font-size:.85rem;font-weight:700}.leader-points{font-family:var(--font-head);color:var(--c-primary-700);white-space:nowrap;font-weight:700}.challenge-box{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.challenge-actions{gap:8px;display:flex}.challenge-actions .btn{padding:7px 16px;font-size:.9rem}.invite-row{flex-wrap:wrap;gap:8px;display:flex}.invite-row .input{flex:1;min-width:200px}.pkg{transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}.pkg:hover{transform:translateY(var(--hover-lift)) scale(var(--hover-scale));box-shadow:var(--shadow-lg);border-color:var(--c-primary-600);background:color-mix(in srgb, var(--c-primary-soft) 30%, var(--surface))}.pkg:hover .btn{background:var(--c-primary-600);color:#fff;border-color:#0000}.pkg-grid:has(.pkg:hover) .pkg:not(:hover) .btn.primary{filter:grayscale(.6);opacity:.65}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:400px;max-height:calc(100vh - 40px);padding:24px;display:flex}.modal-title{flex-shrink:0;margin:0 0 12px;font-size:1.25rem}.modal-body{color:var(--text-muted);flex:1;min-height:0;font-size:.98rem;line-height:1.7;overflow-y:auto}.modal-actions{flex-shrink:0;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.btn.danger{background:var(--c-wrong);color:#fff}.btn.danger:hover{filter:brightness(var(--hover-bright));background:var(--c-wrong)}.avatar{object-fit:cover;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.avatar-initial{color:#fff;font-family:var(--font-head);font-weight:700;line-height:1}.account-menu{position:relative}.account-trigger{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:8px;margin-top:4px;padding:6px 16px 6px 8px;font-size:1rem;font-weight:600;display:flex}.account-trigger:hover{background:var(--border)}.account-caret{color:var(--text-muted);font-size:.7rem}.account-dropdown{top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:180px;box-shadow:var(--shadow-lg);z-index:30;flex-direction:column;padding:6px;display:flex;position:absolute;inset-inline-end:0}.account-item{text-align:start;color:var(--text);background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:.95rem;font-weight:600}.account-item:hover{background:var(--surface-2)}.account-item.danger{color:var(--c-wrong)}.account-sep{background:var(--border);height:1px;margin:6px 4px}.leader-row{grid-template-columns:34px 32px 1fr auto}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;margin-bottom:20px;display:grid}.podium-slot{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:6px;padding:16px 8px 14px;display:flex}.podium-slot.empty{box-shadow:none;background:0 0;border:none}.podium-slot.place-1{border-color:var(--c-gold);box-shadow:0 0 0 2px var(--c-gold), var(--shadow-md);padding-top:40px}.podium-crown{top:-26px;filter:drop-shadow(0 2px 2px #00000040);z-index:1;position:absolute;inset-inline-start:50%;transform:translate(50%)}.username-hint{margin:6px 0 0;font-size:.85rem}.username-hint.available{color:var(--c-correct)}.username-hint.taken,.username-hint.invalid{color:var(--c-wrong)}.username-hint.checking{color:var(--text-muted)}.podium-slot.place-2{border-color:var(--c-silver);box-shadow:0 0 0 2px var(--c-silver), var(--shadow-sm)}.podium-slot.place-3{border-color:var(--c-bronze);box-shadow:0 0 0 2px var(--c-bronze), var(--shadow-sm)}.podium-avatar{position:relative}.podium-medal{bottom:-6px;width:24px;height:24px;font-family:var(--font-head);color:#fff;border:2px solid var(--surface);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;inset-inline-start:50%;transform:translate(50%)}.place-1 .podium-medal{background:var(--c-gold)}.place-2 .podium-medal{background:var(--c-silver)}.place-3 .podium-medal{background:var(--c-bronze)}.podium-name{text-align:center;margin-top:6px;font-size:.95rem;font-weight:700}.podium-points{font-family:var(--font-head);color:var(--c-primary-700);font-size:.9rem;font-weight:700}.podium-slot.me{background:var(--c-primary-soft)}.podium-slot.me .podium-name,.podium-slot.me .podium-points{color:var(--on-soft)}@media (width<=560px){.podium{gap:6px}.podium-name{font-size:.82rem}}.pw-wrap{position:relative}.pw-wrap .input{padding-inline-start:44px}.pw-wrap .input::-ms-reveal{display:none}.pw-wrap .input::-ms-clear{display:none}.pw-toggle{inset-inline-start:6px;width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text);background:var(--surface-2)}.scan-box{margin-top:16px}.scan-msgs{max-height:52vh}.chat-imgs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chat-img{border:1px solid var(--border);border-radius:10px;max-width:180px;max-height:180px}.scan-pending{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.scan-thumb{width:64px;height:64px;position:relative}.scan-thumb img{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:64px;height:64px}.scan-thumb-num{top:-6px;background:var(--c-primary-600);color:#fff;z-index:1;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:.8rem;font-weight:700;display:grid;position:absolute;inset-inline-start:-6px}.chat-img-wrap{display:inline-block;position:relative}.scan-thumb-x{top:-6px;background:var(--c-wrong);color:#fff;cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;font-size:.9rem;line-height:1;position:absolute;inset-inline-end:-6px}.scan-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scan-actions .input{flex:1;min-width:140px}.opt-group{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.opt-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.chip{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 16px;font-size:.9rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.chip:hover{border-color:var(--c-primary-600)}.chip.active{background:var(--c-primary-600);border-color:var(--c-primary-600);color:#fff}.vs-row{justify-content:center;align-items:center;gap:16px;margin:20px 0;display:flex}.vs-player{flex-direction:column;flex:1;align-items:center;gap:6px;max-width:180px;display:flex}.vs-player .vs-name{font-weight:700}.vs-player .vs-pts{color:var(--c-primary-700);font-family:var(--font-head);font-weight:700}.vs-mid{font-family:var(--font-head);color:var(--text-muted);font-size:1.4rem;font-weight:800}.match-result{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.result-cell{text-align:center;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:18px 10px}.result-cell.winner{border-color:var(--c-gold);box-shadow:0 0 0 2px var(--c-gold)}.result-cell .rc-score{font-family:var(--font-head);color:var(--c-primary-700);font-size:2rem;font-weight:800}.result-cell .rc-name{margin-top:6px;font-weight:700}.result-cell .rc-sub{color:var(--text-muted);font-size:.85rem}.winner-banner{text-align:center;font-family:var(--font-head);color:var(--c-primary-700);margin:8px 0 4px;font-size:1.3rem;font-weight:800}.review-item{margin-bottom:12px;padding:16px 18px}.review-q{gap:10px;margin-bottom:12px;font-size:1.05rem;font-weight:600;line-height:1.7;display:flex}.review-n{background:var(--surface-2);width:26px;height:26px;color:var(--text-muted);font-family:var(--font-head);border-radius:50%;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:800;display:grid}.review-choices{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.review-choice{border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;font-size:.95rem;display:flex}.review-choice .key{color:var(--text-muted);font-weight:700}.review-choice.correct{border-color:var(--c-correct);background:color-mix(in srgb, var(--c-correct) 12%, var(--surface))}.review-choice.wrong{border-color:var(--c-wrong);background:color-mix(in srgb, var(--c-wrong) 10%, var(--surface))}.review-tag{color:var(--c-correct);margin-inline-start:auto;font-size:.75rem;font-weight:700}.review-tag.wrong{color:var(--c-wrong)}.review-exp{color:var(--text-muted);margin:4px 0 8px;font-size:.92rem;line-height:1.7}.session-row{text-align:start;cursor:pointer;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);background:0 0;justify-content:space-between;align-items:center;padding:12px;display:flex}.session-row:hover{background:var(--surface-2)}.session-open{padding:8px 4px 16px}@media (width<=640px){.container{padding-inline:14px}main{padding-block:20px 40px}.site-header .bar{flex-wrap:wrap;gap:8px;height:auto;padding-block:10px}.brand{font-size:1.1rem}.nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:auto;order:3;justify-content:flex-start;gap:2px;width:100%;min-width:0;margin-inline-start:0;overflow-x:auto}.nav a{white-space:nowrap;padding:6px 10px;font-size:.85rem}.nav-auth{flex-shrink:0;order:2;margin-inline-start:auto}.account-label{display:none}.account-dropdown{min-width:170px}.hero{padding:28px 0 8px}.hero h1{font-size:clamp(1.5rem,7vw,2rem)}.hero .lead{font-size:1rem}.section-title{margin:28px 0 14px;font-size:1.2rem}.q-prompt{font-size:1.1rem}.chat-msg{max-width:92%}}@media (width<=480px){.btn.lg{padding:12px 18px;font-size:1rem}.vs-row{gap:8px}.vs-mid{font-size:1.1rem}.result-cell{padding:14px 6px}.result-cell .rc-score{font-size:1.6rem}.result-cell .rc-sub{font-size:.78rem}.leader-row{grid-template-columns:28px 28px 1fr auto;gap:8px;padding:10px 4px}.leader-points{font-size:.85rem}.podium{gap:5px}.podium-slot{padding:12px 4px}.podium-name{font-size:.78rem}.podium-points{font-size:.8rem}.invite-row,.scan-actions{flex-direction:column;align-items:stretch}.invite-row .btn,.scan-actions .btn{width:100%}.choice{padding:12px 14px}.review-item{padding:14px}.modal-card{padding:20px}}.plan-badge{background:var(--c-gold);color:#3a2c05;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:800}.plan-badge.plan-free{background:color-mix(in srgb, var(--text-muted) 22%, transparent);color:var(--text-muted)}.plan-badge.plan-advanced{background:var(--c-primary-600);color:#fff}.plan-badge.plan-normal{background:var(--c-primary-soft);color:var(--on-soft)}.plan-row{align-items:center;gap:12px;display:flex}.plan-pill{border-radius:999px;padding:6px 16px;font-size:.9rem;font-weight:800;display:inline-block}.plan-pill.plan-free{background:var(--surface-2);color:var(--text-muted)}.plan-pill.plan-normal,.plan-pill.plan-advanced{background:var(--c-primary-soft);color:var(--on-soft)}.plan-pill.plan-pro{background:var(--c-gold);color:#3a2c05}.card-preview{background:linear-gradient(135deg, var(--c-primary-700), var(--c-primary-800));color:#fff;box-shadow:var(--shadow-md);aspect-ratio:1.6;border-radius:16px;flex-direction:column;justify-content:space-between;max-width:340px;margin:8px 0 16px;padding:22px 20px 18px;display:flex}.cp-chip{background:linear-gradient(135deg,#e9d27a,#c9a94a);border-radius:6px;width:42px;height:30px}.cp-number{font-size:1.25rem;font-family:var(--font-head);letter-spacing:2px;font-weight:700}.cp-row{justify-content:space-between;align-items:flex-end;font-size:.85rem;display:flex}.cp-name{text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:62%;overflow:hidden}.landing-hero .cta{margin-bottom:14px}.landing-ico{color:var(--c-primary-700)}.landing-ico svg{width:28px;height:28px}.track-card{padding:28px 24px}.track-card .ico{width:54px;height:54px;font-size:1.7rem}.track-card h3{font-size:1.3rem}.level-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.level-badge{background:var(--c-primary-soft);color:var(--on-soft);border-radius:999px;padding:3px 12px;font-size:.9rem;font-weight:700;display:inline-block}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:12px;margin-top:4px;display:grid}.stage-node{aspect-ratio:1;font-family:var(--font-head);background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:50%;place-items:center;font-size:1.05rem;font-weight:800;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid}.stage-node:not(.locked):hover{transform:translateY(var(--hover-lift-sm)) scale(var(--hover-scale-sm));box-shadow:var(--shadow-lg);border-color:var(--c-primary-600)}.stage-node.done{background:var(--c-primary-soft);color:var(--on-soft);border-color:#0000}.stage-node.current{border:2px solid var(--c-primary-600);color:var(--c-primary-700)}.stage-node.locked{background:var(--surface-2);color:var(--text-faint);cursor:not-allowed;font-size:.9rem}.cta-banner{text-align:center;color:#fff;background:linear-gradient(135deg, var(--c-primary-800), var(--c-primary-600));box-shadow:var(--shadow-lg);border-radius:28px;margin-top:40px;padding:60px 40px;position:relative;overflow:hidden}.cta-title{font-family:var(--font-head);z-index:1;margin:0 0 14px;font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:800;line-height:1.3;position:relative}.cta-accent{color:var(--c-accent)}.cta-sub{color:#ffffffd1;z-index:1;max-width:620px;margin:0 auto 28px;font-size:1.05rem;line-height:1.9;position:relative}.cta-banner-btn{z-index:1;background:var(--c-accent);color:#3b2f0b;border:none;font-weight:800;position:relative;box-shadow:0 6px 18px #f59e0b59}.cta-banner-btn:hover{transform:translateY(var(--hover-lift)) scale(var(--hover-scale));background:#fbbf24;box-shadow:0 16px 34px #f59e0b80}.cta-badges{z-index:1;color:#ffffffd9;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:22px;font-size:.95rem;font-weight:600;display:flex;position:relative}.cta-deco{z-index:0;pointer-events:none;opacity:.18;position:absolute}.cta-deco-plus{top:22px;color:var(--c-accent);opacity:.5;font-size:2.2rem;font-weight:800;inset-inline-start:34px}.cta-deco-tag{top:30px;background:var(--c-accent);opacity:.28;border-radius:6px;width:120px;height:26px;inset-inline-end:44px;transform:rotate(-4deg)}.cta-deco-ring{top:40%;border:2px dashed #fff9;border-radius:50%;width:26px;height:26px;inset-inline-end:36px}.cta-deco-dash{bottom:46px;border:3px dashed var(--c-accent);opacity:.4;border-radius:50%;width:40px;height:40px;inset-inline-end:60px}.cta-deco-square{bottom:30px;background:var(--c-primary-soft);opacity:.22;border-radius:8px;width:90px;height:34px;inset-inline-start:40px;transform:rotate(6deg)}@media (width<=640px){.cta-banner{border-radius:22px;padding:44px 22px}.cta-badges{gap:16px}.cta-deco-tag,.cta-deco-square{display:none}}.eval-section{margin-top:48px}.eval-section .section-title{margin-bottom:12px}.eval-desc{text-align:center;max-width:640px;color:var(--text-muted);margin:0 auto 24px;font-size:1.05rem;line-height:1.9}.landing-footer{margin-inline:calc(50% - 50vw);border-top:1px solid var(--border);background:color-mix(in srgb, var(--c-primary) 5%, var(--surface));width:100vw;margin-top:48px;margin-bottom:-48px;padding:28px 0 22px}.lf-inner{width:100%;max-width:960px;margin-inline:auto;padding-inline:20px}.lf-cols{grid-template-columns:1.4fr 1fr;align-items:start;gap:32px;display:grid}.lf-brand-row{align-items:center;gap:12px;display:flex}.lf-logo{width:40px;height:40px;font-family:var(--font-head);color:#fff;background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;font-size:1.3rem;font-weight:800;display:grid}.lf-logo-img{object-fit:contain;width:44px;height:44px;display:block}.lf-brand-name{font-family:var(--font-head);font-size:1.35rem;font-weight:800}.lf-status{color:var(--text-muted);align-items:center;gap:8px;margin-top:12px;font-size:.9rem;display:flex}.lf-dot{background:var(--c-correct);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c-correct) 22%, transparent);border-radius:50%}.lf-col h4{color:var(--text);margin:0 0 14px;font-size:1rem}.lf-links{flex-direction:column;gap:10px;display:flex}.lf-links a{color:var(--text-muted);width:fit-content;font-size:.95rem;transition:color .15s}.lf-links a:hover{color:var(--c-primary-600)}.lf-bottom{border-top:1px solid var(--border);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:22px;padding-top:18px;font-size:.85rem;display:flex}.lf-legal{gap:20px;display:flex}.lf-legal a{color:var(--text-muted);transition:color .15s}.lf-legal a:hover{color:var(--c-primary-600)}@media (width<=640px){.landing-footer{margin-top:40px;padding:24px 0 20px}.lf-cols{grid-template-columns:1fr;gap:24px}.lf-bottom{text-align:start;flex-direction:column;align-items:flex-start}}.levelbar{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin:16px 0 4px;padding:18px 20px 14px}.levelbar-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.levelbar-rank{align-items:baseline;gap:8px;display:flex}.levelbar-label{color:var(--text-muted);font-size:.85rem}.levelbar-rank strong{font-family:var(--font-head);color:var(--c-primary-700);font-size:1.45rem;font-weight:800}.levelbar-next{color:var(--text-faint);font-size:.85rem;font-weight:600}.levelbar-track{background:var(--surface-2);border-radius:999px;height:14px;overflow:hidden}.levelbar-fill{background:linear-gradient(90deg, var(--c-primary-600), var(--c-accent));border-radius:999px;height:100%;transition:width .45s;display:block}.levelbar-ticks{gap:4px;margin-top:6px;display:flex}.levelbar-tick{background:var(--surface-2);border-radius:999px;flex:1;height:4px}.levelbar-tick.passed{background:var(--c-primary-600)}.levelbar-tick.active{background:var(--c-accent)}.levelbar-sub{color:var(--text-muted);margin:10px 0 0;font-size:.85rem}.levelbar-sub b{color:var(--text);font-family:var(--font-head)}:root[data-theme=dark] .levelbar-rank strong{color:#5eead4}@media (prefers-color-scheme:dark){:root:not([data-theme]) .levelbar-rank strong{color:#5eead4}}@media (width<=640px){.levelbar{padding:15px 16px 12px}.levelbar-rank strong{font-size:1.25rem}}.path-world{margin-top:34px}.path-banner{color:#fff;background:linear-gradient(135deg, var(--c-primary-800), var(--c-primary-600));box-shadow:var(--shadow-md);border-radius:22px;padding:20px 22px}.path-banner h2{margin:0;font-size:1.3rem}.path-banner p{opacity:.85;margin:4px 0 0;font-size:.88rem}.path-list{flex-direction:column;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.path-item{flex-direction:column;align-items:center;gap:8px;padding:16px 0 8px;display:flex;position:relative}.path-item.start{transform:translate(-58px)}.path-item.end{transform:translate(58px)}.path-item:before{content:"";top:-14px;background:var(--border);border-radius:999px;width:4px;height:30px;position:absolute;inset-inline-start:50%;transform:translate(-50%)}.path-list>.path-item:first-child:before{display:none}.path-node{width:66px;height:66px;font-family:var(--font-head);cursor:pointer;background:var(--surface);color:var(--text-faint);border:2px solid var(--border);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:grid;position:relative}.path-node:not(:disabled):hover{transform:translateY(var(--hover-lift-sm)) scale(var(--hover-scale-sm));box-shadow:var(--shadow-lg)}.path-node.done{background:linear-gradient(150deg, var(--c-primary-600), var(--c-primary-800));color:#fff;border-color:#0000;font-size:1.5rem}.path-node.open{border-color:var(--c-primary-600);color:var(--c-primary-700)}.path-node.current{border-color:var(--c-accent);color:var(--c-accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--c-accent) 20%, transparent), var(--shadow-md);animation:2.4s ease-in-out infinite path-bob}.path-node.locked{cursor:not-allowed;background:var(--surface-2);color:var(--text-faint);opacity:.7}@keyframes path-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.path-label{background:var(--surface);border:1px solid var(--border);max-width:160px;color:var(--text);text-align:center;box-shadow:var(--shadow-sm);border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:700;line-height:1.4}@media (width<=640px){.path-item.start{transform:translate(-40px)}.path-item.end{transform:translate(40px)}.path-node{width:58px;height:58px;font-size:1.05rem}.path-label{max-width:130px;font-size:.76rem}}.streak{background:color-mix(in srgb, var(--c-accent) 14%, transparent);color:var(--c-accent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 10px;font-size:.85rem;font-weight:700;line-height:1;display:inline-flex}.streak.lg{padding:7px 15px 7px 12px;font-size:.98rem}.streak-glyph{width:17px;height:17px;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--c-accent) 55%, transparent));flex-shrink:0}.streak.lg .streak-glyph{width:21px;height:21px}.streak-text b{font-family:var(--font-head);font-size:1.1em}.streak.cold{background:var(--surface-2);color:var(--text-faint)}.streak.cold .streak-glyph{filter:none}.streak.hot .streak-glyph{animation:1.8s ease-in-out infinite streak-pulse}@keyframes streak-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}.hero-streak{margin-bottom:14px}.streak-stat{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.ach-heading{align-items:center;gap:8px;display:flex}.ach-heading svg{width:22px;height:22px;color:var(--c-accent);flex-shrink:0}.ach-wrap{margin-top:6px}.ach-head{align-items:center;gap:12px;margin-bottom:2px;display:flex}.ach-count{color:var(--text-muted);white-space:nowrap;font-size:.85rem;font-weight:600}.ach-bar{background:var(--surface-2);border-radius:999px;flex:1;height:6px;overflow:hidden}.ach-bar>span{background:linear-gradient(90deg, var(--c-primary-600), var(--c-accent));border-radius:999px;height:100%;transition:width .4s;display:block}.ach-track{scroll-snap-type:x proximity;overscroll-behavior-x:contain;--ach-lift:-43px;margin-top:-36px;padding:72px 6px 30px;position:relative;overflow:auto hidden}.ach-list{gap:14px;width:max-content;margin:0;padding:0;list-style:none;display:flex}.ach-line{top:117px;background:var(--border);z-index:0;border-radius:999px;height:3px;position:absolute;inset-inline:4px}.ach-line-fill{background:var(--c-primary-600);border-radius:999px;height:100%;transition:width .4s;display:block}.ach-card{z-index:1;scroll-snap-align:center;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-align:center;flex:0 0 150px;padding:18px 12px 14px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}.ach-card:hover{transform:translateY(var(--ach-lift)) scale(var(--hover-scale));border-color:var(--c-primary-600);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-primary-600) 25%, transparent), 0 10px 26px color-mix(in srgb, var(--c-primary-600) 35%, transparent);filter:brightness(var(--hover-bright))}.ach-ico{background:var(--surface-2);width:56px;height:56px;color:var(--text-faint);border-radius:50%;place-items:center;margin:0 auto 10px;display:grid}.ach-ico svg{width:26px;height:26px}.ach-title{margin:0 0 2px;font-size:.95rem;font-weight:700}.ach-desc{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.45}.ach-progress{background:var(--surface-2);color:var(--text-muted);border-radius:999px;margin-top:8px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.ach-card.done .ach-ico{background:var(--c-primary-soft);color:var(--c-primary-700)}.ach-card.current{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-accent) 22%, transparent)}.ach-card.current .ach-ico{background:color-mix(in srgb, var(--c-accent) 18%, transparent);color:var(--c-accent)}.ach-card.current:hover{border-color:var(--c-primary-600)}.ach-card.current:hover .ach-ico{background:color-mix(in srgb, var(--c-primary-600) 18%, transparent);color:var(--c-primary-600)}.ach-card.locked{opacity:.6}.ach-badge{top:-8px;background:var(--c-correct);color:#fff;border:2px solid var(--surface);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:grid;position:absolute;inset-inline-end:-8px}:root[data-theme=dark] .ach-card.done .ach-ico{color:#5eead4}@media (prefers-color-scheme:dark){:root:not([data-theme]) .ach-card.done .ach-ico{color:#5eead4}}@media (width<=640px){.ach-card{flex:0 0 128px;padding:16px 10px 12px}.ach-ico{width:48px;height:48px}.ach-line{top:111px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.manifesto{text-align:center;background-color:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);background-image:radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--c-primary-600) 14%, transparent), transparent 60%), repeating-linear-gradient(to bottom, var(--border) 0 1px, transparent 1px 32px), repeating-linear-gradient(to left, var(--border) 0 1px, transparent 1px 32px);border-radius:28px;margin-top:48px;padding:64px 32px;position:relative;overflow:hidden}.mf-title{z-index:1;max-width:900px;font-family:var(--font-head);margin:0 auto 20px;font-size:clamp(2rem,7vw,4rem);font-weight:800;line-height:1.45;position:relative}.mf-mark{white-space:nowrap;padding:0 .25em;display:inline-block;position:relative}.mf-mark:before{content:"";z-index:0;background:linear-gradient(100deg, var(--c-accent), color-mix(in srgb, var(--c-accent) 70%, var(--c-primary-600)));transform-origin:100%;border-radius:6px 14px 8px 12px;animation:.7s cubic-bezier(.2,.8,.2,1) .25s both mf-swipe;position:absolute;inset:12% -.1em 8%}.mf-mark-text{z-index:1;position:relative}.mf-mark-sm{padding:0 .2em;display:inline-block;position:relative}.mf-mark-sm:before{content:"";z-index:0;background:var(--c-accent);opacity:.55;border-radius:4px 8px 5px 7px;position:absolute;inset:35% -.05em 6%;transform:rotate(-.5deg)}@keyframes mf-swipe{0%{transform:skew(-3deg)rotate(-.8deg)scaleX(0)}to{transform:skew(-3deg)rotate(-.8deg)scaleX(1)}}.mf-sub{z-index:1;max-width:680px;color:var(--text-muted);margin:0 auto;font-size:1.1rem;position:relative}.mf-points{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex;position:relative}.mf-points span{background:var(--c-primary-soft);color:var(--on-soft);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700}.mf-deco{opacity:.18;pointer-events:none;border-radius:50%;position:absolute}.mf-deco-a{top:-70px;border:14px solid var(--c-primary-600);width:190px;height:190px;inset-inline-start:-60px}.mf-deco-b{bottom:-46px;background:var(--c-accent);width:120px;height:120px;inset-inline-end:8%}:root[data-theme=dark] .mf-mark:before{background:linear-gradient(100deg, #d97706, color-mix(in srgb, #d97706 70%, var(--c-primary-600)))}:root[data-theme=dark] .mf-mark .mf-mark-text{color:#0f172a}:root[data-theme=dark] .mf-mark-sm:before{opacity:.5;background:#d97706}@media (prefers-color-scheme:dark){:root:not([data-theme]) .mf-mark:before{background:linear-gradient(100deg, #d97706, color-mix(in srgb, #d97706 70%, var(--c-primary-600)))}:root:not([data-theme]) .mf-mark .mf-mark-text{color:#0f172a}:root:not([data-theme]) .mf-mark-sm:before{opacity:.5;background:#d97706}}@media (width<=640px){.manifesto{border-radius:22px;padding:44px 20px}.mf-title{line-height:1.35}.mf-deco-a{display:none}}.stats-row{flex-wrap:wrap;justify-content:center;gap:18px;margin:30px auto 8px;display:flex}.stat-counter{text-align:center;border:1px solid var(--border);background:linear-gradient(135deg, var(--c-primary-soft) 0%, transparent 60%), var(--surface);max-width:280px;box-shadow:var(--shadow-sm);border-radius:18px;flex:200px;padding:26px 20px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.stat-counter:hover{transform:translateY(var(--hover-lift)) scale(var(--hover-scale));box-shadow:var(--shadow-lg);border-color:var(--c-primary-600)}.stat-counter:after{content:"";top:14px;border:2px dashed var(--c-primary-600);opacity:.35;border-radius:50%;width:18px;height:18px;position:absolute;inset-inline-end:16px}.stat-num{font-family:var(--font-head);color:var(--c-primary-700);direction:ltr;align-items:baseline;font-size:clamp(2.1rem,6vw,3rem);font-weight:800;line-height:1;display:inline-flex}.stat-suffix{color:var(--c-accent);margin-inline-start:2px;font-size:.55em;font-weight:800}.stat-label{color:var(--text-muted);margin-top:10px;font-size:.95rem;font-weight:600}:root[data-theme=dark] .stat-num{color:#5eead4}.qs-config{text-align:start;flex-direction:column;gap:4px;display:flex}.qs-avail{color:var(--text-faint);margin:6px 0 0;font-size:.85rem}.qs-note{color:var(--c-primary-700);margin:8px 0 0;font-size:.85rem;font-weight:700}.date-input{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;padding:8px 12px;font-family:inherit;font-size:.95rem;font-weight:600}@media (prefers-color-scheme:dark){.date-input{--lightningcss-light: ;--lightningcss-dark:initial}}.date-input:focus{border-color:var(--c-primary-600);outline:none}.plan-week-group{margin-top:8px}.plan-week-title{color:var(--c-primary-700);margin:24px 0 12px;font-size:1.15rem}.quiz-stats{border:1px solid color-mix(in srgb, var(--c-primary-600) 22%, var(--border));border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary-600) 8%, var(--surface)), color-mix(in srgb, var(--c-accent) 6%, var(--surface)));box-shadow:var(--shadow-sm);margin:12px 0 6px;padding:14px 12px 12px}.qstat-row{grid-template-columns:repeat(4,1fr);display:grid}.qstat{text-align:center;border-inline-end:1px dashed color-mix(in srgb, var(--c-primary-600) 20%, var(--border));flex-direction:column;align-items:center;gap:4px;padding:0 6px;display:flex;position:relative}.qstat:last-child{border-inline-end:0}.qstat-ico{background:color-mix(in srgb, var(--c-primary-600) 14%, transparent);width:30px;height:30px;color:var(--c-primary-600);border-radius:50%;place-items:center;font-size:.95rem;line-height:1;display:grid}.qstat-ico.xp{background:color-mix(in srgb, var(--c-accent) 26%, transparent);color:#a06800}.qstat-num{color:var(--c-primary-700);font-size:1.15rem;font-weight:800;font-family:var(--font-head);align-items:baseline;gap:4px;display:inline-flex}.qstat-num.low{color:var(--c-wrong)}.qstat-gain{color:var(--c-correct);font-size:.72rem;font-weight:800}.qstat-level{font-size:.9rem}.qstat-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.qstat-level-bar{border-top:1px dashed color-mix(in srgb, var(--c-primary-600) 20%, var(--border));margin-top:12px;padding-top:10px}.qlb-track{background:color-mix(in srgb, var(--c-primary-600) 12%, var(--surface-2));border-radius:999px;height:8px;overflow:hidden}.qlb-track>span{background:linear-gradient(90deg, var(--c-primary-600), var(--c-accent));border-radius:999px;height:100%;transition:width .45s cubic-bezier(.2,.9,.3,1);display:block}.qlb-text{text-align:center;color:var(--text-muted);margin-top:5px;font-size:.72rem;font-weight:600;display:block}.xp-float{top:-6px;color:var(--c-correct);pointer-events:none;transform-origin:50%;font-size:1.1rem;font-weight:900;animation:1s cubic-bezier(.22,1,.36,1) forwards xp-toss;position:absolute;inset-inline-start:50%}@keyframes xp-toss{0%{opacity:0;filter:blur(2px);transform:translate(-50%,8px)scale(.4)}45%{opacity:1;filter:blur();transform:translate(-50%,-6px)scale(1.4)}to{opacity:0;filter:blur();transform:translate(-50%,-28px)scale(1)}}.card.is-correct-flash{animation:.7s ease-out correct-flash}@keyframes correct-flash{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--c-correct) 45%, transparent)}to{box-shadow:0 0 0 14px #0000}}.streak-banner{border-radius:var(--radius-sm);text-align:center;color:#fff;background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));box-shadow:var(--shadow-md);margin:4px 0 10px;padding:10px 16px;font-weight:800;animation:.4s cubic-bezier(.2,1.3,.4,1) streak-in}@keyframes streak-in{0%{opacity:0;transform:translateY(-8px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=520px){.qstat-row{grid-template-columns:repeat(2,1fr);row-gap:14px}.qstat:nth-child(2){border-inline-end:0}}.emoji-picker{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;gap:4px;max-height:168px;margin:8px 0 0;padding:10px;display:flex;overflow-y:auto}.emoji-item{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px 6px;font-size:1.35rem;line-height:1}.emoji-item:hover{background:color-mix(in srgb, var(--c-primary-600) 12%, transparent)}.progress-share-grid{gap:10px}.progress-share-grid .stat{padding:12px 8px}.progress-share-grid .num{font-size:1.25rem}.source-share-card{cursor:pointer;text-align:start;width:100%;color:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:4px 2px;display:flex}.source-share-ico{flex-shrink:0;font-size:1.5rem}.source-share-body{flex-direction:column;line-height:1.4;display:flex}.source-share-hint{color:var(--c-primary-700);font-size:.78rem;font-weight:700}.share-groups{flex-direction:column;gap:10px;display:flex}.share-group-pick{cursor:pointer;text-align:start;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.share-group-pick:disabled{opacity:.5;cursor:not-allowed}.review-card{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--c-primary-600) 30%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary-600) 10%, var(--surface)), color-mix(in srgb, var(--c-accent) 7%, var(--surface)));box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:16px 0;padding:16px 18px;display:flex}.review-card-info{align-items:center;gap:12px;display:flex}.review-ico{background:color-mix(in srgb, var(--c-primary-600) 16%, transparent);width:44px;height:44px;color:var(--c-primary-600);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.3rem;font-weight:800;display:grid}.review-title{color:var(--c-primary-700);margin:0;font-size:1.05rem}.review-sub{color:var(--text-muted);margin:2px 0 0;font-size:.88rem}.review-btn{border:1px solid color-mix(in srgb, var(--c-primary-600) 40%, transparent);background:var(--surface);color:var(--c-primary-700);cursor:pointer;box-shadow:0 3px 0 color-mix(in srgb, var(--c-primary-600) 35%, transparent);transition:transform var(--hover-dur) var(--hover-ease), box-shadow var(--hover-dur) var(--hover-ease-out), filter var(--hover-dur) var(--hover-ease-out), background .2s ease;border-radius:12px;padding:11px 20px;font-size:.95rem;font-weight:800}.review-btn:hover{transform:translateY(var(--hover-lift)) scale(var(--hover-scale));box-shadow:0 9px 0 color-mix(in srgb, var(--c-primary-600) 35%, transparent);background:color-mix(in srgb, var(--c-primary-600) 8%, var(--surface));filter:brightness(var(--hover-bright))}.review-btn:active{box-shadow:0 1px 0 color-mix(in srgb, var(--c-primary-600) 35%, transparent);transition-duration:80ms;transform:translateY(1px)scale(.97)}.review-picks{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.review-pick{cursor:pointer;text-align:start}.review-pick:disabled{opacity:.5;cursor:not-allowed}@media (width<=520px){.review-picks{grid-template-columns:1fr}.review-card{flex-direction:column;align-items:stretch}.review-btn{width:100%}}.level-hint{color:var(--text-muted);margin:6px 0 0;font-size:.9rem}.level-hint strong{color:var(--c-primary-700)}.quiz-live{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 2px 14px;display:flex}.live-stat{background:var(--surface-2);border-radius:999px;padding:2px 10px;font-size:.9rem;font-weight:800}.live-stat.correct{color:var(--c-correct)}.live-stat.wrong{color:var(--c-wrong)}.live-stat.idx{color:var(--text-muted)}.live-cheer{color:var(--c-accent);margin-inline-start:auto;font-size:.9rem;font-weight:800;animation:.35s cheer-pop}@keyframes cheer-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.hint-zone{margin-top:14px}.hint-btn{font-size:.9rem}.ai-explain.hint{border-style:solid;border-color:var(--c-accent)}.ai-explain.hint .ai-head{color:var(--c-accent)}.goal-row{align-items:stretch}.goal-card{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.goal-head{align-items:center;gap:12px;display:flex}.goal-ico{background:var(--c-primary-soft);width:42px;height:42px;color:var(--c-primary-700);border-radius:12px;flex:none;place-items:center;font-size:1.3rem;display:grid}.goal-title{font-size:1.05rem;font-weight:800}.goal-sub{color:var(--text-muted);font-size:.9rem}.goal-done{color:var(--c-correct);margin-inline-start:auto;font-size:.9rem;font-weight:800}.goal-bar{height:12px}.goal-msg{color:var(--text-faint);font-size:.88rem}.goal-streak{justify-content:center}.plan-banner{color:#fff;background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));box-shadow:var(--shadow-md);border-radius:22px;margin-top:8px;padding:22px 24px}.plan-banner-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.plan-kicker{opacity:.85;font-size:.82rem}.plan-banner h2{margin:4px 0 2px;font-size:1.35rem}.plan-banner p{opacity:.85;margin:0;font-size:.88rem}.plan-new-actions{flex-wrap:wrap;gap:8px;display:flex}.plan-new-btn{cursor:pointer;color:var(--c-primary-700);background:#fffffff2;border:none;border-radius:12px;flex:none;padding:9px 14px;font-size:.85rem;font-weight:800}.plan-new-btn.secondary{color:#fff;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff80}.plan-banner-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.plan-chip{background:#ffffff2e;border-radius:999px;padding:4px 12px;font-size:.82rem;font-weight:700}.plan-reset{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:999px;margin-inline-start:auto;padding:4px 12px;font-size:.82rem}.plan-banner-bar{background:#ffffff40;border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.plan-banner-bar>span{background:#fff;border-radius:999px;height:100%;transition:width .4s;display:block}.plan-today{border:2px solid var(--c-primary-600);background:var(--surface);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:18px 20px;display:flex}.plan-today-kicker{color:var(--text-muted);font-size:.8rem}.plan-today h3{margin:4px 0;font-size:1.1rem}.plan-today-meta{color:var(--text-faint);font-size:.85rem}.plan-week{margin-bottom:20px}.plan-day{border:1.5px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex;position:relative}.plan-day.is-today{border-color:var(--c-primary-600);box-shadow:0 0 0 3px var(--c-primary-soft)}.plan-day.is-done{opacity:.92}.plan-day-top{justify-content:space-between;align-items:center;display:flex}.plan-day-name{color:var(--text-muted);font-weight:800}.plan-day-badge{color:#fff;background:var(--c-primary-600);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:800}.plan-day-check{color:var(--c-correct);font-weight:900}.plan-day-glyph{color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.35rem;display:grid}.plan-day-glyph.k-practice{background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800))}.plan-day-glyph.k-review{background:linear-gradient(135deg,#0ea5a0,#0f766e)}.plan-day-glyph.k-mock{background:linear-gradient(135deg,#f97316,#ea580c)}.plan-day-kind{font-size:.95rem;font-weight:800}.plan-day-title{color:var(--text-muted);margin-top:2px;font-size:.82rem;display:block}.plan-day-bar{height:8px}.plan-day-btn{width:100%;margin-top:2px}.hero-panel{text-align:center;background-color:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);background-image:radial-gradient(circle at 85% 12%, color-mix(in srgb, var(--c-primary-600) 16%, transparent), transparent 58%), radial-gradient(circle at 12% 90%, color-mix(in srgb, var(--c-accent) 10%, transparent), transparent 55%), repeating-linear-gradient(to bottom, var(--border) 0 1px, transparent 1px 34px), repeating-linear-gradient(to left, var(--border) 0 1px, transparent 1px 34px);border-radius:24px;margin-top:8px;padding:56px 32px;position:relative;overflow:visible}.hero-panel:before{content:"";z-index:0;pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(circle 260px at var(--mx,50%) var(--my,20%), color-mix(in srgb, var(--c-primary-600) 26%, transparent), transparent 62%);transition:opacity .3s;position:absolute;inset:0}.hero-panel:hover:before{opacity:1}.hero-panel h1{z-index:1;max-width:760px;font-family:var(--font-head);margin:0 auto 26px;font-size:clamp(1.9rem,5.2vw,3.1rem);font-weight:800;line-height:1.35;position:relative}.hero-panel .cta{z-index:1;justify-content:center;align-items:stretch;gap:12px;display:flex;position:relative}.hero-panel .cta .btn:not(.qt-tab){transition:transform var(--hover-dur) var(--hover-ease), box-shadow var(--hover-dur) var(--hover-ease-out), filter var(--hover-dur) var(--hover-ease-out), background .2s ease;will-change:transform}.hero-panel .cta .btn:not(.qt-tab):hover{transform:translateY(var(--hover-lift)) scale(var(--hover-scale));box-shadow:var(--shadow-lg)}.hero-panel .cta .btn:not(.qt-tab):active{transition-duration:80ms;transform:translateY(-1px)scale(.97)}.hero-panel .cta .qt-tab{background:var(--surface-2);color:var(--text);border:1px solid var(--border);flex:1 1 0;min-width:0;text-decoration:none;transition:flex-grow .35s cubic-bezier(.2,.8,.2,1),transform .3s,background .25s,color .25s,box-shadow .3s,border-color .25s}.hero-panel .cta:has(.qt-tab--active) .qt-tab{flex-grow:.6}.hero-panel .cta .qt-tab.qt-tab--active{background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));color:#fff;border-color:color-mix(in srgb, var(--c-primary-600) 55%, transparent);box-shadow:none;flex-grow:2.6;transform:translateY(-4px)}.hero-panel .cta .qt-tab.qt-tab--active:active{transition-duration:80ms;transform:translateY(-2px)}.hero-panel .cta .qt-tab:not(.qt-tab--active):active{transition-duration:80ms;transform:translateY(-1px)scale(.97)}@media (width<=900px){.hero-panel{border-radius:20px;padding:44px 24px}}@media (width<=560px){.hero-panel{border-radius:18px;padding:34px 16px}.hero-panel h1{margin-bottom:20px}.hero-panel .cta{flex-direction:column;align-items:stretch}.hero-panel .cta .btn{width:100%}.hero-panel .cta .qt-tab.qt-tab--active{flex-grow:0}.hero-panel .cta:has(.qt-tab--active) .qt-tab{flex-grow:0}}.src-promo{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--c-primary-600) 35%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary-600) 14%, var(--surface)), color-mix(in srgb, var(--c-accent) 10%, var(--surface)));margin-top:36px;margin-bottom:28px;padding:22px}.src-promo-tabs{justify-content:center;margin-bottom:18px;display:flex}.src-promo-tab{border-radius:12px;align-items:center;gap:8px;padding:10px 22px;font-size:.95rem;font-weight:800;display:inline-flex}.src-promo-tab.active{background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));color:#fff;box-shadow:var(--shadow-sm), 0 0 0 3px color-mix(in srgb, var(--c-primary-600) 30%, transparent)}.src-promo-grid{grid-template-columns:1fr 1fr;align-items:center;gap:22px;display:grid}.src-promo-panel{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);color:inherit;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:block}.src-promo-panel:hover{transform:translateY(var(--hover-lift)) scale(var(--hover-scale));box-shadow:var(--shadow-lg);border-color:var(--c-primary-600)}.src-promo-panel-head{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:14px;font-size:.9rem;font-weight:800;display:flex}.src-promo-badge{background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));color:#fff;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.src-promo-badge svg{width:15px;height:15px}.src-promo-drop{border:2px dashed color-mix(in srgb, var(--c-primary-600) 40%, var(--border));border-radius:var(--radius-sm);text-align:center;place-items:center;gap:8px;padding:40px 16px;display:grid}.src-promo-panel:hover .src-promo-drop{border-color:var(--c-primary-600);background:color-mix(in srgb, var(--c-primary-600) 6%, transparent)}.src-promo-up{background:color-mix(in srgb, var(--c-primary-600) 16%, var(--surface));width:52px;height:52px;color:var(--c-primary-600);border-radius:50%;place-items:center;display:grid}.src-promo-drop-title{font-weight:800}.src-promo-drop-hint{color:var(--text-muted);max-width:320px;font-size:.85rem}.src-promo-title{font-family:var(--font-head);align-items:center;gap:10px;margin:0 0 6px;display:flex}.src-promo-num{background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:.95rem;display:grid}.src-promo-sub{color:var(--text-muted);margin:0 0 18px;line-height:1.9}.src-promo-feat{gap:12px;margin-bottom:14px;display:flex}.src-promo-feat-ico{background:var(--c-primary-soft);width:40px;height:40px;color:var(--on-soft);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.src-promo-feat-ico svg{width:20px;height:20px}.src-promo-feat h3{margin:0 0 2px;font-size:1rem}.src-promo-feat p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.7}.src-promo-share-art{color:var(--c-primary-600);justify-content:center;margin:6px 0 14px;display:flex}.src-promo-share-art svg{width:140px;max-width:60%;height:auto}@media (width<=900px){.src-promo-grid{grid-template-columns:1fr}}.home-greet{background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary-600) 14%, var(--surface)), color-mix(in srgb, var(--c-accent) 10%, var(--surface)));border-color:color-mix(in srgb, var(--c-primary-600) 35%, var(--border));margin-bottom:20px;padding:22px 26px}.home-greet-date{color:var(--text-muted);margin-bottom:6px;font-size:.9rem;font-weight:700}.home-greet-title{font-family:var(--font-head);margin:0;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800;line-height:1.3}.home-greet-wave{transform-origin:70% 80%;animation:2.4s ease-in-out infinite greet-wave;display:inline-block}@keyframes greet-wave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.home-greet-sub{color:var(--text-muted);margin:8px 0 0;font-size:.98rem;line-height:1.8}.referral-card{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--c-primary-600) 40%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary-600) 14%, var(--surface)), color-mix(in srgb, var(--c-accent) 12%, var(--surface)));align-items:center;gap:18px;padding:22px 24px;display:flex}.referral-ico{background:var(--surface);width:64px;height:64px;color:var(--c-primary-600);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.referral-body{flex:1;min-width:0}.referral-title{margin:0 0 4px;font-size:1.15rem}.referral-text{color:var(--text-muted);margin:0 0 12px;font-size:.92rem;line-height:1.8}.referral-hint{color:var(--text-faint);margin:0;font-size:.9rem}@media (width<=560px){.referral-card{text-align:center;flex-direction:column}}.welcome-toast{z-index:200;background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));color:#fff;text-align:center;max-width:min(90vw,460px);box-shadow:var(--shadow-lg);cursor:pointer;border-radius:999px;padding:12px 22px;font-size:.95rem;font-weight:700;animation:.35s cubic-bezier(.2,.8,.2,1) welcome-in;position:fixed;top:16px;left:50%;transform:translate(-50%)}@keyframes welcome-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.community-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.community-tabs{gap:6px;margin-bottom:12px;display:flex}.community-tab{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);cursor:pointer;flex:1;padding:10px 12px;font-size:.95rem;font-weight:700;position:relative}.community-tab.active{background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));color:#fff;border-color:#0000}.community-badge{background:var(--c-accent);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-inline-start:6px;padding:0 5px;font-size:.75rem;font-weight:800;display:inline-grid}.community-box{background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%230d9488' fill-opacity='0.10'%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3Ccircle cx='20' cy='12' r='1.6'/%3E%3Ccircle cx='12' cy='24' r='1.6'/%3E%3Ccircle cx='28' cy='28' r='1.6'/%3E%3C/g%3E%3C/svg%3E");background-size:32px 32px;flex-direction:column;display:flex}:root[data-theme=dark] .community-box{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%232dd4bf' fill-opacity='0.08'%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3Ccircle cx='20' cy='12' r='1.6'/%3E%3Ccircle cx='12' cy='24' r='1.6'/%3E%3Ccircle cx='28' cy='28' r='1.6'/%3E%3C/g%3E%3C/svg%3E")}.community-msgs{min-height:300px;max-height:60vh}.community-row{align-self:flex-start;align-items:flex-start;gap:8px;max-width:88%;display:flex}.community-row.mine{flex-direction:row-reverse;align-self:flex-end}.community-bubble-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.community-row.mine .community-bubble-wrap{align-items:flex-end}.community-author{color:var(--text-muted);font-size:.78rem;font-weight:700}.community-bubble-wrap .chat-msg{max-width:100%}.chat-msg.other{background:var(--surface);border:1px solid var(--border);align-self:flex-start}.community-del{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem}.community-del:hover{color:var(--c-wrong)}.group-ico{background:var(--c-primary-soft);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:1rem;display:grid}.group-count{color:var(--text-faint);font-size:.8rem;font-weight:600}.group-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.group-head-actions{gap:6px;display:flex}.group-head-actions .btn.sm{padding:5px 10px;font-size:.8rem}.community-msg-actions{align-items:center;gap:10px;display:flex}.community-report{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem}.community-report:hover{color:var(--c-wrong)}.community-notice{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c-accent) 18%, var(--surface));color:var(--text);margin:8px 0 0;padding:8px 12px;font-size:.85rem;font-weight:700}.community-blocked{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c-wrong) 15%, var(--surface));color:var(--c-wrong);margin:8px 0 0;padding:8px 12px;font-size:.85rem;font-weight:700}.chat-attach{flex-shrink:0;padding:8px 12px;font-weight:800}.gif-picker{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:10px;display:flex}.gif-item{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:0;line-height:0;overflow:hidden}.gif-item img{object-fit:cover;width:84px;height:84px}.gif-item:hover{border-color:var(--c-primary-600)}.community-chats{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:14px;display:grid}.friend-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:10px;display:flex}.friend-row{border-radius:var(--radius-sm);color:inherit;cursor:pointer;text-align:start;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;display:flex}.friend-row:hover{background:var(--surface-2)}.friend-row.active{background:var(--c-primary-soft);border-color:var(--c-primary-600);color:var(--on-soft)}.friend-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.community-dm-head{border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:8px;font-weight:800}.community-add{padding:20px}.community-add .invite-row{gap:8px;margin-bottom:8px;display:flex}.community-add .invite-row .input{flex:1}.request-row{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.request-username{color:var(--text-faint);margin-inline-start:6px;font-size:.85rem;font-weight:400}.community-empty{color:var(--text-muted);padding:6px 2px;font-size:.9rem}@media (width<=700px){.community-tabs{flex-wrap:wrap}.community-chats{grid-template-columns:1fr}.friend-list{flex-direction:row;overflow-x:auto}.friend-row{flex:none}.friend-name{max-width:120px}}.source-layout{grid-template-columns:240px minmax(0,1fr) 340px;align-items:start;gap:14px;margin-top:16px;display:grid}.source-side,.source-viewer,.source-qpanel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px}.source-add{border:2px dashed var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:700;transition:border-color .15s,background .15s;display:flex}.source-add:hover:not(:disabled){border-color:var(--c-primary-600);background:color-mix(in srgb, var(--c-primary-600) 8%, transparent)}.source-add:disabled{opacity:.5;cursor:default}.source-add-plus{background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:1.1rem;line-height:1;display:grid}.source-side-head{justify-content:space-between;align-items:center;margin:16px 0 8px;font-weight:800;display:flex}.source-clear{color:var(--c-wrong);cursor:pointer;background:0 0;border:0;font-size:.85rem;font-weight:700}.source-clear:disabled{opacity:.5;cursor:default}.source-side-empty{color:var(--text-muted);text-align:center;padding:8px 0;font-size:.9rem}.source-doc{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:8px;padding:10px;transition:border-color .15s,background .15s;display:flex}.source-doc.active{background:var(--c-primary-soft);border-color:var(--c-primary-600)}.source-doc-main{text-align:start;cursor:pointer;min-width:0;color:inherit;background:0 0;border:0;flex:1;padding:0}.source-doc-main:disabled{cursor:default}.source-doc-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;display:block;overflow:hidden}.source-doc-meta{color:var(--text-muted);font-size:.8rem;display:block}.source-doc-badge{color:var(--c-wrong);background:color-mix(in srgb, var(--c-wrong) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--c-wrong) 35%, var(--border));border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:800}.source-doc-x{color:var(--text-faint);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:2px 4px;font-size:1.1rem;line-height:1}.source-doc-x:hover:not(:disabled){color:var(--c-wrong)}.source-empty{text-align:center;min-height:320px;color:var(--text-muted);place-items:center;gap:12px;display:grid}.source-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.source-doc-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.source-stage{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.source-page-img{max-width:100%;display:block}.source-stage-loading{color:var(--text-muted);padding:40px 0}.source-progress{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);text-align:center;padding:14px 18px;position:absolute;inset:auto 16px 16px}.source-progress-title{font-weight:800}.source-progress-sub{color:var(--text-muted);margin:2px 0 10px;font-size:.85rem}.source-pagenav{justify-content:center;align-items:center;gap:12px;margin-top:10px;font-weight:700;display:flex}.source-ask{gap:8px;margin-top:10px;display:flex}.source-ask .input{flex:1}.source-tabs{gap:6px;margin-bottom:10px;display:flex}.source-tab{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);cursor:pointer;flex:1;padding:8px 10px;font-size:.9rem;font-weight:700;position:relative}.source-tab.active{background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));color:#fff;border-color:#0000}.source-chat-badge{background:var(--c-accent);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-inline-start:6px;padding:0 5px;font-size:.75rem;font-weight:800;display:inline-grid}.source-qcount{color:var(--text-muted);margin-bottom:10px;font-size:.85rem}.source-qcard{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin-bottom:8px;overflow:hidden}.source-qcard summary{cursor:pointer;align-items:center;gap:8px;padding:10px;list-style:none;display:flex}.source-qcard summary::-webkit-details-marker{display:none}.source-qcard[open] summary{border-bottom:1px solid var(--border)}.source-qnum{background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.85rem;font-weight:800;display:grid}.source-qprev{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.88rem;font-weight:600;overflow:hidden}.source-qcard summary .chip{flex-shrink:0;padding:3px 10px;font-size:.72rem}.chip--static{cursor:inherit}.chip.source-diff-easy{border-color:color-mix(in srgb, var(--c-correct) 50%, var(--border));color:var(--c-correct)}.chip.source-diff-medium{border-color:color-mix(in srgb, var(--c-accent) 60%, var(--border));color:var(--c-accent)}.chip.source-diff-hard{border-color:color-mix(in srgb, var(--c-wrong) 50%, var(--border));color:var(--c-wrong)}.source-qbody{padding:10px 12px 12px}.source-qbody .q-prompt{margin:0 0 8px}.source-choices{gap:6px;display:grid}.source-choice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:8px 10px;font-size:.9rem}.source-choice.correct{border-color:var(--c-correct);background:color-mix(in srgb, var(--c-correct) 10%, var(--surface))}.source-qexp{border-top:1px dashed var(--border);color:var(--text-muted);margin:10px 0 0;padding-top:8px;font-size:.88rem;line-height:1.8}.source-chat-msgs{max-height:440px}.source-chat-meta{color:var(--text-faint);margin-top:6px;font-size:.75rem}.modal-card.source-modal{width:100%;max-width:560px}.source-modal-ico{background:color-mix(in srgb, var(--c-primary-600) 14%, var(--surface));width:54px;height:54px;color:var(--c-primary-600);border-radius:50%;place-items:center;margin:0 auto 10px;display:grid}.source-modal-sub{text-align:center;color:var(--text-muted);margin:-6px 0 16px;font-size:.92rem}.source-drop{border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);text-align:center;cursor:pointer;place-items:center;gap:6px;margin-top:6px;padding:34px 16px;transition:border-color .15s,background .15s;display:grid}.source-drop:hover,.source-drop--over{border-color:var(--c-primary-600);background:color-mix(in srgb, var(--c-primary-600) 8%, transparent)}.source-drop-title{color:var(--text);font-weight:700}.source-drop-hint{font-size:.82rem}@media (width<=900px){.source-layout{grid-template-columns:1fr}.source-qpanel{order:3}}.pshare{flex-direction:column;gap:14px;display:flex}.pshare-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding-bottom:12px;display:flex}.pshare-id{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pshare-name{font-family:var(--font-head);font-size:1.05rem}.pshare-meta{color:var(--text-muted);font-size:.8rem}.pshare-hero{border-radius:var(--radius-sm);background:var(--c-primary-soft);color:var(--on-soft);flex-direction:column;align-items:center;padding:6px 12px;display:flex}.pshare-hero-num{font-family:var(--font-head);font-size:1.5rem;font-weight:800;line-height:1.1}.pshare-hero-label{opacity:.8;font-size:.72rem}.pshare-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pshare-stats .stat--sm{text-align:center;padding:10px 6px}.pshare-stats .num{font-size:1.1rem}.pshare-stats .num.ok{color:var(--c-correct)}.pshare-stats .num.bad{color:var(--c-wrong)}.pshare-stats .label{margin-top:3px;font-size:.72rem}.pshare-tip{border-radius:var(--radius-sm);background:var(--surface-2);border-inline-start:3px solid var(--c-accent);margin:0;padding:10px 12px;font-size:.88rem}.pshare-legacy,.pshare-date{color:var(--text-faint);text-align:center;margin:0;font-size:.78rem}.pchart{flex-direction:column;gap:8px;display:flex}.pchart-title{color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:.85rem;font-weight:700;display:flex}.pchart-delta{font-size:.78rem;font-weight:800}.pchart-delta.up{color:var(--c-correct)}.pchart-delta.down{color:var(--c-wrong)}.skillbars{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.skillbar{grid-template-columns:104px 1fr 40px;align-items:center;gap:8px;display:grid}.skillbar-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.skillbar-track{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:9px;display:block;overflow:hidden}.skillbar-fill{border-radius:999px;min-width:6px;height:100%;transition:width .5s;display:block}.skillbar-pct{text-align:end;color:var(--text-muted);font-size:.78rem;font-weight:700}.trendline{width:100%;height:90px;display:block}.trend-grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.trend-area{fill:var(--c-primary-600);opacity:.14}.trend-path{fill:none;stroke:var(--c-primary-600);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.trend-dot{fill:var(--c-primary-600);stroke:var(--surface);stroke-width:1.5px;vector-effect:non-scaling-stroke}.trend-ends{color:var(--text-faint);justify-content:space-between;font-size:.72rem;display:flex}.progress-share-msg{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:start;width:100%;min-width:210px;color:inherit;flex-direction:column;gap:7px;padding:10px;transition:border-color .15s,transform .15s;display:flex}.progress-share-msg:hover{border-color:var(--c-primary-600);transform:translateY(var(--hover-lift)) scale(var(--hover-scale));box-shadow:var(--shadow-lg)}.pmsg-top{align-items:center;gap:8px;display:flex}.pmsg-id{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.pmsg-id b{font-size:.88rem}.pmsg-sub{color:var(--text-muted);font-size:.75rem}.pmsg-acc{font-family:var(--font-head);color:var(--c-primary-600);font-size:1.15rem;font-weight:800}.pmsg-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:6px;display:block;overflow:hidden}.pmsg-bar>span{background:var(--c-primary-600);border-radius:999px;height:100%;display:block}.pmsg-hint{color:var(--c-primary-700);font-size:.75rem;font-weight:700}:root[data-theme=dark] .pmsg-hint{color:var(--c-primary-600)}.chat-msg.media-only{background:0 0;border:0;padding:0;line-height:0;overflow:hidden}.chat-msg.media-only.user{border-bottom-inline-start:0}.chat-media-btn{cursor:zoom-in;background:0 0;border:0;border-radius:12px;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.chat-media{border:1px solid var(--border);object-fit:cover;background:var(--surface-2);border-radius:12px;width:auto;min-width:90px;max-width:min(260px,100%);height:auto;min-height:90px;max-height:300px;display:block}.chat-media.broken{object-fit:contain;min-height:60px}.chat-media-badge{color:#fff;letter-spacing:.04em;pointer-events:none;background:#0f172abf;border-radius:6px;padding:2px 7px;font-size:.66rem;font-weight:800;line-height:1.6;position:absolute;inset-block-end:6px;inset-inline-start:6px}.img-zoom{z-index:120;cursor:zoom-out;background:#020617db;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.img-zoom img{border-radius:var(--radius);max-width:100%;max-height:100%;box-shadow:var(--shadow-lg)}.img-zoom-close{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;width:38px;height:38px;font-size:1.1rem;position:absolute;inset-block-start:16px;inset-inline-end:16px}.img-zoom-close:hover{background:#ffffff47}.aiplan{border:2px dashed color-mix(in srgb, var(--c-primary-600) 45%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--c-primary-soft) 45%, var(--surface));color:var(--text);margin-top:24px;padding:14px 16px}.aiplan-head{font-family:var(--font-head);color:var(--c-primary-700);align-items:center;gap:8px;margin-bottom:4px;display:flex}:root[data-theme=dark] .aiplan-head{color:var(--c-primary-600)}.aiplan-ico{font-size:1.05rem}.aiplan-body{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.85}.newround{flex-direction:column;gap:12px;margin-top:20px;display:flex}.newround-title{text-align:center;color:var(--text-muted);margin:0;font-size:1rem;font-weight:700}.newround-main,.newround-report{border-radius:var(--radius-sm);font-family:var(--font-head);justify-content:center;align-items:center;gap:10px;padding:15px 18px;font-weight:800;text-decoration:none;transition:transform .15s,filter .15s;display:flex}.newround-main{background:var(--c-primary);color:#fff;box-shadow:var(--shadow-sm);font-size:1.05rem}.newround-weak{border:2px dashed color-mix(in srgb, var(--c-wrong) 55%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c-wrong) 7%, var(--surface));flex-direction:column;gap:10px;padding:12px;display:flex}.newround-weak-row{align-items:center;gap:10px;display:flex}.newround-weak-ico{color:var(--c-wrong);flex-shrink:0;font-size:1.15rem}.newround-weak-text{flex-direction:column;flex:1;min-width:0;line-height:1.5;display:flex}.newround-weak-text b{font-size:.9rem}.newround-weak-text span{color:var(--text-muted);font-size:.78rem}.newround-weak-arrow{color:var(--text-faint);flex-shrink:0}.newround-report{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:11px 14px;font-size:.88rem}@media (width<=480px){.pshare-stats{grid-template-columns:repeat(2,1fr)}.skillbar{grid-template-columns:66px 1fr 38px}.pshare-hero-num{font-size:1.25rem}}.chat-form .btn.chat-attach{width:42px;height:42px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-form .btn.chat-attach:hover:not(:disabled){color:var(--c-primary-600);border-color:var(--c-primary-600)}.chat-attach svg{display:block}.newround-resume{text-align:center;color:var(--text-muted);margin-top:-6px;font-size:.78rem;display:block}.btn,.card.feature,.track-card,.community-tab,.session-row,.account-item,.gif-item,.chip,.choice,.friend-row,.emoji-item,.source-add,.source-share-card,.plan-new-btn,.plan-reset,.source-clear,.source-doc-main,.source-doc-x,.source-tab,.source-drop,.scan-thumb-x,.img-zoom-close,.community-del,.community-report,.nav a,.account-trigger,.brand,.consent,.auth-toggle button,.source-qcard summary,.newround-main,.newround-report,.progress-share-msg,.stage-node,.path-node,.ach-card,.stat-counter,.src-promo-panel,.cta-banner-btn,.pkg,.pw-toggle,.welcome-toast,.chat-media-btn,.share-group-pick,.review-pick,.plan-day-btn,.chat-attach,.brand-logo,.lf-links a,.lf-legal a,.consent a{transition:transform var(--hover-dur) var(--hover-ease), filter var(--hover-dur) var(--hover-ease-out), box-shadow var(--hover-dur) var(--hover-ease-out), background .2s ease, color .2s ease, border-color .2s ease}.btn:hover,.card.feature:hover,.track-card:hover,.community-tab:hover,.session-row:hover,.account-item:hover,.gif-item:hover,button.chip:hover,.friend-row:hover,.emoji-item:hover,.source-add:hover,.source-share-card:hover,.plan-new-btn:hover,.plan-reset:hover,.source-clear:hover,.source-doc-main:hover,.source-tab:hover,.source-drop:hover,.community-del:hover,.community-report:hover,.nav a:hover,.account-trigger:hover,.brand:hover,.consent:hover,.auth-toggle button:hover,.source-qcard summary:hover,.newround-main:hover,.newround-report:hover,.chat-media-btn:hover,.share-group-pick:hover,.review-pick:hover,.plan-day-btn:hover{transform:translateY(var(--hover-lift)) scale(var(--hover-scale));filter:brightness(var(--hover-bright));box-shadow:var(--shadow-lg)}.source-doc-x:hover,.scan-thumb-x:hover,.img-zoom-close:hover,.chat-attach:hover{transform:translateY(var(--hover-lift-sm)) scale(var(--hover-scale-sm));filter:brightness(var(--hover-bright))}.lf-links a:hover,.lf-legal a:hover,.consent a:hover{transform:translateY(var(--hover-lift-sm));color:var(--c-primary-600)}.hero-panel .cta .qt-tab:hover{background:var(--border);transform:translateY(var(--hover-lift)) scale(var(--hover-scale));filter:brightness(var(--hover-bright));box-shadow:none}.hero-panel .cta .qt-tab.qt-tab--active{transform:translateY(-4px)}.hero-panel .cta .qt-tab.qt-tab--active:hover{transform:translateY(calc(-4px + var(--hover-lift))) scale(var(--hover-scale));filter:brightness(var(--hover-bright));background:linear-gradient(135deg, var(--c-primary-600), var(--c-primary-800));box-shadow:none;border-color:#0000}.pw-toggle:hover{transform:translateY(calc(-50% + var(--hover-lift-sm))) scale(var(--hover-scale-sm));filter:brightness(var(--hover-bright))}.welcome-toast:hover{transform:translate(-50%, var(--hover-lift)) scale(1.02);filter:brightness(var(--hover-bright))}.modal-overlay:hover,.modal-card:hover,.img-zoom:hover{filter:none;transform:none}.btn.primary:hover,button.chip.active:hover,.community-tab.active:hover,.source-tab.active:hover,.friend-row.active:hover,.newround-main:hover,.pkg-featured:hover,.choice.selected:hover:not(.correct):not(.wrong){box-shadow:var(--shadow-md), 0 10px 30px color-mix(in srgb, var(--c-primary-600) 45%, transparent)}.path-node.done:not(:disabled):hover,.path-node.open:not(:disabled):hover,.stage-node.done:not(.locked):hover,.stage-node.current:not(.locked):hover{box-shadow:var(--shadow-md), 0 8px 22px color-mix(in srgb, var(--c-primary-600) 45%, transparent)}.choice:hover:not(.correct):not(.wrong){transform:translateY(var(--hover-lift)) scale(var(--hover-scale));filter:brightness(var(--hover-bright));box-shadow:var(--shadow-lg)}.btn:active:not(:disabled),button.card.feature:active,.track-card:active,button.chip:active,.choice:active:not(.correct):not(.wrong),.nav a:active,.account-item:active,.account-trigger:active,.session-row:active,.friend-row:active,.community-tab:active,.source-tab:active,.source-doc-main:active,.source-add:active,.gif-item:active,.emoji-item:active,.plan-new-btn:active,.plan-reset:active,.source-clear:active,.newround-main:active,.newround-report:active,.share-group-pick:active,.review-pick:active,.plan-day-btn:active,.chat-media-btn:active,.brand:active,.consent:active,.auth-toggle button:active,.source-drop:active,.source-share-card:active,.community-del:active,.community-report:active,.source-qcard summary:active,.pkg:active,.ach-card:active,.stat-counter:active,.src-promo-panel:active,.cta-banner-btn:active,.progress-share-msg:active,.stage-node:not(.locked):active,.path-node:not(:disabled):active{transition-duration:80ms;transform:translateY(-1px)scale(.97)}.source-doc-x:active,.scan-thumb-x:active,.img-zoom-close:active,.chat-attach:active{transition-duration:80ms;transform:scale(.94)}.pw-toggle:active{transition-duration:80ms;transform:translateY(-50%)scale(.94)}.btn:disabled:hover,.btn:disabled:active,.chip:disabled:hover,.chip:disabled:active,.choice:disabled:hover,.source-add:disabled:hover,.source-add:disabled:active,.source-doc-x:disabled:hover,.path-node:disabled:hover,.path-node:disabled:active,.stage-node.locked:hover,.stage-node.locked:active,button.card.feature:disabled:hover,button.card.feature:disabled:active,.track-card:disabled:hover,.track-card:disabled:active,.review-pick:disabled:hover,.review-pick:disabled:active,.share-group-pick:disabled:hover,.share-group-pick:disabled:active,.source-clear:disabled:hover,.source-clear:disabled:active,.google-btn:disabled:hover,.google-btn:disabled:active,.source-doc-main:disabled:hover,.source-doc-main:disabled:active{filter:none;box-shadow:none;transform:none}