.app{--bg: #090c12;--bg-elev: #0b1120;--surface: #0f1523;--surface-2: #0c1320;--text: #f5f8ff;--muted: #b9c4da;--control-bg: #3a455c;--control-hover: #46526b;--control-active: #3a455c;--control-inset: rgba(255, 255, 255, .1);--border: #5f74a1;--ring: #b8d0ff;--accent: #89bbff;--accent-2: #c0a6ff;--danger: #ff597a;--ok: #38d6a5;--shadow: 0 12px 38px rgba(0, 0, 0, .6);--radius: 14px;--radius-sm: 10px;--radius-xs: 8px;--pad: 12px;--pad-lg: 18px;--transition: .16s cubic-bezier(.2, .7, .2, 1);--focus-ring: 0 0 0 3px var(--ring), 0 0 0 10px rgba(184, 208, 255, .22);margin:0;padding:0;background:radial-gradient(1200px 700px at 20% -10%,#10172b 0%,var(--bg) 60%) fixed;color:var(--text);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.app,.app *{box-sizing:border-box}.app *::-webkit-scrollbar{width:10px;height:10px}.app *::-webkit-scrollbar-thumb{background:#3b4a6d;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.app *::-webkit-scrollbar-track{background:transparent}.app *{scrollbar-color:#3b4a6d transparent;scrollbar-width:thin}.app a{color:var(--accent);text-decoration:none}.app a:hover{text-decoration:underline}.app .panel{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad-lg);box-shadow:var(--shadow);position:relative;overflow:hidden}.app .panel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(600px 200px at -10% -20%,rgba(137,187,255,.12),transparent 40%),radial-gradient(500px 180px at 120% -10%,rgba(192,166,255,.12),transparent 45%);pointer-events:none}.app label,.app span{color:var(--text)}.app label{display:block;gap:8px;margin-bottom:10px;font-weight:600;color:#eaf0ff}.app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),.app select,.app textarea{width:100%;background:var(--control-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xs);padding:10px 12px;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition),transform var(--transition),filter var(--transition);box-shadow:inset 0 0 0 1px var(--control-inset)}.app textarea{min-height:88px;resize:vertical}.app input::placeholder,.app textarea::placeholder{color:#c3cde3;opacity:1}.app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):hover,.app select:hover,.app textarea:hover{background:var(--control-hover);transform:translateY(-1px)}.app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus-visible,.app select:focus-visible,.app textarea:focus-visible{border-color:var(--ring);box-shadow:var(--focus-ring),inset 0 0 0 1px #ffffff14;filter:saturate(1.06)}.app select[multiple]{min-height:120px;padding:8px}.app option{background:var(--control-bg);color:var(--text)}.app input[type=checkbox],.app input[type=radio]{width:18px;height:18px;accent-color:var(--accent);vertical-align:middle;transform:translateY(2px)}.app input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:24px}.app input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:color-mix(in oklab,var(--border) 45%,#0b1120)}.app input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #ffffff22;margin-top:-6px;box-shadow:0 0 0 3px #b8d0ff40}.app input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:color-mix(in oklab,var(--border) 45%,#0b1120)}.app input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #ffffff22;box-shadow:0 0 0 3px #b8d0ff40}.app input[type=file],.app input[type=color]{background:var(--control-bg);border:1px solid var(--border);border-radius:var(--radius-xs);padding:8px 10px;color:var(--text)}.app :where(input,select,textarea)[disabled],.app :where(input,select,textarea)[aria-disabled=true]{opacity:.7;cursor:not-allowed;filter:grayscale(.08) contrast(1.05)}.app button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:linear-gradient(180deg,#4a5773,#3a485f);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);font-weight:700;letter-spacing:.2px;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition),filter var(--transition);box-shadow:0 8px 28px #0000008c,0 0 0 1px #ffffff0a inset}.app button:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--accent) 60%,var(--border));background:linear-gradient(180deg,#566589,#445979);box-shadow:0 12px 34px #0009,0 0 0 1px #89bbff33 inset}.app button:active{transform:translateY(0);filter:brightness(.99)}.app button:focus-visible{outline:none;box-shadow:var(--focus-ring),0 8px 28px #0000008c}.app button[disabled],.app button[aria-disabled=true]{opacity:.7;cursor:not-allowed;filter:grayscale(.08) contrast(1.02)}.app button.accent{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 58%,#4a5773),#3a485f);border-color:color-mix(in oklab,var(--accent) 70%,var(--border))}.app button.ok{background:linear-gradient(180deg,color-mix(in oklab,var(--ok) 58%,#2d4b4f),#1c3236);border-color:color-mix(in oklab,var(--ok) 70%,var(--border))}.app button.danger{background:linear-gradient(180deg,color-mix(in oklab,var(--danger) 60%,#4b1b29),#2b1420);border-color:color-mix(in oklab,var(--danger) 72%,var(--border))}.app dialog{border:1px solid var(--border);border-radius:18px;padding:0;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);color:var(--text);box-shadow:0 26px 78px #000000b3;overflow:hidden;animation:app-dlg-in .18s ease-out both;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.app dialog>div{padding:18px;background:radial-gradient(500px 200px at 120% -10%,rgba(192,166,255,.12),transparent 45%),radial-gradient(400px 180px at -10% -20%,rgba(137,187,255,.12),transparent 40%)}@keyframes app-dlg-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app dialog::backdrop{background:radial-gradient(1200px 800px at 50% 0%,rgba(137,187,255,.16),transparent 40%),#03060cad;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.app [aria-disabled=true]{cursor:not-allowed}.app .muted{color:var(--muted)}.app .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--control-bg);border:1px solid var(--border);color:var(--text);box-shadow:inset 0 0 0 1px var(--control-inset)}@media (prefers-contrast: more){.app{--border: #7892c2;--ring: #cfe1ff;--focus-ring: 0 0 0 3px var(--ring), 0 0 0 12px rgba(207, 225, 255, .24)}}@media (prefers-reduced-motion: reduce){.app *{transition:none!important;animation:none!important}}