:root{--accent: #f2a41c;--ink: #1c1e21;--ink-soft: #6c727a;--ink-faint: #9aa0a8;--line: #e7e9ec;--line-soft: #eceef1;--paper: #f3f4f6;--paper-card: #ffffff;--field-bg: #f7f8f9;--shadow-lift: 0 4px 24px rgba(20, 22, 28, .07);--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{height:100vh}::selection{background:#f2a41c2e}.mono{font-family:var(--font-mono)}.scroll::-webkit-scrollbar{width:11px;height:11px}.scroll::-webkit-scrollbar-thumb{background:#d3d7dd;border-radius:9px;border:3px solid transparent;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{background:#bcc1c9}.scroll::-webkit-scrollbar-track{background:transparent}input,textarea,button,select{font-family:inherit}@keyframes fadein{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:7px;border:1px solid var(--line);background:#fff;color:#42474d;font-size:13px;font-weight:600;cursor:pointer}.btn:hover{background:#f4f5f7}.btn-primary{border:none;background:var(--accent);color:#fff;box-shadow:0 1px 2px #14161c1f}.btn-primary:hover{filter:brightness(.97)}.alert{border-radius:8px;padding:10px 13px;font-size:.85rem}.alert-warning{background:#fff7e8;border:1px solid #f3dca6;color:#8a6d22}.alert-danger{background:#fdf6f5;border:1px solid #f0d6d4;color:#c0392b}