:root{--bg: #0d1020;--bg2: #151a31;--card: #1b2140;--card2: #232a50;--line: #2e3766;--text: #eef0ff;--muted: #9aa3cc;--accent: #8b5cf6;--accent2: #22d3ee;--good: #34d399;--warn: #fbbf24;--bad: #f87171;--bronze: #d08b4f;--silver: #cfd6e6;--gold: #fcd34d;--platinum: #9be7ff;--rare: #c4b5fd;--legendary: #fb923c;--radius: 16px;--nav: rgba(13, 16, 32, .96);--shadow: none;color-scheme:dark}:root[data-theme=light]{--bg: #f4f5fb;--bg2: #eaecf7;--card: #ffffff;--card2: #f0f1f9;--line: #d8dbee;--text: #171a33;--muted: #5b6285;--accent: #7c3aed;--accent2: #0e7490;--good: #059669;--warn: #b45309;--bad: #dc2626;--bronze: #a0612b;--silver: #6b7385;--gold: #b7791f;--platinum: #0e7490;--rare: #7c3aed;--legendary: #ea580c;--nav: rgba(255, 255, 255, .96);--shadow: 0 1px 3px rgba(23, 26, 51, .08);color-scheme:light}@media(prefers-color-scheme:light){:root[data-theme=system]{--bg: #f4f5fb;--bg2: #eaecf7;--card: #ffffff;--card2: #f0f1f9;--line: #d8dbee;--text: #171a33;--muted: #5b6285;--accent: #7c3aed;--accent2: #0e7490;--good: #059669;--warn: #b45309;--bad: #dc2626;--bronze: #a0612b;--silver: #6b7385;--gold: #b7791f;--platinum: #0e7490;--rare: #7c3aed;--legendary: #ea580c;--nav: rgba(255, 255, 255, .96);--shadow: 0 1px 3px rgba(23, 26, 51, .08);color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent2);text-decoration:none}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0 0 .75rem}small,.muted{color:var(--muted)}img{max-width:100%}.app{max-width:720px;margin:0 auto;padding:0 16px calc(90px + env(safe-area-inset-bottom));min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 -16px 6px;padding:8px 12px;background:var(--nav);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:calc(8px + env(safe-area-inset-top))}.topbar .logo{font-family:Brush Script MT,Segoe Script,Snell Roundhand,cursive,system-ui;font-style:italic;font-weight:800;font-size:1.85rem;letter-spacing:.3px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 6px;line-height:1.1}.tb-side{display:flex;align-items:center;gap:4px}.tb-side.right{justify-content:flex-end}.tb-btn{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:none;border:none;color:var(--text);padding:0;font-size:1.15rem;cursor:pointer}.tb-btn.small{width:34px;font-size:1rem}.tb-btn:active{transform:scale(.92)}.badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:.66rem;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg);font-style:normal}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:.85rem;font-weight:600;white-space:nowrap}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;background:var(--nav);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottomnav .inner{display:flex;width:100%;max-width:720px}.bottomnav a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:7px 0 6px;color:var(--muted);font-size:.62rem;gap:2px;overflow:hidden;white-space:nowrap}.bottomnav a span.i{position:relative;font-size:1.3rem;line-height:1;height:26px;display:grid;place-items:center;filter:grayscale(.6);opacity:.8;transition:transform .15s}.bottomnav a span.i .badge{top:-4px;right:-10px}.bottomnav a.active{color:var(--text);font-weight:700}.bottomnav a.active span.i{filter:none;opacity:1;transform:scale(1.08)}.bottomnav a.nav-profile.active .avatar-wrap{box-shadow:0 0 0 2px var(--text);border-radius:50%}.avatar-wrap.xs{--s: 24px}.avatar-wrap.xs .avatar{font-size:.7rem}@media(max-width:360px){.bottomnav a{font-size:0;gap:0}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:var(--shadow)}.card.flat{background:var(--bg2)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px}.section-title h2{margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack>*+*{margin-top:10px}.center{text-align:center}.grow{flex:1;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,.btn{font:inherit;border:0;border-radius:12px;padding:10px 16px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .05s,opacity .15s}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary,.btn.secondary{background:var(--card2);color:var(--text);border:1px solid var(--line)}button.ghost{background:transparent;color:var(--muted);padding:6px 10px}button.danger{background:#b91c1c}button.good{background:#059669}button.small,.btn.small{padding:6px 10px;font-size:.85rem;border-radius:10px}button.block{width:100%}input,textarea,select{font:inherit;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--text)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent);transform:scale(1.2)}textarea{min-height:80px;resize:vertical}label.field{display:block;margin-bottom:10px}label.field>span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:4px}label.check{display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer}.error{color:var(--bad);background:#f871711a;border:1px solid rgba(248,113,113,.3);padding:8px 12px;border-radius:10px;margin-bottom:10px}.notice{color:var(--warn);background:#fbbf2414;border:1px solid rgba(251,191,36,.3);padding:8px 12px;border-radius:10px;margin-bottom:10px}.success{color:var(--good);background:#34d39914;border:1px solid rgba(52,211,153,.3);padding:8px 12px;border-radius:10px;margin-bottom:10px}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}.tabs button{background:var(--card);color:var(--muted);border:1px solid var(--line);padding:7px 12px;font-size:.85rem;white-space:nowrap}.tabs.tabs-fill{display:grid;overflow:visible}.tabs.tabs-fill button{padding:7px 3px;text-align:center;white-space:normal;line-height:1.2;font-size:.8rem;overflow-wrap:anywhere}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.bar{height:8px;background:var(--bg2);border-radius:999px;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px;transition:width .4s}.bar.thin{height:5px}.quest{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--card);border:1px solid var(--line);margin-bottom:8px;cursor:pointer}.quest:hover{border-color:var(--accent)}.quest.done{opacity:.6}.quest.locked{opacity:.45;cursor:default}.quest .check{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex-shrink:0;font-size:.9rem}.quest.done .check{background:var(--good);border-color:var(--good);color:#052e1f}.quest.pending .check{background:var(--warn);border-color:var(--warn);color:#3a2a00}.quest .title{font-weight:600}.quest .meta{font-size:.78rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.xp{font-weight:800;color:var(--accent2);white-space:nowrap}.diff-easy{color:var(--good)}.diff-medium{color:var(--warn)}.diff-hard{color:var(--bad)}.hero{background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.35),transparent 60%),radial-gradient(circle at 100% 100%,rgba(34,211,238,.2),transparent 60%),var(--card)}.streak{font-size:2rem;font-weight:900}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070fbf;z-index:95;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--bg2);border:1px solid var(--line);border-radius:22px 22px 0 0;width:100%;max-width:720px;max-height:92vh;overflow-y:auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom));animation:up .2s ease-out}@media(min-width:760px){.modal-bg{align-items:center}.modal{border-radius:22px}}@keyframes up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.modal .close{float:right}.camera{position:relative;background:#000;border-radius:14px;overflow:hidden;aspect-ratio:3 / 4;max-height:60vh;margin:0 auto 10px}.camera video,.camera img{width:100%;height:100%;object-fit:cover;display:block}.camera .controls{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:16px;align-items:center}.shutter{width:68px;height:68px;border-radius:50%;background:#fff;border:5px solid rgba(255,255,255,.4);background-clip:padding-box;padding:0}.shutter.rec{background:#ef4444}.code-display{font-family:ui-monospace,monospace;font-size:2.2rem;letter-spacing:.3em;font-weight:900;text-align:center;padding:14px;border-radius:14px;background:#fff;color:#000}.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumbs img,.thumbs video{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.avatar-wrap{--s: 44px;position:relative;isolation:isolate;width:var(--s);height:var(--s);flex-shrink:0;display:inline-block}.avatar-wrap.sm{--s: 32px}.avatar-wrap.lg{--s: 96px}.avatar-wrap.xl{--s: 120px}.avatar{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;background:var(--card2);display:grid;place-items:center;font-weight:800;font-size:calc(var(--s) * .38);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-wrap[class*=frame-]:before{content:"";position:absolute;inset:calc(var(--s) * -.07);border-radius:50%;z-index:0}.avatar-wrap[class*=frame-] .avatar{box-shadow:0 0 0 calc(var(--s) * .03) var(--bg)}.deco{position:absolute;z-index:2;font-size:calc(var(--s) * .3);line-height:1;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.deco-0{top:calc(var(--s) * -.14);right:calc(var(--s) * -.08)}.deco-1{bottom:calc(var(--s) * -.12);left:calc(var(--s) * -.08)}.deco-2{bottom:calc(var(--s) * .02);right:calc(var(--s) * -.16)}.frame-klassik:before{background:var(--line)}.frame-bronze:before{background:linear-gradient(135deg,#f0b27a,#8a5a2b)}.frame-silver:before{background:linear-gradient(135deg,#f3f5f9,#8e97a8)}.frame-gold:before{background:linear-gradient(135deg,#fff3b0,#f2b705,#a66f00);box-shadow:0 0 12px #fcd34d80}.frame-platinum:before{background:conic-gradient(#e0f7ff,#9be7ff,#d9e8ff,#7fd3f0,#e0f7ff);box-shadow:0 0 14px #9be7ff99}.frame-legendary:before{background:conic-gradient(#fb923c,#f43f5e,#a855f7,#fb923c);box-shadow:0 0 18px #fb923cb3;animation:spin 4s linear infinite}.frame-season:before{background:conic-gradient(#f59e0b,#b45309,#dc2626,#f59e0b);box-shadow:0 0 12px #f59e0b80}.frame-flammen:before{background:conic-gradient(#fde047,#f97316,#dc2626,#f97316,#fde047);box-shadow:0 0 16px #f97316cc;animation:flicker 1.2s ease-in-out infinite alternate}.frame-aurora:before{background:conic-gradient(#22d3ee,#a3e635,#a855f7,#22d3ee);animation:spin 6s linear infinite;box-shadow:0 0 16px #22d3ee99}.frame-kristall:before{background:conic-gradient(#e0f2fe,#93c5fd,#c4b5fd,#e0f2fe,#a5f3fc,#e0f2fe);box-shadow:0 0 12px #93c5fdb3}.frame-pixel:before{border-radius:8px;background:repeating-conic-gradient(#22d3ee 0,#22d3ee 25%,#a855f7 0,#a855f7 50%) 0 0 / 8px 8px}.frame-natur:before{background:conic-gradient(#4ade80,#15803d,#a3e635,#4ade80)}.frame-krone:before{background:linear-gradient(135deg,#fff3b0,#f2b705,#b45309);box-shadow:0 0 20px #f2b705cc}.frame-krone .deco-0{top:calc(var(--s) * -.3);right:auto;left:50%;transform:translate(-50%) rotate(-8deg);font-size:calc(var(--s) * .4)}.frame-podium:before{background:conic-gradient(#fcd34d,#e5e7eb,#d08b4f,#fcd34d)}.frame-neon:before{background:conic-gradient(#f0abfc,#22d3ee,#f0abfc);box-shadow:0 0 10px #f0abfc,0 0 22px #22d3ee;animation:pulseglow 1.6s ease-in-out infinite}.frame-ozean:before{background:conic-gradient(#0ea5e9,#1e3a8a,#38bdf8,#0ea5e9)}.frame-kirschbluete:before{background:conic-gradient(#fbcfe8,#f472b6,#fdf2f8,#fbcfe8)}.frame-weltraum:before{background:radial-gradient(circle at 30% 30%,#a855f7,#1e1b4b 70%);box-shadow:0 0 14px #a855f799}.frame-weltraum .deco-0{animation:orbit 6s linear infinite;transform-origin:calc(var(--s) * -.35) calc(var(--s) * .64)}@keyframes flicker{0%{filter:brightness(1)}to{filter:brightness(1.35) saturate(1.3)}}@keyframes pulseglow{50%{filter:brightness(1.4)}}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.avatar-wrap:before,.deco{animation:none!important}}.ptheme-theme_natur{background:radial-gradient(circle at 20% 110%,#166534 0 35%,transparent 36%),radial-gradient(circle at 80% 120%,#15803d 0 40%,transparent 41%),linear-gradient(180deg,#14532d,#052e16);color:#ecfdf5}.ptheme-theme_meer{background:radial-gradient(120% 40% at 50% 100%,#38bdf8 0 30%,transparent 31%),radial-gradient(120% 40% at 30% 110%,#0284c7 0 35%,transparent 36%),linear-gradient(180deg,#0c4a6e,#082f49);color:#e0f2fe}.ptheme-theme_weltraum{background:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#fff,transparent),radial-gradient(1px 1px at 85% 60%,#fff,transparent),radial-gradient(2px 2px at 10% 80%,#c4b5fd,transparent),radial-gradient(circle at 85% 15%,#7c3aed55,transparent 40%),linear-gradient(180deg,#0f0a2e,#020617);color:#ede9fe}.ptheme-theme_sonnenaufgang{background:radial-gradient(circle at 50% 110%,#fde047 0 18%,#fb923c 30%,transparent 60%),linear-gradient(180deg,#312e81,#be185d 60%,#fb923c);color:#fff7ed}.ptheme-theme_aurora{background:radial-gradient(80% 50% at 30% 20%,#22d3ee66,transparent),radial-gradient(70% 50% at 70% 30%,#a3e63555,transparent),radial-gradient(60% 40% at 50% 10%,#a855f766,transparent),linear-gradient(180deg,#020617,#0f172a);color:#ecfeff}.ptheme-theme_vulkan{background:radial-gradient(circle at 50% 120%,#f97316 0 20%,#b91c1c 40%,transparent 70%),linear-gradient(180deg,#1c1917,#292524);color:#fff7ed}.ptheme-theme_herbst{background:radial-gradient(circle at 15% 20%,#f59e0b44 0 10%,transparent 11%),radial-gradient(circle at 80% 70%,#dc262644 0 12%,transparent 13%),linear-gradient(160deg,#7c2d12,#451a03);color:#fff7ed}.ptheme-theme_wueste{background:radial-gradient(120% 50% at 30% 110%,#d97706 0 40%,transparent 41%),linear-gradient(180deg,#fde68a,#f59e0b);color:#422006}.ptheme-theme_kirschbluete{background:radial-gradient(circle at 20% 30%,#fbcfe8 0 6%,transparent 7%),radial-gradient(circle at 75% 60%,#f9a8d4 0 5%,transparent 6%),linear-gradient(160deg,#fdf2f8,#fbcfe8);color:#500724}.ptheme-theme_neonstadt{background:linear-gradient(0deg,#0f172a 0 18%,transparent 18%),repeating-linear-gradient(90deg,#1e1b4b 0,#1e1b4b 18px,#312e81 18px,#312e81 30px,#0f172a 30px,#0f172a 44px),linear-gradient(180deg,#ec4899,#6366f1);color:#fdf4ff}.ptheme-theme_nacht{background:radial-gradient(1px 1px at 25% 25%,#fff,transparent),radial-gradient(1px 1px at 60% 40%,#fff,transparent),radial-gradient(1px 1px at 80% 15%,#fff,transparent),radial-gradient(circle at 80% 25%,#fef3c7 0 5%,transparent 6%),linear-gradient(180deg,#1e3a8a,#0b1026);color:#e0e7ff}.ptheme[class*=ptheme-theme_] .muted,.ptheme[class*=ptheme-theme_] small{color:inherit;opacity:.8}.ptheme[class*=ptheme-theme_] .pill{background:#00000047;border-color:#fff3;color:inherit}.ptheme-theme_wueste .pill,.ptheme-theme_kirschbluete .pill{background:#ffffff80}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.cosmetic{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 10px;border-radius:14px;border:2px solid var(--line);background:var(--card);color:var(--text);font-size:.8rem;font-weight:600;position:relative}.cosmetic.selected{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf640}.cosmetic.locked{opacity:.55}.cosmetic small{font-weight:400;color:var(--muted);text-align:center;font-size:.66rem}.theme-swatch{width:100%;height:54px;border-radius:10px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ach{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center;position:relative;cursor:pointer}.ach.locked{opacity:.55;filter:grayscale(.7)}.ach .icon{font-size:2rem;width:58px;height:58px;margin:0 auto 6px;display:grid;place-items:center;border-radius:50%;background:var(--bg2);border:3px solid var(--line)}.ach .name{font-weight:700;font-size:.9rem}.ach .desc{font-size:.75rem;color:var(--muted)}.ach.selected{outline:2px solid var(--accent2)}.tier-bronze .icon{border-color:var(--bronze)}.tier-silver .icon{border-color:var(--silver)}.tier-gold .icon{border-color:var(--gold)}.tier-platinum .icon{border-color:var(--platinum)}.tier-rare .icon{border-color:var(--rare)}.tier-legendary .icon{border-color:var(--legendary);box-shadow:0 0 12px #fb923c80}.tier-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.t-bronze{color:var(--bronze)}.t-silver{color:var(--silver)}.t-gold{color:var(--gold)}.t-platinum{color:var(--platinum)}.t-rare{color:var(--rare)}.t-legendary{color:var(--legendary)}.badge-corner{position:absolute;top:6px;right:6px;font-size:.65rem;padding:2px 6px;border-radius:6px;background:var(--card2);color:var(--muted)}.showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lb-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card);margin-bottom:6px;border:1px solid transparent}.lb-row.me{border-color:var(--accent)}.lb-rank{width:34px;text-align:center;font-weight:900;color:var(--muted)}.lb-row:nth-child(1) .lb-rank{color:var(--gold)}.lb-row:nth-child(2) .lb-rank{color:var(--silver)}.lb-row:nth-child(3) .lb-rank{color:var(--bronze)}.reward{text-align:center}.reward .big{font-size:3rem;font-weight:900;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;animation:pop .5s ease-out}@keyframes pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.reward-item{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:12px;background:var(--card);margin-bottom:6px;animation:pop .4s ease-out both}.table{width:100%;border-collapse:collapse;font-size:.85rem}.table th,.table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}.table tr:hover td{background:var(--bg2)}.scroll-x{overflow-x:auto}.tag{display:inline-block;font-size:.72rem;padding:2px 7px;border-radius:6px;background:var(--card2);color:var(--muted);margin:1px 2px}.tag.on{background:#34d39926;color:var(--good)}.tag.off{background:#f871711f;color:var(--bad)}pre.help{white-space:pre-wrap;font-size:.75rem;background:var(--bg);padding:8px;border-radius:10px;color:var(--muted);max-height:200px;overflow:auto}.radar text{fill:var(--muted);font-size:11px}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:40px auto}.auth-wrap{max-width:420px;margin:0 auto;padding:40px 16px}.big-logo{font-size:3rem;font-weight:900;text-align:center;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.option{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);color:var(--text);padding:14px;margin-bottom:8px;font-weight:500}.option.selected{border-color:var(--accent);background:#8b5cf62e}details summary{cursor:pointer}.knowledge-content{white-space:pre-line;color:var(--text);margin-top:8px}.chat{display:flex;flex-direction:column;height:calc(100vh - 170px);height:calc(100dvh - 170px)}.chat-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.chat-log{flex:1;overflow-y:auto;padding:12px 2px;display:flex;flex-direction:column;gap:6px}.msg{max-width:78%;padding:8px 12px;border-radius:16px;background:var(--card);border:1px solid var(--line);white-space:pre-wrap;word-wrap:break-word;position:relative}.msg.mine{align-self:flex-end;background:var(--accent);color:#fff;border-color:var(--accent);border-bottom-right-radius:4px}.msg.theirs{align-self:flex-start;border-bottom-left-radius:4px}.msg.removed{font-style:italic;opacity:.6}.msg .time button{padding:0 4px;font-size:.7rem}.msg .time{display:block;font-size:.68rem;opacity:.7;margin-top:2px;text-align:right}.chat-input{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.chat-input textarea{min-height:44px;max-height:140px}.unread-dot{min-width:20px;height:20px;border-radius:10px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:800;display:inline-grid;place-items:center;padding:0 6px}.tracker-banner{position:sticky;top:62px;z-index:19;display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;border-radius:14px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;cursor:pointer;box-shadow:0 4px 16px #00000040}.tracker-big{font-size:3rem;font-weight:900;text-align:center;font-variant-numeric:tabular-nums;line-height:1.1}.tracker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:12px 0}.tracker-grid b{display:block;font-size:1.15rem;font-variant-numeric:tabular-nums}.pulse{width:10px;height:10px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.post{padding:12px}.carousel-wrap{position:relative;margin:0 -12px}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:#000}.carousel::-webkit-scrollbar{display:none}.carousel .slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:4 / 5;max-height:75vh;display:grid;place-items:center}.carousel .slide img,.carousel .slide video{width:100%;height:100%;object-fit:cover}.carousel .slide video{object-fit:contain}.dots{display:flex;justify-content:center;gap:4px;padding:6px 0 0}.dots span{width:6px;height:6px;border-radius:50%;background:var(--line)}.dots span.on{background:var(--accent)}.carousel-wrap .counter{position:absolute;top:8px;right:8px;font-size:.75rem;background:#0000008c;color:#fff;border:0}.post-actions{display:flex;align-items:center;gap:2px;margin-top:4px}.post-actions button{padding:6px 8px;font-size:1rem;color:var(--text)}.post-actions button.on{color:var(--accent)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.post-grid .tile{position:relative;aspect-ratio:1;padding:0;border-radius:4px;overflow:hidden;background:var(--card2)}.post-grid .tile img,.post-grid .tile video{width:100%;height:100%;object-fit:cover;display:block}.tile-icon{position:absolute;top:4px;right:6px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8);font-size:.9rem}.comments{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.comment{display:flex;gap:8px;margin-bottom:8px;font-size:.9rem}.comment button.small{padding:0 6px;font-size:.75rem}.qr{background:#fff;padding:8px;border-radius:12px;width:200px;height:200px}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.recovery-codes code{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:6px;text-align:center;font-size:1rem;letter-spacing:.05em}.steps{padding-left:20px;color:var(--muted)}.steps li{margin-bottom:4px}.skill-canvas{overflow-x:auto;padding:14px 6px}.sk-tree{display:flex;flex-direction:column;align-items:center}.sk-children{display:flex;justify-content:center;gap:10px;position:relative;padding-top:18px}.sk-children:before{content:"";position:absolute;top:0;left:50%;width:3px;height:9px;background:var(--line);transform:translate(-50%)}.sk-child{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:9px}.sk-child:before{content:"";position:absolute;top:0;left:50%;width:3px;height:9px;background:var(--line);transform:translate(-50%)}.sk-children.multi>.sk-child:after{content:"";position:absolute;top:-9px;height:3px;background:var(--line)}.sk-children.multi>.sk-child:first-child:after{left:50%;right:-5px}.sk-children.multi>.sk-child:last-child:after{left:-5px;right:50%}.sk-child.on:before{background:var(--accent)}.sk-tree>.skill-node{width:132px}.skill-node{width:100%;min-height:96px;flex-direction:column;gap:2px;padding:8px 6px;border-radius:14px;background:var(--card);color:var(--text);border:2px solid var(--line);font-weight:600;font-size:.78rem;line-height:1.2}.skill-node small{font-weight:400;color:var(--muted);font-size:.68rem}.skill-node .skill-state{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);font-size:.8rem}.skill-node.unlocked{border-color:var(--accent);background:linear-gradient(160deg,rgba(139,92,246,.28),var(--card))}.skill-node.unlocked .skill-state{background:var(--accent);color:#fff}.skill-node.available{border-color:var(--accent2);box-shadow:0 0 12px #22d3ee59}.skill-node.available .skill-state{background:var(--accent2);color:#fff}.skill-node.locked{opacity:.55}.password-input{position:relative}.password-input input{padding-right:46px}.password-input button{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:6px 8px;font-size:1.1rem}.settings-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.settings-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow)}.settings-item small{display:block}.settings-icon{width:38px;height:38px;border-radius:12px;background:var(--bg2);display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.toggle-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer;position:relative}.toggle-row:last-child{border-bottom:0}.toggle-row small{display:block}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row .switch{width:46px;height:28px;border-radius:14px;background:var(--line);position:relative;flex-shrink:0;transition:background .2s}.toggle-row .switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle-row input:checked+.switch{background:var(--accent)}.toggle-row input:checked+.switch:after{transform:translate(18px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--accent2);outline-offset:2px}.toggle-row.disabled{opacity:.5;cursor:default}.choice{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px}.choice-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);cursor:pointer}.choice-item.on{border-color:var(--accent);background:#8b5cf61f}.chip-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.chip{background:var(--bg2);color:var(--text);border:1px solid var(--line);padding:7px 12px;border-radius:999px;font-weight:600;font-size:.85rem}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.pop{animation:pop .45s ease-out}.tutorial .modal{max-width:460px}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100}.reward-item.levelup{background:linear-gradient(90deg,rgba(139,92,246,.25),var(--card));border:1px solid var(--accent)}.reward .big{text-shadow:0 0 24px rgba(139,92,246,.45)}.fade-in{animation:up .25s ease-out}.sleep-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:radial-gradient(circle at 50% 20%,#1e1b4b,#020617 70%);color:#e0e7ff;display:grid;place-items:center;padding:24px;transition:filter .6s,background .6s}.sleep-screen.dim{background:#000;filter:brightness(.5)}.sleep-inner{width:100%;max-width:420px;text-align:center}.sleep-clock{font-size:4rem;font-weight:200;font-variant-numeric:tabular-nums;letter-spacing:.05em}.sleep-screen .muted{color:#a5b4fc}.sleep-screen .notice{background:#6366f126;border-color:#6366f166;color:#e0e7ff}.tracker-banner.sleep{background:linear-gradient(90deg,#312e81,#1e1b4b)}.gif{position:relative;display:inline-block;margin-top:4px;max-width:240px}.gif img{width:100%;border-radius:10px;display:block}.gif-attr{position:absolute;bottom:4px;right:6px;font-size:.6rem;color:#fff;background:#00000080;padding:1px 4px;border-radius:4px}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;max-height:50vh;overflow-y:auto}.gif-pick{padding:0;border-radius:8px;overflow:hidden;background:var(--card2);aspect-ratio:1}.gif-pick img{width:100%;height:100%;object-fit:cover}.gif-btn{font-weight:900;letter-spacing:.03em}.recap-card{background:linear-gradient(135deg,#8b5cf62e,#22d3ee1f);border:1px solid var(--line);border-radius:14px;padding:12px;margin:6px 0}.tile-recap{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.8rem;background:linear-gradient(135deg,#8b5cf659,#22d3ee40);color:var(--text)}.tile-recap small{font-size:.7rem;font-weight:700}.stories-bar{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}.stories-bar::-webkit-scrollbar{display:none}.story-bubble{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;padding:0;color:var(--text);width:66px;flex-shrink:0;font-weight:500}.story-bubble small{font-size:.7rem;max-width:66px}.story-ring{width:62px;height:62px;border-radius:50%;padding:3px;display:grid;place-items:center;background:conic-gradient(#f59e0b,#ec4899,#8b5cf6,#22d3ee,#f59e0b);overflow:hidden}.story-ring .avatar-wrap{--s: 54px}.story-ring .avatar{box-shadow:0 0 0 3px var(--bg)}.story-ring.seen{background:var(--line)}.story-ring.none{background:transparent;border:2px dashed var(--line)}.story-ring.own{background:conic-gradient(var(--accent),var(--accent2),var(--accent))}.story-ring.hl img,.story-ring.hl video{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--bg)}.hl-add{font-size:1.6rem;color:var(--muted)}.story-add{position:absolute;right:2px;top:44px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:.9rem;display:grid;place-items:center;border:2px solid var(--bg)}.story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000;color:#fff;display:flex;flex-direction:column;max-width:560px;margin:0 auto}.story-progress{display:flex;gap:4px;padding:10px 10px 4px}.story-progress div{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.story-progress span{display:block;height:100%;background:#fff}.story-head{display:flex;align-items:center;gap:8px;padding:4px 10px}.story-head small{opacity:.7}.story-head .ghost{color:#fff;font-size:1.2rem}.story-media{position:relative;flex:1;display:grid;place-items:center;overflow:hidden;touch-action:none}.story-media img,.story-media video{max-width:100%;max-height:100%;object-fit:contain}.story-tap{position:absolute;top:0;bottom:0;width:35%;background:none;padding:0;border-radius:0}.story-tap.left{left:0}.story-tap.right{right:0;width:65%}.story-caption{position:absolute;left:0;right:0;bottom:120px;text-align:center;padding:8px 16px;font-size:1.1rem;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.8)}.story-music{text-align:center;font-size:.8rem;opacity:.85;padding:4px}.story-foot{display:flex;gap:8px;padding:10px;align-items:center;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.story-foot input{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.story-foot .ghost{color:#fff}.story-msg{text-align:center;font-size:.85rem;padding-bottom:8px}.story-preview{border-radius:14px;overflow:hidden;background:#000;max-height:50vh;display:grid;place-items:center;margin-bottom:8px}.story-preview img,.story-preview video{max-width:100%;max-height:50vh}.ai-badge{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:999px;background:#a855f7d9;color:#fff}.ai-badge.inline{display:inline-block;margin-bottom:6px}.selected-tile{outline:3px solid var(--accent)}.filter-row{display:flex;gap:8px;overflow-x:auto;padding:6px 0 10px;scrollbar-width:none}.filter-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;background:none;color:var(--text);border:2px solid transparent;border-radius:12px;flex-shrink:0}.filter-item img,.filter-ph{width:64px;height:64px;object-fit:cover;border-radius:10px;background:var(--card2);display:block}.filter-item.on{border-color:var(--accent)}.filter-item small{font-size:.68rem}.thumb-active img,.thumb-active video{outline:3px solid var(--accent)}.music-list{display:flex;flex-direction:column;gap:4px;margin:8px 0;max-height:240px;overflow-y:auto}.music-item{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--text);padding:4px 8px}.music-item.on{border-color:var(--accent);background:#8b5cf61f}.music-chip{margin-top:6px;font-size:.78rem;padding:4px 10px;border-radius:999px;background:var(--card2);color:var(--text);border:1px solid var(--line);font-weight:600}.ring{position:relative;flex-shrink:0}.ring svg{transform:rotate(-90deg);display:block}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1}.ring-label small{font-size:.7rem;color:var(--muted)}.today-hero{display:flex;align-items:center;gap:14px}.today-stats{display:flex;gap:14px;align-items:center;font-size:1.15rem;margin:2px 0}.flame{filter:grayscale(1)}.flame.lit{filter:none;animation:flame 1.6s ease-in-out infinite;display:inline-block}@keyframes flame{50%{transform:scale(1.08) rotate(-3deg)}}.chip-scroll{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.chip-scroll::-webkit-scrollbar{display:none}.fchip{display:inline-flex;align-items:center;gap:6px;background:var(--card);color:var(--text);border:1px solid var(--line);padding:6px 12px;border-radius:999px;white-space:nowrap;font-weight:600;font-size:.85rem;flex-shrink:0}.fchip.hobby{padding:4px 12px 4px 4px}.fchip small{color:var(--muted);font-weight:500}.fchip.on{background:var(--accent);border-color:var(--accent);color:#fff}.fchip.on small{color:#fffc}.banner{padding:8px 12px;border-radius:12px;background:linear-gradient(90deg,rgba(245,158,11,.18),transparent);border:1px solid var(--line);margin-bottom:10px;font-size:.9rem}.qgrid{display:grid;gap:8px;margin-bottom:8px}@media(min-width:620px){.qgrid{grid-template-columns:1fr 1fr}}.qcard{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--text);font-weight:400;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:transform .12s,border-color .15s;width:100%}.qcard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.qcard.diff-b-easy:before{background:var(--good)}.qcard.diff-b-medium:before{background:var(--warn)}.qcard.diff-b-hard:before{background:var(--bad)}.qcard:hover{border-color:var(--accent);transform:translateY(-1px)}.qcard.done{opacity:.6}.qcard.locked{opacity:.5}.qcard.pending{border-style:dashed}.qcard-icon{width:42px;height:42px;border-radius:12px;background:var(--bg2);display:grid;place-items:center;font-size:1.35rem;flex-shrink:0}.qcard-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.qcard-title{font-weight:700;line-height:1.25}.qcard-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.74rem;color:var(--muted)}.qcard-bar{display:flex;align-items:center;gap:6px}.qcard-bar .bar{flex:1}.qcard-xp{font-weight:900;color:var(--accent2);background:var(--bg2);padding:6px 10px;border-radius:999px;font-size:.85rem;white-space:nowrap}.all-done{text-align:center;padding:16px;border-radius:16px;background:linear-gradient(135deg,#34d39926,#22d3ee1a);font-weight:700;margin-bottom:8px}.hobby-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.hobby-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--text);font-weight:400;box-shadow:var(--shadow);min-width:0}.hobby-tile b{max-width:100%}.hobby-tile small{font-size:.72rem}.hobby-head{display:flex;align-items:center;gap:12px}.profile-head{padding:0 14px 14px;overflow:visible;position:relative}.profile-cover{height:120px;margin:0 -14px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(135deg,var(--accent),var(--accent2))}.profile-cover.ptheme-theme_standard{background:linear-gradient(135deg,#8b5cf68c,#22d3ee73)}.profile-top{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-48px}.profile-top .avatar-wrap{box-shadow:0 0 0 4px var(--card);border-radius:50%}.profile-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;margin-bottom:4px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;border-top:1px solid var(--line);padding-top:10px}.stat-strip b{display:block;font-size:1.15rem}.stat-strip small{color:var(--muted);font-size:.72rem}.showcase-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.sc-item{flex-shrink:0;width:84px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--text)}.sc-item .icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:3px solid var(--line);font-size:1.4rem}.sc-item small{font-size:.68rem;max-width:76px}.sc-edit .icon{border-style:dashed;color:var(--muted)}.more-menu{position:relative}.more-menu summary{list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-pop{position:absolute;right:0;top:40px;z-index:10;min-width:180px;padding:6px;display:flex;flex-direction:column}.more-pop button{justify-content:flex-start;color:var(--text)}.create-menu{display:grid;gap:8px}.create-item{display:flex;align-items:center;gap:12px;text-align:left;background:var(--card);color:var(--text);border:1px solid var(--line);padding:12px;border-radius:14px}.create-item span:last-child{display:flex;flex-direction:column}.create-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;background:var(--card2);flex-shrink:0}.create-icon.story{background:conic-gradient(#f59e0b,#ec4899,#8b5cf6,#f59e0b);color:#fff;font-size:1.5rem}.welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.welcome h2{margin:6px 0 0}.welcome-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:8px 0 2px}.welcome-stats>div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 4px;display:flex;flex-direction:column;align-items:center}.welcome-stats span{font-size:1.4rem}.welcome-stats b{font-size:1.3rem}.welcome-stats small{font-size:.7rem}.season-pill{background:linear-gradient(90deg,#fb923c40,#8b5cf640);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:700;font-size:.85rem}.title-dd{position:relative;margin-bottom:8px}.title-dd-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text);padding:2px 0;cursor:pointer}.title-dd-btn h1{margin:0}.title-dd-btn .caret{font-size:1rem;color:var(--muted)}.title-dd-pop{position:absolute;z-index:25;top:100%;left:0;min-width:260px;padding:6px;margin-top:4px;box-shadow:0 10px 30px #00000059}.title-dd-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;background:none;color:var(--text);border:none;padding:9px 30px 9px 10px;border-radius:10px}.title-dd-item:hover,.title-dd-item.on{background:var(--card2)}.title-dd-item small{font-weight:400}.check-mark{position:absolute;right:10px;top:10px;color:var(--accent);font-weight:800}button.link{background:none;border:none;color:var(--accent2);padding:0;font:inherit;cursor:pointer}.seg{display:flex;gap:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:3px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}.seg a{flex:1;text-align:center;padding:7px 8px;border-radius:9px;color:var(--muted);font-weight:600;font-size:.85rem;white-space:nowrap}.seg a.active{background:var(--accent);color:#fff}.social-intro{display:flex;align-items:center;gap:10px}.social-intro .grow,.notif-list{display:flex;flex-direction:column}.notif-section{font-weight:800;margin:12px 0 4px}.notif{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:9px 6px;border-radius:12px}.notif:hover{background:var(--card)}.notif.unread{background:color-mix(in srgb,var(--accent) 12%,transparent)}.notif-avatar{position:relative;flex-shrink:0}.notif-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.35rem;background:var(--card2)}.notif-mini{position:absolute;z-index:3;right:-4px;bottom:-4px;font-size:.8rem;background:var(--bg);border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.notif-text{font-size:.92rem;line-height:1.35}.showcase-top{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:4px 0 10px}.sc-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;max-width:150px;padding:4px 10px 4px 5px;border-radius:999px;background:var(--card2);border:1.5px solid var(--line);color:var(--text)}.sc-chip span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--bg2);font-size:.9rem}.sc-chip small{color:var(--text);font-weight:600;font-size:.72rem}.sc-chip.tier-gold,.sc-chip.tier-platinum{border-color:var(--gold)}.sc-chip.tier-silver{border-color:var(--silver)}.sc-chip.tier-bronze{border-color:var(--bronze)}.sc-chip.tier-legendary,.sc-chip.tier-rare{border-color:var(--legendary)}.sc-chip.sc-edit{border-style:dashed}.stat-strip{grid-template-columns:repeat(5,1fr)}.flame.lit{color:#fb923c}.shop-head h1{display:flex;align-items:center;gap:8px}.tag.alpha{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border:none;font-size:.65rem;letter-spacing:1px}.coin-balance{background:var(--card2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:1rem;white-space:nowrap}.shop-featured{display:flex;align-items:center;gap:14px;width:100%;text-align:left;color:var(--text);background:radial-gradient(circle at 0% 50%,rgba(252,211,77,.25),transparent 60%),var(--card)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.shop-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:16px;min-width:0}.shop-item.tier-gold{border-color:color-mix(in srgb,var(--gold) 60%,var(--line))}.shop-preview{display:grid;place-items:center;min-height:72px;width:100%}.shop-preview.theme-swatch{height:72px;border-radius:12px}.modal .shop-preview.theme-swatch{height:120px}.price{font-weight:800;color:var(--gold)}.price.big{font-size:1.4rem;margin:6px 0 10px}.app:has(.admin-layout){max-width:1280px}.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.admin-side{position:sticky;top:70px;max-height:calc(100vh - 160px);overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px}.admin-side-title{font-weight:900;font-size:1.1rem;padding:4px 8px 8px}.admin-side-group{display:flex;flex-direction:column;margin-bottom:10px}.admin-side-group>small{padding:4px 8px;text-transform:uppercase;font-size:.66rem;letter-spacing:.8px}.admin-side-item{text-align:left;background:none;border:none;color:var(--text);padding:7px 10px;border-radius:9px;font-size:.9rem}.admin-side-item:hover{background:var(--card2)}.admin-side-item.on{background:var(--accent);color:#fff}.admin-main{min-width:0}.admin-main table{display:block;overflow-x:auto;max-width:100%}.admin-main input,.admin-main select,.admin-main textarea{max-width:100%}.admin-menu-btn{display:none}@media(max-width:820px){.admin-layout{grid-template-columns:minmax(0,1fr)}.admin-menu-btn{display:block;width:100%;text-align:left;position:sticky;top:64px;z-index:15}.admin-side{position:fixed;top:0;left:0;bottom:0;width:min(280px,85vw);max-height:none;z-index:60;border-radius:0 16px 16px 0;transform:translate(-105%);transition:transform .2s ease}.admin-side.open{transform:none}.admin-side-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:55}}.profile-actions{flex-shrink:1;min-width:0;flex-wrap:wrap;row-gap:6px}.shop-featured .shop-preview{width:auto;flex-shrink:0;min-height:0}.shop-featured .grow{min-width:0}.season-banner{position:relative;display:flex;align-items:center;gap:14px;overflow:hidden;margin-bottom:14px;padding:16px;border-radius:20px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.25),transparent 45%),linear-gradient(135deg,var(--sc),color-mix(in srgb,var(--sc) 55%,#1e1b4b));box-shadow:0 8px 24px color-mix(in srgb,var(--sc) 35%,transparent)}.season-banner.compact{padding:12px 14px}.season-art{font-size:3.2rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:season-float 4s ease-in-out infinite}.season-banner.compact .season-art{font-size:2.4rem}@keyframes season-float{50%{transform:translateY(-4px) rotate(-4deg)}}.season-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.season-kicker{text-transform:uppercase;letter-spacing:1px;font-size:.68rem;font-weight:800;color:#ffffffd9}.season-name{font-size:1.45rem;font-weight:900;line-height:1.1}.season-banner.compact .season-name{font-size:1.15rem}.season-desc{color:#ffffffe6}.season-go{font-size:2rem;opacity:.8}.season-events-dots{display:flex;align-items:center;gap:5px;margin-top:6px;flex-wrap:wrap}.season-events-dots small{color:#ffffffe6;font-weight:700;margin-left:4px}.sed{--p: 0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#fff calc(var(--p) * 360deg),#ffffff40 0)}.sed span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;background:color-mix(in srgb,var(--sc) 70%,#000)}.sed.done span{background:#fff;color:#16a34a;font-weight:900}.season-time{height:4px;border-radius:2px;background:#ffffff40;margin-top:8px;overflow:hidden}.season-time div{height:100%;background:#fff}.season-hero{position:relative;overflow:hidden;padding:22px 18px 18px;border-radius:24px;color:#fff;margin-bottom:14px;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.3),transparent 40%),linear-gradient(160deg,var(--sc),color-mix(in srgb,var(--sc) 45%,#0f0a2e))}.season-hero h1{font-size:2.1rem;margin:2px 0 4px;font-weight:900}.season-hero p{color:#ffffffeb;max-width:70%}.season-hero small{color:#ffffffd9}.season-hero .pill{background:#00000040;border-color:#ffffff40;color:#fff}.season-hero .row{margin:8px 0}.season-hero-art{position:absolute;right:-6px;top:4px;font-size:6.5rem;opacity:.9;animation:season-float 5s ease-in-out infinite}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px}.event-card{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--c);border-radius:16px;overflow:hidden}.event-card.done{background:color-mix(in srgb,var(--good) 10%,var(--card))}.event-card.open{grid-column:1 / -1}.event-head{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;color:var(--text);padding:12px;border-radius:0}.event-head .grow{display:flex;flex-direction:column;gap:3px;min-width:0}.event-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.6rem;background:color-mix(in srgb,var(--c) 22%,var(--card2));flex-shrink:0}.event-stat{font-weight:700;color:var(--c);filter:brightness(1.1)}.event-body{padding:0 12px 12px}.season-timeline{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}.tl-item{flex-shrink:0;width:120px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:10px 6px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.tl-item.current{background:linear-gradient(160deg,var(--sc),color-mix(in srgb,var(--sc) 50%,#1e1b4b));color:#fff;border-color:transparent}.tl-item.current small{color:#ffffffd9}.tl-item.past{opacity:.5}.tl-icon{font-size:1.7rem}.risk-box{border:1.5px solid var(--warn);background:color-mix(in srgb,var(--warn) 12%,var(--card));border-radius:14px;padding:12px;margin:10px 0}.risk-box p{font-size:.88rem;margin:6px 0 8px}.learn-box{display:flex;flex-direction:column;gap:6px}.learn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.learn-steps span{text-align:center;padding:5px 4px;border-radius:8px;font-size:.75rem;font-weight:700;background:var(--card2);color:var(--muted)}.learn-steps span.on{background:var(--accent);color:#fff}.learn-steps span.past{background:color-mix(in srgb,var(--accent) 30%,var(--card2));color:var(--text)}.arch-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.arch-ground{position:absolute;left:-10%;right:-10%;bottom:-40%;height:58%;border-radius:50% 50% 0 0/30% 30% 0 0;opacity:.95}.arch-item{position:absolute;transform:translate(-50%);line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));animation:arch-bob 6s ease-in-out infinite}@keyframes arch-bob{50%{transform:translate(-50%) translateY(-3px)}}.arch-card{position:relative;overflow:hidden;border-radius:var(--radius);margin-bottom:12px;color:#fff}.arch-card>.arch-content{position:relative;z-index:1;padding:110px 14px 14px;background:linear-gradient(180deg,transparent 0,transparent 90px,rgba(10,10,25,.72) 150px)}.arch-card .muted,.arch-card small{color:#ffffffd1}.arch-card .bar{background:#fff3}.arch-title{position:absolute;z-index:1;top:10px;left:12px;background:#00000059;border-radius:999px;padding:4px 12px;font-weight:800;font-size:.85rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.arch-swatch{position:relative;overflow:hidden;width:100%;height:72px;border-radius:12px}.modal .arch-swatch{height:150px}.cosmetic .arch-swatch{height:64px}.skill-node.tier-4{border-style:double;border-width:4px}.skill-node.master{border-color:var(--gold);background:radial-gradient(circle at 50% 0%,rgba(252,211,77,.35),var(--card) 70%)}.skill-node.master.locked{opacity:.7}.skill-node.master .skill-state{background:var(--gold);color:#000}.skill-canvas{overflow-x:auto}.lang-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.lang-card{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 4px;background:var(--card);color:var(--text);border:2px solid var(--line);border-radius:16px;min-width:0}.lang-card.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--card))}.lang-card b{font-size:.85rem}.lang-card small{font-size:.7rem}.lang-flag{font-size:1.8rem;line-height:1.1}.lang-path{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 6px}.lang-path span{text-align:center;padding:6px 4px;border-radius:10px;font-size:.78rem;font-weight:700;background:var(--card2)}.lang-path span.done{background:var(--accent);color:#fff}.lang-path span.later{color:var(--muted);border:1px dashed var(--line)}.block-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.block-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:14px;min-width:0}.block-card.locked{opacity:.55}.block-icon{font-size:1.5rem}.word-list{display:grid;gap:6px;margin-bottom:12px}.word{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:9px 40px 9px 12px}.word-target{font-size:1.15rem;font-weight:800}.word-pron{color:var(--accent2);font-weight:600}.word-say{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.quiz-prompt{margin:14px 0}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quiz-options button{min-height:56px;font-size:1rem}.quiz-review{text-align:left;display:grid;gap:4px;margin:10px 0;font-size:.88rem}.quiz-review .ok{color:var(--good)}.quiz-review .bad{color:var(--bad)}.season-hero h1{max-width:78%;font-size:clamp(1.5rem,7vw,2.1rem);overflow-wrap:anywhere}.share-link input{width:100%;font-size:.85rem}.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.share-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:14px;background:var(--card);color:var(--text);border:1px solid var(--line);font-size:.75rem;font-weight:600;text-decoration:none}.share-opt span{font-size:1.5rem}.share-friends{display:flex;gap:10px;overflow-x:auto;padding:6px 0}.share-friend{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text);font-size:.75rem;width:70px;flex-shrink:0}.crop-wrap{display:flex;justify-content:center;margin:8px 0}.crop-box{position:relative;overflow:hidden;border-radius:12px;background:#000;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.crop-box img{position:absolute;left:50%;top:50%;max-width:none;pointer-events:none}.crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 2px #ffffffb3;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:33.33% 33.33%;background-position:-1px -1px}.story-preview{position:relative}.story-edit-btn{position:absolute;right:8px;bottom:8px}.sticker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.sticker-grid .gif-pick{aspect-ratio:1;display:grid;place-items:center;background:var(--card);border-radius:12px}.sticker{display:inline-block;font-size:2rem;line-height:1}.sticker-wrap .sticker{font-size:3.6rem;padding:4px}.st-pulse{animation:st-pulse 1s ease-in-out infinite}@keyframes st-pulse{50%{transform:scale(1.18)}}.st-beat{animation:st-beat .9s ease-in-out infinite}@keyframes st-beat{15%,45%{transform:scale(1.25)}30%{transform:scale(1)}}.st-bounce{animation:st-bounce 1s ease infinite}@keyframes st-bounce{50%{transform:translateY(-10px)}}.st-wiggle{animation:st-wiggle .6s ease-in-out infinite}@keyframes st-wiggle{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.st-shake{animation:st-shake .4s linear infinite}@keyframes st-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.st-spin{animation:st-spin 2s linear infinite}@keyframes st-spin{to{transform:rotate(360deg)}}.st-pop{animation:st-pop 1.2s ease infinite}@keyframes st-pop{0%,to{transform:scale(1)}20%{transform:scale(1.35) rotate(-6deg)}40%{transform:scale(.95)}}.st-float{animation:st-float 2.4s ease-in-out infinite}@keyframes st-float{50%{transform:translateY(-6px) rotate(4deg)}}.st-fly{animation:st-fly 1.6s ease-in-out infinite}@keyframes st-fly{50%{transform:translate(6px,-10px) rotate(-8deg)}}.st-wave{animation:st-wave 1s ease-in-out infinite;transform-origin:70% 80%}@keyframes st-wave{25%,75%{transform:rotate(20deg)}50%{transform:rotate(-10deg)}}.st-tilt{animation:st-tilt 2s ease-in-out infinite}@keyframes st-tilt{50%{transform:rotate(-15deg)}}.st-flex{animation:st-flex .8s ease-in-out infinite}@keyframes st-flex{50%{transform:scale(1.15) rotate(-10deg)}}.st-run{animation:st-run .5s steps(2) infinite}@keyframes st-run{50%{transform:translate(4px) translateY(-2px)}}@media(prefers-reduced-motion:reduce){.sticker{animation:none!important}}.msg{position:relative;-webkit-user-select:text;user-select:text}.msg-media{display:block;max-width:240px;max-height:320px;border-radius:12px;margin:2px 0}.msg-image,.msg-video{padding:4px}.voice{display:flex;align-items:center;gap:8px;min-width:190px}.voice-play{width:34px;height:34px;border-radius:50%;padding:0;flex-shrink:0}.voice-bar{flex:1;height:4px;border-radius:2px;background:#7f7f7f59;overflow:hidden}.voice-bar div{height:100%;background:currentColor}.msg-reactions{display:flex;gap:3px;margin-top:4px;flex-wrap:wrap}.msg-reactions button{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:1px 7px;font-size:.8rem}.msg-reactions button.on{border-color:var(--accent)}.react-pop{position:absolute;bottom:100%;z-index:5;display:flex;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 6px;box-shadow:0 6px 20px #0000004d}.msg.mine .react-pop{right:0}.msg.theirs .react-pop{left:0}.react-pop button{background:none;border:none;font-size:1.4rem;padding:2px 4px}.chat-preview{display:flex;align-items:center;gap:8px;margin:6px 0}.chat-preview img,.chat-preview video{height:64px;border-radius:8px}.chat-input.recording{align-items:center}.rec-dot{width:12px;height:12px;border-radius:50%;background:#ef4444;animation:st-pulse 1s infinite}.chat-attach{padding:6px 10px}.frame-pilz:before{background:conic-gradient(#dc2626,#fef2f2,#dc2626,#fef2f2,#dc2626)}.frame-fuchs:before{background:conic-gradient(#f97316,#fff7ed,#ea580c,#7c2d12,#f97316)}.frame-dino:before{background:conic-gradient(#a8a29e,#e7e5e4,#78716c,#d6d3d1,#a8a29e)}.frame-paris:before{background:conic-gradient(#1e3a8a,#fff,#dc2626,#fff,#1e3a8a)}.frame-blumenfeld:before{background:conic-gradient(#f472b6,#fde047,#a78bfa,#4ade80,#f472b6)}.frame-arena:before{background:conic-gradient(#b45309,#fcd34d,#78350f,#fcd34d,#b45309);box-shadow:0 0 12px #f59e0b73}.frame-feedback:before{background:conic-gradient(#22d3ee,#8b5cf6,#ec4899,#22d3ee);animation:spin 6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ptheme{position:relative;overflow:hidden}.ptheme-theme_pilz{background:radial-gradient(120% 40% at 50% 110%,#365314 0 45%,transparent 46%),linear-gradient(180deg,#14532d,#4d7c0f);color:#ecfccb}.ptheme-theme_fuchs{background:radial-gradient(120% 45% at 50% 115%,#9a3412 0 45%,transparent 46%),linear-gradient(180deg,#fed7aa,#f97316);color:#431407}.ptheme-theme_dino{background:repeating-linear-gradient(180deg,#d6d3d1 0,#d6d3d1 14px,#a8a29e 14px,#a8a29e 28px,#e7e5e4 28px,#e7e5e4 40px);color:#292524}.ptheme-theme_paris{background:radial-gradient(circle at 80% 25%,#fde68a 0 6%,transparent 7%),linear-gradient(180deg,#fbcfe8,#a5b4fc 70%,#6366f1);color:#1e1b4b}.ptheme-theme_blumenfeld{background:radial-gradient(120% 50% at 50% 115%,#16a34a 0 45%,transparent 46%),linear-gradient(180deg,#bae6fd,#e0f2fe);color:#052e16}.ptheme-theme_arena{background:radial-gradient(130% 55% at 50% 120%,#92400e 0 40%,transparent 41%),repeating-conic-gradient(from 0deg at 50% 120%,#fbbf24 0,#fbbf24 6deg,#f59e0b 6deg,#f59e0b 12deg);color:#451a03}.ptheme-theme_xx_unused:after{position:absolute;left:0;right:0;bottom:6%;text-align:center;letter-spacing:.4em;font-size:1.6rem;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.theme-swatch.ptheme:after{font-size:1rem}button.coin-balance{color:var(--text);cursor:pointer}.shop-item.owned{opacity:.75}.price.short{color:var(--muted)}.coin-row{padding:6px 0;border-bottom:1px solid var(--line)}.coin-row .pos{color:var(--good)}.coin-row .neg{color:var(--bad)}.feedback-item{padding:8px 0;border-bottom:1px solid var(--line)}.feed-head{display:flex;align-items:center;gap:4px}.feed-head .title-dd{margin-right:auto}.feed-head .title-dd{margin-bottom:8px}.feed-search{display:grid;place-items:center;width:44px;height:44px;font-size:1.3rem;line-height:1;border-radius:50%;margin-bottom:8px}.feed-search:active{background:var(--card2)}.hashtag{color:var(--accent2);font-weight:600}.post-reason{display:block;color:var(--muted);font-size:.75rem;margin-bottom:4px}.post-hobby{display:inline-block;margin:2px 0 6px}.post-hidden{padding:14px}.why-sheet{border:1.5px solid var(--accent);margin-top:8px}.interest-row{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid var(--line)}.interest-bar{width:70px;height:6px;border-radius:3px;background:var(--card2);overflow:hidden}.interest-bar div{height:100%;background:var(--accent)}.visibility-box{display:flex;flex-direction:column;gap:6px}.feedback-work{position:relative}.watermark-line{font-size:.75rem;color:var(--muted);text-align:right;font-style:italic;margin:4px 0}.feedback-work p,.feedback-work+p{-webkit-user-select:none;user-select:none}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tool-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:16px;text-align:center;min-width:0}.tool-card.locked{opacity:.6}.tool-icon{font-size:2rem}.tool-hero{margin-bottom:12px}.tool-big{font-size:1.8rem;font-weight:900;text-align:center;margin:12px 0}.tool-big small{font-size:.9rem;font-weight:600;color:var(--muted)}.tool-log{padding:4px 0;border-bottom:1px solid var(--line);font-size:.88rem}.mini-chart{display:flex;align-items:flex-end;gap:6px;height:90px;margin:10px 0}.mini-chart>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}.mini-chart>div>div{width:100%;background:#38bdf8;border-radius:6px 6px 2px 2px;min-height:3px}.mini-chart small{font-size:.65rem;color:var(--muted)}.macro-row{display:flex;gap:12px;justify-content:center;margin-top:8px;font-weight:700}.food-list{max-height:260px;overflow-y:auto;margin:8px 0}.food-item{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid var(--line)}.recipe summary{cursor:pointer}.breath-wrap{height:230px;display:grid;place-items:center}.breath-circle{width:200px;height:200px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,var(--tool-soft, rgba(56,189,248,.5)),var(--tool-soft2, rgba(139,92,246,.35)));transition-property:transform;transition-timing-function:ease-in-out}.breath-circle b{font-size:1.3rem}.flashcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:10px}.fc-front{font-size:1.4rem;font-weight:800}.fc-back{font-size:1.1rem;color:var(--accent2)}.palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:120px;border-radius:14px;overflow:hidden;margin:10px 0}.palette button{border:none;border-radius:0;min-width:0;padding-left:0;padding-right:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.palette span{background:#0006;color:#fff;font-size:.62rem;max-width:96%;overflow:hidden;padding:2px 4px;border-radius:4px}.plant-row{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid var(--line)}.plant-row.due b{color:var(--accent2)}.roadmap-step{align-items:center;gap:6px;margin:4px 0}.report-grid{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;margin-top:6px}.report-grid b{display:block;font-size:1.1rem}.report-grid small{font-size:.65rem;color:var(--muted)}.t-good{color:var(--good)!important}.quiz-later{display:flex;align-items:center;gap:10px;color:var(--text);border:1.5px dashed var(--accent);margin-bottom:10px}.character{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:10px 0;overflow:hidden}.char-aura{position:absolute;top:4px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--aura, rgba(139,92,246,.35)),transparent 70%);animation:st-pulse 3s ease-in-out infinite}.stage-2{--aura: rgba(34,211,238,.4)}.stage-3{--aura: rgba(250,204,21,.45)}.stage-4{--aura: rgba(236,72,153,.45)}.stage-5{--aura: rgba(251,146,60,.55)}.char-figure{position:relative;line-height:1.1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3));animation:st-float 4s ease-in-out infinite}.char-gear{position:relative;display:flex;gap:6px;font-size:1.5rem;min-height:1.6rem}.character .bar{width:70%}.week-compare{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.week-compare b{display:block;font-size:1.3rem}.week-compare small{display:block;font-size:.7rem}.neg{color:var(--bad)}.xp-chart{display:flex;align-items:flex-end;gap:2px;height:110px}.xp-chart>div{flex:1;height:100%;display:flex;align-items:flex-end}.xp-chart>div>div{width:100%;background:linear-gradient(var(--accent2),var(--accent));border-radius:3px 3px 0 0;min-height:2px}.stat-chart{width:100%;height:auto}.chart-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;margin-top:6px}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:middle}.funnel-row{display:flex;align-items:center;gap:8px;padding:4px 0}.funnel-row span{flex:1;font-size:.88rem}.card-preview{display:flex;justify-content:center;margin-bottom:10px}.card-preview img,.card-preview video{max-height:55vh;max-width:100%;border-radius:16px;box-shadow:0 8px 24px #0000004d}.invite-card{display:flex;align-items:center;gap:10px;width:100%;color:var(--text);border:1.5px dashed var(--accent);margin-bottom:10px;text-align:left}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:96;background:#00000073;display:flex;align-items:flex-end;justify-content:center;animation:fadein .2s ease}.sheet-bg.inline{position:absolute}.sheet{width:100%;max-width:560px;max-height:72%;overflow-y:auto;background:var(--card);color:var(--text);border-radius:22px 22px 0 0;padding:6px 16px calc(16px + env(safe-area-inset-bottom));animation:slideup .25s cubic-bezier(.2,.8,.2,1);touch-action:pan-y}.sheet h3{margin:4px 0 10px;text-align:center;font-size:1rem}.sheet-handle{display:block;width:100%;padding:8px 0 10px;background:none;border:0;cursor:grab;touch-action:none}.sheet-handle:before{content:"";display:block;width:42px;height:5px;border-radius:3px;background:var(--line);margin:0 auto}.sheet-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 6px;background:none;color:var(--text);border:0;border-bottom:1px solid var(--line);font-weight:600;text-align:left;border-radius:0}.sheet-item:last-child{border-bottom:0}.sheet-item .si-icon{font-size:1.3rem;width:28px;text-align:center}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadein{0%{opacity:0}}.story-swipe-hint{text-align:center;font-size:.75rem;opacity:.7;padding-bottom:2px}.story-ring.close{background:conic-gradient(#22c55e,#16a34a,#4ade80,#22c55e)}.story-ring.seen{background:transparent}.close-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#16a34a;color:#fff;font-size:.72rem;font-weight:700}.audience-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.audience-toggle button{background:var(--card2);color:var(--text);border:2px solid transparent}.audience-toggle button.on{border-color:var(--accent)}.audience-toggle button.on.close{border-color:#16a34a}.story-ring.seen.hl{background:var(--line)}.avatar-btn{position:relative;background:none;padding:0;border:0;border-radius:50%}.avatar-plus{position:absolute;right:2px;bottom:2px;z-index:4;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:1.1rem;font-weight:800;border:3px solid var(--card)}.display-slot{margin:10px 0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--card2);display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.display-arch{position:relative;min-height:180px}.display-arch .arch-title{position:absolute;left:10px;bottom:8px}.display-radar{display:grid;place-items:center;padding:8px}.display-ctrl{grid-column:1 / -1;padding:8px 10px;border-top:1px solid var(--line);gap:6px}.display-teaser{display:block;margin:8px 0;padding:10px 12px;border-radius:14px;border:1px dashed var(--line);color:var(--muted);font-size:.85rem}.chip-btn{padding:5px 10px;border-radius:999px;background:var(--card);color:var(--text);border:1px solid var(--line);font-size:.8rem;font-weight:600}.chip-btn.on{background:var(--accent);color:#fff;border-color:var(--accent)}.upgrade-card{display:flex;align-items:center;gap:12px}.upgrade-icon{font-size:2rem;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--card2)}.anim-tag{position:absolute;top:6px;left:6px;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:999px;background:linear-gradient(90deg,#a855f7,#22d3ee);color:#fff}.shop-item{position:relative}.frame-drache:before{background:conic-gradient(from 0deg,#7f1d1d,#ef4444,#f97316,#fde047,#f97316,#ef4444,#7f1d1d);box-shadow:0 0 18px #ef4444cc,0 0 34px #f9731659;animation:spin 2.4s linear infinite,flicker .9s ease-in-out infinite alternate}.frame-drache .deco-0{animation:orbit 5s linear infinite;transform-origin:calc(var(--s) * -.35) calc(var(--s) * .64);font-size:calc(var(--s) * .36)}.frame-drache .deco-1,.frame-drache .deco-2{animation:emberup 1.8s ease-in infinite}.frame-drache .deco-2{animation-delay:.9s}.frame-gewitter:before{background:conic-gradient(#1e293b,#475569,#0f172a,#334155,#1e293b);box-shadow:0 0 10px #94a3b880;animation:lightning 3.2s steps(1) infinite}.frame-gewitter .deco-0,.frame-gewitter .deco-2{animation:boltflash 3.2s steps(1) infinite}.frame-gewitter .deco-2{animation-delay:1.6s}.frame-gewitter .deco-1{animation:drift 4s ease-in-out infinite alternate}.frame-bluetenregen:before{background:conic-gradient(#fbcfe8,#f472b6,#fdf2f8,#f9a8d4,#fbcfe8);box-shadow:0 0 12px #f472b68c;animation:spin 9s linear infinite}.frame-bluetenregen .deco{top:calc(var(--s) * -.2);bottom:auto;animation:petalfall 3.6s linear infinite}.frame-bluetenregen .deco-0{left:5%;right:auto}.frame-bluetenregen .deco-1{left:45%;animation-delay:1.2s}.frame-bluetenregen .deco-2{left:85%;right:auto;animation-delay:2.4s}.frame-galaxie:before{background:conic-gradient(from 0deg,#1e1b4b,#7c3aed,#ec4899,#22d3ee,#1e1b4b);box-shadow:0 0 16px #7c3aedb3,0 0 30px #22d3ee4d;animation:spin 5s linear infinite}.frame-galaxie .deco-0{animation:orbit 3.5s linear infinite;transform-origin:calc(var(--s) * -.35) calc(var(--s) * .64)}.frame-galaxie .deco-1{animation:twinkle 2s ease-in-out infinite}.frame-galaxie .deco-2{animation:twinkle 2s ease-in-out .7s infinite}@keyframes emberup{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(calc(var(--s) * -.6)) scale(.4);opacity:0}}@keyframes lightning{0%,86%,92%,to{filter:none}88%,94%{filter:brightness(2.6) saturate(0)}}@keyframes boltflash{0%,84%{opacity:0}86%,96%{opacity:1}98%{opacity:0}}@keyframes drift{0%{transform:translate(-3px)}to{transform:translate(4px)}}@keyframes petalfall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(calc(var(--s) * 1.3)) translate(6px) rotate(240deg);opacity:0}}@keyframes twinkle{50%{opacity:.25;transform:scale(.7)}}.ptheme-theme_polarlicht{background:linear-gradient(115deg,#020617,#064e3b 25%,#22d3ee,#a855f7,#064e3b 70%,#020617);background-size:300% 300%;animation:auroraflow 12s ease-in-out infinite alternate;color:#ecfeff}.ptheme-theme_polarlicht:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1px 1px at 15% 20%,#fff,transparent),radial-gradient(1px 1px at 60% 12%,#fff,transparent),radial-gradient(1px 1px at 85% 35%,#fff,transparent),linear-gradient(180deg,transparent 60%,rgba(2,6,23,.6));pointer-events:none}.ptheme-theme_sternschnuppen{background:radial-gradient(1px 1px at 12% 25%,#fff,transparent),radial-gradient(1px 1px at 33% 60%,#fff,transparent),radial-gradient(1.5px 1.5px at 58% 30%,#fff,transparent),radial-gradient(1px 1px at 78% 70%,#fff,transparent),radial-gradient(1px 1px at 90% 15%,#fff,transparent),linear-gradient(180deg,#0b1026,#1e1b4b);color:#e0e7ff}.ptheme-theme_sternschnuppen:before,.ptheme-theme_sternschnuppen:after{content:"";position:absolute;top:-10%;left:70%;width:120px;height:2px;background:linear-gradient(90deg,#fff,transparent);border-radius:2px;transform:rotate(-35deg);animation:shootingstar 4.5s ease-in infinite;pointer-events:none}.ptheme-theme_sternschnuppen:after{left:35%;animation-delay:2.2s;width:80px}.ptheme-theme_tiefsee{background:radial-gradient(60% 40% at 50% -10%,#38bdf855,transparent),linear-gradient(180deg,#0c4a6e,#082f49 50%,#020617);color:#e0f2fe}@keyframes auroraflow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes shootingstar{0%{transform:translate(0) rotate(-35deg);opacity:0}5%{opacity:1}30%{transform:translate(-220px,160px) rotate(-35deg);opacity:0}to{opacity:0}}@keyframes bubbles{0%{background-position:0 0}to{background-position:0 -60px}}@keyframes swim{0%{transform:translate(0)}to{transform:translate(160vw)}}@media(prefers-reduced-motion:reduce){.ptheme:before,.ptheme:after,[class*=ptheme-theme_]{animation:none!important}}.react-pop .react-del{border-left:1px solid var(--line);margin-left:2px;padding-left:8px;font-size:1.2rem}.crop-round{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:50%;box-shadow:0 0 0 9999px #0000008c,inset 0 0 0 2px #fffc}.filter-row{scroll-snap-type:x mandatory;scroll-behavior:smooth}.filter-item{scroll-snap-align:center}.filter-stage{position:relative;border-radius:14px;overflow:hidden;background:#000;margin-bottom:8px;display:grid;place-items:center;max-height:52vh;-webkit-user-select:none;user-select:none}.filter-stage img{max-width:100%;max-height:52vh;object-fit:contain;display:block;pointer-events:none}.filter-flash{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:6px 14px;border-radius:999px;background:#0000008c;color:#fff;font-weight:800;font-size:1.1rem;animation:fadein .15s ease;pointer-events:none}.filter-dots{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:center;gap:4px;pointer-events:none}.filter-dots span{width:6px;height:6px;border-radius:50%;background:#ffffff73}.filter-dots span.on{background:#fff;transform:scale(1.3)}.filter-hint{position:absolute;bottom:6px;left:0;right:0;text-align:center;color:#fffc;font-size:.7rem;pointer-events:none;text-shadow:0 1px 2px #000}.sound-link{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--card2);color:var(--text);font-size:.78rem;font-weight:600}.sound-list{max-height:260px;overflow-y:auto;margin-top:6px}.sound-item{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--line)}.sound-item.on{background:var(--card2);border-radius:10px}.sound-head{display:flex;align-items:center;gap:14px}.sound-disc{width:72px;height:72px;border-radius:50%;font-size:1.6rem;background:radial-gradient(circle,var(--card) 0 18%,#111 19% 100%);color:#fff;border:3px solid var(--line)}.sound-disc.spin{animation:spin 3s linear infinite}.hobby-picker{margin-bottom:10px}.hp-dropdown{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:14px;background:var(--card);color:var(--text);border:1px solid var(--line);text-align:left}.hp-cur-icon{font-size:1.6rem}.hp-row{display:flex;gap:8px;overflow-x:auto;padding:8px 2px 4px;scroll-snap-type:x proximity;scrollbar-width:none}.hp-row::-webkit-scrollbar{display:none}.hp-card{position:relative;flex:0 0 78px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:14px;background:var(--card);color:var(--text);border:2px solid transparent;scroll-snap-align:center}.hp-card.on{border-color:var(--accent);background:var(--card2)}.hp-icon{font-size:1.6rem}.hp-name{max-width:70px;font-size:.75rem;font-weight:700}.hp-card small{font-size:.65rem;color:var(--muted)}.hp-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:800;display:grid;place-items:center}.hp-badge.static{position:static;height:auto;padding:2px 8px}.hp-group{margin:10px 0 2px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.sheet-item.on{background:var(--card2);border-radius:10px}.qgrid{grid-template-columns:1fr!important;gap:10px}.qcard{padding:16px 16px 16px 18px;gap:14px;border-radius:20px;min-height:84px}.qcard:before{width:6px}.qcard-icon{width:56px;height:56px;border-radius:16px;font-size:1.8rem}.qcard-title{font-size:1.05rem}.qcard-meta{font-size:.8rem}.qcard-xp{font-size:1rem;padding:8px 12px}.hobby-tiles{display:flex!important;flex-direction:column;gap:10px}.hobby-tile{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:14px;align-items:center;text-align:left!important;padding:14px 16px!important;border-radius:20px;width:100%}.hobby-tile>:first-child{grid-row:1 / span 3}.hobby-tile b{font-size:1.05rem}.med-stage{display:grid;place-items:center;gap:12px;min-height:260px}.med-orb{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 35% 30%,var(--tool-light, #c4b5fd),var(--tool-main, #7c3aed) 55%,var(--tool-dark, #312e81));box-shadow:0 0 40px var(--tool-glow, rgba(124, 58, 237, .5));transition:transform ease-in-out}.med-orb.calm{animation:medpulse 8s ease-in-out infinite}.med-orb.in{transform:scale(1.15)}.med-orb.out{transform:scale(.7)}@keyframes medpulse{50%{transform:scale(1.08);box-shadow:0 0 60px #7c3aedb3}}.tuner-note{font-size:4rem;font-weight:900;margin:8px 0;color:var(--muted)}.tuner-note.ok{color:var(--good)}.tuner-meter{position:relative;height:14px;border-radius:999px;background:linear-gradient(90deg,var(--bad),var(--warn) 40%,var(--good) 48% 52%,var(--warn) 60%,var(--bad));margin:10px 0}.tuner-needle{position:absolute;top:-6px;width:4px;height:26px;margin-left:-2px;background:var(--text);border-radius:2px;transition:left .1s}.tuner-center{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:#fff;opacity:.5}.metro-dots{display:flex;gap:10px;justify-content:center;margin:10px 0}.metro-dots span{width:22px;height:22px;border-radius:50%;background:var(--card2);border:2px solid var(--line)}.metro-dots span.on{background:var(--accent2)}.metro-dots span.on.accent{background:var(--accent);transform:scale(1.2)}.spectro{width:100%;height:140px;border-radius:12px;background:#020617;margin-top:8px;image-rendering:pixelated}.bird-cand{margin-top:6px}.bird-ref{padding:6px 0;border-bottom:1px solid var(--line)}.moon-strip{display:flex;gap:2px;overflow-x:auto;font-size:1.2rem;padding:6px 0;justify-content:center;flex-wrap:wrap}.cipher-out{padding:12px;border-radius:12px;background:var(--card2);font-family:ui-monospace,monospace;word-break:break-word;min-height:44px;margin:6px 0;white-space:pre-wrap}.filter-stage .filter-dots{top:10px;bottom:auto}.filter-stage .filter-hint{top:22px;bottom:auto}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.fx-bubble{position:absolute;bottom:-16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffffe6,#bae6fd59 60%,#bae6fd26);border:1px solid rgba(255,255,255,.35);animation:fxrise linear forwards}@keyframes fxrise{0%{transform:translate(0);opacity:0}10%{opacity:.9}50%{transform:translate(var(--drift),-70%)}to{transform:translate(calc(var(--drift) * -.5),-260px);opacity:0}}.fx-fish{position:absolute;font-size:1.3rem;left:-12%;transform:scaleX(-1);animation:fxswim linear infinite}.fx-fish.f1{top:38%;animation-duration:16s}.fx-fish.f2{top:62%;animation-duration:22s;animation-delay:-9s;font-size:1rem}.fx-fish.f3{top:20%;animation-duration:28s;animation-delay:-4s;font-size:.9rem}@keyframes fxswim{0%{left:-12%}to{left:112%}}.fx-shark{position:absolute;top:45%;left:110%;font-size:2.6rem;transform:scaleX(1);animation:fxshark 9s linear forwards;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}@keyframes fxshark{0%{left:110%}to{left:-30%}}.theme-swatch .fx-fish,.shop-preview .fx-fish{font-size:.8rem}@media(prefers-reduced-motion:reduce){.fx-fish,.fx-bubble,.fx-shark{animation:none;display:none}}.hobby-cat{margin-bottom:12px}.hobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin-top:4px}.hobby-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:88px;padding:10px 6px;border-radius:16px;background:var(--card2);color:var(--text);border:2px solid var(--line);font-weight:600;text-align:center;transition:box-shadow .2s,border-color .2s,transform .15s}.hobby-box .hb-icon{font-size:1.7rem;line-height:1}.hobby-box .hb-name{font-size:.78rem;line-height:1.15}.hobby-box .hb-star,.hobby-box .hb-warn{position:absolute;top:4px;font-size:.7rem}.hb-star{left:6px}.hb-warn{right:6px}.hobby-box .hb-sub{font-size:.65rem;color:var(--muted)}.hobby-box .hb-check{position:absolute;bottom:4px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:.7rem;display:grid;place-items:center}.hobby-box.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--card2))}@media(hover:hover){.hobby-box:hover{transform:translateY(-2px);border-color:var(--accent2);box-shadow:0 0 14px color-mix(in srgb,var(--accent2) 45%,transparent)}}.hobby-children{margin:8px 0 4px;padding:8px 10px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--accent) 6%,transparent)}.hobby-children.depth-2{margin-left:8px;border-left-color:var(--accent2)}.report-cats .option{padding:10px 12px;margin-bottom:6px}.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:radial-gradient(circle at 50% 30%,#312e81,#020617 75%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.call-remote{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.call-local{position:absolute;right:14px;top:calc(14px + env(safe-area-inset-top));width:110px;height:150px;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.6);background:#111;transform:scaleX(-1)}.call-info{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.call-info h2{margin:8px 0 0}.call-actions{position:absolute;bottom:calc(40px + env(safe-area-inset-bottom));display:flex;gap:22px}.call-btn{width:64px;height:64px;border-radius:50%;font-size:1.6rem;background:#ffffff2e;color:#fff;border:none;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.call-btn.small{width:46px;height:46px;font-size:1.2rem}.call-btn.hang{background:#dc2626}.call-btn.accept{background:#16a34a;animation:pulseglow 1.2s infinite}.call-incoming{position:fixed;left:10px;right:10px;top:calc(10px + env(safe-area-inset-top));z-index:98;max-width:540px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 30px #00000059;animation:slideup .25s reverse}.call-toast{position:fixed;left:50%;top:70px;transform:translate(-50%);z-index:98;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.msg.msg-call{font-style:italic;opacity:.85}.interval-cam{position:fixed;top:0;right:0;bottom:0;left:0;z-index:97;background:#000;color:#fff}.interval-cam video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);transition:filter .15s}.interval-cam video.flash{filter:brightness(2)}.ic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 30%,transparent 60%,rgba(0,0,0,.65));gap:10px}.ic-top{width:100%;display:flex;justify-content:space-between;align-items:center}.ic-top .ghost{color:#fff}.ic-count{font-size:6rem;font-weight:900;text-shadow:0 4px 20px rgba(0,0,0,.6)}.ic-actions{width:100%;max-width:420px}.ic-hint{opacity:.8;text-align:center;max-width:420px}.qcard-bonus{margin-left:6px;font-size:.7rem;font-weight:800;padding:1px 6px;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#ef4444);color:#fff;vertical-align:middle}.vocab-list{display:flex;flex-direction:column;gap:6px}.vocab-row{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--text);font-weight:400}.vocab-row.learned{border-left:4px solid var(--good)}.vocab-row.weak{border-left:4px solid var(--bad)}.grammar-card summary{cursor:pointer}.code-chip{font-family:ui-monospace,monospace;background:var(--card2);padding:2px 8px;border-radius:6px;-webkit-user-select:all;user-select:all}.heart-bump{display:inline-block;animation:heartBump .45s cubic-bezier(.3,1.6,.5,1)}@keyframes heartBump{0%{transform:scale(1)}35%{transform:scale(1.55) rotate(-8deg)}70%{transform:scale(.9)}to{transform:scale(1)}}.post-media{position:relative}.heart-burst{position:absolute;left:50%;top:50%;font-size:90px;pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:heartBurst .9s ease-out forwards;filter:drop-shadow(0 4px 14px rgba(0,0,0,.4));z-index:3}@keyframes heartBurst{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.25);opacity:1}40%{transform:translate(-50%,-50%) scale(.95)}75%{opacity:1}to{transform:translate(-50%,-80%) scale(1.1);opacity:0}}.auto-video{position:relative;width:100%;height:100%}.auto-video video{width:100%;height:100%;object-fit:contain;display:block;background:#000;cursor:pointer}.mute-btn{position:absolute;right:10px;bottom:10px;width:34px;height:34px;padding:0;border-radius:50%;background:#0000008c;border:0;color:#fff;font-size:15px;z-index:2}.medal-embed{display:grid;gap:4px;margin-bottom:8px}.medal-embed iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:12px;background:#000}.medal-play{width:100%;aspect-ratio:16 / 9;border-radius:12px;background:linear-gradient(135deg,#1b1035,#3a1d6e);color:#fff;font-size:1.1rem}.remix-tag{display:inline-block;margin-bottom:6px;color:var(--muted)}body.reels-open .bottomnav,body.reels-open .topbar{display:none!important}.reels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000;color:#fff}.reels-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:max(10px,env(safe-area-inset-top)) 12px 10px;background:linear-gradient(rgba(0,0,0,.55),transparent)}.reels-top button{color:#fff;font-size:1.2rem}.reels-scroll{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.reels-scroll::-webkit-scrollbar{display:none}.reel{position:relative;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;max-width:560px;margin:0 auto}.reel.center{text-align:center;padding:20px}.reel-video{position:absolute;top:0;right:0;bottom:0;left:0}.reel-video .auto-video video{object-fit:cover;cursor:default}@media(min-aspect-ratio:3/4){.reel-video .auto-video video{object-fit:contain}}.reel-video .mute-btn{display:none}.reel-side{position:absolute;right:8px;bottom:120px;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:3}.reel-side button{background:none;border:0;color:#fff;display:flex;flex-direction:column;align-items:center;font-size:1.7rem;padding:0;text-shadow:0 1px 6px rgba(0,0,0,.6)}.reel-side small{font-size:.72rem;margin-top:2px}.reel-info{position:absolute;left:12px;right:70px;bottom:max(24px,env(safe-area-inset-bottom));z-index:3;text-shadow:0 1px 6px rgba(0,0,0,.7)}.reel-info p{margin:4px 0;max-height:4.5em;overflow:hidden}.reel-sound{color:#fff;font-size:.85rem;display:inline-block;margin-top:4px}.video-studio{display:grid;gap:6px}.vs-stage{position:relative;aspect-ratio:9 / 16;max-height:52vh;margin:0 auto;background:#000;border-radius:14px;overflow:hidden;width:100%;max-width:300px}.vs-stage video{width:100%;height:100%;object-fit:cover}.vs-stage.duet{display:grid;grid-template-columns:1fr 1fr}.vs-stage .cam{transform:scaleX(-1)}.vs-stage:not(.duet) .cam{position:absolute;right:8px;top:8px;width:34%;height:auto;aspect-ratio:9 / 16;border-radius:10px;border:2px solid #fff}.vs-text{position:absolute;left:6%;right:6%;text-align:center;font-weight:800;font-size:1.15rem;white-space:pre-wrap;text-shadow:0 0 4px #000,0 0 2px #000}.vs-text.top{top:10%}.vs-text.center{top:45%}.vs-text.bottom{bottom:14%}.rec-dot{position:absolute;left:8px;top:8px;background:#c80000d9;color:#fff;padding:2px 8px;border-radius:10px;font-size:.8rem}.skill-web{position:relative;height:min(68vh,640px);min-height:380px;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 10%,var(--card)) 0%,var(--card) 60%,var(--bg) 100%);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;margin-bottom:12px}.skill-web:active{cursor:grabbing}.sw-layer{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.sw-edges{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.sw-edge{fill:none;stroke:var(--line);stroke-width:3;stroke-dasharray:6 6;opacity:.8}.sw-edge.available{stroke:color-mix(in srgb,var(--accent) 45%,var(--line));stroke-dasharray:none}.sw-edge.unlocked{stroke:var(--accent);stroke-dasharray:none;stroke-width:4;filter:drop-shadow(0 0 4px var(--accent))}.sw-edge.lit{stroke:var(--gold, #f5c542);stroke-width:5;stroke-dasharray:none;opacity:1;filter:drop-shadow(0 0 6px var(--gold, #f5c542))}.sw-node{position:absolute;width:58px;height:58px;margin:-29px 0 0 -29px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--card2, var(--card));border:3px solid var(--line);color:var(--text);transition:transform .15s,box-shadow .2s,border-color .2s}.sw-node .sw-icon{font-size:26px;line-height:1}.sw-node.locked .sw-icon{filter:grayscale(1) opacity(.55)}.sw-node.available{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));animation:swPulse 2.4s ease-in-out infinite}.sw-node.unlocked{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--card));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent)}.sw-node.master{border-color:var(--gold, #f5c542)}.sw-node.master.unlocked{background:color-mix(in srgb,#f5c542 25%,var(--card));box-shadow:0 0 16px #f5c542}.sw-node.sel{transform:scale(1.22);z-index:2;box-shadow:0 0 0 4px var(--gold, #f5c542),0 0 26px var(--gold, #f5c542);border-color:#fff}.sw-node.lit:not(.sel){border-color:var(--gold, #f5c542)}.sw-node.root{width:92px;height:92px;margin:-46px 0 0 -46px;border-width:4px;border-color:var(--accent);background:var(--accent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 70%,transparent)}.sw-node.root .sw-icon{font-size:44px}.sw-node.branch{width:72px;height:72px;margin:-36px 0 0 -36px;border-width:4px}.sw-node.branch .sw-icon{font-size:32px}.sw-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;white-space:nowrap;font-size:.75rem;font-weight:700;background:var(--card);padding:1px 8px;border-radius:10px;border:1px solid var(--line)}.sw-badge{position:absolute;top:-6px;right:-6px;font-size:15px}.sw-lock{position:absolute;bottom:-4px;right:-4px;font-size:13px}.sw-check{position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;display:grid;place-items:center;font-weight:800}@keyframes swPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}50%{box-shadow:0 0 0 7px transparent}}.sw-controls{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px;z-index:3}.sw-controls button{width:36px;height:36px;padding:0;border-radius:10px;background:var(--card);color:var(--text);border:1px solid var(--line);font-size:1.1rem}.sw-pop{position:absolute;left:10px;right:10px;bottom:10px;z-index:4;max-height:60%;overflow-y:auto;margin:0;animation:swPop .18s ease-out;cursor:default;box-shadow:0 10px 30px #00000059}@keyframes swPop{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:none;opacity:1}}.sw-pop-close{position:absolute;right:6px;top:6px;padding:4px 8px}.sw-pop-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:26px;border:3px solid var(--line);flex:none}.sw-pop-icon.unlocked{border-color:var(--accent)}.sw-pop-icon.available{border-color:color-mix(in srgb,var(--accent) 70%,var(--line))}.sw-gain{display:block;margin:2px 0}.steps-bar{display:flex;gap:4px;overflow-x:auto;margin-bottom:10px;scrollbar-width:none}.step-dot{flex:1;white-space:nowrap;padding:6px 8px;font-size:.75rem;background:var(--card);color:var(--muted);border:1px solid var(--line);border-radius:10px}.step-dot.on{background:var(--accent);color:#fff;border-color:var(--accent)}.step-dot.done{color:var(--text)}.pizza-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.pizza-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:10px;border-radius:14px;background:var(--card);color:var(--text);border:2px solid var(--line)}.pizza-card.on{border-color:var(--accent)}.pizza-card small{font-size:.72rem;line-height:1.25}.pz-flag{font-size:1.6rem}.dough-table>div{display:grid;grid-template-columns:80px 70px 1fr;gap:6px;align-items:baseline;padding:3px 0;border-bottom:1px dashed var(--line)}.dough-table>div:last-child{border:0}.dough-table small{color:var(--muted)}.pz-step{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-bottom:1px solid var(--line)}.pz-num{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.8rem;flex:none}.pz-order{margin:6px 0;padding-left:20px}.timer-row{display:flex;align-items:center;gap:8px;padding:4px 0}.timer-row.done b{color:var(--good, #2ecc71);animation:swPulse 1s infinite}.poem-editor{display:grid;grid-template-columns:44px 1fr;gap:4px;margin-top:6px}.poem-gutter{padding-top:9px;font-size:.75rem;line-height:1.45rem;color:var(--muted)}.poem-gutter div{height:1.45rem;display:flex;gap:6px}.poem-gutter .rh{width:12px;font-weight:800;color:var(--accent)}.poem-editor textarea{line-height:1.45rem;font-family:Georgia,serif;resize:vertical;white-space:pre;overflow-x:auto}.poem-view{white-space:pre-wrap;font-family:Georgia,serif;margin:6px 0}.song-map{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.song-chip{color:#fff;font-size:.72rem;padding:3px 4px 3px 8px;border-radius:10px;display:inline-flex;gap:2px;align-items:center}.song-chip button{background:none;border:0;color:#fff;padding:0 4px;font-size:.9rem}.song-section{border-left:4px solid;padding:6px 8px;margin:8px 0;background:var(--card);border-radius:0 10px 10px 0}.chord-line{font-family:ui-monospace,monospace;font-size:.8rem;margin:4px 0}.song-repeat{color:var(--muted);font-style:italic;padding:4px 0}.song-words{line-height:1.9;padding:4px 0}.song-word{cursor:pointer;border-radius:4px;padding:1px 2px}.color-dot{width:28px;height:28px;border-radius:50%;padding:0;border:2px solid var(--line);flex:none}.color-dot.on{border-color:var(--text);box-shadow:0 0 0 2px var(--accent)}.color-grid{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.outfit-wrap{display:flex;gap:12px;align-items:flex-start}.outfit-figure{width:110px;flex:none;background:var(--card);border-radius:14px;padding:6px}.outfit-score b{font-size:2rem}.outfit-list{display:flex;gap:8px;overflow-x:auto}.outfit-mini{display:flex;flex-direction:column;align-items:center;background:none;border:0;color:var(--text);padding:0}.outfit-mini .outfit-figure{width:70px}.co2-total{text-align:center;margin:6px 0 10px}.co2-total b{font-size:2.4rem}.co2-bar{display:grid;grid-template-columns:110px 1fr 56px;gap:6px;align-items:center;font-size:.8rem;margin:3px 0}.co2-bar div{height:10px;background:var(--card2, var(--line));border-radius:6px;overflow:hidden}.co2-bar i{display:block;height:100%;background:linear-gradient(90deg,#2ecc71,#f39c12,#e74c3c);background-size:300px 100%}.co2-bar b{text-align:right}.bmi-scale{position:relative;margin:8px 0 2px}.bmi-bands{display:grid;grid-template-columns:14% 26% 20% 40%;height:12px;border-radius:6px;overflow:hidden}.bmi-bands i:nth-child(1){background:#5dade2}.bmi-bands i:nth-child(2){background:#2ecc71}.bmi-bands i:nth-child(3){background:#f5b041}.bmi-bands i:nth-child(4){background:#e74c3c}.bmi-pin{position:absolute;top:-5px;width:4px;height:22px;background:var(--text);border-radius:2px;transform:translate(-2px)}.t-warn{color:#f39c12}.t-bad{color:#e74c3c}.frame-matrix:before{background:repeating-linear-gradient(0deg,#000 0,#000 3px,#052e16 3px,#052e16 5px,#22c55e 5px,#22c55e 6px);box-shadow:0 0 12px #22c55e;animation:glitch 2.8s steps(1) infinite}.frame-matrix .deco{color:#22c55e;font-family:monospace;font-weight:800;text-shadow:0 0 6px #22c55e;filter:none}.frame-matrix .deco-0{animation:digitfall 1.6s linear infinite}.frame-matrix .deco-1{animation:digitfall 2.1s linear infinite .5s}.frame-matrix .deco-2{animation:glitchshift 1.3s steps(2) infinite}@keyframes glitch{0%,to{transform:none;filter:none}8%{transform:translate(2px,-1px) skew(6deg);filter:hue-rotate(40deg)}9%{transform:translate(-2px,1px)}10%{transform:none;filter:none}55%{clip-path:inset(10% 0 60% 0)}56%{clip-path:none}72%{transform:translate(-3px)}73%{transform:none}}@keyframes digitfall{0%{transform:translateY(calc(var(--s) * -.2));opacity:0}20%{opacity:1}to{transform:translateY(calc(var(--s) * .9));opacity:0}}@keyframes glitchshift{0%{transform:translate(0);opacity:1}50%{transform:translate(3px);opacity:.4}}.frame-rgb:before{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);animation:spin 2s linear infinite,rgbglow 3s linear infinite}@keyframes rgbglow{0%{box-shadow:0 0 14px #ff0040}33%{box-shadow:0 0 14px #00ff80}66%{box-shadow:0 0 14px #4060ff}to{box-shadow:0 0 14px #ff0040}}.frame-rgb .deco-0{animation:rgbtext 2s linear infinite}@keyframes rgbtext{0%{color:red}33%{color:#0f0}66%{color:#00f}to{color:red}}.frame-explosion:before{background:radial-gradient(circle,#fef08a 0,#fef08a 40%,#f97316,#dc2626 70%,#1c1917 80%);animation:boom 2.2s ease-out infinite}@keyframes boom{0%{transform:scale(.85);box-shadow:0 0 #f97316e6}25%{transform:scale(1.08);box-shadow:0 0 26px 8px #f97316b3}to{transform:scale(1);box-shadow:0 0 6px #f973164d}}.frame-explosion .deco-0,.frame-explosion .deco-1{animation:popout 2.2s ease-out infinite}.frame-explosion .deco-1{animation-delay:.3s}.frame-explosion .deco-2{animation:popout 2.2s ease-out infinite .6s}@keyframes popout{0%{transform:scale(0);opacity:0}15%{transform:scale(1.3);opacity:1}60%{transform:scale(1);opacity:1}to{transform:scale(.6);opacity:0}}.frame-pizza:before{background:radial-gradient(circle at 30% 35%,#b91c1c 0 6%,transparent 7%),radial-gradient(circle at 70% 60%,#b91c1c 0 6%,transparent 7%),radial-gradient(circle at 45% 75%,#b91c1c 0 5%,transparent 6%),radial-gradient(circle,#fde68a 0,#fde68a 62%,#f59e0b 63%,#f59e0b 78%,#b45309 79%);animation:spin 14s linear infinite}.frame-pizza .deco-1{animation:drift 2.4s ease-in-out infinite alternate}.frame-cyberpunk:before{background:conic-gradient(#f0f,#0ff,#f0f,#fde047,#0ff,#f0f);box-shadow:0 0 10px #f0f,0 0 20px #0ff;animation:spin 3s linear infinite,neonflick 4s steps(1) infinite}@keyframes neonflick{0%,to{opacity:1}41%{opacity:.5}42%{opacity:1}78%{opacity:.7}79%{opacity:1}}.frame-auto:before{background:repeating-conic-gradient(#111 0,#111 25%,#fafafa 0,#fafafa 50%) 0 0 / 10px 10px;box-shadow:0 0 8px #00000080}.frame-auto .deco-0{animation:orbit 1.6s linear infinite;transform-origin:calc(var(--s) * -.35) calc(var(--s) * .64)}.frame-dampfer:before{background:repeating-radial-gradient(circle,#111 0,#111 2px,#f5f5f4 2px,#f5f5f4 4px);filter:grayscale(1) contrast(1.4);animation:filmjitter .25s steps(2) infinite}.frame-dampfer .avatar{filter:grayscale(1) contrast(1.15)}.frame-dampfer .deco{filter:grayscale(1) drop-shadow(0 1px 1px #000)}.frame-dampfer .deco-0{animation:chug .8s ease-in-out infinite alternate}.frame-dampfer .deco-1{animation:emberup 2.2s ease-out infinite}@keyframes filmjitter{0%{transform:translate(0)}50%{transform:translate(.5px,-.5px)}}@keyframes chug{0%{transform:rotate(-4deg) translateY(0)}to{transform:rotate(4deg) translateY(-2px)}}.frame-sanduhr:before{background:conic-gradient(from 0deg,#fde68a,#d97706,#78350f,#d97706,#fde68a);box-shadow:0 0 10px #d9770699;animation:spin 8s linear infinite}.frame-sanduhr .deco-0{animation:flipglass 6s ease-in-out infinite}@keyframes flipglass{0%,80%{transform:rotate(0)}90%,to{transform:rotate(180deg)}}.fx-canvas{width:100%;height:100%}.ptheme-theme_matrix{background:#000;color:#4ade80}.ptheme-theme_lampe{background:radial-gradient(120% 60% at 50% 120%,#3f2d1d 0 40%,transparent 41%),linear-gradient(180deg,#0f172a,#1e293b);color:#fef3c7}.ptheme-theme_rgb{background:linear-gradient(90deg,#ff0040,#ffbf00,#00ff80,#00bfff,#8000ff,#ff0040);background-size:400% 100%;animation:rgbflow 8s linear infinite;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}@keyframes rgbflow{to{background-position:400% 0}}.ptheme-theme_pizza{background:radial-gradient(circle at 20% 30%,#b91c1c 0 18px,transparent 19px),radial-gradient(circle at 75% 25%,#b91c1c 0 14px,transparent 15px),radial-gradient(circle at 55% 70%,#b91c1c 0 16px,transparent 17px),radial-gradient(circle at 85% 80%,#15803d 0 6px,transparent 7px),radial-gradient(circle at 30% 75%,#15803d 0 5px,transparent 6px),linear-gradient(180deg,#fde68a,#fbbf24 70%,#b45309);color:#451a03}.ptheme-theme_cyberpunk{background:radial-gradient(60% 50% at 70% 10%,#f0f6,transparent),radial-gradient(50% 40% at 20% 20%,#0ff5,transparent),linear-gradient(180deg,#0b0221,#1a0638 60%,#2d0a4e);color:#f5d0fe}.ptheme-theme_auto{background:linear-gradient(180deg,#f97316,#dc2626,#1e1b4b 70%);color:#fff7ed}.ptheme-theme_dampfer{background:radial-gradient(ellipse at center,#f5f5f4,#a8a29e 75%,#44403c);color:#1c1917;filter:grayscale(1)}.ptheme-theme_sanduhr{background:radial-gradient(60% 60% at 50% 50%,#fde68a55,transparent),linear-gradient(180deg,#78350f,#451a03);color:#fef3c7}.fx-lamp{position:absolute;left:14%;bottom:8%;width:60px;height:90px;animation:lamphop 7s ease-in-out infinite;transform-origin:50% 100%}.fx-lamp-base{position:absolute;bottom:0;left:8px;width:44px;height:8px;border-radius:6px 6px 2px 2px;background:#cbd5e1}.fx-lamp-arm{position:absolute;bottom:6px;left:26px;width:6px;height:56px;background:#cbd5e1;transform:rotate(-12deg);transform-origin:bottom;border-radius:3px}.fx-lamp-head{position:absolute;top:4px;left:26px;width:34px;height:22px;background:#e2e8f0;border-radius:18px 18px 4px 4px;transform:rotate(28deg);animation:lamplook 7s ease-in-out infinite;box-shadow:inset 0 -6px #fef08a}.fx-lightcone{position:absolute;left:18%;bottom:8%;width:70%;height:80%;background:conic-gradient(from 115deg at 0% 30%,transparent 0deg,#fef08a55 10deg,#fef08a22 30deg,transparent 40deg);animation:lamplight 7s ease-in-out infinite}.fx-ball{position:absolute;right:18%;bottom:8%;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#facc15 30%,#2563eb 31%,#2563eb 60%,#facc15 61%);animation:ballroll 7s ease-in-out infinite}@keyframes lamphop{0%,60%,to{transform:translateY(0) scaleY(1)}65%{transform:translateY(0) scaleY(.85)}72%{transform:translateY(-26px) scaleY(1.05)}79%{transform:translateY(0) scaleY(.9)}84%{transform:translateY(0) scaleY(1)}}@keyframes lamplook{0%,40%,to{transform:rotate(28deg)}45%,55%{transform:rotate(50deg)}}@keyframes lamplight{0%,40%,to{opacity:1;transform:rotate(0)}45%,55%{transform:rotate(8deg)}70%{opacity:.6}}@keyframes ballroll{0%,75%{transform:translate(0) rotate(0)}90%{transform:translate(-30px) rotate(-200deg)}to{transform:translate(0) rotate(0)}}.fx-rain{position:absolute;top:-20px;width:1px;height:18px;background:linear-gradient(transparent,#67e8f9);animation:rainfall linear infinite}@keyframes rainfall{to{transform:translateY(260px)}}.fx-skyline{position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(#0b0221,#0b0221) 2% 100% / 9% 70% no-repeat,linear-gradient(#120433,#120433) 12% 100% / 7% 90% no-repeat,linear-gradient(#0b0221,#0b0221) 20% 100% / 12% 55% no-repeat,linear-gradient(#150540,#150540) 33% 100% / 6% 100% no-repeat,linear-gradient(#0b0221,#0b0221) 40% 100% / 11% 75% no-repeat,linear-gradient(#120433,#120433) 52% 100% / 8% 95% no-repeat,linear-gradient(#0b0221,#0b0221) 61% 100% / 13% 60% no-repeat,linear-gradient(#150540,#150540) 75% 100% / 7% 85% no-repeat,linear-gradient(#0b0221,#0b0221) 83% 100% / 16% 68% no-repeat}.fx-skyline:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1.5px 1.5px at 15% 50%,#f0f,transparent),radial-gradient(1.5px 1.5px at 35% 30%,#0ff,transparent),radial-gradient(1.5px 1.5px at 56% 45%,#fde047,transparent),radial-gradient(1.5px 1.5px at 78% 40%,#f0f,transparent),radial-gradient(1.5px 1.5px at 88% 60%,#0ff,transparent),radial-gradient(1.5px 1.5px at 44% 70%,#0ff,transparent);animation:neonflick 3s steps(1) infinite}.fx-neonsign{position:absolute;right:8%;top:22%;font-weight:900;color:#f0f;text-shadow:0 0 6px #f0f,0 0 14px #f0f;animation:neonflick 5s steps(1) infinite;font-size:.9rem}.fx-road{position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(180deg,#27272a,#18181b)}.fx-road:after{content:"";position:absolute;left:0;right:0;top:45%;height:4px;background:repeating-linear-gradient(90deg,#fde047 0 30px,transparent 30px 60px);animation:roadmove .35s linear infinite}@keyframes roadmove{to{background-position:-60px 0}}.fx-speedlines{position:absolute;top:10%;right:0;bottom:30%;left:0;background:repeating-linear-gradient(180deg,transparent 0 14px,rgba(255,255,255,.18) 14px 15px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%,transparent);mask-image:linear-gradient(90deg,transparent,#000 40%,transparent);animation:roadmove .5s linear infinite}.fx-car{position:absolute;bottom:14%;left:30%;font-size:2.4rem;transform:scaleX(-1);animation:carbounce .25s ease-in-out infinite alternate,cardash 9s ease-in-out infinite}@keyframes carbounce{to{margin-bottom:2px}}@keyframes cardash{0%,to{left:30%}50%{left:55%}52%{left:120%}53%{left:-30%}70%{left:30%}}.fx-oldfilm:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55));animation:filmflicker .18s steps(2) infinite;pointer-events:none;z-index:3}@keyframes filmflicker{0%{opacity:.85}50%{opacity:1}}.fx-steamer{position:absolute;bottom:18%;left:20%;font-size:2.6rem;filter:grayscale(1) contrast(1.4);animation:chug 1s ease-in-out infinite alternate,steamerdrift 24s linear infinite}@keyframes steamerdrift{0%{left:-20%}to{left:110%}}.fx-smoke{position:absolute;bottom:40%;width:18px;height:18px;border-radius:50%;background:#57534e;animation:smokeup 3s ease-out infinite,steamerdrift 24s linear infinite}.fx-smoke.s2{animation-delay:1s,0s}.fx-smoke.s3{animation-delay:2s,0s}@keyframes smokeup{0%{transform:translate(30px) scale(.4);opacity:.9}to{transform:translate(10px,-70px) scale(1.8);opacity:0}}.fx-waves{position:absolute;left:0;right:0;bottom:0;height:22%;background:radial-gradient(circle at 10px -4px,transparent 12px,#292524 13px) 0 0 / 24px 24px repeat-x,#292524;animation:roadmove 1.2s linear infinite}.fx-scratch{position:absolute;top:0;bottom:0;left:40%;width:1px;background:#0006;animation:scratchmove 1.7s steps(5) infinite}@keyframes scratchmove{0%{left:12%}20%{left:64%}40%{left:33%}60%{left:81%}80%{left:47%}}.fx-grain{position:absolute;top:18%;width:2px;height:2px;border-radius:50%;background:#fde68a;animation:sandfall linear forwards}@keyframes sandfall{to{transform:translateY(160px);opacity:.6}}.fx-sandpile{position:absolute;bottom:0;left:30%;right:30%;height:18%;background:radial-gradient(ellipse at 50% 100%,#fbbf24 0 60%,transparent 61%);animation:pilegrow 20s linear infinite;transform-origin:bottom}@keyframes pilegrow{0%{transform:scaleY(.3)}to{transform:scaleY(1.2)}}.fx-hourglass{position:absolute;right:10%;top:14%;font-size:1.8rem;animation:flipglass 10s ease-in-out infinite}.fx-pizza{position:absolute;right:10%;bottom:10%;font-size:2.6rem;animation:drift 3s ease-in-out infinite alternate}.fx-steam{position:absolute;bottom:30%;right:16%;width:6px;height:40px;border-radius:6px;background:linear-gradient(transparent,#ffffffb3);animation:steamup 2.6s ease-out infinite}.fx-steam.st2{right:13%;animation-delay:.8s}.fx-steam.st3{right:19%;animation-delay:1.6s}@keyframes steamup{0%{transform:translateY(10px) scaleX(1);opacity:0}30%{opacity:.9}to{transform:translateY(-50px) scaleX(2.4) skew(15deg);opacity:0}}@media(prefers-reduced-motion:reduce){.fx-layer *{animation:none!important}}.creator-badge{display:inline-block;margin-left:8px;vertical-align:middle;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:10px;background:linear-gradient(135deg,#f43f5e,#a855f7);color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:10px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column}.kpi b{font-size:1.4rem}.kpi span{font-size:.8rem;color:var(--muted)}.mini-chart{display:flex;align-items:flex-end;gap:2px;height:80px;margin-top:8px}.mini-chart i{flex:1;min-height:2px;background:var(--accent);border-radius:3px 3px 0 0;opacity:.8}.mini-chart.hours i.best{background:var(--gold, #f5c542);opacity:1}.top-post{padding:6px 0;border-bottom:1px solid var(--line);color:inherit;gap:8px}.challenge-strip{display:flex;gap:8px;overflow-x:auto;margin:8px 0 12px;scrollbar-width:none}.challenge-chip{flex:0 0 auto;display:flex;flex-direction:column;min-width:160px;max-width:220px;padding:8px 12px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,#f97316 25%,var(--card)),var(--card));border:1px solid var(--line);color:var(--text)}.avatar-wrap.frame-custom .avatar{box-shadow:none}.frame-img{position:absolute;left:50%;top:50%;width:132%;height:132%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;object-fit:contain}.custom-theme-bg{background-size:cover;background-position:center;z-index:0}.social-login{display:grid;gap:10px;margin-top:14px;justify-items:center}.or-line{display:flex;align-items:center;gap:10px;width:100%;color:var(--muted);font-size:.85rem}.or-line:before,.or-line:after{content:"";flex:1;height:1px;background:var(--line)}.google-btn{width:100%;display:flex;justify-content:center;min-height:44px}.apple-btn{background:#000;color:#fff;border-radius:999px;max-width:360px;font-weight:600}:root[data-theme=dark] .apple-btn{background:#fff;color:#000}.public-page{max-width:760px;margin:0 auto;padding:24px 16px 40px}.legal-text h1{font-size:1.6rem;margin-top:0}.legal-text h2{font-size:1.15rem;margin:22px 0 6px}.legal-text h3{font-size:1rem;margin:16px 0 4px}.legal-text p,.legal-text li{line-height:1.55}.legal-text ul{padding-left:20px}.legal-footer{text-align:center;font-size:.78rem;color:var(--muted);margin:18px 0 8px}.legal-footer a{color:var(--muted)}.forgot-link{display:block;margin:-4px 0 10px auto;font-size:.85rem}.email-banner{display:flex;align-items:center;gap:8px;margin:8px auto;max-width:640px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,#f59e0b 18%,var(--card));border:1px solid color-mix(in srgb,#f59e0b 45%,var(--line));font-size:.85rem}.fx-toasts{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:200;display:grid;gap:8px;width:min(360px,calc(100vw - 24px));pointer-events:none}.fx-toast{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;color:#fff;pointer-events:auto;cursor:pointer;box-shadow:0 10px 30px #00000059}.fx-toast-text{display:grid;line-height:1.2;position:relative;z-index:1}.fx-toast-text small{font-size:.65rem;font-weight:900;letter-spacing:.12em;opacity:.85}.fx-toast-text b{font-size:.98rem}.fx-toast-text em{font-style:normal;font-size:.75rem;opacity:.85}.fx-toast-icon{font-size:1.9rem;position:relative;z-index:1}.fx-toast-levelup{background:linear-gradient(135deg,#7c3aed,#2563eb);animation:toastRise .55s cubic-bezier(.2,1.4,.4,1) both}.fx-toast-levelup .fx-toast-icon{animation:arrowUp 1s ease-in-out .3s 2}.fx-rays{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:repeating-conic-gradient(rgba(255,255,255,.18) 0 10deg,transparent 10deg 30deg);animation:spin 6s linear infinite}.fx-toast-achievement{background:linear-gradient(135deg,#b45309,#f59e0b 55%,#fde68a);color:#1c1917;animation:toastPop .6s cubic-bezier(.2,1.6,.4,1) both}.fx-toast-achievement .fx-toast-icon{animation:medalSpin 1.1s ease-out .2s both}.fx-shine{position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);animation:shineSweep 1.4s ease-in-out .4s 2}.fx-toast.out{animation:toastOut .5s ease-in forwards}.fx-toast.still,.fx-toast.still *{animation:none!important}@keyframes toastRise{0%{transform:translateY(40px) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes toastPop{0%{transform:scale(.3) rotate(-6deg);opacity:0}70%{transform:scale(1.06) rotate(1deg);opacity:1}to{transform:none}}@keyframes toastOut{to{transform:translateY(-20px);opacity:0}}@keyframes arrowUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes medalSpin{0%{transform:rotateY(0) scale(.5)}to{transform:rotateY(720deg) scale(1)}}@keyframes shineSweep{to{left:120%}}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.scene-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.scene .fx-layer{z-index:1}.petal{position:absolute;top:-10px;border-radius:60% 0;background:#f9a8d4;box-shadow:inset 0 0 2px #fbcfe8;animation:petalFall linear forwards}@keyframes petalFall{0%{transform:translate(0) rotate(var(--rot))}50%{transform:translate(calc(var(--drift) * .5),50cqh) rotate(calc(var(--rot) + 180deg))}to{transform:translate(var(--drift),100cqh) rotate(calc(var(--rot) + 360deg));opacity:.9}}.scene-cherry{container-type:size}.petal-ground{position:absolute;left:0;right:0;bottom:0;height:12px}.petal-ground i{position:absolute;bottom:1px;border-radius:60% 0;background:#f9a8d4;opacity:.95}.sandstorm .haze{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#d9770626,#fdba7473,#d9770633);animation:hazePulse 4s ease-in-out infinite alternate}@keyframes hazePulse{0%{opacity:.5}to{opacity:1}}.sand-streak{position:absolute;left:-40%;width:40%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,237,213,.9),transparent);animation:streak linear infinite}.sand-grain{position:absolute;left:-2%;width:3px;height:3px;border-radius:50%;background:#fde68a;animation:streak linear infinite}@keyframes streak{to{transform:translate(160vw) translateY(10px)}}.scene-desert.storm .scene-svg{filter:blur(.6px) sepia(.2)}.twinkle{animation:twinkle 2.6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.25}}.plane{position:absolute;top:18%;left:-30%;display:flex;align-items:center;animation:planeFly 48s linear infinite}.plane-body{font-size:1rem;transform:rotate(8deg);filter:brightness(.9)}.plane-trail{width:160px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55));border-radius:2px}.plane-light{width:3px;height:3px;border-radius:50%;background:#f87171;margin-left:-6px;animation:blink 1s steps(1) infinite}@keyframes planeFly{0%{transform:translateY(10px)}to{transform:translate(170vw,-20px)}}@keyframes blink{50%{opacity:0}}.leaf{position:absolute;top:-10px;width:9px;height:6px;border-radius:0 80%;animation:leafFall linear forwards}@keyframes leafFall{0%{transform:translate(0) rotate(0)}25%{transform:translate(calc(var(--drift) * .3),25cqh) rotate(90deg)}50%{transform:translate(calc(var(--drift) * -.2),50cqh) rotate(200deg)}to{transform:translate(var(--drift),92cqh) rotate(380deg)}}.scene-mushroom{container-type:size}.branch{position:absolute;bottom:4px;width:34px;height:4px;border-radius:2px;background:#6b4423;transform:rotate(var(--r));box-shadow:8px -3px 0 -1px #6b4423;animation:branchDrop .8s ease-in both}@keyframes branchDrop{0%{transform:translateY(-120px) rotate(0);opacity:0}to{transform:rotate(var(--r));opacity:1}}.branch.carried{animation:branchAway 8s ease-in forwards}@keyframes branchAway{0%,25%{transform:rotate(var(--r))}to{transform:translate(110vw) rotate(0)}}.ants{position:absolute;bottom:2px;left:-10%;display:flex;gap:6px;font-size:.6rem;animation:antsMarch 9s linear forwards}.ants span{display:inline-block;transform:scaleX(-1);animation:antWiggle .3s steps(2) infinite}@keyframes antsMarch{0%{transform:translate(0)}to{transform:translate(130vw)}}@keyframes antWiggle{50%{transform:scaleX(-1) translateY(-1px)}}.sway{transform-origin:0 0;animation:sway 3s ease-in-out infinite alternate;transform-box:fill-box}@keyframes sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.butterfly{position:absolute;font-size:.9rem;animation:flutter 14s ease-in-out infinite}.butterfly.b1{top:35%;left:10%}.butterfly.b2{top:50%;left:70%;animation-delay:-6s}@keyframes flutter{0%,to{transform:translate(0) rotate(-8deg)}25%{transform:translate(60px,-20px) rotate(8deg)}50%{transform:translate(120px,5px) rotate(-6deg)}75%{transform:translate(40px,15px) rotate(6deg)}}.worm{position:absolute;bottom:22%;left:-10%;font-size:.9rem;animation:wormCrawl 12s linear forwards}@keyframes wormCrawl{0%{transform:translate(0) scaleX(-1)}to{transform:translate(120vw) scaleX(-1)}}.scene-paris .window-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:10px solid #3f2d1d;border-bottom-width:14px;box-shadow:inset 0 0 0 2px #5b4330}.scene-paris .window-frame:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:6px;margin-left:-3px;background:#3f2d1d}.curtain{position:absolute;top:-10px;bottom:-14px;width:16%;background:linear-gradient(90deg,#7f1d1d,#b91c1c 40%,#7f1d1d)}.curtain.left{left:-10px;border-radius:0 0 40%}.curtain.right{right:-10px;border-radius:0 0 0 40%}.eiffel-lit{filter:drop-shadow(0 0 6px #f59e0b)}.beacon{animation:blink 1.4s steps(1) infinite}.sparkles{position:absolute;left:50%;top:10%;width:40px;height:70%;margin-left:12px;background:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 50%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 75%,#fff,transparent),radial-gradient(1.5px 1.5px at 60% 15%,#fff,transparent);animation:sparkle .5s steps(2) infinite}@keyframes sparkle{50%{opacity:.2;transform:translate(2px)}}.car-light{position:absolute;bottom:9%;width:6px;height:3px;border-radius:2px;background:#fde68a;box-shadow:0 0 6px #fde68a;animation:carDrive 7s linear infinite}.car-light.l2{background:#f87171;box-shadow:0 0 6px #f87171;animation-direction:reverse;animation-duration:9s;bottom:7%}@keyframes carDrive{0%{left:-5%}to{left:105%}}.neon-edge{animation:neonflick 5s steps(1) infinite;filter:drop-shadow(0 0 3px currentColor)}.neon-sign{font:800 16px system-ui,sans-serif}.neon-sign.pink{fill:#f0abfc;filter:drop-shadow(0 0 4px #f0f);animation:neonflick 3s steps(1) infinite}.neon-sign.cyan{fill:#67e8f9;filter:drop-shadow(0 0 4px #0ff);animation:neonflick 4.4s steps(1) infinite}.neon-sign.yellow{fill:#fde047;filter:drop-shadow(0 0 4px #facc15);font-size:13px}.hg-world{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform 1.2s ease-in-out;background:radial-gradient(60% 60% at 50% 50%,#fde68a33,transparent),linear-gradient(180deg,#78350f,#451a03)}.hg-world.flip{transform:rotate(180deg)}.hg-pile{position:absolute;left:0;right:0;background:linear-gradient(180deg,#fbbf24,#d97706)}.hg-pile.top{top:0;height:40%;border-radius:0 0 50% 50%/0 0 30% 30%;animation:pileShrink var(--period) linear forwards}.hg-pile.bottom{bottom:0;height:0;border-radius:50% 50% 0 0/30% 30% 0 0;animation:pileGrow var(--period) linear forwards}@keyframes pileShrink{to{height:2%}}@keyframes pileGrow{to{height:40%}}.hg-stream{position:absolute;top:0;right:0;bottom:0;left:0}.hg-stream i{position:absolute;top:38%;width:2px;height:2px;border-radius:50%;background:#fde68a;animation:sandfall2 linear forwards}@keyframes sandfall2{to{transform:translateY(60px);opacity:.5}}.hg-glass{position:absolute;right:8%;top:50%;transform:translateY(-50%);font-size:2rem}@media(prefers-reduced-motion:reduce){.scene *{animation:none!important;transition:none!important}}.frame-auto .deco-0{top:50%;left:50%;right:auto;bottom:auto;transform-origin:0 0;font-size:calc(var(--s) * .26);animation:carLap 2.4s linear infinite}@keyframes carLap{0%{transform:rotate(0) translate(-50%,calc(var(--s) * -.56)) scaleX(-1)}to{transform:rotate(360deg) translate(-50%,calc(var(--s) * -.56)) scaleX(-1)}}.frame-auto .deco-1{animation:none}.frame-gewitter .deco-0{top:calc(var(--s) * -.24);right:auto;left:50%;transform:translate(-50%);font-size:calc(var(--s) * .36);animation:drift 4s ease-in-out infinite alternate}.frame-gewitter .deco-0:after{content:"⚡";position:absolute;left:30%;top:60%;font-size:.7em;opacity:0;animation:cloudBolt 3.6s steps(1) infinite}@keyframes cloudBolt{0%,18%,22%,61%,64%,to{opacity:0;transform:translateY(0)}19%,21%{opacity:1;transform:translateY(6px) scaleY(1.3)}62%,63%{opacity:1;transform:translate(-4px,5px) scaleY(1.2) rotate(8deg)}}.frame-dino .deco-0{width:calc(var(--s) * .5);height:calc(var(--s) * .3);top:calc(var(--s) * -.12);right:calc(var(--s) * -.18);background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -20 72 34'%3E%3Cpath d='M0 0 Q6 -14 26 -16 Q44 -16 52 -8 L64 -6 Q70 -4 66 2 L52 4 Q48 10 40 10 L36 6 L32 12 L28 6 L24 12 L20 6 L16 12 L12 6 Q4 8 0 0Z' fill='%23f5f5f4' stroke='%2378716c' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='-7' r='4' fill='%2357534e'/%3E%3C/svg%3E")}.frame-dino .deco-0,.frame-dino .deco-1{color:transparent}.frame-dino .deco-1{display:none}.frame-gewitter .deco-1{animation:boltflash 3.2s steps(1) infinite .8s}html.toolskin-regenbogen .med-orb,html.toolskin-regenbogen .breath-circle,html.toolskin-regenbogen .ring svg{animation:hueSpin 6s linear infinite}@keyframes hueSpin{to{filter:hue-rotate(360deg)}}.name-styled{display:inline}.namecolor-gold{background:linear-gradient(90deg,#b45309,#fde68a,#f59e0b,#fde68a);-webkit-background-clip:text;background-clip:text;color:transparent}.namecolor-feuer{background:linear-gradient(90deg,#dc2626,#f97316,#facc15);-webkit-background-clip:text;background-clip:text;color:transparent}.namecolor-ozean{background:linear-gradient(90deg,#0369a1,#22d3ee,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}.namecolor-neon{color:#f0abfc;text-shadow:0 0 6px #f0f,0 0 12px #0ff}.namecolor-mint{color:#10b981}.namecolor-lila{color:#8b5cf6}.namecolor-regenbogen{background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e,#3b82f6,#a855f7,#ef4444);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rgbflow 6s linear infinite}.namefont-elegant{font-family:Georgia,Times New Roman,serif;font-style:italic}.namefont-hacker{font-family:ui-monospace,Cascadia Code,Consolas,monospace;letter-spacing:-.02em}.namefont-rund{font-family:ui-rounded,SF Pro Rounded,Nunito,Varela Round,system-ui,sans-serif}.namefont-hand{font-family:Segoe Script,Bradley Hand,Brush Script MT,Comic Neue,cursive;font-weight:600}.namefont-comic{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive}.namefont-plakat{font-family:Impact,Arial Black,Haettenschweiler,sans-serif;letter-spacing:.03em;text-transform:uppercase}.profile-cover.has-banner{background-size:cover;background-position:center}.banner-pending{position:absolute;left:8px;bottom:8px;z-index:2;font-size:.72rem;background:#0009;color:#fff;padding:2px 8px;border-radius:8px}.profile-music{position:absolute;right:8px;top:8px;z-index:3;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0000008c;color:#fff;font-size:.75rem;border:0}.profile-music .eq{display:inline-flex;gap:2px;align-items:flex-end;height:10px}.profile-music .eq i{width:2px;background:#fff;animation:eq .8s ease-in-out infinite alternate}.profile-music .eq i:nth-child(2){animation-delay:.2s}.profile-music .eq i:nth-child(3){animation-delay:.4s}@keyframes eq{0%{height:2px}to{height:10px}}.profile-music.paused .eq i{animation:none;height:3px}.tag-upgrade{display:inline-block;font-size:.65rem;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);font-weight:700;margin:2px 2px 0 0}.moon-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.moon-picker button{padding:4px;background:#0b1026;border:2px solid transparent;border-radius:10px}.moon-picker button.on{border-color:var(--accent)}.icon-preview{width:56px;height:56px;border-radius:14px}.name-preview{display:grid;place-items:center;font-size:1.3rem;min-height:70px}.med-orb.mini{width:60px;height:60px}.med-orb.rainbow{animation:hueSpin 6s linear infinite}.anim-tag.up{background:color-mix(in srgb,#22c55e 22%,transparent);color:#16a34a}.upgrade-box{margin-top:12px;text-align:left}.upgrade-box .shop-preview{margin:8px 0}.t-mid{color:var(--warn)}.bake-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.bake-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--card2);border:1px solid var(--line);border-radius:14px;color:var(--text);text-align:center}.bake-card:hover{border-color:var(--accent)}.bake-icon{font-size:2rem}.bake-list{margin:6px 0;padding-left:18px}.bake-list li{margin:3px 0}.bake-steps{padding-left:20px}.bake-steps li{margin:8px 0;line-height:1.45}.bake-steps li label{display:inline;cursor:pointer}.bake-steps li button{margin-left:8px;vertical-align:middle}.bake-steps li.done label{opacity:.55;text-decoration:line-through}.advent-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0;padding:10px;border-radius:16px;background:radial-gradient(circle at 20% 10%,#2f6b3f,#14361f 70%);box-shadow:inset 0 0 30px #0006}.advent-door{aspect-ratio:1;border-radius:10px;border:2px dashed rgba(255,255,255,.35);background:linear-gradient(145deg,#b91c1c,#7f1d1d);color:#fde68a;font-weight:800;font-size:1.1rem;display:grid;place-items:center;position:relative;transition:transform .2s}.advent-door:nth-child(3n){background:linear-gradient(145deg,#a16207,#713f12)}.advent-door:nth-child(4n){background:linear-gradient(145deg,#1d4ed8,#1e3a8a)}.advent-door.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;font-size:1.8rem;background:linear-gradient(145deg,#ca8a04,#92400e)}.advent-door.can:hover{transform:scale(1.06) rotate(-2deg)}.advent-door.locked{filter:saturate(.5) brightness(.75);cursor:not-allowed}.advent-door.opened{border-style:solid;background:#fef3c7;color:#78350f}.advent-icon{font-size:1.6rem;animation:toastPop .5s ease-out}.advent-recipe{animation:toastRise .4s ease-out}.clock-face{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.clock-side{min-height:46vh;max-height:420px;border-radius:18px;border:2px solid var(--line);background:var(--card2);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:background .2s,transform .1s;touch-action:manipulation}.clock-side b{font-size:clamp(2rem,9vw,3.6rem);font-variant-numeric:tabular-nums}.clock-side.active{background:var(--tool-main, var(--accent));color:#fff;border-color:transparent;box-shadow:0 0 30px var(--tool-glow, rgba(124,58,237,.45))}.clock-side:active{transform:scale(.98)}.clock-side.flag{background:var(--bad, #e74c3c);color:#fff;animation:swPulse 1s infinite}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:440px;margin:0 auto;aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:0 6px 24px #00000059}.chess-board .sq{position:relative;border:0;padding:0;border-radius:0;display:grid;place-items:center;min-width:0;aspect-ratio:1}.chess-board .sq.light{background:#eedcb3}.chess-board .sq.dark{background:#b07c4f}.chess-board .sq.last{box-shadow:inset 0 0 0 100px #facc1559}.chess-board .sq.sel{box-shadow:inset 0 0 0 100px #22c55e73}.chess-board .sq.hint{box-shadow:inset 0 0 0 4px #38bdf8,inset 0 0 0 100px #38bdf840}.chess-board .sq.check{box-shadow:inset 0 0 18px 6px #ef4444e6}.chess-board .sq.dot:after{content:"";width:28%;height:28%;border-radius:50%;background:#00000040;position:absolute}.chess-board .sq.cap:after{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;border:4px solid rgba(0,0,0,.28)}.chess-board .pc{font-size:min(9vw,44px);line-height:1;-webkit-user-select:none;user-select:none}.chess-board .pc.w{color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000}.chess-board .pc.b{color:#111;text-shadow:0 0 1px #fff8}.chess-hint ul{margin:6px 0 0;padding-left:18px}.chess-moves{max-height:90px;overflow:auto;font-family:ui-monospace,monospace;font-size:.85rem;margin:6px 0;padding:6px 8px;background:var(--card2);border-radius:10px}.chess-clock-row{display:flex;justify-content:space-between;margin-bottom:6px;font-variant-numeric:tabular-nums;font-weight:700}.chess-clock-row span{padding:4px 10px;border-radius:10px;background:var(--card2)}.chess-clock-row span.on{background:var(--accent);color:#fff}.tactics-field{width:100%;max-width:420px;display:block;margin:0 auto;border-radius:12px;-webkit-user-select:none;user-select:none}.swatch-btn{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);padding:0}.swatch-btn.on{outline:3px solid var(--accent)}.court-svg{width:100%;max-width:380px;display:block;margin:6px auto;border-radius:10px;cursor:crosshair}.shot-svg{width:100%;height:180px;display:block;background:var(--card2);border-radius:12px;margin:8px 0}.shot-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}.shot-stats>div{background:var(--card2);border-radius:10px;padding:6px;text-align:center;display:flex;flex-direction:column}.shot-stats b{font-size:1.2rem}.voice-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.voice-steps{margin:6px 0;padding-left:18px}.voice-steps li{margin:3px 0}.focus-hint{margin:8px 0;padding:8px 12px;border-radius:12px;background:var(--card2);display:flex;flex-direction:column;gap:4px}.focus-hint.warn{background:color-mix(in srgb,var(--warn) 18%,var(--card));border:1px solid color-mix(in srgb,var(--warn) 50%,transparent);animation:toastRise .3s ease-out}