*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f1a;--surface: #1a1a2e;--border: #2a2a4a;--accent: #6c63ff;--text: #e0e0f0;--subtext: #888aa0;--danger: #ff4d6d;--success: #4ecca3;font-family:Segoe UI,system-ui,sans-serif;color:var(--text)}body{background:var(--bg);height:100dvh;overflow:hidden}#root{height:100dvh;display:flex;flex-direction:column}button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:opacity .15s,transform .1s}button:hover{opacity:.85}button:active{transform:scale(.97)}input,textarea{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 12px;font-size:14px;outline:none;width:100%}input:focus,textarea:focus{border-color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media (max-width: 767px){button{touch-action:manipulation}input,textarea{font-size:16px}}