:root{--bg0: #07070b;--bg1: #0b0c10;--card: rgba(255, 255, 255, .045);--card2: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .12);--border2: rgba(255, 255, 255, .18);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--muted2: rgba(255, 255, 255, .55);--accentA: #ff3bd4;--accentB: #7c4dff;--accentC: #00e5ff;--danger: #ff4d6d;--ok: #34d399;--warn: #fbbf24;--shadow: 0 16px 60px rgba(0, 0, 0, .55);--shadowSoft: 0 10px 40px rgba(0, 0, 0, .35);--r: 16px}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 800px at 15% 0%,rgba(255,59,212,.12),transparent 60%),radial-gradient(1000px 700px at 90% 20%,rgba(124,77,255,.12),transparent 55%),radial-gradient(900px 650px at 50% 120%,rgba(0,229,255,.08),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif}*{box-sizing:border-box}::selection{background:#ff3bd440}*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#ffffff38}.container{width:min(1180px,100%);margin:0 auto}.card{border:1px solid var(--border);border-radius:var(--r);background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:var(--shadowSoft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-pad{padding:14px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.h2,.h3{margin:0}.h2{font-size:18px;letter-spacing:.2px}.h3{font-size:15px;letter-spacing:.2px}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.divider{height:1px;background:#ffffff14;margin:12px 0}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#ffffff0d;color:var(--text);outline:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.input:focus,.select:focus,.textarea:focus{border-color:#ff3bd459;box-shadow:0 0 0 3px #ff3bd414,0 0 0 1px #7c4dff14}.label{font-size:12px;color:var(--muted)}.range{width:100%;accent-color:var(--accentB)}.btn{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);border-color:var(--border2);box-shadow:0 10px 30px #00000059}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-xs{padding:6px 10px;font-size:12px;border-radius:10px}.btn-ghost{background:transparent}.btn-primary{border-color:#ff3bd459;background:linear-gradient(90deg,#ff3bd42e,#7c4dff2e)}.btn-danger{border-color:#ff4d6d52;background:#ff4d6d14}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid var(--border);border-radius:999px;padding:7px 12px;background:#ffffff08;color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;font-size:12px}.chip:hover{transform:translateY(-1px);border-color:var(--border2)}.chip.active{border-color:#ff3bd457;background:#ff3bd41a}.pill{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:2px 8px;font-size:12px;color:var(--muted);background:#ffffff08}.pill-accent{border-color:#7c4dff52;color:#ffffffdb;background:#7c4dff1a}.pill-danger{border-color:#ff4d6d52;color:#ffffffdb;background:#ff4d6d1a}.modal-backdrop{position:fixed;inset:0;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;animation:fadeIn .18s ease}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:16px;z-index:1001;animation:riseIn .22s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}