@font-face{font-family:DM Sans;src:url(/assets/fonts/dm-sans.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--background:#151515;--surface:#1d1d1d;--surface-hover:#252525;--border:#2a2a2a;--text:#f4f4f4;--muted:#a8a8a8;--subtle:#777;--accent:#5bd0bc;--accent-dark:#073d39}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{color:var(--text);background:var(--background);margin:0;font:400 15px/1.5 DM Sans,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-main{flex:1;width:100%}.primary-button{color:#fff;background:var(--accent-dark);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.primary-button:hover{background:#0a554e}.primary-button:active{transform:translateY(1px)}.secondary-button{border:1px solid var(--border);color:#ececec;background:var(--surface);border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-weight:600;display:inline-flex}.secondary-button:hover{background:var(--surface-hover)}