:root{--bg: #1a1730;--bg-gradient: radial-gradient(ellipse 120% 80% at 50% -15%, rgba(139, 92, 246, .42), transparent 55%), radial-gradient(ellipse 90% 70% at 0% 85%, rgba(255, 107, 74, .24), transparent 50%), radial-gradient(ellipse 70% 55% at 100% 25%, rgba(34, 211, 238, .18), transparent 45%), linear-gradient(165deg, #221e3d 0%, #1a1730 45%, #1c2848 100%);--fg: #F8FAFC;--muted: #94A3B8;--accent: #FF6B4A;--accent-hover: #FF8566;--accent-secondary: #8B5CF6;--accent-cyan: #22D3EE;--success: #34D399;--danger: #F87171;--surface: rgba(255, 255, 255, .06);--surface-strong: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .12);--radius: 14px;--radius-lg: 20px;--shadow-glow: 0 0 40px rgba(255, 107, 74, .15);font-family:Outfit,system-ui,-apple-system,sans-serif;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;min-height:100dvh;background:var(--bg-gradient);background-attachment:fixed}body.route-play{overflow:hidden;height:100dvh}#root{min-height:100dvh}.page{min-height:100dvh;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.4rem;border-radius:var(--radius);border:none;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,var(--accent),#FF8F6B);color:#1a0a06;box-shadow:0 4px 20px #ff6b4a59}.btn.primary:hover{box-shadow:0 6px 28px #ff6b4a73}.btn.secondary{background:var(--surface);color:var(--fg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn.ghost{background:transparent;color:var(--muted)}.link-muted{color:var(--muted);font-size:.9rem;text-decoration:none}.link-muted:hover{color:var(--accent-cyan)}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem;background:var(--bg-gradient)}.landing .hero{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:420px;width:100%}.landing .logo-mark{font-size:3rem;font-weight:800;letter-spacing:-.06em;background:linear-gradient(135deg,var(--fg) 0%,var(--accent) 50%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.2rem;font-weight:500;color:var(--muted);line-height:1.45;max-width:22rem}.demo-zoom{width:min(300px,88vw);aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:#1e1a36;border:2px solid var(--glass-border);box-shadow:var(--shadow-glow);position:relative}.demo-zoom-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;pointer-events:none}.demo-zoom-img.is-active{opacity:1;animation:dezoomIn .45s cubic-bezier(.22,1,.36,1)}.demo-zoom img{width:100%;height:100%;object-fit:cover}.demo-zoom-badge{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#1a1730d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--accent-cyan);border:1px solid var(--glass-border)}.cta-row{display:flex;flex-direction:column;gap:.75rem;width:min(320px,100%)}.cta-row-single{width:min(360px,100%)}.cta-row-single .btn{width:100%}.home-auth-card{width:min(400px,100%);margin-top:1.5rem;padding:1.35rem 1.25rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left}.home-auth-title{margin:0 0 .75rem;font-size:1.1rem;font-weight:700}.home-auth-perks{margin:0 0 1rem;padding-left:1.15rem;color:var(--muted);font-size:.9rem;line-height:1.55}.home-auth-note{margin:.75rem 0 0;font-size:.8rem;color:var(--muted);text-align:center;line-height:1.4}.home-auth-welcome{text-align:center}.home-auth-greeting{margin:0 0 1rem;font-size:1.15rem;font-weight:600}.home-auth-actions{display:flex;flex-direction:column;gap:.65rem}.landing--connected{justify-content:flex-start;padding-top:1rem}.landing--connected .hero{gap:.75rem}.landing--connected .logo-mark{font-size:2.4rem;line-height:1.1}.landing--connected .tagline{font-size:1.05rem}.landing--connected .home-auth-card{margin-top:.35rem}.site-header{display:flex;align-items:center;gap:1rem;padding:.65rem 1rem;padding-top:max(.65rem,env(safe-area-inset-top));border-bottom:1px solid var(--glass-border);background:#1a1730d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.site-header-logo{font-weight:800;font-size:1rem;letter-spacing:-.04em;color:var(--fg);text-decoration:none;flex-shrink:0}.site-header-nav{display:flex;gap:1rem;flex:1;justify-content:center}.site-header-nav a{color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:500}.site-header-nav a:hover{color:var(--accent-cyan)}.site-header-account{flex-shrink:0;display:flex;align-items:center}.display-name-wrap{display:flex;align-items:center;gap:.35rem}.display-name-edit{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;border:none;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.display-name-edit:hover{color:var(--accent-cyan);background:var(--surface)}.display-name-form{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end;max-width:min(220px,45vw)}.display-name-form input{flex:1;min-width:6rem;padding:.35rem .5rem;border-radius:8px;border:1px solid var(--glass-border);background:var(--surface);color:var(--fg);font-family:inherit;font-size:.82rem}.display-name-save,.display-name-cancel{width:1.6rem;height:1.6rem;padding:0;border-radius:6px;border:1px solid var(--glass-border);background:var(--surface);color:var(--fg);font-size:.75rem;cursor:pointer}.display-name-save{color:var(--success)}.display-name-cancel{color:var(--muted)}.display-name-error{width:100%;margin:0;font-size:.72rem;color:var(--danger);text-align:right}.site-header-login,.site-header-profile{font-size:.88rem;font-weight:600;color:var(--accent-cyan);text-decoration:none}.site-header-login:hover,.site-header-profile:hover{color:var(--fg)}.site-header-muted{color:var(--muted);font-size:.88rem}.login-sent-note{font-size:.85rem!important;color:var(--muted)!important;line-height:1.45;margin:.5rem 0 .75rem!important}.page.play{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;padding:0;overflow:hidden;background:var(--bg-gradient)}.play-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:max(.65rem,env(safe-area-inset-top)) 1rem .65rem;background:#1a1730e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);z-index:10}.play-header-left{display:flex;align-items:center;gap:.75rem}.puzzle-num{font-weight:700;font-size:.95rem;color:var(--accent)}.play-timer{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600;color:var(--muted);min-width:2.5rem}.dezoom-dots{display:flex;gap:8px;align-items:center}.dezoom-dots .dot{width:12px;height:12px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.2);transition:all .35s ease}.dezoom-dots .dot.used{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-color:transparent;box-shadow:0 0 12px #ff6b4a80;transform:scale(1.1)}.zoom-frame{flex:1;min-height:0;width:100%;overflow:hidden;position:relative;background:#18142e}.zoom-stage{flex:1;min-height:0;width:100%;position:relative;display:flex;flex-direction:column}.zoom-stage .zoom-frame{flex:1}.zoom-stage:not(.is-revealed) .zoom-image{opacity:0!important}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#18142eeb;pointer-events:none}.countdown-number{font-size:clamp(4rem,18vw,7rem);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--fg),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countdown-pop .45s cubic-bezier(.22,1,.36,1)}@keyframes countdown-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.zoom-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 80px #0006;z-index:2}.zoom-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:0;transition:opacity .3s ease;pointer-events:none}.zoom-image.is-active{opacity:1;animation:dezoomIn .4s cubic-bezier(.22,1,.36,1)}@keyframes dezoomIn{0%{transform:scale(1.14);opacity:.7;filter:brightness(1.1)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.play-footer{flex-shrink:0;padding:.75rem 1rem max(.85rem,env(safe-area-inset-bottom));background:#1a1730eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border)}.guess-wrap{max-width:640px;margin:0 auto}.guess-hint{margin:0 0 .5rem;font-size:.82rem;color:var(--muted);text-align:center;line-height:1.4}.guess-form{display:flex;gap:.6rem}.guess-form input{flex:1;padding:.95rem 1.1rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--surface);color:var(--fg);font-family:inherit;font-size:1.05rem;font-weight:500}.guess-form input::placeholder{color:var(--muted)}.guess-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff6b4a33}.guess-form button{padding:.95rem 1.35rem;border-radius:var(--radius);border:none;background:linear-gradient(135deg,var(--accent),#FF8F6B);color:#1a0a06;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 16px #ff6b4a4d}.guess-form button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.guess-form--wrong input{border-color:var(--danger);animation:guess-shake .45s ease}.guess-form--wrong input:focus{box-shadow:0 0 0 3px #f8717140}@keyframes guess-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.play-error{text-align:center;color:var(--danger);font-size:.85rem;padding:.35rem 1rem 0;margin:0}.loading{text-align:center;padding:3rem;color:var(--muted);font-weight:500}.page.result{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.25rem;background:var(--bg-gradient)}.result-card{width:min(400px,100%);padding:2rem 1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-glow)}.result h1{font-size:2rem;font-weight:800;margin:0 0 .5rem}.result h1.win{color:var(--success)}.result h1.fail{color:var(--muted)}.result-reveal{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin:.5rem 0 1rem;padding:.85rem;border-radius:var(--radius);background:#0003;border:1px solid var(--glass-border)}.result-reveal-img{width:120px;height:120px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--glass-border)}.result-answer{margin:0;font-size:1.05rem;color:var(--muted)}.result-answer strong{color:var(--fg);font-weight:700;text-transform:capitalize}.result-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;align-items:center;margin:.5rem 0 1rem}.result-actions .like-btn{margin:0}.result .score{font-size:3.5rem;font-weight:800;margin:.5rem 0 1rem;background:linear-gradient(135deg,var(--accent),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}.stats li{font-size:.9rem;color:var(--muted);font-weight:500}.stats li strong{display:block;color:var(--fg);font-size:1.1rem;font-weight:700}.share-preview{background:#00000059;padding:.85rem 1rem;border-radius:var(--radius);font-size:.8rem;text-align:left;overflow-x:auto;white-space:pre-wrap;border:1px solid var(--glass-border);margin:1rem 0 0;color:var(--muted)}.result-nav{display:flex;gap:1.25rem;margin-top:1.5rem}.result-nav a{color:var(--accent-cyan);font-weight:600;text-decoration:none}.page.leaderboard{padding:1.5rem 1rem 2rem;max-width:480px;margin:0 auto}.page.leaderboard h1{font-size:1.75rem;font-weight:800;margin:0 0 .25rem}.page.leaderboard .sub{color:var(--muted);margin:0 0 .5rem}.lb-players-count{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--accent-cyan)}.my-rank{display:inline-block;background:linear-gradient(135deg,#ff6b4a33,#8b5cf633);border:1px solid var(--glass-border);padding:.5rem 1rem;border-radius:var(--radius);color:var(--accent);font-weight:700;margin-bottom:1rem}.my-rank--lost{color:var(--muted);background:var(--surface)}.lb-list li.lost .pts{color:var(--muted)}.lb-list{list-style:none;padding:0;margin:1rem 0 1.5rem;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden}.lb-list li{display:grid;grid-template-columns:2.5rem 1fr 4rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);gap:.5rem}.lb-list li:last-child{border-bottom:none}.lb-list li.me{background:#ff6b4a1f}.lb-list .rank{font-weight:800;color:var(--accent-secondary);font-size:.9rem}.lb-list li:nth-child(1) .rank{color:gold}.lb-list li:nth-child(2) .rank{color:silver}.lb-list li:nth-child(3) .rank{color:#cd7f32}.lb-list .name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-list .pts{text-align:right;font-weight:700;color:var(--success)}.muted{color:var(--muted)}.page.login{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem;background:var(--bg-gradient);min-height:100dvh}.page.profile,.page.admin{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:none;margin:0;padding:1.5rem 1.25rem 2.5rem;min-height:calc(100dvh - 3rem);background:var(--bg-gradient)}.profile-card{width:min(400px,100%);padding:1.75rem 1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-glow);text-align:center}.profile-card--empty h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.profile-empty-text{margin:0 0 1.25rem;color:var(--muted);font-size:.95rem;line-height:1.45}.profile-back{display:inline-block;margin-top:1rem;font-size:.88rem}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem}.profile-avatar-img,.profile-avatar-initial{width:4.5rem;height:4.5rem;border-radius:50%;border:2px solid var(--glass-border);box-shadow:0 0 24px #8b5cf640}.profile-avatar-img{object-fit:cover}.profile-avatar-initial{display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--accent-secondary),var(--accent));color:#1a0a06}.profile-name-row{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.25rem}.profile-name{margin:0;font-size:1.65rem;font-weight:800;letter-spacing:-.03em}.profile-name-edit{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.profile-name-edit:hover{color:var(--accent-cyan);background:#ffffff0f}.profile-name-form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:.25rem}.profile-name-form input{flex:1;min-width:10rem;padding:.5rem .65rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0003;color:var(--fg);font-family:inherit;font-size:1rem;font-weight:600;text-align:center}.profile-name-save,.profile-name-cancel{width:2rem;height:2rem;padding:0;border-radius:8px;border:1px solid var(--glass-border);background:var(--surface-strong);color:var(--fg);font-size:.8rem;cursor:pointer}.profile-name-save{color:var(--success)}.profile-name-cancel{color:var(--muted)}.profile-name-error{width:100%;margin:0;font-size:.78rem;color:var(--danger)}.profile-email{margin:0;font-size:.88rem;color:var(--muted)}.profile-plan-badge{display:inline-block;margin-top:.15rem;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--muted);background:#ffffff0f;border:1px solid var(--glass-border)}.profile-plan-badge.is-premium{color:var(--success);background:#34d3991f;border-color:#34d39959}.profile-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:1.35rem;padding:1rem;border-radius:var(--radius);background:#0000002e;border:1px solid var(--glass-border)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:4.5rem}.profile-stat-value{font-size:2rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-stat-label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.profile-actions{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem}.profile-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.25rem;padding-top:1rem;margin-bottom:1rem;border-top:1px solid var(--glass-border)}.profile-nav a{color:var(--accent-cyan);font-weight:600;font-size:.9rem;text-decoration:none}.profile-nav a:hover{color:var(--fg)}.profile-logout{margin-top:.25rem;color:var(--muted)!important}.page.admin{max-width:400px;margin:0 auto}.login-card{width:min(400px,100%);padding:2rem 1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-glow)}.login-brand{margin:0 0 .35rem;font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card h1{margin:0;font-size:1.75rem;font-weight:800}.login-sub{margin:.5rem 0 1.5rem;font-size:.95rem;color:var(--muted);line-height:1.45}.login-form{display:flex;flex-direction:column;gap:.65rem;text-align:left}.login-form label{font-size:.85rem;font-weight:600;color:var(--muted)}.login-form input{padding:.9rem 1rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0003;color:var(--fg);font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-form input:focus{outline:none;border-color:#8b5cf68c;box-shadow:0 0 0 3px #8b5cf626}.login-form input::placeholder{color:#94a3b8a6}.btn.block{width:100%;margin-top:.35rem}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.9rem 1.4rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#ffffff14;color:var(--fg);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,background .2s,border-color .2s}.btn-google:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff38}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-icon{flex-shrink:0}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--muted);font-size:.8rem;font-weight:600;text-transform:lowercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.login-error{margin:.75rem 0 0;text-align:left}.login-sent{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0 .25rem}.login-sent-icon{font-size:2rem;line-height:1}.login-sent p{margin:0;color:var(--fg);font-weight:500}.login-sent-hint{font-size:.9rem!important;color:var(--accent-cyan)!important;word-break:break-all}.login-footer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.75rem}.login-back{font-size:.9rem;color:var(--accent-cyan)}.login-back:hover{color:var(--fg)}.admin-form{display:flex;flex-direction:column;gap:.85rem}.admin-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:500;color:var(--muted)}.admin-form input{padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--surface);color:var(--fg);font-family:inherit}.error{color:var(--danger);font-size:.9rem}.photo-attribution{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:.45rem .65rem;font-size:.68rem;font-weight:500;color:#f8fafceb;background:linear-gradient(transparent,#0a0814d1);text-decoration:none;text-align:center;line-height:1.3}.photo-attribution.compact{position:static;background:none;padding:0;font-size:.62rem;color:var(--muted);display:block;margin-top:.25rem}.photo-attribution:hover{color:var(--accent-cyan)}.like-btn{display:inline-flex;align-items:center;gap:.45rem;margin:.75rem auto;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--glass-border);background:var(--surface);color:var(--fg);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.like-btn.liked{border-color:#ff6b4a80;background:#ff6b4a26;color:var(--accent)}.like-count{font-variant-numeric:tabular-nums;color:var(--muted)}.page.premium{display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem}.premium-card{width:min(420px,100%);text-align:center}.premium-price{font-size:2rem;font-weight:800;color:var(--accent);margin:.5rem 0 1rem}.premium-perks{text-align:left;margin:0 0 1.25rem;padding-left:1.25rem;color:var(--muted);line-height:1.6}.premium-consent{font-size:.75rem;color:var(--muted);margin-bottom:1rem;line-height:1.45}.premium-active{color:var(--success);font-weight:700;margin:.75rem 0}.premium-msg{margin-top:1rem;font-size:.9rem;color:var(--accent-cyan)}.premium-cta{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.premium-cta p{color:var(--muted);margin-bottom:.75rem}.practice-badge{color:var(--accent-secondary)!important}.practice-score{font-size:1.25rem;font-weight:700;color:var(--success);margin:0}.practice-score .muted{font-size:.85rem;font-weight:500}.guest-hint{font-size:.9rem;margin:.25rem 0 .5rem}.practice-done{display:flex;flex-direction:column;gap:.65rem;align-items:center}.practice-actions{display:flex;gap:.65rem;width:100%;max-width:400px}.practice-actions .btn{flex:1}.page.gallery,.page.credits{max-width:720px;margin:0 auto;padding:1.5rem 1rem 2rem}.page.gallery h1,.page.credits h1{font-size:1.75rem;font-weight:800;margin:0 0 .25rem}.page.gallery .sub,.page.credits .sub{color:var(--muted);margin:0 0 1rem}.gallery-hint{font-size:.9rem;color:var(--muted);margin-bottom:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1.25rem}.gallery-card{border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;background:var(--surface);padding:0;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .2s}.gallery-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.gallery-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.gallery-card-meta{padding:.45rem .5rem .55rem}.gallery-likes{font-size:.8rem;font-weight:700;color:var(--accent)}.credits-list{list-style:none;padding:0;margin:1.5rem 0;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden}.credits-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.credits-list li:last-child{border-bottom:none}.credits-list a{color:var(--accent-cyan);font-weight:600;text-decoration:none}.credits-meta{font-size:.8rem;color:var(--muted);white-space:nowrap}