:root{--cream: #fff8e9;--cream-alt: #f4e9d4;--red: #c8242b;--red-dark: #a01d22;--red-soft: rgba(200, 36, 43, .1);--red-mid: rgba(200, 36, 43, .18);--ink: #0d0d0d;--ink-mid: rgba(13, 13, 13, .52);--ink-light: rgba(13, 13, 13, .28);--border: rgba(0, 0, 0, .08);--card: #ffffff;--success: #34c759;--warning: #ff9500;--shadow-sm: 0 2px 12px rgba(0, 0, 0, .07);--shadow-md: 0 6px 22px rgba(0, 0, 0, .11);--shadow-red: 0 8px 28px rgba(200, 36, 43, .28);--nav-height: 76px}@media (prefers-color-scheme: dark){:root{--cream: #141210;--cream-alt: #2c2823;--red: #e8434a;--red-dark: #c8242b;--red-soft: rgba(232, 67, 74, .16);--red-mid: rgba(232, 67, 74, .26);--ink: #fff8e9;--ink-mid: rgba(255, 248, 233, .56);--ink-light: rgba(255, 248, 233, .3);--border: rgba(255, 248, 233, .12);--card: #221f1a;--success: #32d74b;--warning: #ff9f0a}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit;transition:opacity .12s,transform .1s}button:active{opacity:.78;transform:scale(.98)}input{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{max-width:430px;margin:0 auto;min-height:100%;background:var(--cream);position:relative}@media (min-width: 480px){.app-shell{box-shadow:0 0 0 1px var(--border),0 0 60px #00000014}}.page{padding:20px 20px calc(var(--nav-height) + 28px);display:flex;flex-direction:column;gap:16px;min-height:100vh}.page--no-nav{padding-bottom:28px}.page-title{font-size:28px;font-weight:900;letter-spacing:-.5px}.card{background:var(--card);border-radius:18px;box-shadow:var(--shadow-sm)}.btn-primary{width:100%;height:54px;background:var(--red);color:#fff;border-radius:16px;font-size:16px;font-weight:700;letter-spacing:.2px;box-shadow:var(--shadow-red)}.btn-primary:disabled{background:var(--ink-light);box-shadow:none;cursor:not-allowed}.btn-outline{width:100%;height:52px;background:transparent;border:1.5px solid var(--red);color:var(--red);border-radius:16px;font-size:15px;font-weight:600}.input{width:100%;height:52px;background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:0 18px;font-size:15px;color:var(--ink);outline:none}.input:focus{border-color:var(--red)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:var(--nav-height);background:var(--card);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:flex-start;padding-top:10px;z-index:50}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;font-size:10.5px;color:var(--ink-light);font-weight:400}.bottom-nav button.active{color:var(--red);font-weight:700}.bottom-nav .nav-dot{width:4px;height:4px;border-radius:2px;background:var(--red)}@keyframes popIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.screen-enter{animation:fadeUp .22s ease forwards}