:root{--bg: #fff6f0;--bg-deep: #ffeadd;--ink: #4a3b47;--ink-soft: #8a7484;--rose: #e8637e;--rose-deep: #d14d72;--card: #ffffff;--shadow: 0 6px 24px rgba(74, 59, 71, .08);--radius: 24px;--font-round: "Baloo 2", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}html[data-phase=dusk]{--bg: #e8d5e2;--bg-deep: #cdb2cf;--ink: #43334a;--ink-soft: #7d6a85;--card: #f6ecf4}html[data-phase=night]{--bg: #2a2440;--bg-deep: #1d1834;--ink: #f0e8f5;--ink-soft: #a99cc0;--card: #383054;--shadow: 0 6px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--ink);transition:background 3s ease,color 3s ease;overscroll-behavior:none;-webkit-font-smoothing:antialiased;user-select:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,.round{font-family:var(--font-round);font-weight:600;letter-spacing:-.01em}button{font-family:var(--font-round);font-weight:600;border:none;cursor:pointer;background:none;color:inherit;font-size:1rem}.btn-primary{background:var(--rose);color:#fff;padding:16px 32px;border-radius:999px;font-size:1.1rem;box-shadow:0 4px 16px #e8637e59;transition:transform .15s ease}.btn-primary:active{transform:scale(.96)}.btn-ghost{color:var(--ink-soft);padding:14px 28px;border-radius:999px;font-size:1rem}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:max(env(safe-area-inset-top),20px) 24px max(env(safe-area-inset-bottom),24px)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);transition:background 3s ease}input[type=text]{font-family:var(--font-round);font-size:1.2rem;color:var(--ink);background:var(--card);border:2px solid transparent;border-radius:20px;padding:14px 20px;outline:none;text-align:center;box-shadow:var(--shadow);width:100%}input[type=text]:focus{border-color:var(--rose)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.2s!important}}