:root{color-scheme:light;--paper:#f6f2ea;--paper-light:#fbf9f4;--ink:#171819;--muted:#6f716f;--rule:rgba(23,24,25,.2);--blue:#70b7e4;--red:#d93a3a;--green:#4f8166;--header-bg:rgba(246,242,234,.94);--primary-hover:#2d2e2f;--upload-hover:rgba(112,183,228,.05);--dialog-shadow:rgba(23,24,25,.15);--dialog-backdrop:rgba(23,24,25,.35);--integrity-ring:rgba(79,129,102,.1);--toast-shadow:rgba(23,24,25,.18);--page-x:clamp(1.25rem,4vw,4.75rem);--serif:Iowan Old Style,Baskerville,"Times New Roman",serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em}html[lang=en] [data-lang-content=zh],html[lang=zh-CN] [data-lang-content=en],[data-lang-content][hidden]{display:none!important}[hidden]{display:none!important}
.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.7rem .9rem;background:var(--ink);color:var(--paper-light);transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{height:clamp(4.5rem,8vw,6.5rem);padding:0 var(--page-x);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);background:var(--header-bg);backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.wordmark{display:inline-flex;align-items:center;gap:.42rem;font-family:var(--serif);font-size:.92rem;letter-spacing:.02em;white-space:nowrap}.wordmark-main,.wordmark-share{display:inline-flex;align-items:center}.wordmark-main{gap:.5rem}.wordmark-share{gap:.28rem}.wordmark img{width:.85rem;height:.85rem}.wordmark i{color:var(--blue);font-style:normal}.wordmark strong{font-family:var(--sans);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.wordmark-main:hover span,.wordmark-main:focus-visible span,.wordmark-share:hover strong,.wordmark-share:focus-visible strong{color:var(--blue)}.header-tools,.nav,.language-switch{display:flex;align-items:center}.header-tools{gap:clamp(1.2rem,3vw,3rem)}.nav{gap:clamp(1.2rem,3vw,2.75rem);font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.nav button{appearance:none;border:0;background:transparent;padding:0;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit}.nav a:hover,.nav a:focus-visible,.nav button:hover,.nav button:focus-visible{color:var(--blue)}.nav button:disabled{opacity:.45;cursor:default}.language-switch{gap:.3rem;color:var(--muted);font-size:.58rem;letter-spacing:.09em}.language-switch button{border:0;background:transparent;padding:.2rem 0;cursor:pointer}.language-switch button[aria-pressed=true]{color:var(--ink)}
.kicker{display:flex;align-items:center;gap:.55rem;margin:0 0 1.25rem;color:var(--muted);font-size:.64rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.kicker:before{width:1.75rem;height:1px;background:var(--blue);content:""}.full-stop{color:var(--blue)}.geometry-mark{color:var(--blue);font-size:.64rem;letter-spacing:.14em}.primary-action,.quiet-action,.icon-button{appearance:none;border:0;background:transparent;cursor:pointer}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.85rem 1.05rem;background:var(--ink);color:var(--paper-light);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.primary-action:hover,.primary-action:focus-visible{background:var(--primary-hover)}.primary-action i{font-style:normal}.primary-action.compact{padding:.68rem .9rem}.quiet-action{padding:.62rem .75rem;border:1px solid var(--rule);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.quiet-action:hover,.quiet-action:focus-visible{border-color:var(--ink)}.icon-button{width:2rem;height:2rem;border:1px solid var(--rule);font-size:1.1rem}.icon-button:hover{border-color:var(--blue);color:var(--blue)}
.auth-shell,.drop-shell{min-height:calc(100svh - clamp(4.5rem,8vw,6.5rem));display:grid;place-items:center;padding:clamp(3rem,8vw,8rem) var(--page-x)}.auth-card,.drop-card{width:min(34rem,100%)}.auth-card h1,.drop-card h1,.account-heading h1,.empty-state h1{margin:0;font-family:var(--serif);font-size:clamp(3.25rem,7vw,6rem);font-weight:400;letter-spacing:-.055em;line-height:.92}.auth-intro,.drop-copy{margin:1.5rem 0 2.4rem;max-width:30rem;color:var(--muted);font-family:var(--serif);font-size:1.08rem;line-height:1.55}.auth-form,.stack-form{display:grid;gap:1rem}.auth-form label,.stack-form label,.dialog-card>label{display:grid;gap:.45rem;color:var(--muted);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.auth-form input,.stack-form input,.stack-form select,.dialog-card input,.dialog-card select,.inline-form input,.inline-form select{width:100%;padding:.85rem .1rem;border:0;border-bottom:1px solid var(--rule);border-radius:0;outline:0;background:transparent;color:var(--ink)}.auth-form input:focus,.stack-form input:focus,.dialog-card input:focus,.inline-form input:focus{border-color:var(--blue)}.auth-form .primary-action{margin-top:.65rem}.auth-foot{margin-top:2rem;color:var(--muted);font-size:.72rem}.auth-foot a{text-decoration:underline;text-underline-offset:.25rem}.form-error{margin:.5rem 0 0;color:var(--red);font-size:.75rem;line-height:1.45}
.share-shell{display:grid;grid-template-columns:minmax(15rem,20vw) 1fr;min-height:calc(100svh - clamp(4.5rem,8vw,6.5rem))}.space-rail{padding:2rem clamp(1.25rem,2.5vw,2.5rem);border-right:1px solid var(--rule);display:flex;flex-direction:column}.rail-heading{display:flex;align-items:center;justify-content:space-between}.rail-heading .kicker{margin:0}.space-list{display:grid;margin-top:1.5rem}.space-button{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:1rem 0;border:0;border-bottom:1px solid var(--rule);background:transparent;text-align:left;cursor:pointer}.space-button strong{font-family:var(--serif);font-size:1.03rem;font-weight:400}.space-button small{grid-column:1;color:var(--muted);font-size:.61rem;letter-spacing:.1em;text-transform:uppercase}.space-button span{grid-row:1/3;grid-column:2;color:var(--muted);font-size:.65rem}.space-button.active strong,.space-button:hover strong{color:var(--blue)}.integrity-note{display:flex;gap:.7rem;align-items:flex-start;margin-top:auto;padding-top:2rem;color:var(--muted);font-size:.65rem;line-height:1.5}.integrity-note p{margin:0}.integrity-note strong{color:var(--ink);font-weight:500}.integrity-dot{width:.45rem;height:.45rem;margin-top:.25rem;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--integrity-ring)}
.workspace{min-width:0;padding:clamp(2rem,5vw,5rem) clamp(1.25rem,4vw,4.75rem)}.empty-state{max-width:55rem;margin:9vh auto}.empty-state h1{margin:1.2rem 0 1.5rem}.empty-state p{max-width:36rem;color:var(--muted);font-family:var(--serif);font-size:1.12rem;line-height:1.55}.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.workspace-heading h1{margin:0;font-family:var(--serif);font-size:clamp(3rem,6vw,6rem);font-weight:400;letter-spacing:-.055em;line-height:.9}.workspace-heading .kicker{margin-bottom:.8rem}.space-meta{margin:.7rem 0 0;color:var(--muted);font-size:.68rem}.workspace-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}.upload-zone{display:grid;place-items:center;min-height:7rem;margin:1rem 0 2rem;border:1px dashed var(--rule);color:var(--muted);font-family:var(--serif);font-size:.95rem;text-align:center;cursor:pointer}.upload-zone small{display:block;margin-top:.45rem;font-family:var(--sans);font-size:.6rem;letter-spacing:.04em}.upload-zone.dragging,.upload-zone:hover{border-color:var(--blue);background:var(--upload-hover);color:var(--ink)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}.item-card{position:relative;min-width:0;background:var(--paper);overflow:hidden}.item-media{aspect-ratio:1/1;display:grid;place-items:center;background:var(--paper-light);overflow:hidden}.item-media img{width:100%;height:100%;object-fit:cover;display:block}.item-media .file-glyph{font-family:var(--serif);font-size:2.1rem;color:var(--muted)}.item-copy{padding:.8rem}.item-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:500}.item-copy small{display:block;margin-top:.3rem;color:var(--muted);font-size:.58rem}.item-card.folder{cursor:pointer}.item-card.folder .item-media{aspect-ratio:1.5/1}.item-card.folder .file-glyph{color:var(--blue)}.item-actions{display:flex;gap:.35rem;margin-top:.55rem}.item-actions a,.item-actions button{border:0;background:transparent;padding:0;color:var(--muted);font-size:.58rem;text-decoration:underline;text-underline-offset:.18rem;cursor:pointer}.empty-items{padding:4rem 0;color:var(--muted);font-family:var(--serif);font-size:1.05rem}.breadcrumb{margin:-.5rem 0 1.2rem;font-size:.68rem}.breadcrumb button{border:0;background:transparent;padding:0;color:var(--muted);text-decoration:underline;cursor:pointer}
.nazuna-dialog{width:min(38rem,calc(100% - 2rem));max-height:calc(100svh - 2rem);padding:0;border:0;background:transparent}.nazuna-dialog::backdrop{background:var(--dialog-backdrop);backdrop-filter:blur(4px)}.dialog-card{position:relative;overflow:auto;max-height:calc(100svh - 2rem);padding:clamp(1.5rem,5vw,3rem);background:var(--paper-light);box-shadow:0 1rem 5rem var(--dialog-shadow)}.dialog-card h2{margin:0 0 1.5rem;font-family:var(--serif);font-size:2.25rem;font-weight:400;letter-spacing:-.04em}.dialog-close{position:absolute;top:1rem;right:1rem;border:0;background:transparent;font-size:1.4rem;cursor:pointer}.dialog-copy{color:var(--muted);font-family:var(--serif);line-height:1.5}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.5rem 0}.segmented label{position:relative}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label>span{display:grid;gap:.35rem;padding:1rem;border:1px solid var(--rule);cursor:pointer}.segmented strong{font-family:var(--serif);font-weight:400;font-size:1.05rem}.segmented small{color:var(--muted);font-size:.6rem}.segmented input:checked+span{border-color:var(--blue);box-shadow:inset 0 -2px 0 var(--blue)}.member-list,.drop-list{display:grid;margin:1rem 0}.member-row,.drop-row{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:.8rem 0;border-bottom:1px solid var(--rule)}.member-row small,.drop-row small{color:var(--muted);font-size:.6rem}.inline-form{display:grid;grid-template-columns:1fr 7rem auto;gap:.6rem;align-items:end}.drop-row button{grid-row:1/3;grid-column:2}.admin-user-list{display:grid;margin:1rem 0 1.5rem}.admin-user-row{display:grid;grid-template-columns:minmax(0,1fr) 7rem auto;gap:.35rem .8rem;align-items:end;padding:.9rem 0;border-bottom:1px solid var(--rule)}.admin-user-row .admin-user-copy{min-width:0}.admin-user-row strong,.admin-user-row small{display:block}.admin-user-row small{margin-top:.25rem;color:var(--muted);font-size:.6rem}.admin-user-row label{display:grid;gap:.3rem;color:var(--muted);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}.admin-user-row input{width:100%;padding:.55rem .1rem;border:0;border-bottom:1px solid var(--rule);background:transparent;color:var(--ink)}.admin-quota-auth{padding-top:.5rem;border-top:1px solid var(--rule)}.link-box{display:flex;gap:.5rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--rule)}.link-box code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-queue{display:grid;gap:.8rem;margin:1rem 0}.upload-entry{display:grid;grid-template-columns:1fr auto;gap:.4rem}.upload-entry strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.upload-entry small{color:var(--muted);font-size:.58rem}.progress-track{grid-column:1/-1;height:2px;background:var(--rule)}.progress-track i{display:block;width:0;height:100%;background:var(--blue);transition:width .15s linear}.upload-queue.inline{margin-top:2rem}.toast-stack{position:fixed;right:1rem;bottom:1rem;z-index:100;display:grid;gap:.5rem}.toast{max-width:22rem;padding:.75rem .9rem;background:var(--ink);color:var(--paper-light);font-size:.7rem;box-shadow:0 .5rem 2rem var(--toast-shadow)}
.toast-floating{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:1}
.upload-source-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.upload-source-actions .primary-action{margin-bottom:0}.account-shell{padding:clamp(3rem,7vw,7rem) var(--page-x)}.account-heading{padding-bottom:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--rule)}.account-heading p:last-child{color:var(--muted)}.settings-list{max-width:70rem}.setting-row{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--rule)}.setting-row h2{margin:0;font-family:var(--serif);font-size:1.5rem;font-weight:400}.setting-row p{max-width:40rem;margin:.5rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.55}.totp-secret{padding:1rem;margin:1rem 0;background:var(--paper);font-family:ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:1rem;background:var(--paper);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem}.drop-card .primary-action{margin-bottom:1rem}.drop-locked{padding:1.3rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--muted)}
@media(max-width:850px){.site-header .nav:not(.nav-auth){display:none}.site-header .nav-auth{display:flex;gap:.8rem;font-size:.61rem;letter-spacing:.09em}.site-header .nav-auth [data-nav-library]{display:none}.header-tools{gap:.85rem}.share-shell{display:block}.space-rail{border-right:0;border-bottom:1px solid var(--rule);padding:1.25rem var(--page-x)}.space-list{display:flex;overflow:auto;gap:1.2rem;margin-top:.8rem}.space-button{min-width:10rem}.integrity-note{display:none}.workspace{padding-top:2rem}.workspace-heading{display:block}.workspace-actions{justify-content:flex-start;margin-top:1.5rem}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form{grid-template-columns:1fr}.admin-user-row{grid-template-columns:1fr}.setting-row{grid-template-columns:1fr}.segmented{grid-template-columns:1fr}.auth-card h1,.drop-card h1{font-size:clamp(3.2rem,15vw,5rem)}}
@media(max-width:520px){.site-header{padding-left:1rem;padding-right:1rem}.wordmark{gap:.3rem;font-size:.82rem}.wordmark-main{gap:.38rem}.wordmark strong{font-size:.56rem;letter-spacing:.1em}.site-header .nav-auth{gap:.62rem;font-size:.57rem;letter-spacing:.06em}.header-tools{gap:.62rem}.language-switch{font-size:.54rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.auth-secondary-actions{display:flex;gap:.6rem;margin-top:1rem}.auth-secondary-actions .quiet-action{background:transparent;cursor:pointer}
.item-card.viewable .item-media{cursor:zoom-in}.item-card.viewable .item-media:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.media-viewer{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:0;border:0;background:rgba(10,11,12,.96);color:#fff}.media-viewer::backdrop{background:#0a0b0c}.media-viewer-shell{height:100%;display:grid;grid-template-rows:auto 1fr}.media-viewer-bar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:rgba(10,11,12,.86);font-size:.72rem}.media-viewer-bar>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.media-viewer-bar>div{display:flex;align-items:center;gap:1rem}.media-viewer-original{color:#fff;text-decoration:underline;text-underline-offset:.2rem}.media-viewer-close{border:0;background:transparent;color:#fff;padding:.1rem .35rem;font-size:1.65rem;line-height:1;cursor:pointer}.media-viewer-stage{min-height:0;display:grid;place-items:center;overflow:hidden;padding:1rem}.media-viewer-stage img,.media-viewer-stage video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.media-viewer-stage video{width:min(100%,96rem)}.media-viewer-error{max-width:34rem;color:rgba(255,255,255,.7);font-family:var(--serif);line-height:1.55;text-align:center}

@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#121416;--paper-light:#181c20;--ink:#f2f4f6;--muted:#a6adb4;--rule:rgba(242,244,246,.16);--blue:#8bc8ef;--red:#ff7b7b;--green:#74b08f;--header-bg:rgba(18,20,22,.94);--primary-hover:#2a2f34;--upload-hover:rgba(139,200,239,.12);--dialog-shadow:rgba(0,0,0,.38);--dialog-backdrop:rgba(0,0,0,.56);--integrity-ring:rgba(116,176,143,.2);--toast-shadow:rgba(0,0,0,.32)}.quiet-action:hover,.quiet-action:focus-visible,.icon-button:hover{background:rgba(242,244,246,.04)}.item-media video,.media-viewer video{background:#000}.auth-form input:-webkit-autofill,.stack-form input:-webkit-autofill,.dialog-card input:-webkit-autofill,.inline-form input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--paper) inset;transition:background-color 5000s ease-in-out 0s}}
.batch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-.6rem 0 1.2rem;padding:.8rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--muted);font-size:.68rem}.batch-toolbar[hidden]{display:none!important}.batch-toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.item-card.batch-selectable{cursor:pointer}.item-card.batch-selected{z-index:1;box-shadow:inset 0 0 0 2px var(--blue)}.batch-check{position:absolute;top:.55rem;right:.55rem;z-index:4;display:grid;place-items:center;cursor:pointer}.batch-check input{position:absolute;opacity:0;pointer-events:none}.batch-check span{display:grid;place-items:center;width:1.55rem;height:1.55rem;border:1px solid var(--rule);border-radius:50%;background:var(--paper-light);box-shadow:0 .2rem 1rem rgba(23,24,25,.18);color:transparent;font-size:.75rem;font-weight:700}.batch-check input:checked+span{border-color:var(--blue);background:var(--blue);color:#fff}.batch-check input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:850px){.batch-toolbar{align-items:flex-start;flex-direction:column}.batch-toolbar-actions{justify-content:flex-start}}

/* NAZUNA_ALBUMS_UI_V1 — Albums-first library shared by iOS/macOS/web semantics. */
.share-shell{display:block}.space-rail{display:none!important}.workspace{width:min(100%,104rem);margin:0 auto;padding:clamp(1.6rem,4vw,4rem) var(--page-x)}
.albums-home{min-height:calc(100svh - clamp(4.5rem,8vw,6.5rem) - 3rem)}.albums-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin:0 0 clamp(2rem,4vw,3.5rem)}.albums-heading h1{margin:0;font-family:var(--serif);font-size:clamp(3.4rem,7vw,7rem);font-weight:400;letter-spacing:-.06em;line-height:.88}.albums-heading .kicker{margin-bottom:.8rem}.albums-copy{max-width:38rem;margin:1.05rem 0 0;color:var(--muted);font-family:var(--serif);font-size:1rem;line-height:1.5}.albums-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}
.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:clamp(1.2rem,2.2vw,2rem) clamp(.8rem,1.6vw,1.35rem);align-items:start}.album-card{appearance:none;min-width:0;border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.album-cover{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:.7rem;background:var(--paper-light);box-shadow:inset 0 0 0 1px var(--rule)}.album-cover img{display:block;width:100%;height:100%;object-fit:cover}.album-cover-glyph{color:var(--muted);font-family:var(--serif);font-size:3rem}.album-card:hover .album-cover,.album-card:focus-visible .album-cover{box-shadow:inset 0 0 0 2px var(--blue)}.album-card:focus-visible{outline:0}.album-card-copy{display:block;padding-top:.62rem}.album-card-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600}.album-card-copy small{display:block;margin-top:.25rem;color:var(--muted);font-size:.6rem}.album-cover-loading:after{position:absolute;right:.55rem;bottom:.55rem;width:.42rem;height:.42rem;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 16%,transparent);content:""}
.album-title-block{min-width:0}.album-back{appearance:none;display:inline-flex;align-items:center;gap:.35rem;margin:0 0 1.15rem;padding:0;border:0;background:transparent;color:var(--muted);font-size:.66rem;letter-spacing:.06em;cursor:pointer}.album-back:hover,.album-back:focus-visible{color:var(--blue)}
.album-browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-.55rem 0 1.35rem;padding:.7rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.album-view-switch{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem;background:var(--paper-light);border:1px solid var(--rule);border-radius:999px}.album-view-switch button{appearance:none;border:0;border-radius:999px;background:transparent;color:var(--muted);padding:.45rem .75rem;font-size:.61rem;cursor:pointer}.album-view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper-light)}.album-sort{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase}.album-sort select{min-width:9.5rem;padding:.48rem .4rem;border:1px solid var(--rule);background:var(--paper-light);color:var(--ink);font-size:.62rem}
.item-grid.view-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1.5px;border:0;background:transparent}.item-grid.view-photos .item-card{aspect-ratio:1/1;overflow:hidden;background:var(--paper-light)}.item-grid.view-photos .item-media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.item-grid.view-photos .item-media img,.item-grid.view-photos .item-media video{width:100%;height:100%;object-fit:cover}.item-grid.view-photos .item-copy{display:none}.item-grid.view-photos .item-card.folder .item-media{aspect-ratio:auto}.item-grid.view-photos .item-card.folder{box-shadow:inset 0 0 0 1px var(--rule)}.item-grid.view-photos .item-card.folder .file-glyph{font-size:2.5rem}.media-type-badge{position:absolute;z-index:3;right:.45rem;bottom:.42rem;display:grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .28rem;border-radius:999px;background:rgba(8,9,10,.55);color:#fff;font-size:.62rem;line-height:1;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.55)}
.item-grid.view-details{display:block;border:0;border-top:1px solid var(--rule);background:transparent}.item-grid.view-details .item-card{display:grid;grid-template-columns:4.6rem minmax(0,1fr);gap:.9rem;min-height:5.4rem;padding:.42rem 0;border-bottom:1px solid var(--rule);background:transparent;overflow:visible}.item-grid.view-details .item-media{width:4.6rem;height:4.6rem;aspect-ratio:1/1;border-radius:.45rem}.item-grid.view-details .item-card.folder .item-media{aspect-ratio:1/1}.item-grid.view-details .item-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:.35rem .4rem .35rem 0}.item-grid.view-details .item-copy strong{font-size:.76rem}.item-grid.view-details .item-copy small{font-size:.6rem}.item-grid.view-details .item-actions{margin-top:.48rem}.item-grid.view-details .media-type-badge{display:none}
@media(max-width:850px){.workspace{padding-top:1.35rem}.albums-heading{align-items:flex-start;flex-direction:column}.albums-actions{justify-content:flex-start}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem .8rem}.workspace-heading{display:block}.workspace-actions{justify-content:flex-start;margin-top:1.25rem}.album-browser-toolbar{margin-top:.2rem}.item-grid.view-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5px}.upload-zone{margin-top:.7rem}}
@media(max-width:520px){.albums-heading h1{font-size:clamp(3.2rem,18vw,5.5rem)}.albums-copy{font-size:.92rem}.album-grid{gap:1rem .55rem}.album-browser-toolbar{align-items:stretch;flex-direction:column}.album-sort{justify-content:space-between}.album-sort select{flex:1}.item-grid.view-details .item-card{grid-template-columns:4rem minmax(0,1fr)}.item-grid.view-details .item-media{width:4rem;height:4rem}}


