@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Urbanist:wght@300;400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0d;--surface:#141414;--surface-raised:#1a1a1a;--border:#ffffff12;--text:#f6f4ef;--text-secondary:#ffffff73;--text-tertiary:#ffffff38;--crimson:#a8102a;--crimson-light:#a8102a1a;--crimson-border:#a8102a40;--green-text:#4ade80;--font-display:"Syne", sans-serif;--font-sans:"Urbanist", sans-serif;--font-mono:"IBM Plex Mono", monospace}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:-webkit-fill-available;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-x:hidden}#root{width:100%;min-height:100vh;min-height:-webkit-fill-available}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text);line-height:1.2}p{line-height:1.6}input,select,textarea,button{font-family:var(--font-sans);font-size:inherit}input,select,textarea{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);appearance:none;border-radius:10px;outline:none;width:100%;padding:13px 14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--crimson-border)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}select option{color:var(--text);background:#1a1a1a}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}button,nav,.no-select{-webkit-user-select:none;user-select:none}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}@media (width<=360px){html{font-size:14px}}@media (width>=769px){html{font-size:16px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.25s forwards fadeIn}