:root{--bg: #0b0b10;--bg2: #12121b;--card: #16161f;--glass: rgba(20, 20, 30, .72);--fg: #f4f4f8;--muted: #9a9aac;--accent: #7c5cff;--accent2: #ff5c8a;--bar-bg: #23232f;--line: rgba(255, 255, 255, .07);--radius: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 0%,#15151f 0%,var(--bg) 60%);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.screen{height:100dvh}.center{display:grid;place-items:center;text-align:center;padding:24px}.muted{color:var(--muted)}.feed{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain}.feed::-webkit-scrollbar{display:none}.card{position:relative;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;padding:max(72px,calc(env(safe-area-inset-top) + 64px)) 22px max(24px,env(safe-area-inset-bottom));overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);letter-spacing:.05em}.cat{text-transform:uppercase;background:var(--card);border:1px solid var(--line);padding:4px 10px;border-radius:999px}.question{flex:1;display:flex;align-items:center;font-size:clamp(27px,6.4vw,40px);font-weight:800;line-height:1.18;letter-spacing:-.01em;margin:0}.card.has-result .question{flex:0 0 auto;font-size:clamp(19px,4.6vw,26px);padding:6px 0 14px;color:#d7d7e2}.card-bottom{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;animation:rise .25s ease}.answers{display:flex;flex-direction:column;gap:12px}.answer-btn{width:100%;padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#1b1b26,#15151e);color:var(--fg);font-size:18px;font-weight:650;cursor:pointer;transition:transform .08s ease,border-color .15s ease,background .15s ease}.answer-btn:active{transform:scale(.975);border-color:var(--accent)}.answer-btn:disabled{opacity:.5}.answer-btn.primary{background:linear-gradient(180deg,#8a6bff,#6f4cff);border-color:transparent}.guess{display:flex;flex-direction:column;gap:14px}.guess-prompt{margin:0;font-size:17px}.guess-value{font-size:46px;font-weight:900;text-align:center;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.guess-range{width:100%;accent-color:var(--accent)}.result-sheet{position:absolute;left:0;right:0;bottom:0;max-height:86dvh;overflow-y:auto;scrollbar-width:none;padding:10px 20px max(22px,env(safe-area-inset-bottom));background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);border-radius:24px 24px 0 0;box-shadow:0 -16px 50px #00000080;animation:sheet-up .32s cubic-bezier(.2,.85,.2,1)}.result-sheet::-webkit-scrollbar{display:none}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sheet-grip{width:40px;height:4px;border-radius:999px;background:#3a3a48;margin:0 auto 12px}.result{display:flex;flex-direction:column;gap:14px}.reward-chip{align-self:center;background:linear-gradient(90deg,#7c5cff40,#ff5c8a40);border:1px solid var(--line);color:#fff;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;animation:pop .35s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.result-hero{text-align:center}.identity{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent2);font-weight:800}.hero-line{font-size:27px;font-weight:900;margin-top:2px;letter-spacing:-.01em}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label pct" "track track";gap:4px 8px}.bar-label{grid-area:label;font-weight:650}.bar-pct{grid-area:pct;color:var(--muted);font-variant-numeric:tabular-nums}.bar-track{grid-area:track;background:var(--bar-bg);border-radius:8px;height:12px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#8a6bff,#6f4cff);border-radius:8px;transition:width .55s cubic-bezier(.2,.8,.2,1)}.bar-row.mine .bar-fill{background:linear-gradient(90deg,#ff7aa3,#ff5c8a)}.bar-row.mine .bar-label{color:var(--accent2)}.you{color:var(--accent2);font-size:13px}.total-line{font-size:13px;color:var(--muted);text-align:center}.thin{color:var(--accent2)}.guess-feedback{text-align:center;font-weight:800}.next-hint{text-align:center;color:var(--muted);font-size:13px;padding:4px 0 2px;animation:nudge 1.8s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-3px);opacity:1}}.meter,.svc,.stat-card,.goal-card,.cat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.meter-head{display:flex;justify-content:space-between;font-size:14px;font-weight:700}.meter-score{color:var(--muted);font-variant-numeric:tabular-nums}.meter-track{background:var(--bar-bg);border-radius:8px;height:8px;margin:8px 0 6px;overflow:hidden}.meter-fill{height:100%;transition:width .5s ease}.meter-schwach .meter-fill{background:#e0b341}.meter-mittel .meter-fill{background:#4aa3ff}.meter-stark .meter-fill{background:#3ddc84}.meter-hint{margin:0;font-size:12px;color:var(--muted)}.svc{display:flex;flex-direction:column;gap:6px}.svc-row{display:flex;align-items:center;gap:8px}.svc-tag{font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:999px}.svc-study{background:#2a2440;color:#b9a6ff}.svc-comm{background:#3a1f2c;color:#ff9bbb}.svc-pct{font-weight:800;font-variant-numeric:tabular-nums}.svc-for{color:var(--muted);font-size:13px}.svc-quip{margin:2px 0 0;font-weight:650}.svc-cite{margin:0;font-size:11px;color:var(--muted);word-break:break-word}.hud{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px 8px;pointer-events:none}.hud-coins,.hud-ring{pointer-events:auto;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px}.hud-coins{font-weight:800;font-size:14px;padding:8px 14px}.hud-ring{position:relative;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;padding:0}.hud-count{position:absolute;font-size:11px;font-weight:800}.profile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:radial-gradient(120% 70% at 50% 0%,#17172300 0%,var(--bg) 55%),var(--bg);display:flex;flex-direction:column;animation:rise .25s ease}.profile-bar{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 18px 12px;border-bottom:1px solid var(--line)}.profile-title{font-weight:800;font-size:17px}.icon-btn{background:var(--card);border:1px solid var(--line);color:var(--fg);width:34px;height:34px;border-radius:999px;font-size:15px;cursor:pointer}.profile-scroll{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px}.char-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 4px}.char-hero svg{border-radius:28px;box-shadow:0 10px 40px #7c5cff40}.char-title{font-size:22px;font-weight:900}.char-prelim{color:var(--muted);font-weight:600;font-size:14px}.char-blurb{margin:0;color:var(--muted);max-width:30ch}.stat-row{display:flex;justify-content:space-between;font-weight:700}.dual-bar{background:linear-gradient(90deg,#4aa3ff,#ff5c8a);height:10px;border-radius:8px;margin:10px 0 6px;position:relative;opacity:.35}.dual-fill{position:absolute;inset:0 auto 0 0;background:transparent;border-right:3px solid #fff;border-radius:8px;transition:width .5s ease}.stat-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.goal-card.validated{font-weight:700;text-align:center}.goal-head{display:flex;justify-content:space-between;font-weight:700}.goal-track{background:var(--bar-bg);height:10px;border-radius:8px;margin:10px 0 8px;overflow:hidden}.goal-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .5s ease}.goal-note{margin:0;font-size:13px;color:var(--muted)}.cat-card h3,.shop-head h3{margin:0 0 10px;font-size:15px}.cat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cat-name{width:84px;font-size:14px;font-weight:650}.cat-track{flex:1;background:var(--bar-bg);height:9px;border-radius:8px;overflow:hidden}.cat-fill{height:100%;background:linear-gradient(90deg,#8a6bff,#ff5c8a);transition:width .5s ease}.cat-pct{width:38px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.shop{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.shop.locked{opacity:.75}.shop-head{display:flex;justify-content:space-between;align-items:center}.shop-coins{font-weight:800}.shop-lock-note{margin:4px 0 10px;font-size:13px;color:var(--muted)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.shop-item{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.shop-item.equipped{border-color:var(--accent2);box-shadow:0 0 0 1px var(--accent2) inset}.shop-emoji{font-size:28px}.shop-name{font-size:12px;font-weight:650}.shop-btn{width:100%;padding:7px;border-radius:10px;border:1px solid var(--line);background:#20202c;color:var(--fg);font-size:12px;font-weight:700;cursor:pointer}.shop-btn:disabled{opacity:.45}.shop-btn.primary{background:linear-gradient(180deg,#8a6bff,#6f4cff);border-color:transparent}.shop-btn.ghost{background:transparent}.profile-spacer{height:24px}.community{margin-top:4px;border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:12px}.community-head{display:flex;justify-content:space-between;align-items:center}.community-head h3{margin:0;font-size:16px}.tabs{display:flex;gap:4px;background:var(--bar-bg);border-radius:999px;padding:3px}.tabs button{border:0;background:transparent;color:var(--muted);font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px;cursor:pointer}.tabs button.on{background:var(--card);color:var(--fg)}.fact-card{background:linear-gradient(180deg,#7c5cff1f,#7c5cff0a);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.fact-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#b9a6ff}.fact-body{margin-top:4px;font-size:14px}.fact-cite{margin-top:4px;font-size:11px;color:var(--muted);word-break:break-word}.composer{display:flex;flex-direction:column;gap:6px}.composer textarea{width:100%;min-height:56px;resize:vertical;background:var(--bg2);color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;font-size:15px}.composer textarea:focus{outline:none;border-color:var(--accent)}.composer-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px}.answer-btn.slim{width:auto;padding:8px 16px;font-size:14px}.composer-err{margin:0;color:var(--accent2);font-size:13px}.comments{display:flex;flex-direction:column;gap:10px}.comment{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.comment.reported{opacity:.5}.comment-side{font-size:12px;font-weight:700;color:var(--muted)}.comment-text{margin:4px 0 8px;font-size:15px;line-height:1.35}.comment-actions{display:flex;gap:8px;align-items:center}.comment-actions button{background:var(--bg2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700;cursor:pointer}.comment-actions button.on{color:var(--fg);border-color:var(--accent)}.comment-actions .report{margin-left:auto;font-size:12px;font-weight:600}.comment-actions .report:disabled{opacity:.6}.account-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.account-card h3{margin:0 0 4px;font-size:15px}.small{font-size:12px}.account-code{display:flex;gap:8px;align-items:center;margin:8px 0}.account-code code{flex:1;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:11px;word-break:break-all;color:#cfcfe0}.account-restore{display:flex;gap:8px}.account-restore input{flex:1;background:var(--bg2);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:9px 10px;font:inherit;font-size:13px}.account-restore input:focus{outline:none;border-color:var(--accent)}.share-card{position:fixed;left:-9999px;top:0;width:540px;height:960px;padding:64px 56px;background:linear-gradient(160deg,#1a1a26,#0b0b10);color:var(--fg);display:flex;flex-direction:column;gap:24px}.share-q{font-size:40px;font-weight:700;line-height:1.25}.share-big{margin-top:auto;font-size:64px;font-weight:900;color:var(--accent2);line-height:1.1}.share-id{font-size:28px;font-weight:700;color:var(--accent)}.share-brand{font-size:22px;color:var(--muted);letter-spacing:.04em}