@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-base:"Inter", "Segoe UI", system-ui, sans-serif;--color-bg:#0f172a;--color-surface:#0f172ac7;--color-surface-light:#1e293bd9;--color-border:#ffffff1c;--color-border-hover:#ffffff38;--color-text:#f1f5f9;--color-text-muted:#f1f5f98c;--color-accent:#22c55e;--color-accent-dim:#22c55e2e;--color-danger:#ef4444;--color-danger-dim:#ef444426;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-glass:0 24px 52px #00000061, inset 0 1px 0 #ffffff17;--shadow-btn:0 4px 16px #00000038;--t-fast:.14s cubic-bezier(.4, 0, .2, 1);--t-base:.2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-base);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(at 12% 20%,#6366f124 0%,#0000 40%),radial-gradient(at 88% 8%,#0ea5e91f 0%,#0000 38%),radial-gradient(at 50% 90%,#22c55e0f 0%,#0000 45%),linear-gradient(160deg,#eef2ff 0%,#f8fafc 45%,#e8edf5 100%);font-size:14px;line-height:1.5}#root{width:100vw;height:100vh}button{font-family:var(--font-base);cursor:pointer;transition:transform var(--t-fast), box-shadow var(--t-base), background-color var(--t-base), border-color var(--t-base), opacity var(--t-fast);border:none;outline:none}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)scale(.96)}input,select,textarea{font-family:var(--font-base);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(241,245,249,0.6)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px!important}input[type=range]{appearance:none;cursor:pointer;background:#ffffff26;border-radius:3px;outline:none;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;width:16px;height:16px;box-shadow:0 0 0 3px var(--color-accent-dim);transition:box-shadow var(--t-fast), transform var(--t-fast);border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--color-accent-dim);transform:scale(1.15)}input[type=color]{appearance:none;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:2px}input[type=color]::-webkit-color-swatch-wrapper{border-radius:6px;padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.glass{background:var(--color-surface);-webkit-backdrop-filter:blur(14px)saturate(160%);border:1px solid var(--color-border);box-shadow:var(--shadow-glass)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}