.member-label{font-size:11px;letter-spacing:.05em}
.member-label .icon{width:15px;height:15px}
.portal-page{padding-block:56px 48px}
.account-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}
.account-intro h1{font-size:58px;margin-top:15px}
.account-intro>p{font:11px/1.9 var(--mono);letter-spacing:.04em;color:var(--muted);text-align:right}
.access-layout{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:start}
.membership-story,.account-card,.connection-card{border-top:1px solid var(--line);padding-top:26px;min-width:0}
.story-top{display:flex;justify-content:space-between;align-items:center;gap:18px}
.story-index{font:11px var(--mono);color:var(--muted);white-space:nowrap}
.membership-story h2{font-size:43px;margin:28px 0 18px}
.story-copy{font-size:18px;color:var(--muted);line-height:1.6}
.membership-benefits{list-style:none;margin:24px 0 0;padding:0}
.membership-benefits li{display:flex;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}
.membership-benefits .icon{color:var(--purple)}
.membership-benefits li>div{display:flex;flex-direction:column;gap:4px}
.membership-benefits strong{font-weight:400;font-size:19px}
.membership-benefits li span{font-size:15px;color:var(--muted)}
.story-policy{display:flex;gap:12px;margin-top:24px;color:var(--muted);font-size:14px}
.story-policy .tiny-diamond{margin-top:7px}
.auth-column{min-width:0}
.auth-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--purple)}
.account-card h2,.connection-card h2{font-size:37px;margin:18px 0 12px}
.account-card>.muted{font-size:17px}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:26px 0;border-bottom:1px solid var(--line)}
.auth-switch button{padding:14px 8px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--muted);font-size:17px}
.auth-switch button[aria-pressed=true]{color:var(--purple);border-bottom-color:var(--purple)}
label{display:block;font-size:16px;margin:0 0 9px}
input{display:block;width:100%;min-width:0;height:47px;border:1px solid #ffffff26;border-radius:4px;background:#ffffff03;color:var(--ink);padding:10px 13px;font-size:17px}
input::placeholder{color:#78717f}
input:hover{border-color:#ffffff40}
input:focus{border-color:var(--purple)}
input[type=file]{height:auto;min-height:47px;padding:8px;font-size:15px}
input[type=file]::file-selector-button{background:#ffffff0a;color:var(--ink);border:1px solid var(--line);padding:7px 10px;border-radius:3px;margin-right:12px;font:inherit;cursor:pointer}
input:disabled{opacity:.6}
.field-group{margin-bottom:20px}
.label-icon{width:14px;height:14px;vertical-align:middle;color:var(--purple);margin-left:7px}
.password-field{position:relative}
.password-field input{padding-right:50px}
.password-toggle{position:absolute;right:0;top:0;height:47px;width:47px;border:0;background:none;color:var(--muted);display:grid;place-items:center}
.password-toggle[aria-pressed=true]{color:var(--purple)}
#auth-form>.primary{width:100%;margin-top:5px}
#signup-fields>.field-note{margin-block:0 22px}
.form-note{font-size:15px;color:var(--purple);line-height:1.5;margin-top:15px;overflow-wrap:anywhere}
.form-note:empty{display:none}
.form-note.error,.notice.error{color:#ef9fa8}
.auth-privacy{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px;font-size:15px}
.auth-privacy summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:16px 0;color:var(--muted);line-height:1.4}
.auth-privacy summary>.icon{width:17px;height:17px;color:var(--purple)}
.auth-privacy summary>span{margin-left:auto;color:var(--purple)}
.auth-privacy p{font-size:15px;color:var(--muted);padding-bottom:18px;line-height:1.6}
.auth-bottom{display:flex;gap:12px;margin-top:22px;font-size:14px;color:var(--muted)}
.auth-bottom .tiny-diamond{margin-top:7px}
.connection-symbol{color:var(--purple);margin-bottom:20px}
.connection-card .notice{color:var(--muted);font-size:17px;margin-bottom:22px}
.connection-card .field-note{margin-top:25px}
.is-busy{cursor:progress}
.is-signed-in .account-intro,.is-signed-in #access-shell{display:none}
.member-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.member-welcome{display:flex;align-items:center;gap:18px;min-width:0}
.member-avatar{height:52px;width:52px;flex:none;display:grid;place-items:center;background:#bc96ef10;border:1px solid #bc96ef30;border-radius:5px;font-size:27px;color:var(--purple)}
.member-heading h2{font-size:34px;margin-top:6px;overflow-wrap:anywhere}
.member-heading-actions{display:flex;align-items:center;gap:20px}
.access-badge,.owner-badge,.role-chip{display:inline-flex;align-items:center;gap:8px;font:11px var(--mono);color:var(--purple);letter-spacing:.035em}
.member-heading .secondary{font-size:16px;min-height:42px}
.member-layout{display:grid;grid-template-columns:215px 1fr;gap:48px}
.member-sidebar{border-right:1px solid var(--line);padding-right:24px}
.member-sidebar>.eyebrow{font-size:11px;margin-bottom:22px}
.account-tabs{display:flex;flex-direction:column;gap:5px}
.account-tabs button{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;border-left:2px solid transparent;padding:12px 10px;color:var(--muted);font-size:17px}
.account-tabs button[aria-pressed=true]{border-left-color:var(--purple);color:var(--purple);background:#bc96ef07}
.account-tabs button>small{margin-left:auto;font:11px var(--mono)}
.account-tabs .icon{width:17px;height:17px}
.sidebar-note{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--muted);margin-top:30px}
.sidebar-note .icon{width:16px;height:16px;color:var(--purple)}
.sidebar-link{display:block;font-size:14px;color:var(--purple);margin-top:22px}
.member-content,.account-pane{min-width:0}
#member-note{margin:0 0 22px}
.pane-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}
.pane-heading h2{font-size:37px;margin:12px 0}
.pane-heading .muted{font-size:17px}
.pane-icon{color:var(--purple);width:24px;height:24px;margin-top:25px}
.identity{margin:0}
.identity>div{display:grid;grid-template-columns:145px 1fr;gap:24px;align-items:center;padding:19px 0;border-top:1px solid var(--line)}
.identity dt{color:var(--muted);font-size:16px}
.identity dd{margin:0;min-width:0;font-size:19px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.identity code{font-size:13px;overflow-wrap:anywhere}
.identity .text-button{font-size:14px}
.identity-note{border-top:1px solid var(--line);padding-top:18px}
.client-instructions{display:flex;align-items:flex-start;gap:20px;margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}
.instruction-icon{color:var(--purple);padding-top:4px}
.client-instructions h3{font-size:26px;margin:12px 0}
.client-instructions p:last-child{font-size:16px;color:var(--muted);line-height:1.6}
.client-instructions kbd,.client-instructions code{color:var(--purple)}
.server-domain{overflow-wrap:anywhere}
.profile-tools{margin-top:28px}
.password-details{border-top:1px solid var(--line)}
.password-details summary{display:flex;justify-content:space-between;gap:16px;align-items:center;list-style:none;cursor:pointer;padding:19px 0;font-size:18px}
.password-details summary>span:first-child{display:flex;align-items:center;gap:12px}
.password-details summary .icon,.password-details summary>span:last-child{color:var(--purple)}
.details-body{padding-bottom:25px}
.details-body>.text-button{margin-top:18px}
#password-form{max-width:500px}
#password-form label:not(:first-child){margin-top:20px}
#password-form button{margin-top:22px}
#password-form .field-note{margin-top:16px}
.session-control{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:24px;margin-top:10px}
.session-control p{font-size:19px;margin-bottom:4px}
.session-control span{font-size:14px;color:var(--muted)}
.session-control .text-button{font-size:15px}
.cloud-layout,.admin-invite-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:35px;border-top:1px solid var(--line);padding-top:26px}
.form-section-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.form-section-title .icon{color:var(--purple)}
.form-section-title h3{font-size:25px}
.form-section-title>span{font:10px var(--mono);color:var(--muted);width:100%}
.upload-form input,.invite-form input{margin-bottom:21px}
.upload-form>.primary,.invite-form>.primary{margin-top:3px}
.upload-form .field-note{margin-top:18px;overflow-wrap:anywhere}
.cloud-explainer,.invite-guidance{border-left:1px solid var(--line);padding-left:28px;font-size:16px;color:var(--muted)}
.cloud-explainer>.icon{color:var(--purple);margin-bottom:18px}
.cloud-explainer h3,.invite-guidance h3{font-size:29px;color:var(--ink);margin:14px 0 16px}
.cloud-explainer .eyebrow{font-size:11px}
.code-preview{font:15px var(--mono);color:var(--purple);margin-top:25px;display:flex;gap:12px;align-items:center}
.code-caret{display:none}
.list-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 18px;padding-top:24px;border-top:1px solid var(--line)}
.list-heading h3{font-size:25px}
.list-heading>span{font:10px/1.5 var(--mono);color:var(--muted);text-align:right}
.empty-state{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:16px;padding:18px 0}
.empty-state .icon{color:var(--purple)}
.config-list{list-style:none;padding:0;margin:0}
.config-list li{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}
.config-list li>div:first-child{min-width:0}
.row-name{font-size:20px;overflow-wrap:anywhere}
.row-detail{font-size:13px;color:var(--muted);margin-top:7px;overflow-wrap:anywhere}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;flex-shrink:0;max-width:240px}
.row-actions .text-button{font-size:14px}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.invite-guidance p+p{margin-top:18px}
.invite-guidance>.tiny-diamond{margin-top:10px}
.invitation-result{border-block:1px solid #bc96ef40;padding:23px 0;margin-top:28px}
.invitation-copy{display:flex;gap:15px;margin-top:18px}
.invitation-copy input{font-family:var(--mono);font-size:15px}
.invitation-copy button{flex-shrink:0}
.invitation-result .field-note{margin-top:15px}
.device-id{display:block;overflow-wrap:anywhere;font:12px/1.6 var(--mono);color:var(--purple);margin-top:12px}
.admin-device-panel{margin-top:30px}
.portal-signoff{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:48px;color:var(--muted);font:11px var(--mono);letter-spacing:.03em}
.portal-signoff .icon{width:15px;height:15px;color:var(--purple)}
@media(max-width:1000px){.access-layout{gap:45px}.member-layout{grid-template-columns:1fr;gap:30px}.member-sidebar{border:0;padding:0}.member-sidebar>.eyebrow,.sidebar-note,.sidebar-link{display:none}.account-tabs{flex-direction:row;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px;flex-wrap:wrap}.account-tabs button{border-left:0;border-bottom:2px solid transparent}.account-tabs button[aria-pressed=true]{border-bottom-color:var(--purple)}.account-tabs button>small{display:none}.member-heading-actions .access-badge{display:none}}
@media(max-width:700px){.account-page .header-inner nav{font-size:15px}.member-label{display:none}.portal-page{padding-top:32px}.account-intro{margin-bottom:30px}.account-intro h1{font-size:43px}.account-intro .eyebrow{font-size:11px}.account-intro>p{display:none}.access-layout{grid-template-columns:1fr;gap:32px}.membership-story{padding-top:20px}.membership-story h2{font-size:31px;margin:0 0 15px}.story-copy{font-size:16px}.story-top,.membership-benefits,.story-policy{display:none}.account-card,.connection-card{padding-top:22px}.account-card h2,.connection-card h2{font-size:33px}.auth-switch button{font-size:16px}.member-heading{gap:15px;align-items:flex-start}.member-avatar{display:none}.member-heading h2{font-size:28px}.member-welcome .eyebrow{font-size:10px}.member-heading .secondary{font-size:15px;padding:10px 13px}.account-tabs{gap:4px}.account-tabs button{font-size:16px;padding:11px 8px;gap:7px}.account-tabs .icon{width:15px;height:15px}.pane-heading h2{font-size:33px}.pane-heading .eyebrow{font-size:11px}.pane-heading>.pane-icon{display:none}.pane-heading>.secondary{font-size:15px;padding:10px 14px;gap:10px}.identity>div{grid-template-columns:1fr;gap:7px;padding-block:17px}.identity code{font-size:12px}.client-instructions{gap:13px}.client-instructions .eyebrow{font-size:10px}.client-instructions p:last-child{font-size:16px}.password-details summary{font-size:17px}.session-control{flex-direction:column;align-items:flex-start;gap:15px}.cloud-layout,.admin-invite-layout{grid-template-columns:1fr;gap:25px}.cloud-explainer,.invite-guidance{padding-left:0;padding-top:20px;border-left:0;border-top:1px solid var(--line)}.cloud-explainer h3,.invite-guidance h3{font-size:25px}.cloud-explainer>.icon,.invite-guidance>.tiny-diamond{display:none}.list-heading{align-items:flex-start}.list-heading h3{font-size:24px}.list-heading>span{font-size:9px;max-width:120px}.config-list li{flex-direction:column;align-items:flex-start;gap:14px}.row-actions{justify-content:flex-start;max-width:none}.row-name{font-size:19px}.row-detail{font-size:13px}.owner-badge{font-size:9px;margin-top:8px;max-width:70px;line-height:1.5}.invitation-copy{flex-wrap:wrap}.invitation-copy input{flex-basis:100%}.portal-signoff{font-size:10px;margin-top:35px}.account-page .footer-top>a:last-child{font-size:15px}}