.web-landing{max-width:960px;margin:0 auto;padding:9vh 40px;color:#26212d}.landing-brand{font-size:32px;font-weight:700;margin-bottom:13vh}.landing-brand span{color:var(--tandem-tone-a48ad4,#a48ad4)}.web-landing h1{font-size:clamp(38px,6vw,72px);line-height:1.07;letter-spacing:-2px;margin:24px 0}.web-landing>p{font-size:18px;line-height:1.8;max-width:640px;color:var(--tandem-tone-746780,#746780)}.web-landing>.btn{font-size:15px;margin:24px 0}.web-landing>small{display:block;color:var(--tandem-tone-8a7c96,#8a7c96);line-height:1.8}.web-loading{padding:10vh;text-align:center;color:var(--tandem-tone-7d6d8b,#7d6d8b)}.web-machine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.web-machine{padding:26px}.web-machine-head{display:flex;gap:14px;align-items:center}.web-machine-head h2{font-size:17px;margin:0}.web-machine-head p{font-size:12px;color:var(--tandem-tone-9884b0,#9884b0);margin:6px 0}.web-machine-head>.badge{margin-left:auto}.web-facts{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;font-size:12px;margin:24px 0}.web-facts dt{color:var(--tandem-tone-9886a9,#9886a9)}.web-facts dd{text-align:right;margin:0;color:var(--tandem-tone-735b8d,#735b8d)}.web-machine-actions{display:flex;gap:10px;flex-wrap:wrap}.web-privacy{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tandem-tone-7e688e,#7e688e);margin-top:22px}.web-info{padding:28px;margin:22px 0}.web-info p{max-width:900px;font-size:14px;line-height:1.9;color:var(--tandem-tone-7d6b8e,#7d6b8e)}.web-info h2{font-size:17px;margin:0 0 16px}.web-overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.web-overview-stats>section{padding:24px;display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:center}.web-overview-stats strong{font-size:28px}.web-overview-stats svg{width:26px;height:26px;color:var(--tandem-tone-ad91d5,#ad91d5)}.web-overview-stats p{grid-column:2;font-size:12px;color:var(--tandem-tone-9985ad,#9985ad);margin:0}.web-members>div{display:flex;align-items:center;gap:14px;padding:15px 0}.web-members strong{font-size:14px}.web-members .badge{margin-left:auto}.web-recipient-row{padding:0 0 14px;font-size:12px;color:var(--tandem-tone-8b759e,#8b759e)}.web-recipient-row select{margin-left:8px}.web-recipient-row label{display:inline-flex;gap:8px;align-items:center}.web-recipient-row #recipient-list:not([hidden]){display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.web-recipients{display:block;color:var(--tandem-tone-a48db5,#a48db5);margin-top:14px;font-size:10px}.web-source{justify-content:space-between}.web-source select{margin-left:12px}.web-instructions{padding-left:22px;font-size:14px;line-height:2}.pair-code{font:700 24px monospace;letter-spacing:2px}.web-invite{width:100%;padding:14px;margin:10px 0 16px;border:1px solid var(--tandem-tone-ddcdef,#ddcdef);border-radius:8px;color:var(--tandem-tone-77628c,#77628c)}.web-project-menu{display:flex;flex-direction:column;position:absolute;background:#2a2732;border:1px solid #494252;border-radius:12px;width:calc(100% - 40px);z-index:20;padding:8px}.web-project-menu button{display:flex;gap:10px;align-items:center;background:transparent;border:0;text-align:left;color:var(--tandem-tone-e1d8ec,#e1d8ec);padding:13px 8px;cursor:pointer}.web-project-menu button:hover{background:var(--tandem-tone-3d354a,#3d354a);border-radius:6px}.web-project-menu svg{width:16px;height:16px}.web-machine .local-codex-symbol svg{width:24px;height:24px}.heading-actions{display:flex;gap:10px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-heading h1{font-size:28px;margin:14px 0}.page-heading p{color:var(--tandem-tone-8d789e,#8d789e);font-size:12px}.web-machine h2{font-weight:600}#web-messages{min-height:280px;max-height:52vh}.discussion-panel .panel-head h2{display:flex;align-items:center;gap:8px}.discussion-panel .panel-head h2 svg{width:18px;height:18px}select{border:1px solid var(--tandem-tone-e0d5ea,#e0d5ea);border-radius:6px;padding:6px;color:var(--tandem-tone-745889,#745889);background:#faf8fc;max-width:100%}.web-info a{color:var(--tandem-tone-8261b0,#8261b0)}.field{display:block;margin-bottom:16px}.field input,.field textarea{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid var(--tandem-tone-ded5e8,#ded5e8);border-radius:7px}.field textarea{min-height:85px}.web-landing .btn{display:inline-flex}.web-landing .eyebrow{color:var(--tandem-tone-9a80b7,#9a80b7);font-size:11px;letter-spacing:2px}.codex-source-project .codex-app-icon{width:20px;height:20px}@media(max-width:760px){.web-overview-stats{grid-template-columns:1fr}.web-machine-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:16px;flex-direction:column}.web-landing{padding:36px 25px}.landing-brand{margin-bottom:70px}.web-recipient-row label{display:flex;align-items:flex-start;flex-direction:column}.web-source{flex-wrap:wrap;gap:10px}.web-machine-actions .btn{font-size:11px}}
.plan-chevron svg{width:14px;height:14px}.web-source{margin-bottom:24px}
.landing-brand{display:flex;align-items:center;gap:14px;line-height:1;letter-spacing:-1px}
.landing-brand{width:fit-content;padding:13px 18px;border-radius:18px;background:#202126;color:#faf9fc;box-shadow:0 4px 14px #2021260c}
.landing-brand>span{color:inherit}
.landing-brand .brand-mark{width:70px;height:49px;transform:none}
.landing-brand .brand-mark>img{display:block;width:100%;height:100%;object-fit:contain}
.web-landing h1{max-width:850px;text-wrap:balance}
.web-landing>p{max-width:650px;text-wrap:pretty}
@media(max-width:760px){.landing-brand{margin-bottom:64px}.web-landing h1{font-size:clamp(36px,8vw,58px);letter-spacing:-1.4px}}
.web-setup-option{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;margin:14px 0;color:var(--tandem-tone-62566f,#62566f)}
.web-setup-option input{margin-top:4px;flex:none;accent-color:var(--tandem-tone-8765c2,#8765c2)}
.web-setup-note{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--tandem-tone-e2d8ee,#e2d8ee);border-radius:10px;background:#f7f3fc;padding:14px;margin-top:22px}
.web-setup-note>svg{width:22px;height:22px;flex:none;color:var(--tandem-tone-9273bd,#9273bd);margin-top:3px}
.web-setup-note p{margin:0;color:var(--tandem-tone-645471,#645471)}
.web-pair-status{color:var(--tandem-tone-6e538c,#6e538c)!important}
dialog{margin:auto;overflow:auto}


.landing-brand-rings{display:block;width:70px;height:49px;flex:none}.account-page>.landing-brand .landing-brand-rings{width:52px;height:36px}

.panel.web-machine.project-machine{padding:0;align-self:start;min-width:0}.project-machine-header{display:flex;align-items:center;padding:10px 16px;gap:8px}.project-machine-toggle{display:flex;align-items:center;gap:14px;flex:1;min-width:0;border:0;background:transparent;color:inherit;text-align:left;padding:10px 0;cursor:pointer;border-radius:8px}.project-machine-toggle:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.project-machine-title{display:grid;gap:6px;min-width:0}.project-machine-title strong{font-size:15px;overflow-wrap:anywhere}.project-machine-title small{font-size:11px;color:var(--ui-muted)}.project-machine-chevron{margin-left:auto;display:flex;transition:transform .22s ease}.project-machine-chevron svg{width:17px;height:17px}.project-machine.is-expanded .project-machine-chevron{transform:rotate(180deg)}.project-machine-pause{flex:none;width:36px;height:36px;border:1px solid var(--ui-border);border-radius:9px}.project-machine-pause.is-paused{color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 12%,transparent)}.project-machine-body{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .24s ease,visibility .24s}.project-machine.is-expanded .project-machine-body{grid-template-rows:1fr;visibility:visible}.project-machine-body-inner{overflow:hidden;min-height:0;padding:0 22px}.project-machine-body-inner>.web-facts{margin-top:14px}.project-machine-body-inner>:last-child{margin-bottom:22px}.project-machine-toggle:hover .project-machine-title strong{color:var(--ui-accent)}@media(prefers-reduced-motion:reduce){.project-machine-body,.project-machine-chevron{transition:none}}