:root{--bg-base: #0C0827;--bg-deep: #0A0720;--bg-violet-1: #33207A;--bg-violet-2: #170E42;--bg-panel-1: #1B1148;--gold: #FFC24B;--gold-light: #FFE9A8;--gold-deep: #8A5A12;--gold-press: #7A4A08;--gold-text: #FFD98A;--violet: #7B5CFF;--violet-text: #B79BFF;--pink: #FF5C8A;--pink-text: #FF9DBB;--pink-press: #9E2168;--cyan: #4FD8FF;--green: #7BE2A0;--text-primary: #F1ECFF;--text-secondary: #C9C1F0;--text-muted: #8B83B8;--text-dim: #6E67A0;--text-dimmest: #5F5892;--ink: #2A1400;--ink-violet: #1A1030;--kind-read: #4FD8FF;--kind-answer: #FFC24B;--kind-act: #FF5C8A;--kind-share: #7B5CFF;--kind-watch: #7BE2A0;--grad-foil: linear-gradient(140deg, #FFE9A8, #FFC24B 30%, #B87A1C 52%, #FFE9A8 74%, #D99A22);--grad-foil-text: linear-gradient(100deg, #8A5A12, #FFE9A8 22%, #FFC24B 42%, #B87A1C 58%, #FFE9A8 82%, #D99A22);--grad-today: radial-gradient(120% 80% at 50% 0%, #33207A 0%, #170E42 46%, #0C0827 100%);--grad-panel: linear-gradient(180deg, #1B1148 0%, #0C0827 100%);--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, sans-serif;--r-card: 20px;--r-lg: 24px;--r-btn: 20px;--r-tile: 16px;--r-pill: 999px;--r-input: 18px;--pad-screen: 20px;--pad-list: 18px;--safe-top: 58px;--safe-bottom: 24px;--gap-card: 10px;--gap-tile: 8px;--gap-row: 9px;--tabbar-h: 62px;--dur-slide: .28s;--dur-pop: .55s;--dur-ring: 1.15s;--dur-shock: .85s;--dur-shard: 1.05s;--dur-beam: 16s;--dur-foil: 6s;--dur-floaty: 5s;--dur-halo: 3.4s}@keyframes ds-slideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes ds-popIn{0%{opacity:0;transform:scale(.7)}55%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes ds-ringOut{0%{opacity:.9;transform:scale(.2)}70%{opacity:.35}to{opacity:0;transform:scale(2.9)}}@keyframes ds-shockwave{0%{opacity:.85;transform:scale(.1)}to{opacity:0;transform:scale(4.2)}}@keyframes ds-shardOut{0%{opacity:1;transform:translate(0) scale(1.15) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.25) rotate(220deg)}}@keyframes ds-beamSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ds-foil{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes ds-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ds-haloPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}.ds-glass{background:#ffffff12;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff29;border-radius:var(--r-card)}.ds-card-live{background:#ffc24b1a;border:1px solid rgba(255,194,75,.5);box-shadow:0 5px #00000057,inset 0 1px #ffffff2e;border-radius:var(--r-card)}.ds-card-inert{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:var(--r-card)}.ds-card-locked{opacity:.5}.ds-foil{background-image:var(--grad-foil);background-size:200% 100%;animation:ds-foil var(--dur-foil) linear infinite}.ds-foil-text{background-image:var(--grad-foil-text);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:ds-foil var(--dur-foil) linear infinite}.ds-btn{border:none;border-radius:var(--r-btn);font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:.05em;text-transform:uppercase;padding:18px 26px;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease}.ds-gold-btn{background-image:var(--grad-foil);background-size:200% 100%;animation:ds-foil var(--dur-foil) linear infinite;color:var(--ink);box-shadow:0 6px 0 var(--gold-press),inset 0 1px #ffffff8c}.ds-gold-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--gold-press),inset 0 1px #ffffff8c}.ds-pink-btn{background:var(--pink);color:#fff;box-shadow:0 6px 0 var(--pink-press),inset 0 1px #ffffff59}.ds-pink-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--pink-press),inset 0 1px #ffffff59}.ds-btn-disabled{background:#ffffff0f;color:var(--text-dim);box-shadow:none;cursor:not-allowed;animation:none}.ds-glyph{display:inline-block;width:22px;height:22px;background:currentColor}.ds-glyph--star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 92%,50% 70%,21% 92%,32% 57%,2% 35%,39% 35%)}.ds-glyph--flame{clip-path:polygon(50% 0,78% 34%,86% 66%,50% 100%,14% 66%,22% 34%)}.ds-glyph--diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.ds-glyph--triangle{clip-path:polygon(50% 4%,100% 96%,0 96%)}.ds-glyph--square{clip-path:polygon(6% 6%,94% 6%,94% 94%,6% 94%)}.ds-glyph--hexagon{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.ds-glyph--play{clip-path:polygon(14% 6%,94% 50%,14% 94%)}.ds-glyph--tick{clip-path:polygon(41% 78%,10% 47%,20% 37%,41% 58%,80% 19%,90% 29%)}.ds-medallion{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:22px;color:#4a2e00;text-shadow:0 1px 0 rgba(255,233,168,.7);background:conic-gradient(from 210deg,#8a5a12,#ffe9a8 12%,#ffc24b 26%,#8a5a12,#ffe9a8 62%,#c9891c 78%,#ffe9a8 92%,#8a5a12);box-shadow:0 4px #0006,inset 0 0 0 3px #00000038,inset 0 2px 4px #ffffff8c}.ds-medallion--locked{color:#5a5488;text-shadow:none;background:conic-gradient(from 210deg,#2a2450,#3a3468 25%,#252048,#3a3468 75%,#2a2450)}.ds-kind-pill{display:inline-block;padding:3px 9px;border-radius:var(--r-pill);font-family:var(--font-body);font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-violet)}.app-frame{position:relative;width:min(100vw,440px);height:100vh;height:100dvh;margin:0 auto;overflow:hidden;background:var(--bg-base)}@media (min-width: 460px){.app-frame{box-shadow:0 0 0 1px #ffffff0f,0 24px 80px #00000080}}@media (prefers-reduced-motion: reduce){.ds-foil,.ds-foil-text,.ds-gold-btn{animation:none}}