:root{--primary: #14707E;--primary-press: #0E5A66;--primary-tint: #E2F2F4;--primary-glow: rgba(20,112,126,.4);--ya: #14707E;--ya-bright: #45B8C8;--ya-tint: #E2F2F4;--ya-glow: rgba(20,112,126,.35);--coral: #FF5A5F;--violet: #6D5DF5;--violet-tint: #ECEAFF;--gold: #FFB020;--gold-soft: #FFE6A8;--correct: #1FB85B;--correct-tint: #E4F7EC;--wrong: #E5484D;--wrong-tint: #FCEAEA;--ink: #211C1A;--ink-2: #5E5650;--ink-3: #9A938C;--line: #ECE7E1;--surface: #FFFFFF;--surface-2: #F7F3EE;--canvas: #EFEAE4;--r-lg: 28px;--r-md: 20px;--r-sm: 14px;--font: "Noto Sans SC", -apple-system, "PingFang SC", "PingFang TC", "Helvetica Neue", "Microsoft YaHei", "Segoe UI", sans-serif;--shadow-card: 0 1px 2px rgba(33,28,26,.04), 0 8px 24px rgba(33,28,26,.07);--shadow-pop: 0 8px 16px rgba(33,28,26,.1), 0 24px 60px rgba(33,28,26,.18)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{font-family:var(--font);background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.pf{font-family:Playfair Display,Georgia,serif;font-style:italic}#root{display:flex;justify-content:center;min-height:100vh;min-height:100dvh;background:radial-gradient(1200px 600px at 18% -8%,rgba(255,90,95,.06),transparent 60%),radial-gradient(1000px 600px at 96% 0%,rgba(20,112,126,.06),transparent 55%),var(--canvas)}.phone-shell{width:100%;max-width:430px;background:var(--surface-2);position:relative;overflow:hidden;flex:none;height:100vh;height:100dvh;height:calc(100dvh - env(safe-area-inset-bottom))}.screen-scroll{position:absolute;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.screen-scroll::-webkit-scrollbar{display:none}.pressable{cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1)}.pressable:active{transform:scale(.95)}.soft-shadow{box-shadow:var(--shadow-card)}@keyframes pop-in{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes float-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes coin-fly{0%{transform:translateY(0) scale(.6);opacity:0}25%{opacity:1}to{transform:translateY(-90px) scale(1.1);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 30px 4px var(--violet)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-burst{0%{transform:scale(.4);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes streak-flame{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.12) rotate(2deg)}}@keyframes magpie-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes le-confetti{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot));opacity:0}}@keyframes le-spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}@keyframes le-rise{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translateY(var(--ry)) scale(1.15);opacity:0}}.hscroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hscroll::-webkit-scrollbar{display:none}