:root{--ground: #05070a;--raised: #101927;--sunk: #0c121c;--line: #1c2a3d;--ink: #e7edf6;--soft: #93a4bf;--faint: #57647c;--you: #5b9dff;--orb: #5fe3d3;--tool: #ff8a5b;--needs: #9b5cff;--rec: #ff2fb0;--fail: #ff5c5c;--strong: #2a3f5c;--orb-soft: #5fe3d31a;--orb-dim: #2a6d64;--hover: #131e2e;--card: 0 16px 48px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ground);color:var(--ink);font:15px/1.55 Urbanist,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#app{height:100%;display:flex;flex-direction:column}button{font:inherit;color:inherit}[hidden]{display:none!important}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orb);outline-offset:2px;border-radius:8px}body:before{content:"";position:fixed;top:-160px;left:50%;transform:translate(-50%);width:min(760px,150vw);height:320px;border-radius:50%;background:radial-gradient(circle,rgba(95,227,211,.1),transparent 68%);pointer-events:none;z-index:0}header.shell,main{position:relative;z-index:1}header.shell{display:flex;align-items:center;gap:12px;padding:16px 20px 14px;border-bottom:1px solid var(--line)}header.shell .lockup{width:auto;height:30px;flex:none}.lockup{display:block}header.shell .status{color:var(--faint);font-size:12.5px;white-space:nowrap}nav.tabs{margin-left:auto;display:flex;gap:2px;background:var(--sunk);border:1px solid var(--line);border-radius:999px;padding:3px}nav.tabs a{color:var(--soft);text-decoration:none;font-size:13.5px;font-weight:500;padding:5px 14px;border-radius:999px;transition:color .12s,background .12s}nav.tabs a:hover{color:var(--ink);background:var(--hover)}nav.tabs a.active{color:var(--ground);background:var(--orb);font-weight:600}main{flex:1;min-height:0;overflow:auto}section.screen{padding:24px 28px;max-width:920px}h1{font-size:21px;font-weight:600;margin:0 0 8px}p{color:var(--soft);margin:0 0 16px}.card{background:var(--raised);border:1px solid var(--line);border-radius:14px;box-shadow:var(--card);padding:20px}div.signin{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px}div.signin .lockup{width:min(260px,70vw);height:auto}div.signin p{max-width:380px;text-align:center}button.primary{background:var(--orb);color:var(--ground);border:none;border-radius:9px;font-weight:600;padding:10px 18px;cursor:pointer}button.primary:hover{background:#7ae9db}span.seg{display:flex;gap:2px;background:var(--sunk);border:1px solid var(--line);border-radius:999px;padding:3px}span.seg button{background:none;border:none;color:var(--soft);font-size:12.5px;padding:3px 10px;border-radius:999px;cursor:pointer}span.seg button.picked{color:var(--ground);background:var(--orb);font-weight:600}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}