.login-main{max-width:620px}.login-main h1{font-size:clamp(2rem,7vw,3.2rem)}
.account-form{display:grid;gap:16px;max-width:680px}.account-form p{margin:0}.account-form button{justify-self:start}
.account-panel{background:#172722;border:1px solid #597267;border-radius:14px;padding:22px;margin:22px 0}
.account-panel textarea{width:100%;resize:vertical}.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
label{display:grid;gap:8px}input,select,textarea{box-sizing:border-box;max-width:100%;min-width:0;font:inherit;background:#101b1a;color:#ecf5ef;border:1px solid #708a7e;border-radius:7px;padding:12px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8cdcb6;outline-offset:3px}
.optional{color:#afc3b8;font-size:.9em}.people-list{display:grid;gap:12px}.person{border-top:1px solid #3a5145;padding:18px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.person h2{font-size:1.15rem;margin:0 0 6px}.person p{margin:4px 0;overflow-wrap:anywhere}.person .person-state{color:#b3d1c1}.person details{min-width:150px}.person details summary{margin:0;min-height:44px}.person-actions{display:grid;gap:12px;min-width:200px}.person-actions button{width:100%}#users-status[data-error=true]{color:#ffb9ae}#login-email{overflow-wrap:anywhere}
#remember-device{margin:20px 0}
@media(max-width:540px){.person{grid-template-columns:1fr}.person details{width:100%}.account-panel{padding:16px}.account-actions button{flex:1 1 auto}}

.check-label{display:flex;gap:12px;align-items:center;min-height:44px}.check-label input{width:20px;height:20px;flex:none;accent-color:#8cdcb6}#browser-link{width:100%;box-sizing:border-box;overflow-wrap:anywhere}#another-browser{scroll-margin-top:24px}
#browser-link{font-size:1.8rem;letter-spacing:.12em;font-variant-numeric:tabular-nums}#login-code{font-variant-numeric:tabular-nums}

.device-transfer{padding:0 0 24px;border-bottom:1px solid #3a5145;margin:0 0 24px;max-width:100%}.device-transfer h2,#remembered-heading{font-size:1.2rem;margin:0 0 12px}.device-transfer p{margin:10px 0}.device-transfer #browser-share{max-width:620px;margin-top:16px}.device-transfer [role=status]:empty,#devices-status:empty{display:none}
.device-list{display:grid;gap:0}.device-row{border-top:1px solid #3a5145;min-width:0}.device-row details{margin:0}.device-row summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 0;margin:0;list-style:none;cursor:pointer}.device-row summary::-webkit-details-marker{display:none}.device-row summary::before{content:'▸';flex:none;color:#b3d1c1}.device-row details[open]>summary::before{content:'▾'}.device-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,auto) minmax(180px,auto);align-items:baseline;gap:6px 20px;min-width:0;flex:1}.device-name{font-weight:600;overflow-wrap:anywhere}.device-state,.device-last-used{font-size:.85rem;color:#b3d1c1}.device-controls{padding:8px 0 20px 22px;max-width:680px}.device-controls code{display:block;overflow-wrap:anywhere;font-size:.85rem}.device-controls .account-form{margin:16px 0}.device-controls>button{margin-top:4px}
@media(max-width:700px){.device-overview{grid-template-columns:minmax(0,1fr) auto;column-gap:10px}.device-last-used{grid-column:1/-1}.device-row summary{min-height:64px}.device-controls{padding-left:0}}