:root{--canvas:#f7f5f2;--surface:#fff;--subtle:#f0ede8;--text:#1e2928;--secondary:#66706e;--border:#e2dfda;--primary:#286a65;--primary-strong:#1f5652;--primary-soft:#ddecea;--danger:#b4524a}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--canvas);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline-offset:3px;outline:3px solid #8bc1ba}.state-screen,.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.state-screen{color:var(--secondary)}.auth-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:min(100%,440px);padding:40px}.brand-mark,.wordmark-mark{background:var(--primary);color:#fff;place-items:center;font-weight:750;display:grid}.brand-mark{border-radius:12px;width:44px;height:44px;margin-bottom:28px;font-size:20px}.eyebrow{color:var(--secondary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:750}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(30px,5vw,44px);line-height:1.08}h2{letter-spacing:-.02em;margin-bottom:10px;font-size:22px;line-height:1.2}.intro{max-width:46ch;color:var(--secondary);margin-bottom:30px;font-size:16px}.auth-form{gap:10px;display:grid}.auth-form label{color:var(--text);margin-top:8px;font-size:14px;font-weight:650}.auth-form input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--text);border-radius:10px;padding:10px 13px}.auth-form input:focus{border-color:var(--primary);outline:3px solid var(--primary-soft)}.primary-button{background:var(--primary);color:#fff;border:0;border-radius:10px;min-height:48px;margin-top:14px;font-weight:700;transition:background .16s}.primary-button:hover{background:var(--primary-strong)}.form-error{color:var(--danger);margin:8px 0 0;font-size:14px}.form-note{color:var(--secondary);margin:24px 0 0;font-size:13px}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--border);background:#ffffffd1;justify-content:space-between;align-items:center;min-height:72px;padding:14px clamp(20px,5vw,72px);display:flex}.wordmark,.account-actions{align-items:center;gap:12px;display:flex}.wordmark{letter-spacing:-.02em;font-weight:750}.wordmark-mark{border-radius:8px;width:30px;height:30px;font-size:14px}.account-name{color:var(--secondary);font-size:14px}.text-button{min-height:44px;color:var(--primary-strong);background:0 0;border:0;padding:8px 0 8px 8px;font-weight:700}.content-frame{width:min(100% - 40px,1120px);margin:0 auto;padding:clamp(48px,8vw,96px) 0 72px}.welcome-block{max-width:650px;margin-bottom:42px}.content-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:20px;display:grid}.surface-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:28px}.card-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.status-chip{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;flex:none;padding:5px 9px;font-size:12px;font-weight:750}.card-copy{color:var(--secondary);margin-bottom:0;font-size:15px}.member-list{border-top:1px solid var(--border);margin-top:28px}.list-label{color:var(--secondary);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 6px;font-size:12px;font-weight:750}.member-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;display:flex}.member-role{color:var(--secondary)}.phase-card{background:var(--subtle)}@media (max-width:720px){.auth-panel{padding:28px 22px}.topbar{align-items:start;gap:14px}.account-actions{flex-direction:column;align-items:end;gap:0}.content-frame{width:min(100% - 32px,1120px);padding-top:56px}.content-grid{grid-template-columns:1fr}.surface-card{padding:22px}}