/* NAZUNA_ALIVE_LIVE_VIEWER_V1 — verified .alive still + paired-video press-and-hold playback. */
.alive-live-stage{position:relative;display:grid;place-items:center;max-width:100%;max-height:100%;outline:0;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}
.alive-live-stage>img,.alive-live-stage>video{grid-area:1/1;display:block;max-width:100%;max-height:calc(100svh - 6.5rem);width:auto;height:auto;object-fit:contain;-webkit-user-drag:none}
.alive-live-stage>video{z-index:2;opacity:0;pointer-events:none;background:#000}
.alive-live-stage.is-playing>video{opacity:1}
.alive-live-stage.is-playing>img{visibility:hidden}
.alive-live-badge{position:absolute;z-index:4;top:.75rem;left:.75rem;padding:.32rem .48rem;border-radius:999px;background:rgba(8,9,10,.62);color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.12em;line-height:1;pointer-events:none;backdrop-filter:blur(8px)}
.alive-live-hint{position:absolute;z-index:4;left:50%;bottom:.8rem;transform:translateX(-50%);max-width:calc(100% - 2rem);padding:.42rem .62rem;border-radius:999px;background:rgba(8,9,10,.58);color:rgba(255,255,255,.9);font-size:.6rem;white-space:nowrap;pointer-events:none;backdrop-filter:blur(8px);transition:opacity .16s ease}
.alive-live-stage.is-playing .alive-live-hint{opacity:0}
.alive-live-stage.playback-unavailable{cursor:default}.alive-live-stage.playback-unavailable .alive-live-badge{opacity:.55}
.alive-live-stage:focus-visible{box-shadow:0 0 0 2px var(--blue)}
@media(prefers-reduced-motion:reduce){.alive-live-hint{transition:none}}


/* NAZUNA_PUBLIC_DOWNLOAD_LINKS_V1 */
.download-link-dialog-card{width:min(42rem,100%)}.download-link-target{margin:.15rem 0 0;color:var(--muted);font-size:.72rem}.download-link-result{margin:1rem 0}.download-link-list{display:grid;gap:.55rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--rule)}.download-link-row>div{min-width:0;display:grid;gap:.18rem}.download-link-row strong,.download-link-row small{overflow:hidden;text-overflow:ellipsis}.download-shell{min-height:calc(100svh - 5rem);display:grid;place-items:center;padding:clamp(2rem,6vw,6rem) var(--page-x)}.download-card{width:min(44rem,100%);padding:clamp(1.4rem,4vw,3rem);border:1px solid var(--rule);background:var(--paper-light)}.download-card h1{margin:.45rem 0 1rem;font-family:var(--serif);font-size:clamp(2.5rem,7vw,5.5rem);font-weight:400;letter-spacing:-.055em;line-height:.9}.download-copy{max-width:36rem;color:var(--muted);font-family:var(--serif);line-height:1.55}.download-status{margin-top:1.4rem;padding:1rem;border:1px solid var(--rule);color:var(--muted)}.download-file-copy{display:grid;gap:.3rem;margin:1.5rem 0}.download-file-copy strong{font-family:var(--serif);font-size:clamp(1.25rem,4vw,2rem);overflow-wrap:anywhere}.download-file-copy small,.download-note{color:var(--muted);font-size:.66rem;line-height:1.5}.download-card .primary-action{margin-top:.25rem}

