:root{--bg: #f4f5f7;--panel: #ffffff;--border: #d9dce1;--text: #1f2329;--muted: #6b7280;--accent: #2563eb;--accent-soft: #e0ecff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{background:var(--bg);overflow:hidden}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:6px;padding:6px 12px;transition:background .12s,border-color .12s}button:hover{background:#f0f2f5}button:active{background:#e6e9ee}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:#1d4ed8}button:disabled{opacity:.5;cursor:not-allowed}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#1f2329;color:#fff;font-size:12px;line-height:1.3;padding:5px 9px;border-radius:6px;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 2px 8px #00000040}[data-tip]:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1f2329;z-index:100;pointer-events:none}