:root{--bg-primary: #F0F4F8;--bg-gradient-1: rgba(255, 255, 255, .9);--bg-gradient-2: rgba(226, 232, 240, .5);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-solid: rgba(255,255,255,.95);--glass-border: rgba(255, 255, 255, .8);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--color-safe: hsl(150, 70%, 40%);--color-safe-glow: rgba(46, 184, 114, .15);--color-warning: hsl(35, 95%, 50%);--color-warning-glow: rgba(245, 158, 11, .15);--color-danger: hsl(350, 80%, 55%);--color-danger-glow: rgba(239, 68, 68, .15);--text-title: #1E293B;--text-primary: #334155;--text-secondary: #64748B;--btn-bg: #fff;--btn-active-bg: #F1F5F9;--btn-accent: #3B82F6;--input-bg: rgba(255, 255, 255, .9);--input-border: rgba(148, 163, 184, .2)}[data-theme=dark]{--bg-primary: #0F172A;--bg-gradient-1: rgba(30, 41, 59, 1);--bg-gradient-2: rgba(15, 23, 42, 1);--glass-bg: rgba(30, 41, 59, .7);--glass-bg-solid: rgba(30,41,59,.95);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--color-safe: hsl(150, 60%, 45%);--color-safe-glow: rgba(46, 184, 114, .2);--color-warning: hsl(40, 90%, 55%);--color-warning-glow: rgba(245, 158, 11, .2);--color-danger: hsl(350, 80%, 60%);--color-danger-glow: rgba(239, 68, 68, .3);--text-title: #F8FAFC;--text-primary: #E2E8F0;--text-secondary: #94A3B8;--btn-bg: rgba(255,255,255,.05);--btn-active-bg: rgba(255,255,255,.15);--btn-accent: #3B82F6;--input-bg: rgba(15, 23, 42, .5);--input-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 50%,var(--bg-gradient-1),transparent 25%),radial-gradient(circle at 85% 30%,var(--bg-gradient-2),transparent 25%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;line-height:1.5;transition:background-color .4s ease,color .4s ease}#root{width:100%;max-width:480px;min-height:100vh;position:relative;display:flex;flex-direction:column}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-enter{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}.anim-fade{animation:fadeIn .3s ease forwards}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;transition:all .2s}button:active{transform:scale(.96)}input,select,textarea{font-family:inherit;background:var(--input-bg);border:1px solid var(--input-border);box-shadow:inset 0 2px 4px #00000005;color:var(--text-title);padding:14px 16px;border-radius:10px;font-size:16px;width:100%;outline:none;transition:all .2s}input:focus,textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}input::placeholder,textarea::placeholder{color:var(--text-secondary)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}