:root{--bg: #0b0e13;--bg-glow: #121826;--panel: #141a22;--panel-2: #1b2330;--panel-3: #222c3a;--border: #28323f;--border-strong: #3a4757;--text: #e9eef5;--muted: #8d9bac;--muted-2: #61707f;--accent: #ff8a5c;--accent-hover: #ff9d75;--accent-2: #4cc2a3;--accent-2-hover: #5fd3b4;--info: #5aa9ff;--warn: #f2c14e;--danger: #e0556b;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 8px 30px rgba(0, 0, 0, .35);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .25);--ring: 0 0 0 3px rgba(255, 138, 92, .25);--mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;color:var(--text);background:radial-gradient(1100px 600px at 12% -8%,rgba(255,138,92,.07),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(76,194,163,.06),transparent 55%),var(--bg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.25}button{font:inherit;cursor:pointer;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);border-radius:var(--radius-sm);padding:9px 15px;font-weight:500;transition:background .15s ease,border-color .15s ease,transform .05s ease,box-shadow .15s ease}button:hover{background:var(--panel-3);border-color:var(--border-strong)}button:active{transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:var(--ring)}button.primary{background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:#21140a;border-color:transparent;font-weight:600;box-shadow:var(--shadow-sm)}button.primary:hover{filter:brightness(1.05);background:linear-gradient(180deg,var(--accent-hover),var(--accent))}button.ghost{background:transparent;border-color:var(--border)}button.ghost:hover{background:var(--panel-2)}button.danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 55%,transparent)}button.danger:hover{background:color-mix(in srgb,var(--danger) 14%,transparent)}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(max-width:640px){button{padding:12px 16px}button.sm{padding:9px 12px}}input,textarea,select{font:inherit;font-size:16px;background:var(--bg-glow);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--muted-2)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}textarea{resize:vertical;min-height:110px;line-height:1.55}label{display:block;font-size:12.5px;font-weight:500;letter-spacing:.01em;color:var(--muted);margin:14px 0 6px}.panel{background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 85%,#000));border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.panel-title{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:15px;font-weight:600;letter-spacing:.01em}.panel-title .ic{font-size:16px;line-height:1;opacity:.9}.panel-title .count{margin-left:auto;font-size:12px;font-weight:600;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:2px 9px}.muted{color:var(--muted)}.error{color:#ffd3da;background:color-mix(in srgb,var(--danger) 16%,transparent);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:var(--radius-sm);padding:9px 12px;font-size:13.5px;margin:12px 0 0}a{color:var(--accent-2)}code{background:var(--panel-2);padding:1px 6px;border-radius:6px;font-family:var(--mono);font-size:.92em}.empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:22px 16px;font-size:13.5px}.empty .ic{display:block;font-size:24px;margin-bottom:6px;opacity:.7}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}
