:root{--primary: #0B3D91;--primary-dark: #062461;--primary-soft: #EEF2FA;--accent: #0B3D91;--ink-900: #0F1419;--ink-700: #2D3440;--ink-500: #5B6472;--ink-400: #8892A0;--ink-300: #C3C9D3;--ink-200: #E4E7EC;--ink-100: #F2F4F7;--ink-50: #F8F9FB;--success: #15803D;--success-soft: #ECFDF3;--warning: #B45309;--warning-soft: #FFF7E6;--error: #B42318;--error-soft: #FEF3F2;--surface: #FFFFFF;--page-bg: #F5F6F8;--font-display: "Inter Tight", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--shadow-sm: 0 1px 2px rgba(15,20,25,.05), 0 1px 3px rgba(15,20,25,.04);--shadow-md: 0 4px 6px -1px rgba(15,20,25,.06), 0 2px 4px -1px rgba(15,20,25,.03);--shadow-lg: 0 10px 25px -5px rgba(15,20,25,.08), 0 8px 10px -6px rgba(15,20,25,.04);--shadow-xl: 0 25px 50px -12px rgba(15,20,25,.15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-body);background:var(--page-bg);color:var(--ink-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;margin:0}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:4px}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mobile-frame{width:390px;height:844px;background:var(--surface);border-radius:44px;box-shadow:0 0 0 10px #1a1d23,0 0 0 12px #2a2e37,0 40px 80px #0f141940,0 20px 40px #0f141926;position:relative;overflow:hidden;display:flex;flex-direction:column}.mobile-frame-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:120px;height:32px;background:#0b0e12;border-radius:20px;z-index:50}.mobile-statusbar{height:54px;padding:18px 28px 8px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--ink-900);flex-shrink:0}.mobile-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;border-radius:3px;background:var(--ink-900);opacity:.9;z-index:50}.mobile-screen{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 20px;border-radius:12px;font-weight:600;font-size:15px;letter-spacing:-.01em;transition:all .15s var(--ease-out);white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #0b3d9133,inset 0 1px #ffffff1a}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{background:var(--ink-200);color:var(--ink-400);cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--surface);color:var(--ink-900);border:1px solid var(--ink-200)}.btn-secondary:hover{background:var(--ink-50);border-color:var(--ink-300)}.btn-ghost{background:transparent;color:var(--primary);font-weight:600}.btn-ghost:hover{background:var(--primary-soft)}.field-label{font-size:13px;font-weight:600;color:var(--ink-700);letter-spacing:-.005em;margin-bottom:6px;display:block}.field-input{width:100%;height:48px;padding:0 14px;border-radius:10px;border:1px solid var(--ink-200);background:var(--surface);font-size:15px;color:var(--ink-900);transition:border-color .15s,box-shadow .15s}.field-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0b3d911a}.field-input::placeholder{color:var(--ink-400)}.field-input.error{border-color:var(--error);box-shadow:0 0 0 3px #b423181a}.field-hint{font-size:12px;color:var(--ink-500);margin-top:6px}.field-hint.error{color:var(--error)}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em}.chip-success{background:var(--success-soft);color:var(--success)}.chip-warning{background:var(--warning-soft);color:var(--warning)}.chip-error{background:var(--error-soft);color:var(--error)}.chip-neutral{background:var(--ink-100);color:var(--ink-700)}.chip-primary{background:var(--primary-soft);color:var(--primary)}.progress-bar{height:3px;background:var(--ink-100);position:relative;overflow:hidden}.progress-fill{position:absolute;left:0;top:0;bottom:0;background:var(--primary);transition:width .5s var(--ease-out);border-radius:0 3px 3px 0}.card{background:var(--surface);border-radius:16px;border:1px solid var(--ink-200);padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scanline{0%{transform:translateY(0)}50%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ringPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.3);opacity:0}}.fade-in{animation:fadeIn .35s var(--ease-out)}.slide-in{animation:slideInRight .4s var(--ease-out)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spinner.dark{border-color:#0b3d9133;border-top-color:var(--primary)}#root{min-height:100vh;display:flex;flex-direction:column}.screen-wrapper{flex:1;width:100%;max-width:480px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.screen-wrapper{padding:48px 24px}}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}