:root{--bg: #0C0C0C;--card: #1A1A1A;--card-2: #232323;--card-3: #2B2B2B;--input: #161616;--fg: #FFFFFF;--fg-mute: #AEAEAF;--fg-dim: #5D5D5D;--accent: #FE0037;--accent-soft: #B92F4D;--green: #4EFF7E;--blue: #377DFF;--blue-d: #006692;--line: #2A2A2A;--line-soft: #1E1E1E;--grad-red: linear-gradient(180deg, #FE0037 0%, #B92F4D 100%);--grad-red-radial: radial-gradient(120% 140% at 50% 0%, #FF3D63 0%, #FE0037 45%, #B92F4D 100%);--grad-blue: linear-gradient(180deg, #377DFF 0%, #006692 100%);--grad-green: linear-gradient(180deg, #4EFF7E 0%, #0E8F3D 100%);--grad-card: linear-gradient(110deg, #FE0037 0%, #B92F4D 100%);--grad-card-dim: linear-gradient(180deg, #1F1F1F 0%, #141414 100%);--r-card: 24px;--r-md: 16px;--r-sm: 12px;--r-pill: 100px;--r-seg: 32px;--bg-elev: var(--card);--bg-input: var(--input);--hr: var(--line);--hr-soft: var(--line-soft);--accent-h: #FF3D63;--accent-d: #B92F4D;--accent-border: var(--accent);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--d-press: .12s;--d-pop: .18s;--d-modal: .26s;--shadow-card: 0 1px 0 rgba(255,255,255,.03) inset;--shadow-pop: 0 12px 40px rgba(0,0,0,.55);--glow-accent: 0 6px 24px rgba(254,0,55,.35)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg)}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;font-weight:500;color:var(--fg);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit;background:none;border:0}button{cursor:pointer}a{color:inherit;text-decoration:none}.brand{font-family:New Amsterdam,Archivo Narrow,Inter,sans-serif;font-weight:400;letter-spacing:.01em;line-height:1;font-style:italic}.h1{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.05}.h2{font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.h3{font-size:18px;font-weight:600;letter-spacing:-.02em}.title{font-size:16px;font-weight:600;letter-spacing:-.02em}.body{font-size:14px;font-weight:500}.sm{font-size:12px;font-weight:500}.xs{font-size:10px;font-weight:500;letter-spacing:0}.macro{font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--fg)}.macro-xl{font-size:52px}.macro-lg{font-size:32px}.mute{color:var(--fg-mute)}.dim{color:var(--fg-dim)}.acc{color:var(--accent)}.pos{color:var(--green)}.up{text-transform:uppercase;letter-spacing:.02em}.mono{font-family:Inter,sans-serif;font-size:12px;font-weight:500}.mono-sm{font-size:10px}.pressable{transition:transform var(--d-press) var(--ease-out),filter .16s var(--ease-out)}.pressable:active{transform:scale(.97)}::-webkit-scrollbar{width:0;height:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition-duration:.01s!important}}.app{display:grid;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh;width:100%;max-width:440px;margin:0 auto;background:var(--bg);overflow:hidden;position:relative}.app>main{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:16px}.pad-x{padding-inline:16px}.pad{padding:16px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.card{background:var(--card);border-radius:var(--r-card);padding:16px}.card-inset{background:var(--card-2);border-radius:var(--r-md)}.field{width:100%;background:var(--input);border:1px solid var(--line);color:var(--fg);padding:14px 16px;border-radius:var(--r-md);font-family:Inter,sans-serif;font-weight:500;font-size:14px;outline:none;transition:border-color .16s var(--ease-out)}.field::placeholder{color:var(--fg-dim)}.field:focus{border-color:var(--accent)}.field.center{text-align:center}