:root{--ios-bg: #F2F2F7;--ios-card: rgba(255, 255, 255, .75);--ios-modal: rgba(255, 255, 255, .92);--text-primary: #000000;--text-secondary: #8E8E93;--text-scent: #007AFF;--color-blue: #007AFF;--color-green: #34C759;--color-red: #FF3B30;--color-orange: #FF9500;--color-indigo: #5856D6;--ios-blue: var(--color-blue);--ios-green: var(--color-green);--ios-red: var(--color-red);--ios-orange: var(--color-orange);--ios-text-secondary: var(--text-secondary);--radius-m: 12px;--radius-l: 20px;--radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--glass-blur: blur(20px);--glass-border: 1px solid rgba(255, 255, 255, .3);--ios-separator: #C6C6C8;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:flex-start center;min-width:320px;min-height:100vh;background-color:var(--ios-bg);background-image:radial-gradient(at 0% 0%,hsla(213,62%,61%,.2) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(280,30%,80%,.2) 0px,transparent 50%);color:var(--text-primary);padding-bottom:40px}#root{width:100%;max-width:500px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:24px}h1{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:0}h2{font-size:22px;font-weight:600;margin:0}h3{font-size:17px;font-weight:600;margin:0}p,span,div{font-size:17px}.text-caption{font-size:13px;color:var(--text-secondary)}.text-display{font-size:28px;font-weight:700;letter-spacing:-.01em}.glass{background:var(--ios-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-sm)}.card-ios{border-radius:var(--radius-l);padding:20px;transition:transform .2s ease,box-shadow .2s ease}.card-ios:active{transform:scale(.98)}.btn{border:none;cursor:pointer;padding:14px 24px;border-radius:var(--radius-xl);font-weight:600;font-size:17px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:var(--color-blue);color:#fff;box-shadow:0 4px 12px #007aff4d}.btn-primary:active{opacity:.8;transform:scale(.96)}.btn-secondary{background-color:#8e8e931f;color:var(--color-blue)}.btn-destructive{background-color:#ff3b301a;color:var(--color-red)}.btn-icon{padding:10px;border-radius:50%;background-color:#fffc;color:var(--color-blue);box-shadow:var(--shadow-sm)}input,select{width:100%;padding:16px;border-radius:var(--radius-m);border:none;background:#7676801f;font-size:17px;color:var(--text-primary);outline:none;transition:background .2s}input:focus,select:focus{background:#76768014;box-shadow:0 0 0 2px var(--color-blue)}.active-scale{transition:transform .1s cubic-bezier(.1,.7,1,.1);cursor:pointer}.active-scale:active{transform:scale(.96)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .3s ease-out forwards}