:root{--bg: #F4F6FB;--bg-soft: #F8FAFC;--bg-hover: #F1F4FA;--surface: #FFFFFF;--ink-1: #0B1220;--ink-2: #243049;--ink-3: #54607A;--ink-4: #8A95AE;--ink-5: #BCC4D4;--line: #ECEFF5;--line-soft: #F2F4F9;--line-strong: #DDE2EC;--primary: #2A6FF1;--primary-deep: #1E5BD9;--primary-deeper: #1448B8;--primary-tint: #ECF2FE;--primary-soft: #D7E3FD;--mint: #10B981;--mint-tint: #ECFDF5;--mint-soft: #D1FAE5;--rose: #EF4444;--rose-tint: #FEF2F2;--rose-soft: #FECACA;--amber: #F59E0B;--amber-tint: #FFFBEB;--amber-soft: #FDE68A;--violet: #8B5CF6;--violet-tint:#F5F3FF;--radius-sm: 8px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-xs: 0 1px 2px rgba(11,18,32,.04);--shadow-sm: 0 1px 2px rgba(11,18,32,.05), 0 2px 6px -2px rgba(11,18,32,.04);--shadow: 0 2px 6px -1px rgba(11,18,32,.06), 0 8px 24px -10px rgba(11,18,32,.1);--shadow-lg: 0 16px 40px -16px rgba(11,18,32,.18);--shadow-blue:0 6px 20px -8px rgba(42,111,241,.45);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--bottom-bar-height: 64px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-top: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--ink-1);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:contain;padding-bottom:calc(var(--bottom-bar-height) + var(--safe-area-bottom))}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-deep)}button{font:inherit;cursor:pointer;background:transparent;border:0;color:inherit}img,svg,canvas{display:block;max-width:100%;height:auto}input,select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:10px 12px;min-height:44px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--ink-1);letter-spacing:-.01em}p{margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}*{-webkit-tap-highlight-color:transparent}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border-radius:var(--radius);padding:12px 18px;font-weight:600;min-height:44px;box-shadow:var(--shadow-sm);transition:background .12s ease}.btn-primary:hover{background:var(--primary-deep)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--ink-1);border:1px solid var(--line-strong);border-radius:var(--radius);padding:12px 18px;font-weight:600;min-height:44px}.btn-secondary:hover{background:var(--bg-hover)}.page{max-width:960px;margin:0 auto;padding:var(--space-4)}@media (min-width: 768px){body{font-size:16px}}