.account-surface{background:radial-gradient(ellipse at 95% 10%, var(--secondary) 0, transparent 43%), var(--background);min-height:100svh;color:var(--foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.account-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:30px 6%;display:flex}.account-header .wordmark{width:100px}.account-header>div{align-items:center;gap:25px;display:flex}.back-site{color:var(--muted-foreground);align-items:center;gap:9px;font-size:14px;display:flex}.account-main{max-width:1300px;margin:auto;padding:65px 6% 90px}.account-kicker{letter-spacing:.14em;color:var(--primary);font-size:13px}.account-surface h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(48px,6vw,78px);font-weight:500;line-height:1.05}.account-surface h1 em{color:var(--muted-foreground)}.auth-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:90px;min-height:65vh;display:grid}.auth-story h1{margin:26px 0}.auth-story>p:not(.account-kicker){color:var(--muted-foreground);font-size:18px}.auth-note{color:var(--muted-foreground);align-items:center;gap:14px;max-width:300px;margin-top:65px;font-size:14px;display:flex}.auth-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:480px;padding:36px}.auth-panel h2{font-family:var(--font-display);margin:27px 0 8px;font-size:30px;font-weight:500;line-height:1.15}.auth-panel p{color:var(--muted-foreground)}.auth-panel.email-first{padding:0;overflow:hidden}.auth-panel-body{padding:34px}.email-first h2{text-align:center;margin:0 0 28px;font-size:26px}.email-first form{margin-top:0}.email-first form>.account-button{width:100%;margin-top:4px}.auth-divider{color:var(--muted-foreground);align-items:center;gap:16px;margin:27px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--secondary);flex:1;height:1px}.social-signin{gap:12px;display:grid}.social-button{border:1px solid var(--border);width:100%;color:var(--muted-foreground);background:0 0}.social-button:disabled{opacity:.7}.google-mark{color:#4285f4;font:700 22px Arial,sans-serif}.apple-mark{flex-shrink:0;width:22px;height:22px}.social-status{text-align:center;margin-top:15px;font-size:12px;line-height:1.6}.auth-panel-footer{background:var(--card);border-top:1px solid var(--border);text-align:center;padding:24px 18px;font-size:14px}.auth-panel-footer button,.auth-email-summary button{color:var(--primary);cursor:pointer;text-underline-offset:4px;font-weight:650}.auth-panel-footer button:hover,.auth-email-summary button:hover{text-decoration:underline}:is(.auth-panel-footer button:focus-visible,.auth-email-summary button:focus-visible){outline:2px solid var(--primary);outline-offset:4px}.auth-email-summary{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:15px;font-size:14px;display:flex}.auth-email-summary span{overflow-wrap:anywhere;min-width:0}.username-layout{place-items:center;min-height:65vh;display:grid}.username-panel h1{margin:20px 0;font-size:clamp(36px,6vw,52px)}.account-heading h1{overflow-wrap:anywhere}@media (max-width:480px){.auth-panel-body{padding:26px 22px}}.auth-tabs{width:100%;background:var(--surface-inset)!important;height:auto!important;padding:5px!important}.auth-tabs button{flex:1;min-height:40px;font-size:14px}.account-surface form,.register-dialog form{gap:10px;margin-top:26px;display:grid}.account-surface label,.register-dialog label{color:var(--muted-foreground);margin-top:8px;font-size:14px}.account-surface input,.register-dialog input{background:var(--surface-inset);border:1px solid var(--border);min-height:48px;color:var(--foreground);border-radius:8px;padding:11px 13px;font-size:16px}.account-button{cursor:pointer;white-space:normal!important;border-radius:8px!important;gap:9px!important;height:auto!important;min-height:46px!important;padding:12px 18px!important;font-size:14px!important}.account-button.primary{background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary)}.account-button.primary:hover{background:var(--primary-hover)}.account-button.subtle{background:var(--card);color:var(--muted-foreground);border:1px solid var(--border)}.account-button.subtle:hover{background:var(--secondary)}.account-button:disabled{opacity:.45;cursor:not-allowed}.account-surface form>.account-button,.register-dialog form>.account-button{margin-top:16px}.field-note{line-height:1.6;color:var(--muted-foreground)!important;font-size:13px!important}.account-alert{border-left:2px solid var(--primary);background:var(--error-background);border-color:var(--error);margin-top:16px;padding:13px 16px;font-size:14px;color:var(--error)!important}.account-notice{background:var(--secondary);color:var(--foreground);border-radius:8px;gap:12px;margin:18px 0;padding:16px 20px;font-size:14px;display:flex}.account-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px;display:flex}.account-heading h1{margin-top:18px}.account-email{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:15px;font-size:16px}.account-identity{color:var(--muted-foreground);align-items:center;gap:8px;font-size:14px;display:flex}.membership-grid{grid-template-columns:1.1fr 1fr;gap:22px;display:grid}.account-card{border:1px solid var(--border);background:linear-gradient(130deg, var(--secondary), var(--card));border-radius:14px;flex-direction:column;align-items:flex-start;gap:18px;padding:30px 32px;display:flex}.billing-card{background:var(--card);border-color:var(--border)}.card-label{letter-spacing:.1em;width:100%;color:var(--primary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.account-card h2{font-family:var(--font-display);font-size:30px;font-weight:500;line-height:1.1}.account-card>p{color:var(--muted-foreground);font-size:15px}.membership-status{border:1px solid var(--border);color:var(--primary);border-radius:30px;padding:4px 12px;font-size:13px}.membership-status.active{background:var(--primary);color:var(--primary-foreground)}.text-action{color:var(--primary);text-underline-offset:4px;cursor:pointer;align-items:center;gap:6px;font-size:14px;text-decoration:underline;display:inline-flex}.computers-section{margin-top:65px}.computers-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.computers-heading h2{font-family:var(--font-display);margin-top:15px;font-size:35px;font-weight:500;line-height:1.1}.computer-actions{flex-shrink:0;gap:10px;display:flex}.computer-empty{border:1px dashed var(--border);text-align:center;background:var(--card);border-radius:14px;flex-direction:column;align-items:center;gap:18px;padding:50px 25px;display:flex}.computer-empty>svg{color:var(--primary)}.computer-empty h3,.computer-card h3{font-family:var(--font-display);font-size:31px;font-weight:500;line-height:1.2}.computer-empty p{max-width:490px;color:var(--muted-foreground);font-size:16px}.computer-footnote{color:var(--muted-foreground);align-items:flex-start;gap:10px;margin-top:22px;font-size:13px;display:flex}.computer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.computer-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:flex-start;gap:15px;min-width:0;padding:25px;display:flex}.computer-card p{color:var(--muted-foreground);font-size:14px}.pc-icon{background:var(--secondary);color:var(--primary);border-radius:10px;padding:12px}.computer-card .computer-id{overflow-wrap:anywhere;color:var(--muted-foreground);font-size:12px}.connection-ready{flex-wrap:wrap;align-items:center}.connection-ready a{align-items:center;gap:7px;text-decoration:underline;display:flex}.account-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1300px;margin:auto;padding:25px 6%;display:flex}.account-footer span{font-family:var(--font-display);font-size:27px}.account-footer p{color:var(--muted-foreground);font-size:13px}.account-loading{justify-content:center;align-items:center;gap:12px;min-height:50vh;display:flex}.spin{animation:1s linear infinite account-spin}@keyframes account-spin{to{transform:rotate(360deg)}}.register-dialog{max-height:90svh;overflow-y:auto;background:var(--card)!important;color:var(--foreground)!important;border:1px solid var(--border)!important;max-width:560px!important;padding:30px!important}.register-dialog h2{font-family:var(--font-display);font-size:35px;font-weight:500;line-height:1.1}.register-dialog ol{color:var(--muted-foreground);padding-left:20px;font-size:15px;line-height:1.7;list-style:decimal}.register-dialog li+li{margin-top:10px}.register-dialog [data-slot=dialog-description]{color:var(--muted-foreground);font-size:15px}.register-dialog summary{cursor:pointer;padding:15px 0;font-size:14px}.setup-command{background:var(--surface-inset);border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.setup-command code{overflow-wrap:anywhere;color:var(--primary);font-size:12px}.register-dialog input{width:100%}@media (max-width:950px){.auth-layout{gap:40px}.auth-panel{padding:27px}.auth-story h1{font-size:59px}.computer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.computers-heading{flex-direction:column;align-items:flex-start}.account-identity{display:none}}@media (max-width:650px){.account-header{gap:15px;padding:23px 6%}.account-header .wordmark{width:80px}.back-site{font-size:13px}.account-header>div{gap:12px}.account-main{padding-top:38px}.auth-layout{grid-template-columns:1fr;gap:30px}.auth-story h1{margin:15px 0;font-size:51px}.auth-story>p:not(.account-kicker){font-size:16px}.auth-note{max-width:none;margin-top:22px}.auth-panel{max-width:none;padding:25px}.membership-grid,.computer-grid{grid-template-columns:1fr}.account-card{padding:27px}.account-heading{margin-bottom:30px}.account-heading h1{font-size:55px}.computers-heading h2{font-size:36px}.account-header .account-button{padding:9px 11px!important}.account-header .account-button svg{display:none}.account-footer{gap:20px}.account-card h2{font-size:35px}.register-dialog{max-width:calc(100vw - 24px)!important;padding:24px!important}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.account-surface h1{letter-spacing:-.055em}.auth-panel{box-shadow:0 25px 85px #0003}.account-header{max-width:1344px;padding-block:24px}.auth-story h1{font-size:clamp(44px,5vw,66px)}.account-heading h1{font-size:clamp(42px,5vw,62px)}.account-card{border-radius:12px}.account-footer span{font-family:Instrument Serif,Georgia,serif}.register-dialog h2{letter-spacing:-.035em;font-size:29px}.account-surface .account-notice{border:1px solid var(--border)}.computer-empty h3,.computer-card h3{font-size:25px}.computers-heading h2{letter-spacing:-.04em}@media (max-width:650px){.auth-story h1{font-size:44px}.account-heading h1{font-size:43px}.account-card h2{font-size:28px}.computers-heading h2{font-size:30px}}.pc-permission{gap:24px;min-width:0;margin-top:12px;display:grid}.pc-permission-heading{align-items:center;gap:14px;display:flex}.pc-permission-heading svg{color:var(--muted-foreground);flex-shrink:0}.pc-permission h3{margin:0;font-size:20px;font-weight:500;line-height:1.35}.pc-permission p{color:var(--muted-foreground);margin:0;font-size:15px;line-height:1.65}.pc-permission-details{gap:16px;display:grid}.pc-permission-email{color:var(--foreground);overflow-wrap:anywhere;margin-top:4px;display:block}.pc-permission .pc-permission-note{border-top:1px solid var(--border);padding-top:20px;font-size:14px}.pc-permission>.account-button{justify-self:start}.pc-permission [role=status] svg{vertical-align:middle;margin-right:6px;display:inline-block}.device-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.phones-heading{justify-content:space-between;align-items:center;gap:16px;margin-top:38px;display:flex}.phone-list{margin:16px 0;padding:0;list-style:none}.phone-list li{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:20px 0;display:flex}.phone-list li>div{overflow-wrap:anywhere;flex:1;min-width:0}.phone-list p{color:var(--muted-foreground);margin:6px 0 0;font-size:14px}.pair-confirm{gap:16px;margin-bottom:26px;display:grid}.account-qr{background:#fff;border-radius:18px;width:min(100%,330px);margin:12px auto;padding:8px}.account-qr svg{width:100%;height:auto;display:block}.qr-dialog{text-align:center}.account-billing{border-top:1px solid var(--border);margin-top:42px;padding-top:22px}.account-billing summary{cursor:pointer;font-size:16px}@media (max-width:600px){.phone-list li{flex-wrap:wrap}.phone-list li>div{flex-basis:70%}.device-actions>*{width:100%}}
