:root{--gold-50: #FBF3DE;--gold-100: #F4E2B5;--gold-200: #EBCD84;--gold-300: #E0B655;--gold-400: #D4A53A;--gold-500: #C8962C;--gold-600: #AE7E1F;--gold-700: #8C6313;--orange-300: #F6B66B;--orange-400: #F39A2E;--orange-500: #E8852B;--orange-600: #D2701C;--orange-700: #B25A12;--ink-900: #15110D;--ink-800: #1C1712;--ink-700: #241E18;--ink-600: #2E2720;--ink-500: #3A322A;--ink-400: #514840;--text-900: #1F1A17;--text-700: #4A423A;--text-500: #6B6259;--text-400: #908779;--text-300: #B7AEA1;--paper: #FFFFFF;--paper-2: #FBF8F3;--paper-3: #F4EFE6;--line: #ECE5D8;--line-2: #E2D9C8;--purple-500: #7C5CC4;--purple-600: #6B49B5;--green-500: #4F9D5B;--green-600: #3E8A4A;--blue-500: #3E7FD0;--success: #3E9A57;--warning: #E8852B;--danger: #D9534F;--streak: #FF6A2C;--grad-gold: linear-gradient(135deg, #EBCD84 0%, #D4A53A 45%, #B8860B 100%);--grad-orange: linear-gradient(135deg, #F6B66B 0%, #F39A2E 45%, #E8852B 100%);--grad-purple: linear-gradient(135deg, #9576E0 0%, #7C5CC4 100%);--grad-green: linear-gradient(135deg, #6CBE78 0%, #4F9D5B 100%);--grad-sunset: radial-gradient(120% 120% at 80% 10%, #F6C36B 0%, #E8852B 38%, #B7521E 68%, #5C2A18 100%);--grad-ink: linear-gradient(160deg, #241E18 0%, #15110D 100%);--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-2xl: 36px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--sh-sm: 0 1px 2px rgba(31,26,23,.06), 0 2px 6px rgba(31,26,23,.05);--sh-md: 0 4px 14px rgba(31,26,23,.08), 0 1px 3px rgba(31,26,23,.06);--sh-lg: 0 12px 34px rgba(31,26,23,.12), 0 4px 10px rgba(31,26,23,.06);--sh-gold: 0 10px 28px rgba(200,150,44,.34);--sh-orange: 0 10px 26px rgba(232,133,43,.38);--sh-float: 0 24px 60px rgba(0,0,0,.45);--font-display: "Cinzel", "Cormorant Garamond", Georgia, serif;--font-serif: "Cormorant Garamond", Georgia, serif;--font-ui: "Plus Jakarta Sans", system-ui, sans-serif;--font-tamil: "Noto Sans Tamil", "Plus Jakarta Sans", sans-serif;--font-tamil-serif: "Noto Serif Tamil", "Noto Sans Tamil", serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);background:var(--ink-900);color:#ede6da;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit}.bg-atmos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 15% 0%,rgba(200,150,44,.1),transparent 60%),radial-gradient(50% 40% at 95% 8%,rgba(232,133,43,.08),transparent 60%),var(--ink-900)}.bg-atmos:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/kolam.svg);background-size:520px;background-position:center -40px;opacity:.05}.app{position:relative;z-index:1;width:100%;max-width:480px;margin:0 auto;height:100dvh;height:100svh;overflow:hidden;background:var(--paper-2)}@media (min-width: 520px){.app{height:min(880px,96dvh);margin-top:max(0px,calc((100dvh - 880px)/2));border-radius:30px;box-shadow:var(--sh-float),inset 0 0 0 1px #ffffff0f}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;background:var(--paper-2)}.screen-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:calc(22px + var(--safe-top)) 18px calc(100px + var(--safe-bottom));scrollbar-width:none}.screen-scroll::-webkit-scrollbar{display:none}.screen-scroll.no-pad{padding:0 0 calc(100px + var(--safe-bottom))}.screen.flow{padding-bottom:var(--safe-bottom)}.bottomnav{position:absolute;left:0;right:0;bottom:0;z-index:45;height:calc(72px + var(--safe-bottom));padding:8px 12px calc(14px + var(--safe-bottom));display:flex;justify-content:space-around;align-items:flex-start;background:#ffffffe0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line)}.navitem{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:8px;color:var(--text-400);font-size:10.5px;font-weight:600}.navitem svg{width:22px;height:22px;transition:transform .25s}.navitem.active{color:var(--orange-500)}.navitem.active svg{transform:translateY(-1px) scale(1.06)}.nav-indicator{position:absolute;top:0;width:26px;height:3px;border-radius:3px;background:var(--grad-orange);transition:left .42s cubic-bezier(.34,1.56,.64,1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-weight:700;font-size:15px;border-radius:var(--r-pill);padding:14px 22px;color:#fff;background:var(--grad-orange);box-shadow:var(--sh-orange);transition:transform .15s,box-shadow .2s;width:100%}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.5;box-shadow:none}.btn-gold{background:var(--grad-gold);box-shadow:var(--sh-gold);color:#3a2c08}.btn-ghost{background:var(--paper-3);color:var(--text-900);box-shadow:none}.btn-dark{background:var(--ink-800);color:#fff;box-shadow:var(--sh-md)}.btn-sm{padding:10px 16px;font-size:13px}.card{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--sh-md);border:1px solid var(--line)}.card-pad{padding:18px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:var(--r-pill);font-size:13px;font-weight:700;color:var(--text-500);background:var(--paper);border:1px solid var(--line)}.chip.active{background:var(--grad-orange);color:#fff;border-color:transparent;box-shadow:var(--sh-orange)}.pbar{height:8px;border-radius:99px;background:var(--paper-3);overflow:hidden}.pbar>i{display:block;height:100%;border-radius:99px;background:var(--grad-orange);transition:width 1s cubic-bezier(.22,1,.36,1)}.pbar.gold>i{background:var(--grad-gold)}.pbar.purple>i{background:var(--grad-purple)}.pbar.green>i{background:var(--grad-green)}.pbar.on-color{background:#ffffff52}.pbar.on-color>i{background:#fff}.flamepill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--r-pill);background:#fff1e6;color:var(--streak);font-weight:800;font-size:14px}.badge{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:26px;box-shadow:var(--sh-sm);position:relative}.badge.locked{filter:grayscale(1) opacity(.4)}.app-h{font-family:var(--font-serif);font-weight:600;color:var(--text-900);letter-spacing:.01em}.tletter{position:relative;aspect-ratio:1;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .2s,box-shadow .2s}.tletter:active{transform:scale(.95)}.tletter .glyph{font-family:var(--font-tamil-serif);font-size:30px;color:var(--text-900);line-height:1}.tletter .tr{font-size:10px;color:var(--text-400);font-weight:700}.tletter .spk{position:absolute;bottom:6px;right:6px;color:var(--gold-500);opacity:.8}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes slideInR{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes popBurst{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.18);opacity:1}to{transform:scale(1)}}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.12) rotate(2deg)}}@keyframes shimmer{to{background-position:200% 0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulseRing{0%{box-shadow:0 0 #e8852b73}70%{box-shadow:0 0 0 18px #e8852b00}to{box-shadow:0 0 #e8852b00}}.anim-page{animation:slideInR .42s cubic-bezier(.22,1,.36,1) both}.anim-up{animation:fadeUp .6s cubic-bezier(.22,1,.36,1) both}.float{animation:floatY 5s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--paper-3) 25%,#efe7d8 37%,var(--paper-3) 63%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:10px}@media (prefers-reduced-motion: reduce){.anim-page,.anim-up,.float{animation:none!important}*{scroll-behavior:auto!important}}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.between{justify-content:space-between}.center{align-items:center;justify-content:center}.muted{color:var(--text-500)}.toast{position:absolute;left:14px;right:14px;bottom:calc(86px + var(--safe-bottom));z-index:70;background:var(--ink-800);color:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-float);padding:14px 16px;display:flex;align-items:center;gap:12px;animation:fadeUp .4s both;border:1px solid rgba(255,255,255,.08)}.toast .t-actions{margin-left:auto;display:flex;gap:8px}.toast button.t-cta{background:var(--grad-orange);color:#fff;font-weight:800;font-size:13px;padding:9px 14px;border-radius:99px}.toast button.t-dismiss{color:#fff9;font-weight:700;font-size:13px;padding:9px 8px}