/* NAZUNA_DIRECT_LINK_GALLERY_V1 */
.direct-gallery-shell{width:min(1180px,100%);margin:0 auto;padding:clamp(1.25rem,4vw,3.2rem) var(--page-x) 5rem}
.direct-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:clamp(1.4rem,4vw,3.2rem) 0 1.35rem;border-bottom:1px solid var(--rule)}
.direct-gallery-head h1{margin:.25rem 0 .6rem;font-family:var(--serif);font-weight:400;letter-spacing:-.045em;font-size:clamp(2.4rem,6vw,5.4rem);line-height:.92}
.direct-gallery-copy{max-width:42rem;margin:0;color:var(--muted);line-height:1.55}
.direct-gallery-meta{margin:.7rem 0 0;color:var(--muted);font-size:.72rem}
.direct-gallery-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}
.direct-gallery-status{margin:2rem 0}
.direct-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
.direct-gallery-view-controls{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.direct-gallery-toolbar label{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.7rem}
.direct-gallery-toolbar select,.direct-download-mode select{border:1px solid var(--rule);background:var(--paper-light);color:inherit;padding:.55rem .7rem}
.direct-gallery-toolbar>span{font-size:.7rem;color:var(--muted)}
.direct-selection-bar{position:sticky;top:.6rem;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.25rem 0 1rem;padding:.72rem .8rem;border:1px solid var(--rule);background:color-mix(in srgb,var(--paper-light) 94%,transparent);backdrop-filter:blur(18px)}
.direct-selection-bar>div{display:flex;gap:.5rem;flex-wrap:wrap}
.direct-selection-bar strong{font-size:.74rem}
.direct-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.direct-gallery-item{appearance:none;border:0;padding:0;margin:0;background:transparent;color:inherit;min-width:0;text-align:left;cursor:pointer;position:relative}
.direct-gallery-thumb{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;background:color-mix(in srgb,var(--ink) 5%,var(--paper-light))}
.direct-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease,filter .2s ease}
.direct-gallery-item:hover .direct-gallery-thumb img{transform:scale(1.018)}
.direct-gallery-item.selected .direct-gallery-thumb img{filter:brightness(.72)}
.direct-gallery-glyph{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.72rem;letter-spacing:.1em}
.direct-media-badge{position:absolute;right:.45rem;bottom:.45rem;display:grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .4rem;border-radius:999px;background:rgba(0,0,0,.58);color:white;font-size:.62rem;backdrop-filter:blur(8px)}
.direct-media-badge.alive{font-size:.48rem;letter-spacing:.08em}
.direct-item-check{position:absolute;left:.5rem;top:.5rem;width:1.45rem;height:1.45rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.92);display:grid;place-items:center;background:rgba(0,0,0,.16);color:white;font-weight:700;opacity:0;transition:opacity .15s ease,background .15s ease}
.direct-selection-bar:not([hidden])~.direct-gallery-grid .direct-item-check,.direct-gallery-item.selected .direct-item-check{opacity:1}
.direct-gallery-item.selected .direct-item-check{background:rgba(15,15,15,.82)}
.direct-gallery-caption{display:grid;gap:.12rem;padding:.45rem .2rem .8rem;min-width:0}
.direct-gallery-caption strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:500}
.direct-gallery-caption small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.58rem}
.direct-gallery-grid.details{grid-template-columns:1fr;gap:0;border-top:1px solid var(--rule)}
.direct-gallery-grid.details .direct-gallery-item{display:grid;grid-template-columns:5.5rem minmax(0,1fr);align-items:center;border-bottom:1px solid var(--rule);padding:.45rem 0}
.direct-gallery-grid.details .direct-gallery-thumb{width:5.5rem;aspect-ratio:1/1}
.direct-gallery-grid.details .direct-gallery-caption{display:grid;padding:.55rem .8rem}
.direct-gallery-grid.details .direct-gallery-caption strong{font-size:.78rem}
.direct-gallery-grid.details .direct-gallery-caption small{font-size:.64rem}
.direct-media-viewer{padding:0;border:0;background:transparent;width:100vw;max-width:none;height:100dvh;max-height:none}
.direct-media-viewer::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(12px)}
.direct-viewer-frame{position:relative;width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);background:#080808;color:white}
.direct-viewer-stage{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;position:relative}
.direct-viewer-stage>img,.direct-viewer-stage>video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.direct-alive-stage{width:100%;height:100%;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none}
.direct-alive-stage>img,.direct-alive-stage>video{grid-area:1/1;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.direct-viewer-info{background:#111;padding:5rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:1.15rem;border-left:1px solid rgba(255,255,255,.12)}
.direct-viewer-info>div{display:grid;gap:.35rem}
.direct-viewer-info strong{font-family:var(--serif);font-size:1.25rem;overflow-wrap:anywhere}
.direct-viewer-info small{color:rgba(255,255,255,.58);font-size:.62rem;line-height:1.55}
.direct-alive-hint{margin:0;color:rgba(255,255,255,.66);font-size:.68rem;line-height:1.5}
.direct-download-mode{display:grid;gap:.45rem;color:rgba(255,255,255,.68);font-size:.65rem}
.direct-download-mode select{background:#181818;border-color:rgba(255,255,255,.18);color:white;width:100%}
.direct-viewer-download{margin-top:auto;text-decoration:none;justify-content:space-between}
.direct-viewer-close{position:absolute;z-index:4;right:1rem;top:1rem;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.42);color:white;font-size:1.35rem;cursor:pointer}
.direct-viewer-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:2.6rem;height:3.8rem;border:0;background:rgba(0,0,0,.28);color:white;font-size:2rem;cursor:pointer}
.direct-viewer-nav:disabled{opacity:.2}
.direct-viewer-prev{left:.65rem}.direct-viewer-next{right:calc(22rem + .65rem)}
.direct-viewer-nonmedia{color:rgba(255,255,255,.65)}
.direct-gallery-error{margin:2rem 0}
@media(max-width:900px){
  .direct-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .direct-gallery-head{align-items:flex-start;flex-direction:column}
  .direct-gallery-actions{justify-content:flex-start}
  .direct-viewer-frame{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
  .direct-viewer-info{padding:1rem 1rem 1.25rem;border-left:0;border-top:1px solid rgba(255,255,255,.12);max-height:38dvh;overflow:auto}
  .direct-viewer-next{right:.65rem}
  .direct-viewer-download{margin-top:0}
}
@media(max-width:560px){
  .direct-gallery-shell{padding-left:.5rem;padding-right:.5rem}
  .direct-gallery-head,.direct-gallery-toolbar{padding-left:.5rem;padding-right:.5rem}
  .direct-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
  .direct-gallery-caption{display:none}
  .direct-selection-bar{margin-left:.5rem;margin-right:.5rem}
  .direct-gallery-actions{width:100%}
  .direct-gallery-actions>*{flex:1}
}

/* NAZUNA_DIRECT_LINK_GALLERY_PREVIEW_FULLSCREEN_R1 */
.direct-viewer-fullscreen{
  position:absolute;
  z-index:5;
  right:4rem;
  top:1rem;
  width:2.4rem;
  height:2.4rem;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(0,0,0,.42);
  color:white;
  font-size:1.05rem;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.direct-viewer-frame.immersive{
  grid-template-columns:1fr;
  grid-template-rows:1fr;
}
.direct-viewer-frame.immersive .direct-viewer-stage{
  grid-column:1;
  grid-row:1;
  width:100%;
  height:100%;
}
.direct-viewer-frame.immersive .direct-viewer-info{
  display:none;
}
.direct-viewer-frame.immersive .direct-viewer-next{
  right:.65rem;
}
.direct-viewer-frame.immersive .direct-viewer-stage>img,
.direct-viewer-frame.immersive .direct-viewer-stage>video,
.direct-viewer-frame.immersive .direct-alive-stage>img,
.direct-viewer-frame.immersive .direct-alive-stage>video{
  max-width:100vw;
  max-height:100dvh;
}
.direct-viewer-frame:fullscreen,
.direct-viewer-frame:-webkit-full-screen{
  width:100vw;
  height:100vh;
  background:#000;
}
@media(max-width:900px){
  .direct-viewer-frame.immersive{
    grid-template-columns:1fr;
    grid-template-rows:1fr;
  }
  .direct-viewer-frame.immersive .direct-viewer-stage{
    min-height:100%;
  }
}

/* NAZUNA_IOS_INPUT_ZOOM_R1 — Safari on iOS force-zooms the whole page when a
   focused text field's font-size is below 16px. The reset sets `font: inherit`
   on button/input/select, so every field inside `.auth-form label` (0.64rem,
   i.e. ~10px) was under that threshold and focusing Password zoomed the page.
   Raising the fields to the threshold on touch pointers fixes the zoom without
   touching the desktop layout, and the typed text reads better too.
   Do not "fix" this with viewport maximum-scale: that would also block pinch
   zoom for the reader. */
@media (pointer: coarse){
  input,
  select,
  textarea{
    font-size:16px;
  }
}