@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@400;700&family=DM+Mono:wght@400;500&family=Jost:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--space-xs:.5rem;--space-sm:.85rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4.5rem;--content-wide:1100px;--content-max:960px;--content-narrow:680px;--pad-main:2rem;--radius-sm:.625rem;--radius-md:.875rem;--radius-lg:1.25rem}[data-corners=square]{--radius-sm:0;--radius-md:0;--radius-lg:0}:root:not([data-theme]),[data-theme=midnight],[data-theme=dark]{--accent:#5870e4;--accent2:#40cce7;--accent-bg:#1e2a67;--bg:#11131d;--surface:#1a1c28;--surface2:#242633;--border:#2c2f3f;--border-light:#34384b;--text:#f0f1f5;--text-muted:#858aa3;--success:#31d892;--success-bg:#123f2d;--warning:#edb545;--warning-bg:#43320e;--danger:#e56161;--danger-bg:#471515;--glass-bg:#1e212fb3;--glass-border:#34384b73;--glow-1:#121a3f;--glow-2:#0e2a2f;--glow-result:#112c21;--glow-profile:#121836;--glow-auth-1:#17204f;--glow-auth-2:#12383f;--glow-auth-3:#1e1434;--icon-muted:#9195ac;--dot-answered:#33a374;--hover-surface:#2c2f3f;--border-auth:#383d51;--q-num-color:#7b8ce0;--bank-meta:#737996;--opt-color:#c5c7d3;--opt-hover-bg:#101737;--opt-selected-bg:#101841;--opt-letter-color:#7c829c;--timer-color:#9fa3b7;--badge-accent:#aab3e4;--history-color:#6e7491;--stat-icon-purple:#7b8ce0;--stat-icon-blue:#6ed8ed;--stat-icon-gold:#f3bb49;--quiz-opt-hover-bg:#101737;--quiz-opt-selected-bg:#101841;--text-on-accent:#fff}[data-theme=dawn]{--accent:#e75423;--accent2:#ed851d;--accent-bg:#f3d7ce;--bg:#f0eeea;--surface:#f8f8f6;--surface2:#e4e2dd;--border:#d1cec7;--border-light:#c3bfb6;--text:#312921;--text-muted:#817365;--success:#22a056;--success-bg:#d0f1de;--warning:#e28c12;--warning-bg:#f6e4cb;--danger:#d92626;--danger-bg:#f4d7d7;--glass-bg:#f6f5f3bf;--glass-border:#cdc9c180;--glow-1:#edd2c9;--glow-2:#ebd6c2;--glow-result:#c9edd8;--glow-profile:#ebd3cb;--glow-auth-1:#edd2c9;--glow-auth-2:#ebd6c2;--glow-auth-3:#d8d1e6;--icon-muted:#918578;--dot-answered:#41c879;--hover-surface:#d6d3cd;--border-auth:#c8c4bc;--q-num-color:#d05025;--bank-meta:#918578;--opt-color:#5e5245;--opt-hover-bg:#f4ded7;--opt-selected-bg:#eecec4;--opt-letter-color:#8c8073;--timer-color:#877a6e;--badge-accent:#a84524;--history-color:#8c8073;--stat-icon-purple:#d45d35;--stat-icon-blue:#ed851d;--stat-icon-gold:#f4af25;--quiz-opt-hover-bg:#f4ded7;--quiz-opt-selected-bg:#eecec4;--text-on-accent:#fff}[data-theme=forest]{--accent:#22d398;--accent2:#5cbc7c;--accent-bg:#1f5141;--bg:#141f1a;--surface:#1d2a24;--surface2:#27352e;--border:#32433b;--border-light:#3b4e45;--text:#eef2ef;--text-muted:#88a090;--success:#30cf30;--success-bg:#163b16;--warning:#e7b040;--warning-bg:#3f3012;--danger:#d85a5a;--danger-bg:#431919;--glass-bg:#222f29b3;--glass-border:#3b4e4573;--glow-1:#143429;--glow-2:#14291b;--glow-result:#112c11;--glow-profile:#153228;--glow-auth-1:#194335;--glow-auth-2:#1b3724;--glow-auth-3:#201730;--icon-muted:#93a99b;--dot-answered:#33a333;--hover-surface:#32433b;--border-auth:#40544a;--q-num-color:#62dab2;--bank-meta:#779280;--opt-color:#c6d2ca;--opt-hover-bg:#12362a;--opt-selected-bg:#143d30;--opt-letter-color:#809988;--timer-color:#a2b4a8;--badge-accent:#92ddc4;--history-color:#718e7b;--stat-icon-purple:#62dab2;--stat-icon-blue:#67c185;--stat-icon-gold:#ecb13c;--quiz-opt-hover-bg:#12362a;--quiz-opt-selected-bg:#143d30;--text-on-accent:#fff}[data-theme=ember]{--accent:#ed6f26;--accent2:#e65a37;--accent-bg:#4d2c19;--bg:#16100e;--surface:#211a17;--surface2:#2c2420;--border:#39312d;--border-light:#453a36;--text:#efedeb;--text-muted:#938780;--success:#2bca7a;--success-bg:#133926;--warning:#efb239;--warning-bg:#413110;--danger:#e05252;--danger-bg:#431414;--glass-bg:#261f1cb3;--glass-border:#453a3673;--glow-1:#371e10;--glow-2:#2e150f;--glow-result:#0f291c;--glow-profile:#2e1b0f;--glow-auth-1:#3f2312;--glow-auth-2:#361912;--glow-auth-3:#2c2111;--icon-muted:#9c928b;--dot-answered:#319b66;--hover-surface:#39312d;--border-auth:#4a3f3a;--q-num-color:#dd8d5f;--bank-meta:#8a7d75;--opt-color:#cbc6c2;--opt-hover-bg:#331c0f;--opt-selected-bg:#3b2111;--opt-letter-color:#8e827b;--timer-color:#a89f99;--badge-accent:#dfad90;--history-color:#847871;--stat-icon-purple:#dd8d5f;--stat-icon-blue:#e76240;--stat-icon-gold:#f0b642;--quiz-opt-hover-bg:#331c0f;--quiz-opt-selected-bg:#3b2111;--text-on-accent:#fff}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6;transition:background .35s,color .35s}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);transition:background .3s,border .3s}.btn-primary{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), var(--accent2));width:100%;color:var(--text-on-accent);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.btn-primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.accent{color:var(--accent)}[class*=-bg],[class*=glow]{pointer-events:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (width<=640px){:root{--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--pad-main:1.5rem}}.auth-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-bg{background:radial-gradient(ellipse at 20% 50%, var(--glow-auth-1) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, var(--glow-auth-2) 0%, transparent 60%), radial-gradient(ellipse at 60% 80%, var(--glow-auth-3) 0%, transparent 60%), var(--bg);z-index:0;position:fixed;inset:0}.auth-card{z-index:1;border-radius:var(--radius-lg);text-align:center;background:var(--surface);border:1px solid var(--border);width:min(440px,92vw);padding:3rem 2.75rem 2.75rem;position:relative}.auth-logo{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:2.2rem;font-weight:800}.logo-q{color:#976ef7;-webkit-text-fill-color:#976ef7}.auth-tagline{color:var(--text-muted);margin-bottom:1.8rem;font-size:.9rem}.auth-tabs{background:var(--surface2);border-radius:var(--radius-sm);gap:4px;margin-bottom:1.5rem;padding:4px;display:flex}.auth-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.6rem;flex:1;padding:.5rem;font-size:.9rem;transition:all .2s}.auth-tabs button.active{background:var(--accent);color:var(--text-on-accent);font-weight:600}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-input{border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;padding:.9rem 1.1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.auth-divider{color:var(--text-muted);align-items:center;gap:1rem;margin:1.25rem 0;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-google{border-radius:var(--radius-sm);border:1px solid var(--border-auth);background:var(--surface2);width:100%;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:.6rem;padding:.9rem;font-size:.95rem;transition:background .2s;display:flex}.btn-google:hover{background:var(--hover-surface)}.auth-forgot{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;width:fit-content;margin:-.25rem 0 .25rem;padding:0;font-size:.82rem;transition:color .2s;display:inline-flex}.auth-forgot:hover{color:var(--accent)}.auth-forgot:disabled{opacity:.5;cursor:not-allowed}.home-page{min-height:100vh;position:relative}.home-bg{z-index:0;background:radial-gradient(ellipse at 10% 30%, var(--glow-1) 0%, transparent 55%), radial-gradient(ellipse at 90% 70%, var(--glow-2) 0%, transparent 55%), var(--bg);position:fixed;inset:0}.home-header{z-index:100;padding:.75rem var(--pad-main);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-logo{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800}.header-actions{gap:.5rem;display:flex}.header-btn{border:1px solid var(--border-light);background:var(--surface2);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.header-btn:hover{background:var(--accent);color:var(--text-on-accent);border-color:#0000}.home-main{z-index:1;min-height:calc(100vh - 56px);padding:var(--space-lg) var(--pad-main) var(--space-xl);flex-direction:column;justify-content:center;align-items:flex-start;max-width:1100px;margin:0 auto;display:flex;position:relative}.welcome-section{margin-bottom:var(--space-lg);text-align:center;width:100%;max-width:580px;padding:var(--space-md) 0;align-self:center}.welcome-section h1{color:var(--text);margin:0;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;line-height:1.3}.welcome-name{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stats-row{margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);align-self:center;gap:1.25rem;width:100%;max-width:760px;display:grid}.stat-card{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:1.75rem 1.5rem;transition:transform .3s,box-shadow .3s;animation:.5s both statCardIn;display:flex;position:relative;overflow:hidden}.stat-card:nth-child(2){animation-delay:.12s}.stat-card:nth-child(3){animation-delay:.24s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0003}.stat-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-bg) 60%, transparent), var(--surface));border-color:color-mix(in srgb, var(--accent-bg) 50%, var(--border))}.stat-hero-glow{background:radial-gradient(circle, var(--accent-bg) 0%, transparent 70%);opacity:.3;pointer-events:none;width:100%;height:100%;position:absolute;top:-50%;right:-50%}.stat-icon-wrap{background:var(--surface2);width:44px;height:44px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.25rem;transition:transform .3s;display:flex;position:relative}.stat-card:hover .stat-icon-wrap{transform:scale(1.15)rotate(-8deg)}.stat-card:last-child .stat-icon-wrap{background:linear-gradient(135deg, color-mix(in srgb, var(--warning) 20%, var(--surface2)), var(--surface2));color:var(--warning);animation:2s ease-in-out infinite flamePulse}.stat-card:last-child .stat-icon-wrap:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--warning) 25%, transparent) 0%, transparent 70%);pointer-events:none;border-radius:50%;animation:2s ease-in-out infinite flameGlow;position:absolute;inset:-6px}.stat-value{color:var(--text);font-size:1.85rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:.75rem;font-weight:600}.stat-progress{background:var(--surface2);border-radius:999px;width:100%;height:4px;margin-top:.4rem;overflow:hidden}.stat-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:999px;height:100%;transition:width 1s}@keyframes statCardIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes flamePulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes flameGlow{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}.section-block{margin-bottom:var(--space-xl);max-width:var(--content-max);align-self:center;width:100%}.section-block--wide{max-width:var(--content-wide)}.section-block-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.section-block-title{color:var(--text);font-size:1.25rem;font-weight:700}.section-block-sub{color:var(--text-muted);margin-top:.3rem;font-size:.82rem}.shuffle-btn{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.shuffle-btn:hover{background:var(--accent-bg);border-color:#0000}@keyframes ccpPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb, var(--accent) 0%, transparent)}}.ccp400-banner{margin-bottom:var(--space-xl);border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, var(--surface)), var(--surface));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));max-width:var(--content-wide);align-self:center;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;transition:transform .25s,box-shadow .25s;animation:2.5s ease-in-out infinite ccpPulse;display:flex;position:relative}.ccp400-banner:hover{border-color:var(--accent);transform:translateY(-3px)}.ccp400-banner-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), var(--accent2));width:48px;height:48px;color:var(--text-on-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ccp400-banner-body{flex:1;min-width:0}.ccp400-banner-title{color:var(--text);font-size:1rem;font-weight:700}.ccp400-banner-sub{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.ccp400-badge{background:linear-gradient(135deg, var(--accent), var(--accent2));color:var(--text-on-accent);letter-spacing:.5px;border-radius:999px;flex-shrink:0;padding:.2rem .6rem;font-size:.65rem;font-weight:700;animation:1.5s ease-in-out infinite ccpBadgePulse}@keyframes ccpBadgePulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=640px){.ccp400-banner{gap:.75rem;padding:.75rem 1rem}.ccp400-banner-icon{width:40px;height:40px}.ccp400-banner-icon svg{width:18px;height:18px}.ccp400-banner-title{font-size:.9rem}.ccp400-banner-sub{font-size:.72rem}}.fullquiz-section{margin-bottom:var(--space-xl);max-width:var(--content-wide);align-self:center;width:100%}.fullquiz-card{border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, var(--surface)), var(--surface));border:1px solid color-mix(in srgb, var(--accent) 15%, var(--border));align-items:center;gap:1rem;padding:1.5rem 1.75rem;transition:transform .25s,box-shadow .25s;display:flex}.fullquiz-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000026}.fullquiz-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), var(--accent2));width:56px;height:56px;color:var(--text-on-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fullquiz-body{flex:1;min-width:0}.fullquiz-title{color:var(--text);font-size:1.05rem;font-weight:700}.fullquiz-meta{color:var(--text-muted);margin-top:.2rem;font-size:.82rem}.fullquiz-start{cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent2));color:var(--text-on-accent);border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;transition:opacity .2s;display:flex}.fullquiz-start:hover{opacity:.85}.blunderquiz-section{margin-bottom:var(--space-xl);max-width:var(--content-wide);align-self:center;width:100%}.blunder-card{border-radius:var(--radius-md);cursor:pointer;background:color-mix(in srgb, var(--accent) 3%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.blunder-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.blunder-icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 10%, var(--surface));width:48px;height:48px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.blunder-title{color:var(--text);font-size:.95rem;font-weight:600}.blunder-start{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);cursor:pointer;color:var(--accent);background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.4rem .95rem;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.blunder-start:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}@media (width<=640px){.blunder-card{gap:.6rem;padding:.85rem 1rem}.blunder-icon{width:40px;height:40px}.blunder-icon svg{width:18px;height:18px}.blunder-title{font-size:.85rem}.blunder-start{padding:.3rem .7rem;font-size:.72rem}}.quickplay-section{padding:var(--space-lg) var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 30% 0%, color-mix(in srgb, var(--warning) 10%, transparent) 0%, transparent 60%), color-mix(in srgb, var(--warning) 3%, var(--surface));border:1px solid color-mix(in srgb, var(--warning) 12%, var(--border));margin-bottom:var(--space-xl);max-width:var(--content-wide);box-sizing:border-box;align-self:center;width:100%;position:relative;overflow:hidden}.rapid-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.rapid-card{border-radius:var(--radius-sm);cursor:pointer;background:color-mix(in srgb, var(--warning) 7%, var(--surface));border:1px solid color-mix(in srgb, var(--warning) 12%, var(--border));align-items:center;gap:.4rem;padding:.6rem .75rem;transition:transform .2s,box-shadow .2s;display:flex}.rapid-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001a}.rapid-card-icon{color:var(--warning);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--warning) 50%, transparent));flex-shrink:0;display:flex}.rapid-card-body{flex:1;min-width:0}.rapid-num{color:var(--text);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.rapid-meta{color:var(--text-muted);margin-top:.1rem;font-size:.62rem}.rapid-play{cursor:pointer;background:linear-gradient(135deg, var(--warning), color-mix(in srgb, var(--warning) 70%, var(--accent2)));color:#fff;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:.2rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;transition:opacity .2s;display:flex}.rapid-play:hover{opacity:.85}.btn-arrow{transition:transform .2s}.rapid-card:hover .btn-arrow,.bank-card:hover .btn-arrow{transform:translate(4px)}.recap-section{margin-bottom:var(--space-xl)}.hints-toggle{border:1px solid var(--border-light);background:var(--surface2);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.hints-toggle:hover{background:var(--accent-bg);color:var(--accent);border-color:#0000}.review-card-wrap{perspective:800px}.review-card{border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab;padding:1.75rem;transition:transform .3s,opacity .3s}.review-card:active{cursor:grabbing}.review-card .q-text{margin-bottom:var(--space-md);font-size:1.05rem}.review-card .options-list{gap:.85rem}.review-card .option-btn{gap:.85rem;padding:.85rem 1rem;font-size:.92rem}.review-card .opt-letter{min-width:32px;height:32px;font-size:.82rem}.card-swiping{transition:none!important}.card-correct{box-shadow:0 0 30px color-mix(in srgb, var(--success) 30%, transparent);border-color:var(--success)!important}.card-wrong{animation:.45s cardShake}@keyframes cardShake{0%,to{transform:translate(0)}15%{transform:translate(-12px)}30%{transform:translate(10px)}45%{transform:translate(-8px)}60%{transform:translate(6px)}75%{transform:translate(-4px)}90%{transform:translate(2px)}}.incorrect-dim{opacity:.3}.correct-hint{border-color:color-mix(in srgb, var(--success) 15%, var(--border))}.correct-hint .opt-letter{background:color-mix(in srgb, var(--success) 20%, var(--surface2));color:var(--success)}.swipe-hint{text-align:center;color:var(--text-muted);opacity:.5;margin-top:.6rem;font-size:.72rem}.diff-group-header{align-items:center;gap:.65rem;margin-bottom:.85rem;display:flex}.diff-label{text-transform:uppercase;letter-spacing:.8px;border-radius:999px;padding:.2rem .7rem;font-size:.82rem;font-weight:700}.diff-easy{background:var(--success-bg);color:var(--success)}.diff-medium{background:var(--warning-bg);color:var(--warning)}.diff-hard{background:var(--danger-bg);color:var(--danger)}.diff-count{color:var(--text-muted);font-size:.75rem}.banks-grid{margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.bank-card{border-radius:var(--radius-md);cursor:pointer;background:var(--surface);border:1px solid var(--border);align-items:stretch;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.bank-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px #0000002e}.bank-easy{border-top:3px solid var(--success)}.bank-medium{border-top:3px solid var(--warning)}.bank-hard{border-top:3px solid var(--danger)}.bank-qs-col{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-width:68px;display:flex}.bank-easy .bank-qs-col{background:color-mix(in srgb, var(--success) 7%, var(--surface))}.bank-medium .bank-qs-col{background:color-mix(in srgb, var(--warning) 7%, var(--surface))}.bank-hard .bank-qs-col{background:color-mix(in srgb, var(--danger) 7%, var(--surface))}.bank-qs-num{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:1}.bank-easy .bank-qs-num{color:var(--success)}.bank-medium .bank-qs-num{color:var(--warning)}.bank-hard .bank-qs-num{color:var(--danger)}.bank-qs-lbl{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:.58rem;font-weight:600}.bank-body{flex-direction:column;flex:1;justify-content:center;gap:.3rem;padding:1rem 1.15rem 1rem .85rem;display:flex}.bank-card-title{color:var(--text);margin:0;font-size:.9rem;font-weight:600;line-height:1.35}.bank-meta{color:var(--bank-meta);font-size:.7rem}.bank-start{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.2rem;width:fit-content;padding:0;font-size:.75rem;font-weight:600;transition:opacity .2s;display:inline-flex}.bank-start:hover{opacity:.7}.bank-card-skeleton{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);height:90px;animation:1.5s infinite pulse}.empty-state{border-radius:var(--radius-md);text-align:center;background:var(--surface);border:1px dashed var(--border);color:var(--text-muted);padding:3.5rem 2rem}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.5}}@media (width<=780px){.stats-row{align-self:stretch;max-width:none}.section-block{align-self:stretch}}@media (width<=640px){.home-header{padding:.6rem var(--pad-main)}.stats-row,.banks-grid{grid-template-columns:1fr;gap:.85rem}.quickplay-section{padding:var(--space-md) var(--space-md) var(--space-lg)}.rapid-grid{grid-template-columns:1fr;gap:.4rem}.rapid-card{gap:.35rem;padding:.5rem .65rem}.rapid-card:nth-child(n+6){display:none}.fullquiz-card{gap:.75rem;padding:1rem 1.25rem}.fullquiz-icon{width:44px;height:44px}.fullquiz-icon svg{width:20px;height:20px}.fullquiz-title{font-size:.92rem}.fullquiz-meta{font-size:.72rem}.fullquiz-start{padding:.35rem .85rem;font-size:.78rem}.rapid-card-icon svg{width:14px;height:14px}.rapid-num{font-size:.68rem}.rapid-meta{font-size:.6rem}.rapid-play{padding:.3rem .65rem;font-size:.72rem}.section-block-header{flex-direction:column;align-items:flex-start}.welcome-section{max-width:none;padding:var(--space-lg) 0}.welcome-section h1{font-size:clamp(1.25rem,5vw,1.5rem)}.home-main{max-width:none;min-height:calc(100vh - 50px)}.stats-row{grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card{gap:.25rem;padding:.85rem .65rem}.stat-icon-wrap{width:34px;height:34px;margin-bottom:0}.stat-icon-wrap svg{width:16px;height:16px}.stat-value{font-size:1.15rem}.stat-label{letter-spacing:.4px;font-size:.62rem}.stat-progress{margin-top:.2rem}.stat-hero-glow{display:none}.review-card{padding:1rem}.review-card .q-text{margin-bottom:.5rem;font-size:.92rem}.review-card .options-list{gap:.55rem}.review-card .option-btn{gap:.55rem;padding:.6rem .75rem;font-size:.85rem}.review-card .opt-letter{min-width:26px;height:26px;font-size:.75rem}.recap-section{margin-bottom:var(--space-lg)}.swipe-hint{font-size:.65rem}}.quiz-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.quiz-bg{z-index:0;background:radial-gradient(ellipse at 30% 20%, var(--glow-1) 0%, transparent 50%), var(--bg);position:fixed;inset:0}.quiz-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quiz-main{z-index:1;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.quiz-container{max-width:860px;padding:0 var(--pad-main);flex-direction:column;justify-content:center;gap:.75rem;width:100%;min-height:65vh;margin:auto;display:flex}.quiz-card{border-radius:var(--radius-lg);flex-shrink:0;margin-top:5px;margin-bottom:5px;padding:1.75rem}.q-number{color:var(--q-num-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.multi-hint{background:var(--warning-bg);color:var(--warning);border-radius:999px;margin-bottom:.85rem;padding:.3rem .75rem;font-size:.78rem;font-weight:600;display:inline-block}.q-text{color:var(--text);margin:0 0 var(--space-sm);font-size:1.15rem;font-weight:500;line-height:1.6}.options-list{flex-direction:column;gap:.75rem;display:flex}.q-compact .q-text{font-size:1rem}.q-compact .option-btn{gap:.6rem;padding:.7rem .85rem;font-size:.85rem}.q-compact .options-list{gap:.55rem}.q-compact .opt-letter{min-width:24px;height:24px;font-size:.72rem}.option-btn{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);color:var(--opt-color);text-align:left;cursor:pointer;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-size:.95rem;transition:all .18s;display:flex}.option-btn:hover:not(:disabled){border-color:var(--accent);background:var(--quiz-opt-hover-bg)}.option-btn.selected{border-color:var(--accent);background:var(--quiz-opt-selected-bg);color:var(--text)}.option-btn.correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--surface));color:var(--success);cursor:default}.option-btn.correct .opt-letter{background:var(--success);color:var(--text-on-accent)}.option-btn.incorrect{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger);cursor:default}.option-btn.incorrect .opt-letter{background:var(--danger);color:var(--text-on-accent)}.option-btn.dimmed{opacity:.35;cursor:default}[data-theme=dawn] .option-btn.correct{background:color-mix(in srgb, var(--success) 20%, var(--surface));color:var(--success)}[data-theme=dawn] .option-btn.incorrect{background:color-mix(in srgb, var(--danger) 20%, var(--surface));color:var(--danger)}.opt-letter{background:var(--surface2);min-width:28px;height:28px;color:var(--opt-letter-color);border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.option-btn.selected .opt-letter{background:var(--accent);color:var(--text-on-accent)}.opt-text{flex:1}.opt-check{color:var(--success);font-weight:700}.opt-ic-correct{color:var(--success);flex-shrink:0}.opt-x{color:var(--danger);font-size:1.1rem;font-weight:700}.btn-check{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), var(--accent2));width:100%;color:var(--text-on-accent);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.45rem;margin-top:1.25rem;padding:.85rem;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.btn-check:hover{opacity:.85;transform:translateY(-1px)}.quiz-nav{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding-top:.25rem;display:flex}.btn-nav{border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--surface2);color:var(--text);cursor:pointer;align-items:center;gap:.4rem;padding:.75rem 1.25rem;font-size:.88rem;transition:all .2s;display:flex}.btn-nav:hover:not(:disabled){background:var(--hover-surface);border-color:var(--accent)}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.btn-submit{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), var(--accent2));color:var(--text-on-accent);cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:opacity .2s,transform .15s}.btn-submit:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.submit-spinner{animation:.8s linear infinite spin}.dot-nav{flex-wrap:wrap;flex:1;justify-content:center;gap:10px;max-width:340px;display:flex}.dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;padding:0;transition:all .2s}.dot.active{background:var(--accent);transform:scale(1.35)}.dot.answered{background:var(--dot-answered)}.dot.dot-done{background:var(--success)}.dot.dot-incorrect{background:var(--text-muted);opacity:.5}.dot.dot-flagged{background:var(--warning)}.modal-overlay{z-index:999;padding:var(--pad-main);background:#0009;justify-content:center;align-items:center;animation:.2s modalOverlayIn;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--radius-lg);text-align:center;background:var(--surface);border:1px solid var(--border);width:min(380px,100%);animation:.3s cubic-bezier(.34,1.56,.64,1) modalBoxIn;overflow:hidden;box-shadow:0 24px 80px #00000059}.modal-accent{background:linear-gradient(90deg, var(--accent), var(--accent2));height:4px}.modal-accent--danger{background:linear-gradient(90deg, var(--danger), var(--warning))}.modal-body{padding:1.75rem 2rem 1.5rem}.modal-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.85rem;display:inline-flex}.modal-icon--brand{background:color-mix(in srgb, var(--accent) 18%, var(--surface2));color:var(--accent)}.modal-icon--danger{background:color-mix(in srgb, var(--danger) 18%, var(--surface2));color:var(--danger)}.modal-title{color:var(--text);margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.modal-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem;line-height:1.55}.modal-actions{gap:.75rem;display:flex}.modal-actions .btn-nav,.modal-actions .btn-submit{flex:1;justify-content:center}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalBoxIn{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.quiz-topbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1.25rem;display:flex;position:sticky;top:0}.quiz-info{align-items:center;gap:.75rem;min-width:0;display:flex}.quiz-title-sm{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.q-counter{color:var(--text-muted);white-space:nowrap;font-size:.9rem;font-weight:600}.quiz-right-bar{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.rapid-icon{flex-shrink:0}.streak-badge{background:color-mix(in srgb, var(--warning) 20%, var(--surface2));color:var(--warning);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:flex}.timer{background:var(--surface2);color:var(--timer-color);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:flex}.timer-warn{color:var(--danger);background:var(--danger-bg)}.icon-btn.flagged{background:var(--warning-bg);color:var(--warning);border-color:#0000}@media (width<=640px){.quiz-title-sm{font-size:.7rem}.q-counter{font-size:.85rem}.quiz-right-bar{gap:.35rem}.quiz-info{gap:.5rem}.quiz-container{justify-content:center;gap:1rem;min-height:55vh}.quiz-nav{gap:.35rem;padding-top:0}.quiz-nav .btn-nav{gap:.35rem;padding:.5rem .75rem;font-size:.82rem}.quiz-nav .btn-submit{padding:.5rem .85rem;font-size:.85rem}.q-compact .q-text{font-size:1.02rem}.q-compact .option-btn{gap:.55rem;padding:.6rem .72rem;font-size:.94rem}.q-compact .options-list{gap:.45rem}.quiz-card{padding:.95rem}.q-text{font-size:calc(1.16rem * var(--q-scale));margin-bottom:.55rem;line-height:1.5}.option-btn{padding:calc(.72rem * var(--q-scale)) calc(.88rem * var(--q-scale));font-size:calc(1.02rem * var(--q-scale));gap:calc(.6rem * var(--q-scale))}.options-list{gap:calc(.55rem * var(--q-scale))}.opt-letter{min-width:calc(31px * var(--q-scale));height:calc(31px * var(--q-scale));font-size:calc(.86rem * var(--q-scale))}.q-number{letter-spacing:.5px;margin-bottom:.2rem;font-size:.68rem}.multi-hint{margin-bottom:.4rem;padding:.15rem .5rem;font-size:.72rem}.dot-nav{gap:4px;max-width:180px}.dot{width:7px;height:7px}.btn-check{margin-top:.35rem;padding:.5rem;font-size:.82rem}.quiz-topbar{gap:.3rem;padding:.3rem .65rem}.timer{gap:.25rem;padding:.15rem .4rem;font-size:.68rem}.streak-badge{gap:.2rem;padding:.15rem .35rem;font-size:.65rem}}.results-page{min-height:100vh;position:relative}.results-bg{z-index:0;background:radial-gradient(ellipse at 50% 0%, var(--glow-result) 0%, transparent 50%), var(--bg);position:fixed;inset:0}.results-container{z-index:1;max-width:var(--content-narrow);padding:0 var(--pad-main) var(--space-xl);margin:0 auto;position:relative}.results-header{border-radius:0 0 var(--radius-md) var(--radius-md);text-align:center;margin-bottom:var(--space-lg);border-top:none;padding:1.75rem 2rem}.results-header h1{color:var(--text);margin:0 0 .35rem;font-size:1.6rem;font-weight:700}.bank-name{color:var(--text-muted);margin:0;font-size:.88rem}.score-section{border-radius:var(--radius-lg);margin-bottom:var(--space-lg);background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:center;gap:1rem;padding:3.5rem 2.5rem 3rem;display:flex;position:relative}.score-ring{width:170px;height:170px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--surface2);stroke-width:10px}.ring-fill{fill:none;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset 1s}.ring-green{stroke:var(--success)}.ring-blue{stroke:var(--accent2)}.ring-yellow{stroke:var(--warning)}.ring-red{stroke:var(--danger)}.score-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-pct{color:var(--text);font-size:2.3rem;font-weight:800}.score-fraction{color:var(--text-muted);font-size:.85rem}.grade-label{font-size:1.1rem;font-weight:700}.grade-green{color:var(--success)}.grade-blue{color:var(--accent2)}.grade-yellow{color:var(--warning)}.grade-red{color:var(--danger)}.results-actions{margin-bottom:var(--space-lg);gap:1.25rem;display:flex}.btn-home,.btn-retry{border-radius:var(--radius-sm);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-home{background:var(--surface2);border:1px solid var(--border-light);color:var(--text)}.btn-retry{background:linear-gradient(135deg, var(--accent), var(--accent2));color:var(--text-on-accent);border:none}.btn-home:hover,.btn-retry:hover{opacity:.85;transform:translateY(-1px)}.review-title{color:var(--text);margin:0 0 var(--space-md);font-size:1.2rem;font-weight:700}.answers-list{flex-direction:column;gap:1rem;display:flex}.answer-card{border-radius:var(--radius-md);background:var(--surface);border-style:solid;border-left-width:5px;border-left-color:#0000;border-color:var(--border);border-width:1px 1px 1px 5px;padding:1.5rem 1.75rem}.answer-card.correct{border-left-color:var(--success)}.answer-card.wrong{border-left-color:var(--danger)}.answer-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.q-num{color:var(--bank-meta);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.ic-correct{color:var(--success)}.ic-wrong{color:var(--danger)}.a-question{color:var(--text);margin:0 0 .6rem;font-size:.9rem;line-height:1.6}.your-ans,.correct-ans{margin-top:.3rem;font-size:.8rem}.your-ans{color:var(--danger)}.your-ans span,.correct-ans span{color:var(--text-muted);font-weight:600}.correct-ans{color:var(--success)}.profile-page{min-height:100vh;position:relative}.profile-bg{z-index:0;background:radial-gradient(ellipse at 70% 20%, var(--glow-profile) 0%, transparent 55%), var(--bg);position:fixed;inset:0}.profile-container{z-index:1;max-width:var(--content-narrow);padding:0 var(--pad-main) var(--space-xl);margin:0 auto;position:relative}.profile-topbar{margin-bottom:var(--space-lg);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.profile-topbar h2{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.icon-btn{border:1px solid var(--border-light);background:var(--surface2);width:38px;height:38px;color:var(--icon-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--accent);color:var(--text-on-accent);border-color:#0000}.profile-hero{border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--space-lg);flex-direction:column;align-items:center;gap:.6rem;padding:3rem 2.5rem 2.5rem;display:flex}.avatar,.avatar-img{border-radius:50%;width:88px;height:88px;margin-bottom:.35rem}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent2));color:var(--text-on-accent);justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.avatar-img{object-fit:cover}.profile-name-row{align-items:center;gap:.5rem;display:flex}.profile-name{color:var(--text);font-size:1.4rem;font-weight:700}.name-input{color:var(--text);background:var(--surface2);border:2px solid var(--accent);border-radius:var(--radius-sm);text-align:center;outline:none;width:220px;padding:.4rem .7rem;font-size:1.2rem;font-weight:700}.name-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.icon-btn--sm{width:30px;height:30px}.icon-btn--sm:hover{background:var(--accent);color:var(--text-on-accent);border-color:#0000}.profile-email{color:var(--history-color);font-size:.82rem}.appearance-section{margin-bottom:var(--space-lg)}.appearance-section h3{color:var(--text);margin-bottom:var(--space-sm);font-size:1rem;font-weight:700}.appearance-themes{margin-bottom:var(--space-sm);grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.app-theme{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem .65rem .7rem;transition:all .2s;display:flex;position:relative}.app-theme:hover{border-color:var(--accent-bg);background:color-mix(in srgb, var(--accent-bg) 25%, var(--surface))}.app-theme.active{border-color:var(--accent)}.app-swatch{flex-direction:column;gap:2px;width:22px;display:flex}.app-bar{height:6px}.app-label{color:var(--text);font-size:.72rem;font-weight:600}.app-check{background:linear-gradient(135deg, var(--accent), var(--accent2));width:16px;height:16px;color:var(--text-on-accent);border-radius:50%;justify-content:center;align-items:center;font-size:.55rem;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}.appearance-corners-label{color:var(--text-muted);letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.appearance-corners{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.app-corner{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:.4rem;padding:.75rem .65rem;transition:all .2s;display:flex;position:relative}.app-corner:hover{border-color:var(--accent-bg);background:color-mix(in srgb, var(--accent-bg) 25%, var(--surface))}.app-corner.active{border-color:var(--accent)}.app-corner-dots{letter-spacing:1px;color:var(--text-muted);font-size:1rem}.rounded-preview{font-family:serif}.square-preview{font-family:monospace}.corner-card:hover{border-color:var(--accent-bg);background:color-mix(in srgb, var(--accent-bg) 30%, var(--surface))}.corner-card.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent-bg) 40%, var(--surface))}.corner-preview{flex-shrink:0;gap:4px;width:32px;display:flex}.corner-dot{background:var(--text-muted);width:8px;height:8px}.rounded-preview .corner-dot{border-radius:2px}.square-preview .corner-dot{border-radius:0}.corner-info{flex:1}.corner-name{color:var(--text);font-size:.95rem;font-weight:700}.corner-desc{color:var(--text-muted);margin-top:.1rem;font-size:.78rem}.corner-check{background:linear-gradient(135deg, var(--accent), var(--accent2));width:24px;height:24px;color:var(--text-on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.theme-grid{flex-direction:column;gap:.65rem;display:flex}.theme-card{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;align-items:center;gap:.85rem;padding:1rem 1.25rem;transition:all .2s;display:flex;position:relative}.theme-card:hover{border-color:var(--accent-bg);background:color-mix(in srgb, var(--accent-bg) 30%, var(--surface))}.theme-card.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent-bg) 40%, var(--surface))}.theme-swatch{flex-direction:column;flex-shrink:0;gap:3px;width:28px;display:flex}.swatch-bar{border-radius:4px;height:8px}.theme-info{flex:1}.theme-name{color:var(--text);font-size:.95rem;font-weight:700}.theme-desc{color:var(--text-muted);margin-top:.1rem;font-size:.78rem}.theme-check{background:linear-gradient(135deg, var(--accent), var(--accent2));width:24px;height:24px;color:var(--text-on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.profile-stats{margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.pstat{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem 1.25rem;transition:transform .2s;display:flex}.pstat:hover{transform:translateY(-2px)}.ps-icon{margin-bottom:.15rem}.ps-icon.purple{color:var(--stat-icon-purple)}.ps-icon.blue{color:var(--stat-icon-blue)}.ps-icon.gold{color:var(--stat-icon-gold)}.ps-val{color:var(--text);font-size:1.6rem;font-weight:800}.ps-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:.72rem;font-weight:600}.history-title{color:var(--text);margin:0 0 var(--space-sm);font-size:1rem;font-weight:700}.history-list{flex-direction:column;gap:.65rem;display:flex}.empty-hist,.p-loading{color:var(--text-muted);text-align:center;padding:2.5rem 1rem}.history-card{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.hc-title{color:var(--text);margin-bottom:.15rem;font-size:.9rem;font-weight:600}.hc-date{color:var(--history-color);font-size:.75rem}.hc-score{font-size:1.2rem;font-weight:700}.score-green{color:var(--success)}.score-blue{color:var(--accent2)}.score-yellow{color:var(--warning)}.score-red{color:var(--danger)}.danger-zone{margin-bottom:var(--space-lg);justify-content:center;display:flex}.btn-danger{border-radius:var(--radius-sm);border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.btn-danger:hover{background:var(--danger-bg)}@media (width<=640px){.profile-stats{grid-template-columns:repeat(3,1fr);gap:.45rem;margin-bottom:1.5rem}.pstat{gap:.15rem;padding:.85rem .35rem}.ps-val{font-size:1.15rem}.ps-lbl{letter-spacing:.3px;word-break:break-word;text-align:center;font-size:.58rem}.ps-icon,.ps-icon svg{width:18px;height:18px}.profile-hero{padding:2rem 1.5rem}.appearance-section{margin-bottom:1.5rem}.appearance-section h3{margin-bottom:.5rem}.appearance-themes{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.5rem}.appearance-corners{gap:.5rem}.appearance-corners-label{margin-bottom:.35rem;font-size:.68rem}.appearance-themes{margin-bottom:.75rem}.app-theme{gap:.25rem;padding:.6rem .5rem .5rem}.app-corner{gap:.25rem;padding:.5rem}.app-label{font-size:.65rem}.app-swatch{width:18px}.app-bar{height:5px}}.ccp-page{min-height:100vh;position:relative}.ccp-bg{z-index:0;background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 55%), var(--bg);position:fixed;inset:0}.ccp-loading{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.ccp-spinner{color:var(--accent);animation:.8s linear infinite spin}.ccp-container{z-index:1;max-width:var(--content-max);padding:0 var(--pad-main) var(--space-xl);margin:0 auto;position:relative}.ccp-topbar{margin-bottom:var(--space-lg);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.ccp-topbar h2{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.icon-btn-placeholder{width:38px;height:38px}.ccp-hero{text-align:center;margin-bottom:var(--space-xl);animation:.5s both ccpHeroIn}.ccp-hero-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--accent), var(--accent2));width:72px;height:72px;color:var(--text-on-accent);box-shadow:0 0 40px color-mix(in srgb, var(--accent) 40%, transparent);justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.ccp-hero-title{color:var(--text);margin-bottom:.4rem;font-size:1.6rem;font-weight:800}.ccp-hero-sub{color:var(--text-muted);font-size:.9rem}.ccp-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;animation:.5s .15s both ccpGridIn;display:grid}.ccp-set-card{border-radius:var(--radius-md);cursor:pointer;background:var(--surface);border:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;transition:transform .25s,box-shadow .25s;display:flex}.ccp-set-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000026}.ccp-set-top{align-items:center;gap:.4rem;display:flex}.ccp-set-icon{color:var(--accent)}.ccp-set-label{color:var(--text);font-size:.95rem;font-weight:700}.ccp-set-meta{color:var(--text-muted);font-size:.75rem}.ccp-set-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent2));color:var(--text-on-accent);border:none;border-radius:999px;align-items:center;gap:.25rem;padding:.35rem 1rem;font-size:.78rem;font-weight:600;transition:opacity .2s;display:inline-flex}.ccp-set-btn:hover{opacity:.85}@keyframes ccpHeroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ccpGridIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.ccp-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.ccp-hero-title{font-size:1.2rem}.ccp-hero-icon{width:56px;height:56px}.ccp-hero-icon svg{width:24px;height:24px}.ccp-set-card{padding:1rem .75rem}}