:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--primary: #0369a1;--primary-soft: #e0f2fe;--primary-contrast: #ffffff;--primary-fg: #0c4a6e;--secondary: #16a34a;--secondary-soft: #dcfce7;--secondary-fg: #14532d;--tertiary: #d97706;--tertiary-soft: #fef3c7;--tertiary-fg: #78350f;--destructive: #dc2626;--destructive-soft: #fee2e2;--destructive-fg: #b91c1c;--background: #f0f9ff;--surface: #ffffff;--surface-2: #f7fbff;--surface-highest: #e7eff5;--muted: #e7eff5;--foreground: #0c4a6e;--foreground-2: #33485a;--on-surface-variant: #64748b;--border: #e0f2fe;--border-strong: #b7d8ec;--gradient-hero: linear-gradient(135deg, #0369a1 0%, #0e7490 55%, #16a34a 130%);--gradient-hero-soft: linear-gradient( 135deg, rgba(224, 242, 254, .85), var(--background) 55%, var(--background) );--shadow-sm: 0 1px 2px rgba(12, 74, 110, .06);--shadow-md: 0 4px 12px rgba(12, 74, 110, .08);--shadow-lg: 0 12px 28px rgba(12, 74, 110, .14);--shadow-float: 0 12px 32px rgba(12, 74, 110, .22);--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 24px;--r-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--nav-height: 72px;--transition: .18s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary: #38bdf8;--primary-soft: #0c4a6e;--primary-contrast: #06283d;--primary-fg: #e0f2fe;--secondary: #4ade80;--secondary-soft: #14532d;--secondary-fg: #bbf7d0;--tertiary: #fb923c;--tertiary-soft: #78350f;--tertiary-fg: #fde68a;--destructive: #f87171;--destructive-soft: #450a0a;--destructive-fg: #fecaca;--background: #0c1929;--surface: #132337;--surface-2: #16283e;--surface-highest: #1a2d42;--muted: #1a2d42;--foreground: #e2e8f0;--foreground-2: #cbd5e1;--on-surface-variant: #94a3b8;--border: #243b53;--border-strong: #35506e;--gradient-hero: linear-gradient(135deg, #0e7490 0%, #0369a1 55%, #0f766e 130%);--gradient-hero-soft: linear-gradient( 135deg, rgba(12, 74, 110, .7), var(--background) 60%, var(--background) );--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .45);--shadow-float: 0 12px 32px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--foreground);background-color:var(--background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .22s ease,color .22s ease}button{font-family:inherit}a{color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}::selection{background:var(--primary-soft);color:var(--primary-fg)}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.01em}p{margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:2px solid var(--background)}::-webkit-scrollbar-thumb:hover{background:var(--on-surface-variant)}::-webkit-scrollbar-track{background:transparent}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-bg{background-color:var(--background);background-image:radial-gradient(1000px 500px at 110% -10%,rgba(2,132,199,.08),transparent 60%),radial-gradient(800px 420px at -10% 110%,rgba(22,163,74,.06),transparent 60%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:var(--r-sm);border:1px solid transparent;font-weight:700;font-size:15px;line-height:1.2;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition),border-color var(--transition),opacity var(--transition);-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast);box-shadow:0 6px 16px #0369a147}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 88%,#000 6%);box-shadow:0 8px 20px #0369a15c}.btn-outline{background:transparent;color:var(--foreground);border-color:var(--border-strong)}.btn-outline:hover:not(:disabled){background:var(--surface-highest);border-color:var(--primary)}.btn-ghost{background:transparent;color:var(--primary);min-height:40px;padding:8px 14px}.btn-ghost:hover:not(:disabled){background:var(--primary-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--on-surface-variant);cursor:pointer;transition:background-color var(--transition),color var(--transition),transform var(--transition)}.icon-btn:hover{background:var(--surface-highest);color:var(--foreground)}.icon-btn:active{transform:scale(.94)}.app-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;height:64px;padding:0 16px;background:color-mix(in srgb,var(--background) 86%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.app-bar__title{font-size:20px;font-weight:800;letter-spacing:-.02em;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-bar__brand{display:inline-flex;align-items:center;gap:10px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--border)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--on-surface-variant);font-size:12px;font-weight:500;transition:color var(--transition)}.bottom-nav__item svg{transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.bottom-nav__item.active{color:var(--primary);font-weight:700}.bottom-nav__item.active svg{transform:translateY(-1px)}.bottom-nav__item.active .bottom-nav__pill{background:var(--primary-soft);border-radius:var(--r-full);padding:4px 18px}.bottom-nav__pill{padding:4px 18px;border-radius:var(--r-full);transition:background-color var(--transition);display:flex;align-items:center;justify-content:center}.page{flex:1;width:100%;max-width:720px;margin:0 auto;padding:16px 16px calc(var(--nav-height) + 32px)}.page--flush{padding:0;max-width:none;position:relative}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field__label{font-size:13px;font-weight:600;color:var(--on-surface-variant)}.input{width:100%;min-height:52px;padding:14px 16px;font-family:inherit;font-size:16px;color:var(--foreground);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);transition:border-color var(--transition),box-shadow var(--transition)}.input::placeholder{color:var(--on-surface-variant);opacity:.75}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.input:disabled{opacity:.7;background:var(--surface-highest)}.input--error{border-color:var(--destructive)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;background:var(--surface-highest);border-radius:var(--r-sm)}.segmented__item{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:var(--on-surface-variant);font-weight:600;font-size:14px;cursor:pointer;transition:background-color var(--transition),color var(--transition),box-shadow var(--transition)}.segmented__item.active{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-sm)}.switch-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;cursor:pointer}.switch-row__text{flex:1}.switch-row__title{font-weight:700;font-size:15px}.switch-row__subtitle{font-size:13px;color:var(--on-surface-variant);margin-top:2px}.switch{position:relative;width:48px;height:28px;flex-shrink:0;margin-top:2px;border-radius:var(--r-full);border:none;cursor:pointer;background:var(--border-strong);transition:background-color var(--transition);padding:0}.switch.on{background:color-mix(in srgb,var(--primary) 78%,var(--surface))}.switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.switch.on .switch__thumb{transform:translate(20px)}.slider-row{display:flex;align-items:center;gap:12px;padding:4px 16px 14px}.slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:var(--r-full);background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--slider-pct, 50%),var(--surface-highest) var(--slider-pct, 50%),var(--surface-highest) 100%);cursor:pointer;transition:background-color var(--transition)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--surface);border:6px solid var(--primary);box-shadow:var(--shadow-sm);cursor:grab;transition:transform .12s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.08)}.slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.12)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--surface);border:6px solid var(--primary);box-shadow:var(--shadow-sm);cursor:grab}.slider-value{min-width:28px;text-align:right;font-weight:800;font-size:15px;color:var(--foreground)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--r-full);font-size:12px;font-weight:600;line-height:1.4;background:var(--surface-highest);color:var(--foreground)}.chip--success{background:var(--secondary-soft);color:var(--secondary-fg)}.chip--warn{background:var(--tertiary-soft);color:var(--tertiary-fg)}.state-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.state{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:340px;animation:state-in .32s cubic-bezier(.34,1.56,.64,1)}@keyframes state-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.state__icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);margin-bottom:16px}.state__title{font-size:17px;font-weight:800}.state__subtitle{margin-top:8px;font-size:14px;color:var(--on-surface-variant);line-height:1.5}.state__action{margin-top:24px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--surface-highest) 25%,var(--surface) 50%,var(--surface-highest) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear}.row{display:flex;align-items:center}.spacer{flex:1}.text-muted{color:var(--on-surface-variant)}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}