*,:before,:after{padding:0;margin:0;box-sizing:border-box}html,body{width:100%;height:100%}html{scroll-behavior:smooth!important}body{background-color:#000;color:#aaa}:root{--bg: #0b0c10;--card: #121318;--muted: #9aa0a6;--text: #e8eaed;--brand: #f97316;--brand-2: #ffbd59;--border: #22242a}*{box-sizing:border-box}#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 20% -20%,#1c1f26,transparent),var(--bg);background-repeat:no-repeat;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}button{background:#ffffff0f;color:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer}button:hover{background:#ffffff1a}input,textarea{font:inherit;color:inherit}.tablist{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:8px;border-bottom:1px solid var(--border);background:linear-gradient(to right,var(--card),transparent 40%),linear-gradient(to left,var(--card),transparent 40%) right,linear-gradient(to right,#ffffff0f,#fff0);background-size:40px 100%,40px 100%,100% 100%;background-repeat:no-repeat;border-radius:12px 12px 0 0}.tab-button{position:relative;display:inline-flex;align-items:center;gap:8px;max-width:240px;padding:8px 12px;border:1px solid var(--border);background:#ffffff0a;border-radius:10px;white-space:nowrap}.tab-button[aria-selected=true]{background:#ffffff1a;box-shadow:0 4px 16px #00000040 inset}.tab-title{overflow:hidden;text-overflow:ellipsis}.tab-close{all:unset;display:grid;place-items:center;width:22px;height:22px;border-radius:8px;cursor:pointer}.tab-close:hover{background:#ffffff1f}.add-tab{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ffffff0f;border:1px dashed var(--border)}.tab-panel{border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;background:var(--card);padding:16px;min-height:220px}.note-textarea{width:100%;min-height:160px;resize:vertical;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:10px 12px;outline:none}.badge{background:#ffffff14;border:1px solid var(--border);padding:4px 8px;border-radius:999px;color:var(--muted)}