.hero{position:relative;min-height:min(770px,calc(100vh - 76px));display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background-color:var(--ink-900);background-image:linear-gradient(90deg,rgba(5,12,22,.2) 0%,rgba(5,12,22,.12) 35%,rgba(5,12,22,0) 70%),url("../assets/meshvault-hero.webp");background-size:cover;background-position:center}.hero::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--ink-900));pointer-events:none}.hero-content{position:relative;z-index:1;width:min(670px,calc(100% - 4rem));max-width:var(--content);margin:0 max(2rem,calc((100vw - var(--content))/2));padding:5rem 0}.hero h1{max-width:700px;margin:0 0 1.2rem;color:#fff;text-wrap:balance}.hero p{max-width:650px;color:#b8cad2;font-size:clamp(1rem,1.6vw,1.18rem)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.hero .button{background:var(--cyan);color:var(--ink-900)}.hero .button--ghost{background:rgba(5,12,22,.28);color:#fff;border-color:rgba(255,255,255,.2);backdrop-filter:blur(12px)}.proof-row{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:2rem;color:#92aab5;font-size:.76rem;font-weight:700}.proof-row span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:.45rem;border-radius:50%;background:var(--teal)}.how{max-width:var(--content);margin:auto;padding:7rem 2rem}.section-heading{max-width:680px}.section-heading h2{font-size:clamp(2rem,4vw,3.7rem)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.step-grid article{padding:1.6rem;border-top:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.025)}.step-grid article>span{color:var(--cyan);font-size:.72rem}.step-grid h3{margin:1.4rem 0 .6rem;font-size:1.25rem}.step-grid p{color:#94aab5}.trust-band{max-width:var(--content);margin:0 auto 6rem;padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-radius:var(--radius-xl);background:linear-gradient(120deg,var(--cyan),var(--teal));color:var(--ink-900)}.trust-band h2{margin:0;max-width:620px}.trust-band .eyebrow{color:#0b5963}.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:3rem 0 1.8rem}.view-head h1{margin:0 0 .65rem;font-size:clamp(2rem,4vw,3.25rem)}.view-head p{max-width:680px;margin:0;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:1rem}.auth-layout{min-height:calc(100vh - 76px);max-width:var(--content);margin:auto;padding:4rem 2rem;display:grid;grid-template-columns:1.1fr minmax(340px,.75fr);align-items:center;gap:clamp(2rem,8vw,7rem)}.auth-story h1{font-size:clamp(2.4rem,5vw,5rem)}.auth-story p,.auth-story li{color:#a5bbc5}.auth-story ul{padding-left:1.2rem}.auth-card{padding:1.6rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);background:rgba(255,255,255,.07);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:.3rem;border-radius:12px;background:rgba(0,0,0,.18)}.auth-tabs button{min-height:42px;border:0;border-radius:9px;background:transparent;color:#91aab5}.auth-tabs button[aria-selected="true"]{background:#fff;color:var(--ink-900)}.auth-card form{display:grid;gap:1rem;margin-top:1.4rem}.auth-card h2{margin:0;color:#fff;font-size:1.35rem}.auth-card label{color:#dce9ed}.auth-card .text-button{justify-self:start}.auth-card .form-status,.trust-note{color:#9eb2bb}.trust-note{margin:1rem 0 0;font-size:.72rem}.drive-panel{padding:0;overflow:hidden}.drive-toolbar{display:flex;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.search-field{flex:1}.sort-field{width:160px}.folder-strip{display:flex;gap:.7rem;padding:1rem 1.2rem;overflow-x:auto;border-bottom:1px solid var(--line)}.folder-tile{min-width:170px;display:grid;text-align:left;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.folder-tile span{color:var(--muted);font-size:.7rem}.file-picker-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.file-row{display:grid;grid-template-columns:minmax(260px,1.8fr) .75fr .65fr .7fr 1fr;align-items:center;gap:1rem;min-height:70px;padding:.75rem 1.2rem;border-bottom:1px solid var(--line)}.file-row--head{min-height:42px;background:var(--surface-soft);color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.file-name{display:flex;align-items:center;min-width:0;gap:.75rem}.file-name>div{min-width:0;display:grid}.file-name strong,.file-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name small{color:var(--muted)}.file-type{display:grid;place-content:center;width:42px;height:42px;flex:0 0 auto;border-radius:10px;background:#e0f8f6;color:var(--teal-dark);font-size:.63rem;font-weight:800}.file-actions{display:flex;gap:.25rem;justify-content:flex-end}.drive-empty{min-height:390px;padding:3rem}.drive-empty p{max-width:460px}.empty-shards{position:relative;width:86px;height:62px}.empty-shards i{position:absolute;width:52px;height:34px;border:1px solid var(--cyan);border-radius:8px;background:rgba(53,217,230,.08);transform:rotate(-8deg)}.empty-shards i:nth-child(2){left:18px;top:12px;transform:rotate(4deg)}.empty-shards i:nth-child(3){left:34px;top:24px;transform:rotate(12deg)}.mesh-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:1rem}.mesh-panel{min-width:0}.mesh-chart{width:100%;max-height:420px}.mesh-link{stroke:#bfd1d6;stroke-width:1.3;stroke-dasharray:6 7}.mesh-link.is-active{stroke:var(--cyan);stroke-width:2;animation:dash 2s linear infinite}@keyframes dash{to{stroke-dashoffset:-26}}.mesh-node{fill:#e8f2f4;stroke:#aac2c9;stroke-width:2}.mesh-node--online{fill:#d6f9f0;stroke:var(--teal)}.mesh-home{fill:var(--ink-900);stroke:var(--cyan);stroke-width:3}.mesh-home-label{fill:#fff;font-size:12px;font-weight:700}.mesh-chart text:not(.mesh-home-label){fill:var(--muted);font-size:10px}.mesh-empty{min-height:360px}.mesh-empty-ring{width:96px;height:96px;border:1px dashed var(--cyan);border-radius:50%;box-shadow:inset 0 0 0 20px rgba(53,217,230,.04)}.mesh-stats{display:grid;align-content:start;gap:1rem}.mesh-stats>div{display:grid;padding:1rem;border-radius:12px;background:var(--surface-soft)}.mesh-stats strong{font-family:var(--font-display);font-size:1.45rem}.mesh-stats span{color:var(--muted);font-size:.72rem}.mini-timeline{margin-top:1rem}.mini-timeline .capacity-chart{max-height:180px}.recovery-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.65fr);align-items:start;gap:1rem}.recovery-layout .panel>p{color:var(--muted)}
.recovery-output{margin:1rem 0 1.4rem;padding:1.1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.recovery-output>span{display:block;margin-bottom:.6rem;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.recovery-output__preview{display:flex;flex-wrap:wrap;align-items:stretch;gap:1rem;margin-bottom:1rem}
.recovery-output code{flex:1 1 240px;min-width:0;display:flex;align-items:center;overflow-wrap:anywhere;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.01em;line-height:1.5}
.recovery-output [data-recovery-qr]{flex:0 0 auto;align-self:center;padding:.5rem;border:1px solid var(--line);border-radius:10px;background:#fff;line-height:0}
.recovery-checklist{display:grid;gap:1rem}
.recovery-checklist ol{display:grid;gap:.7rem;margin:0;padding-left:1.2rem;color:var(--muted)}
.recovery-checklist .honest-warning{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}
.recovery-checklist [data-verify-recovery]{display:grid;gap:.7rem;padding-top:1rem;border-top:1px solid var(--line)}
.recovery-checklist [data-verify-recovery] label{font-size:.85rem}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}.settings-grid>.panel{grid-column:auto}.settings-section{padding:clamp(1.35rem,3vw,2.25rem)}.settings-section>.settings-section-head:not(.panel-head){display:grid;max-width:760px;gap:.35rem;margin-bottom:1.5rem}.settings-section-head h2{margin:0}.settings-section-head p,.settings-help{margin:0;color:var(--muted);line-height:1.65}.settings-section-head .eyebrow{margin:0}.settings-grid form{display:grid;gap:1.25rem}.settings-section form>label:not(.anchor-switch){display:grid;max-width:840px;gap:.5rem}.settings-section form>.button{min-width:220px;justify-self:start}.settings-technical{max-width:840px;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.settings-technical summary{cursor:pointer;color:var(--cyan-dark);font-size:.78rem;font-weight:750}.settings-technical p{margin:.75rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.65}.range-label{display:grid;max-width:840px;gap:.6rem}.range-label>span{display:flex;justify-content:space-between;gap:1rem}.range-label output{color:var(--text);font-family:var(--font-display);font-size:1.1rem}.range-label input{padding:0;border:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem 0;border-top:1px solid var(--line)}.setting-row>div{display:grid;max-width:760px;gap:.2rem}.setting-row span,.setting-row small{color:var(--muted);font-size:.78rem;line-height:1.55}.setting-row--danger{margin-top:.25rem}.setting-row--danger strong{color:var(--danger)}
.anchor-panel{grid-column:auto}.anchor-panel>.panel-head>div{display:grid;max-width:760px;gap:.35rem}.anchor-panel>.panel-head .eyebrow{margin:0}.anchor-panel>.panel-head p{margin:0;color:var(--muted);line-height:1.65}.anchor-panel form{display:grid;gap:1.25rem}.anchor-panel form>label:not(.anchor-switch){display:grid;max-width:840px;gap:.5rem}.anchor-panel form>label>span{font-size:.8rem;font-weight:700}.anchor-switch{display:flex;max-width:840px;align-items:flex-start;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.anchor-switch input{width:20px;height:20px;margin:.15rem 0 0}.anchor-switch>span{display:grid;gap:.2rem}.anchor-switch small{color:var(--muted);font-weight:400;line-height:1.5}.anchor-ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.anchor-ledger span{display:grid;gap:.2rem;padding:.85rem;border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:.72rem}.anchor-ledger strong{color:var(--text);font-family:var(--font-display);font-size:1rem;text-transform:capitalize}
.pwa-install-panel .settings-section-head{margin-bottom:1rem!important}.pwa-install-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;max-width:840px}.pwa-install-row>div{display:grid;gap:.2rem}.pwa-install-row>div>span{color:var(--muted);font-size:.78rem;line-height:1.5}.pwa-install-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e3f8f5;color:var(--teal-dark)}.pwa-install-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pwa-install-row>.button{min-width:126px}.pwa-install-panel .form-status:empty{display:none}.pwa-install-panel .form-status{margin:.75rem 0 0}
.pwa-share-row{display:flex;max-width:840px;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.pwa-public-link{min-width:0;overflow:hidden;color:var(--cyan-dark);font-size:.75rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.pwa-share-actions{display:flex;flex:0 0 auto;gap:.5rem}.pwa-share-actions .button{min-width:108px}
.node-name-form{max-width:840px;padding-bottom:1.15rem}.node-name-form label small,.vault-profile-fields label small{color:var(--muted);font-size:.72rem;font-weight:500;line-height:1.5}.vault-profile-form{padding:1.15rem 0;border-top:1px solid var(--line)}.vault-profile-fields{display:grid;max-width:520px;gap:1rem}.vault-profile-fields label{display:grid;gap:.5rem}.vault-profile-fields label>span{font-size:.8rem;font-weight:700}.vault-profile-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.vault-profile-actions p{max-width:660px;margin:0;color:var(--muted);font-size:.78rem}.vault-profile-actions .button{flex:0 0 auto}.vault-profile-form .form-status{margin:0}.node-location-value{max-width:260px;text-align:right}.mesh-capacity-panel,.overview-storage{margin-bottom:1rem}.mesh-capacity-head>div,.overview-storage .panel-head>div{display:grid;gap:.25rem}.mesh-capacity-head h2{margin:0}.mesh-capacity-head p,.overview-storage .panel-head p{margin:0;color:var(--muted);font-size:.78rem}.mesh-capacity-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:.45rem 1rem;margin:.25rem 0 1.15rem}.mesh-capacity-total strong{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em}.mesh-capacity-total span{color:var(--muted)}.mesh-capacity-bar{height:14px;overflow:hidden;border-radius:999px;background:#e4eef0;box-shadow:inset 0 1px 2px rgba(5,12,22,.08)}.mesh-capacity-bar i{display:block;width:var(--mesh-capacity-fill);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--teal));transition:width var(--ease)}.mesh-capacity-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:.85rem}.mesh-capacity-stats>span{display:grid;gap:.25rem;padding:.85rem 1rem;border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:.72rem}.mesh-capacity-stats strong{color:var(--text);font-family:var(--font-display);font-size:1.05rem}.mesh-capacity-timeline{margin-top:1.35rem;padding-top:1.2rem;border-top:1px solid var(--line)}.mesh-capacity-timeline>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.mesh-capacity-timeline>div span{color:var(--muted);font-size:.72rem}.capacity-chart--compact{min-height:0;max-height:110px;margin-top:.6rem}.chart-empty--compact{min-height:110px;margin-top:.6rem;border-radius:12px;background:var(--surface-soft)}.overview-ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.overview-ledger>span{display:grid;gap:.28rem;padding:1rem;border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:.72rem}.overview-ledger strong{overflow-wrap:anywhere;color:var(--text);font-family:var(--font-display);font-size:1rem}.overview-ledger small{color:var(--muted)}.measurement-note{margin:1rem 0 0;color:var(--muted);font-size:.74rem;line-height:1.5}
@media(max-width:900px){.hero{min-height:720px}.hero-content{width:calc(100% - 2.2rem);margin:0 1.1rem;padding:3rem 0}.hero-media{background-position:62% center;opacity:.66}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,22,.9),rgba(5,12,22,.35))}.how{padding:5rem 1.1rem}.step-grid{grid-template-columns:1fr}.trust-band{width:calc(100% - 2.2rem);margin:0 1.1rem 4rem;padding:2rem;display:grid}.auth-layout{min-height:calc(100vh - 66px);padding:2rem 1.1rem;grid-template-columns:1fr}.auth-story h1{font-size:2.6rem}.view-head{padding:2rem 0 1.2rem;align-items:flex-start}.dashboard-grid,.mesh-layout,.recovery-layout{grid-template-columns:1fr}.mesh-stats{grid-template-columns:repeat(3,1fr)}.file-row{grid-template-columns:minmax(200px,1fr) .7fr .7fr}.file-row>*:nth-child(3),.file-row>*:nth-child(4){display:none}.file-row--head>*:nth-child(3),.file-row--head>*:nth-child(4){display:none}.file-actions{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}.settings-grid>.panel:last-child{grid-column:auto}}

/* Anonymous entry: keep the first decision simple and reveal recovery details only on request. */
.onboarding-layout{grid-template-columns:minmax(0,1.15fr) minmax(390px,.72fr)}
.onboarding-card{width:100%;max-width:500px;justify-self:end;padding:clamp(1.5rem,3vw,2.25rem);border-color:rgba(132,174,190,.24);border-radius:28px;background:#0b1726;box-shadow:0 30px 80px rgba(0,0,0,.24);backdrop-filter:none}
.onboarding-card [hidden]{display:none}
.onboarding-card .eyebrow{margin-bottom:.75rem;color:#70e7ee}
.onboarding-card h2{margin:0 0 .65rem;font-size:clamp(1.65rem,2.5vw,2.15rem);letter-spacing:-.045em}
.onboarding-intro,.onboarding-panel>p{margin:0 0 1.6rem;color:#a9bdc8;line-height:1.65}
.onboarding-primary{display:grid;width:100%;gap:.18rem;padding:1.1rem 1.2rem;border:0;border-radius:16px;background:linear-gradient(120deg,var(--cyan),var(--teal));color:#06131f;text-align:left;box-shadow:0 14px 34px rgba(53,217,230,.14);transition:transform var(--ease),box-shadow var(--ease)}
.onboarding-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(53,217,230,.2)}
.onboarding-primary span{font-size:1rem;font-weight:800}
.onboarding-primary small{color:#17454c;font-size:.76rem;font-weight:650}
.onboarding-divider{display:flex;align-items:center;gap:.8rem;margin:1.45rem 0 .65rem;color:#77909c;font-size:.69rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.onboarding-divider::before,.onboarding-divider::after{content:"";height:1px;flex:1;background:rgba(157,190,201,.16)}
.onboarding-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .25rem;border:0;border-bottom:1px solid rgba(157,190,201,.14);background:transparent;color:#e8f1f4;text-align:left}
.onboarding-option>span{display:grid;gap:.2rem}
.onboarding-option strong{font-size:.92rem}
.onboarding-option small{color:#829ba6;font-size:.73rem;font-weight:500}
.onboarding-option i{color:var(--cyan);font-size:1.2rem;font-style:normal;transition:transform var(--ease)}
.onboarding-option:hover i{transform:translateX(4px)}
.onboarding-account-link{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:1rem;margin-top:.65rem;padding:.55rem .25rem;border:0;background:transparent;color:#78919d;font-size:.72rem;text-align:left}
.onboarding-account-link:hover{color:#b5c8cf}
.onboarding-card .form-status{color:#9eb5be}
.onboarding-panel{display:grid;gap:1rem}
.onboarding-card form{margin-top:0}
.onboarding-back{width:max-content;margin:0 0 1rem;padding:0;border:0;background:transparent;color:#91aab5;font-size:.75rem;font-weight:700}
.onboarding-back:hover{color:#fff}
.onboarding-field{color:#dbe8ec}
.onboarding-field textarea{width:100%;min-height:92px;resize:vertical;padding:.9rem 1rem;border:1px solid rgba(148,181,193,.26);border-radius:14px;background:#101f30;color:#fff;font:500 .9rem/1.55 var(--font-body)}
.onboarding-field textarea::placeholder{color:#6f8792}
.onboarding-field textarea:focus{border-color:var(--cyan);outline:3px solid rgba(53,217,230,.12)}
.onboarding-field small{color:#8fa8b3;font-size:.68rem;font-weight:500;line-height:1.45}
.key-file-picker{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px;padding:1rem;border:1px dashed rgba(112,231,238,.42);border-radius:16px;background:rgba(53,217,230,.045);cursor:pointer}
.key-file-picker:hover{border-color:var(--cyan);background:rgba(53,217,230,.075)}
.key-file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.key-file-picker>span{display:grid;gap:.18rem;color:#edf6f7}
.key-file-picker strong{font-size:.86rem}
.key-file-picker small{max-width:255px;overflow:hidden;color:#829ba6;font-size:.72rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.key-file-picker i{padding:.42rem .65rem;border-radius:9px;background:#dff9f7;color:#0b514e;font-size:.7rem;font-style:normal;font-weight:800}
.onboarding-submit{width:100%;margin-top:.25rem;background:#eaf6f7;color:#071521;box-shadow:none}
.recovery-switch{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:.3rem;border-radius:12px;background:rgba(0,0,0,.2)}.recovery-switch button{min-height:42px;padding:.6rem;border:0;border-radius:9px;background:transparent;color:#91aab5;font-size:.75rem;font-weight:750}.recovery-switch button[aria-selected="true"]{background:#eaf6f7;color:#071521}.recovery-method-panel{display:grid;gap:.75rem}.recovery-method-panel[hidden]{display:none}.recovery-legacy-warning{display:grid;gap:.2rem;padding:.75rem .85rem;border:1px solid rgba(225,162,41,.35);border-radius:12px;background:rgba(225,162,41,.1)}.recovery-legacy-warning[hidden],.onboarding-field[hidden]{display:none}.recovery-legacy-warning strong{color:#ffd47e;font-size:.75rem}.recovery-legacy-warning span{color:#c4d4d9;font-size:.68rem;line-height:1.5}

@media(max-width:900px){.onboarding-layout{grid-template-columns:1fr;gap:2.5rem}.onboarding-card{max-width:none;justify-self:stretch}.onboarding-layout .auth-story{max-width:620px}}
@media(max-width:520px){.onboarding-card{padding:1.35rem;border-radius:22px}.onboarding-layout{padding-top:2.5rem}.onboarding-option{padding:.9rem 0}.key-file-picker{align-items:flex-start}.key-file-picker i{margin-top:.1rem}}
@media(max-width:600px){.hero h1{font-size:2.65rem}.hero-actions{display:grid}.proof-row{gap:.5rem 1rem}.view-head{display:grid;gap:1rem}.drive-head .button-row{width:100%}.drive-head .button{flex:1}.drive-toolbar{display:grid}.sort-field{width:100%}.file-row{grid-template-columns:minmax(0,1fr) auto;padding:.8rem}.file-row>*:nth-child(2){display:none}.file-row--head{display:none}.file-actions{justify-content:flex-end}.mesh-stats{grid-template-columns:1fr}.settings-grid{display:grid}.settings-section form>.button{width:100%;min-width:0}.setting-row{align-items:flex-start;flex-direction:column}.setting-row .button,.setting-row .text-button{width:100%}.trust-band{border-radius:24px}}
.status-dot--recoverable,.status-dot--resilient{background:var(--teal)}.status-dot--local_pending,.status-dot--distributing,.status-dot--repairing{background:#e1a229}.file-record{border-bottom:1px solid var(--line)}.file-record>.file-row{border-bottom:0}.file-details{padding:0 1.2rem .9rem}.file-details summary{width:max-content;color:var(--cyan-dark);font-size:.75rem;font-weight:700;cursor:pointer}.storage-ledger{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:.6rem;margin-top:.75rem;padding:1rem;border-radius:12px;background:var(--surface-soft)}.storage-ledger span{display:grid;gap:.2rem;color:var(--muted);font-size:.7rem}.storage-ledger strong{color:var(--text);font-size:.82rem;text-transform:none}
.storage-assurance{max-width:840px;margin:.65rem 0 0;padding:.75rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:.78rem;line-height:1.5}.anchor-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.deletion-queue{margin-top:1rem}.deletion-queue>.panel-head>div{display:grid;gap:.25rem}.deletion-queue>.panel-head .eyebrow{margin:0}.deletion-queue>p{max-width:850px;margin:.2rem 0 1rem;color:var(--muted);line-height:1.55}.deletion-list{display:grid;gap:.65rem}.deletion-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(140px,240px);align-items:center;gap:1rem;padding:1rem;border-radius:12px;background:var(--surface-soft)}.deletion-row>div{display:grid;gap:.2rem}.deletion-row>div:nth-child(2){text-align:right}.deletion-row span{color:var(--muted);font-size:.72rem}.deletion-row progress{width:100%}
.deletion-row__progress{align-items:end}.deletion-row__progress .text-button{justify-self:end;padding:.15rem 0;font-size:.72rem}
.folder-tile{min-width:190px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.folder-tile span{grid-column:1/-1}.folder-tile strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tile .text-button{font-size:.74rem}
.deletion-queue--background{padding:0;overflow:hidden}.deletion-queue--background>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;cursor:pointer;list-style:none}.deletion-queue--background>summary::-webkit-details-marker{display:none}.deletion-queue--background>summary::before{content:"›";color:var(--cyan-dark);font-size:1.35rem;transition:transform var(--ease)}.deletion-queue--background[open]>summary::before{transform:rotate(90deg)}.deletion-queue--background>summary span{display:grid;margin-right:auto}.deletion-queue--background>summary small{color:var(--muted);font-weight:400}.deletion-queue--background>p,.deletion-queue--background>.deletion-list{margin-left:1.4rem;margin-right:1.4rem}.deletion-queue--background>.deletion-list{margin-bottom:1.4rem}
.delete-dialog{padding:1.6rem}.delete-dialog form,.delete-result-dialog form{gap:1rem}.delete-dialog__mark{display:grid;place-content:center;width:42px;height:42px;border-radius:50%;background:#fff0ed;color:var(--danger);font-size:1.6rem;font-weight:500}.delete-dialog__mark--done{background:#dcf7ef;color:var(--teal-dark);font-size:1rem}.delete-dialog .dialog-head{align-items:flex-start}.delete-dialog .dialog-head>div{display:grid;gap:.2rem}.delete-dialog .dialog-head .eyebrow{margin:0}.delete-dialog p,.delete-result-dialog p{margin:0;color:var(--muted);line-height:1.6}.delete-dialog__note{padding:1rem;border-radius:12px;background:var(--surface-soft);color:var(--text);font-size:.85rem;line-height:1.55}.delete-dialog__actions{justify-content:flex-end;margin-top:.3rem}.delete-result-dialog{text-align:left}.delete-result-dialog h2{margin:0}.delete-result__status{display:grid;gap:.15rem;padding:1rem;border-radius:12px;background:var(--surface-soft)}.delete-result__status span{color:var(--muted);font-size:.78rem}.delete-result-dialog .button{width:100%}
@media(max-width:600px){.anchor-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-profile-actions{align-items:stretch;flex-direction:column}.vault-profile-actions .button{width:100%}.node-location-value{max-width:none;text-align:left}}
@media(max-width:600px){.pwa-install-row{grid-template-columns:auto minmax(0,1fr)}.pwa-install-row>.button{grid-column:1/-1;width:100%}}
@media(max-width:600px){.pwa-share-row{align-items:stretch;flex-direction:column}.pwa-public-link{white-space:normal;overflow-wrap:anywhere}.pwa-share-actions{display:grid;grid-template-columns:1fr 1fr}.pwa-share-actions .button{width:100%;min-width:0}}
@media(max-width:600px){.mesh-capacity-head{display:grid}.mesh-capacity-total{display:grid;gap:.2rem}.mesh-capacity-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mesh-capacity-timeline>div{align-items:flex-start;flex-direction:column;gap:.2rem}}
@media(max-width:900px){.overview-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.overview-ledger{grid-template-columns:1fr}}
@media(max-width:900px){.storage-ledger{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:600px){.storage-ledger{grid-template-columns:1fr}.file-details{padding-inline:.8rem}}
@media(max-width:700px){.deletion-row{grid-template-columns:1fr auto}.deletion-row__progress{grid-column:1/-1}.deletion-row>div:nth-child(2){text-align:right}}
@media print{.sidebar,.mobile-topbar,.app-topline,.public-header,.public-footer,.button,.recovery-checklist,.mesh-key-banner,.notice,.view-head .status-pill{display:none!important}body{background:#fff}.app-main{margin:0;padding:0}.recovery-layout{display:block}.panel{box-shadow:none;border:1px solid #000}.recovery-output{background:#fff;border:1px solid #000}.recovery-output code,.recovery-output [data-recovery-qr]{border:1px solid #000;background:#fff}.recovery-output__preview{gap:1.4rem}}
.drive-upload-actions{display:grid;justify-items:end;gap:.45rem}.drive-upload-actions>small{color:var(--muted);font-size:.7rem;font-weight:650}
.drive-head .upload-button{color:#fff}
@media(max-width:600px){.drive-upload-actions{width:100%;justify-items:stretch}.drive-upload-actions>small{text-align:right}}
.view-head--compact{align-items:center;padding:2rem 0 1.2rem}.view-head--compact h1{margin:0}.drive-empty{min-height:260px}.recovery-checklist h2{margin:0 0 .8rem;font-size:1.05rem}.settings-section>.settings-section-head:not(.panel-head){margin-bottom:1.1rem}.settings-section-head:has(h2:only-child){gap:0}.mesh-capacity-head>h2{margin:0}
@media(max-width:600px){.view-head,.view-head--compact{padding:1.2rem 0 .9rem}.view-head--compact:has(.status-pill){grid-template-columns:1fr auto;align-items:center}.view-head h1{margin:0;font-size:2rem}.metric-card small{line-height:1.35}.mesh-capacity-panel{padding:1.1rem}.mesh-capacity-total{margin:.1rem 0 .85rem}.mesh-capacity-total strong{font-size:2rem}.mesh-capacity-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mesh-capacity-stats>span{padding:.7rem}.mesh-capacity-timeline{margin-top:1rem;padding-top:.9rem}.chart-empty--compact{min-height:72px}.settings-grid{gap:.75rem}.settings-section{padding:1.1rem}.settings-section>.settings-section-head:not(.panel-head){margin-bottom:.9rem}.setting-row{gap:.75rem;padding:1rem 0}.dashboard-head,.drive-head{grid-template-columns:minmax(0,1fr);justify-content:stretch}.dashboard-head>.button{width:100%}.drive-head .drive-upload-actions{width:100%;justify-self:stretch}.drive-head .button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.drive-head .button{width:100%;white-space:nowrap}.drive-head .upload-button{grid-column:1/-1;grid-row:1}.drive-empty{min-height:230px;padding:2rem 1rem}.recovery-layout{gap:.75rem}.onboarding-layout .auth-story{padding-top:.5rem}.onboarding-layout .auth-story h1{margin-bottom:.5rem}.onboarding-layout .auth-story p{margin-bottom:0}}
.drive-head .button svg,.drive-toolbar svg,.drive-breadcrumb svg,.folder-name svg,.icon-button svg,.explorer-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.drive-location{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);background:var(--surface-soft)}.drive-location>span{flex:0 0 auto;color:var(--muted);font-size:.7rem}.drive-breadcrumb{display:flex;min-width:0;align-items:center;gap:.35rem;overflow-x:auto;scrollbar-width:none}.drive-breadcrumb::-webkit-scrollbar{display:none}.drive-breadcrumb button{display:inline-flex;flex:0 0 auto;align-items:center;gap:.35rem;min-height:30px;padding:.25rem .45rem;border:0;border-radius:7px;background:transparent;color:var(--text);font:700 .73rem var(--font-body)}.drive-breadcrumb button:hover,.drive-breadcrumb button:focus-visible{background:#fff;color:var(--cyan-dark)}.drive-breadcrumb i{color:var(--muted);font-style:normal}.drive-toolbar{align-items:center;padding:.7rem 1rem}.drive-toolbar .search-field{position:relative}.drive-toolbar .search-field>svg{position:absolute;z-index:1;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted)}.drive-toolbar .search-field input{min-height:42px;padding:.55rem .75rem .55rem 2.25rem}.drive-toolbar .sort-field{width:190px}.drive-toolbar .sort-field select{min-height:42px;padding:.55rem .75rem}.explorer-table{min-width:0}.explorer-row{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(150px,.8fr) 90px 125px minmax(174px,auto);align-items:center;gap:.75rem;min-height:52px;padding:.45rem 1rem;border-bottom:1px solid var(--line)}.explorer-head{min-height:34px;background:var(--surface-soft);color:var(--muted);font-size:.63rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.explorer-file:hover,.explorer-folder:hover{background:#f7fbfc}.file-record{border-bottom:0}.file-name{gap:.65rem}.file-name>div{min-width:0}.file-name strong{font-size:.78rem}.file-name small{font-size:.66rem}.explorer-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:8px;background:#e5f6f7;color:var(--cyan-dark)}.explorer-icon--image{background:#e0f8f2;color:#0b806b}.explorer-icon--video{background:#eeeaff;color:#6654c6}.explorer-icon--audio{background:#fff0df;color:#a85b19}.explorer-icon--archive{background:#fff4d7;color:#8b6810}.explorer-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.68rem}.explorer-size,.explorer-row time{color:var(--muted);font-size:.7rem}.folder-name{display:flex;min-width:0;align-items:center;gap:.65rem;padding:0;border:0;background:transparent;color:var(--text);text-align:left}.folder-name>svg{width:34px;height:34px;flex:0 0 auto;padding:6px;border-radius:8px;background:#e6f4f6;color:var(--cyan-dark)}.folder-name>span{display:grid;min-width:0}.folder-name strong,.folder-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-name strong{font-size:.78rem}.folder-name small{color:var(--muted);font-size:.65rem}.file-actions{display:flex;justify-content:flex-end;gap:.2rem;flex-wrap:nowrap}.icon-button{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted)}.icon-button:hover,.icon-button:focus-visible{border-color:var(--line);background:var(--surface-soft);color:var(--cyan-dark)}.icon-button--danger:hover,.icon-button--danger:focus-visible{background:#fff0ed;color:var(--danger)}.icon-button:disabled{opacity:.35}.file-details{padding:.3rem 1rem 1rem;border-top:1px dashed var(--line);background:#fbfdfe}.file-details[hidden]{display:none}.file-details .storage-ledger{margin-top:.7rem}.drive-panel .drive-empty{min-height:210px}.dialog [data-move-file-name]{margin:0;color:var(--muted);font-size:.82rem}
@media(max-width:900px){.explorer-row{grid-template-columns:minmax(0,1fr) 80px 175px}.explorer-row>*:nth-child(2),.explorer-row>*:nth-child(4){display:none}}
@media(max-width:600px){.drive-head .button svg{width:17px;height:17px}.drive-location{padding:.6rem .7rem}.drive-location>span{display:none}.drive-toolbar{grid-template-columns:minmax(0,1fr) 142px;gap:.5rem;padding:.6rem .7rem}.drive-toolbar .sort-field{width:auto}.drive-toolbar .sort-field select{font-size:.72rem}.explorer-row{grid-template-columns:minmax(0,1fr) auto;gap:.35rem;min-height:48px;padding:.4rem .7rem}.explorer-row>*:nth-child(2),.explorer-row>*:nth-child(3),.explorer-row>*:nth-child(4){display:none}.explorer-head{display:none}.explorer-icon,.folder-name>svg{width:30px;height:30px}.file-name strong,.folder-name strong{font-size:.74rem}.file-actions{gap:.05rem}.icon-button{width:28px;height:30px}.icon-button svg{width:16px;height:16px}.file-details{padding:.25rem .7rem .8rem}.file-details .storage-ledger{grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem}.drive-panel .drive-empty{min-height:180px}}
.camera-launch-dialog [data-open-camera] svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.explorer-icon{position:relative}.explorer-icon>small{position:absolute;left:3px;bottom:1px;max-width:23px;overflow:hidden;color:currentColor;font-size:.34rem;font-weight:850;letter-spacing:.01em;line-height:1;text-overflow:clip}.explorer-icon-state{position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;margin:0;border:2px solid #fff}.explorer-icon--document{background:#e8f1ff;color:#386da8}.explorer-icon--sheet{background:#e4f5e9;color:#277849}
.status-pill--danger{background:#fff0ed;color:var(--danger)}
.hosted-storage-head>div,.trusted-access-head>div{display:grid;gap:.35rem}.hosted-storage-head p,.trusted-access-head p{max-width:720px;margin:0;color:var(--muted)}.back-link{width:max-content;color:var(--cyan-dark);font-size:.75rem;font-weight:750}.hosted-storage{display:grid;gap:1rem}.hosted-storage-loading{padding:4rem 1rem;color:var(--muted);text-align:center}.hosted-storage-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.hosted-storage-summary>div{display:grid;gap:.25rem;padding:1rem;border-radius:12px;background:var(--surface-soft)}.hosted-storage-summary span,.hosted-piece small,.hosted-piece em{color:var(--muted);font-size:.68rem}.hosted-storage-summary strong{font-size:1rem}.hosted-storage-note{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#f8fcfc}.hosted-storage-note p{max-width:900px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}.hosted-piece-list{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}.hosted-piece{display:grid;grid-template-columns:auto minmax(0,1fr) auto 76px;align-items:center;gap:.75rem;min-height:54px;padding:.55rem .8rem;border-bottom:1px solid var(--line)}.hosted-piece:last-child{border-bottom:0}.hosted-piece__icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e5f6f7;color:var(--cyan-dark)}.hosted-piece>div{display:grid;min-width:0}.hosted-piece>div strong{overflow:hidden;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.hosted-piece>span:not(.hosted-piece__icon){font-size:.75rem;font-weight:700}.hosted-piece em{font-style:normal;text-align:right}.hosted-storage-empty{display:grid;place-items:center;gap:.35rem;min-height:220px;text-align:center}.hosted-storage-empty>span{color:var(--cyan);font-size:2rem}.hosted-storage-empty h2,.hosted-storage-empty p{margin:0}.hosted-storage-empty p{color:var(--muted)}.hosted-storage-more{margin:0;color:var(--muted);font-size:.72rem}.trusted-access-owner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1rem}.trusted-access-owner__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--ink-900);color:var(--cyan)}.trusted-access-owner>div:nth-child(2){display:grid;gap:.15rem}.trusted-access-owner span:not(.status-pill){color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase}.trusted-access-owner h2,.trusted-access-owner p{margin:0}.trusted-access-owner p{color:var(--muted);font-size:.78rem}.trusted-access-list{display:grid;gap:1rem}.trusted-access-list__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.trusted-access-list__head h2,.trusted-access-list__head p{margin:0}.trusted-access-list__head p{color:var(--muted);font-size:.78rem}.trusted-access-list__head>strong{font-size:1.5rem}.trusted-device-list{display:grid;gap:.6rem}.trusted-device-card{display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(120px,.7fr) minmax(150px,.8fr) auto auto;align-items:center;gap:.75rem;padding:.7rem;border:1px solid var(--line);border-radius:12px}.trusted-device-card.is-revoked{opacity:.65}.trusted-device-card__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e5f6f7;color:var(--cyan-dark)}.trusted-device-card__name,.trusted-device-card>div{display:grid}.trusted-device-card span:not(.status-pill),.trusted-device-card small{color:var(--muted);font-size:.65rem}.trusted-device-card>div>strong{font-size:.74rem}.trusted-access-empty{display:flex;align-items:center;gap:.8rem;padding:1rem;border-radius:12px;background:var(--surface-soft)}.trusted-access-empty>span{color:var(--cyan);font-size:1.35rem}.trusted-access-empty strong,.trusted-access-empty p{margin:0}.trusted-access-empty p{color:var(--muted);font-size:.76rem}.trusted-access-note{display:flex;gap:.5rem;margin-top:1rem;padding:.85rem 1rem;border-radius:12px;background:#e7f6f6;color:var(--text);font-size:.76rem}.trusted-access-note span{color:var(--muted)}.trusted-revoke-dialog h2,.trusted-revoke-dialog p{margin:0}.trusted-revoke-dialog form>div:first-child{display:grid;gap:.35rem}.trusted-revoke-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}
@media(max-width:700px){.hosted-storage-head{grid-template-columns:1fr auto}.hosted-storage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hosted-piece{grid-template-columns:auto minmax(0,1fr) auto}.hosted-piece em{display:none}.trusted-access-head p{font-size:.78rem}.trusted-access-owner{grid-template-columns:auto minmax(0,1fr)}.trusted-access-owner>.status-pill{grid-column:2}.trusted-device-card{grid-template-columns:auto minmax(0,1fr) auto}.trusted-device-card>div:not(.trusted-device-card__name){display:none}.trusted-device-card>.status-pill{display:none}.trusted-access-note{display:grid}}