.album-page{--album-gap:2px;--album-knob-height:36px;--album-motion:.15s;block-size:calc(100dvh - var(--safe-top) - var(--tab-height) - var(--safe-bottom));position:relative}.album-scroller{overflow-anchor:none;overscroll-behavior-y:contain;scrollbar-width:none;block-size:100%;position:relative;overflow:hidden auto}.album-scroller::-webkit-scrollbar{display:none}.album-header-actions{gap:var(--space-4);margin-inline-end:calc(-1 * var(--space-8));display:flex}.album-icon-button{inline-size:var(--touch-target);block-size:var(--touch-target);place-items:center;display:grid}.album-icon-button:active{background:var(--surface);border-radius:50%}.album-segments{margin:var(--space-4) var(--safe-end) var(--space-12) var(--safe-start);background:var(--surface);border-radius:var(--radius-control);padding:var(--album-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.album-segments button{min-block-size:calc(var(--touch-target) - var(--space-8));border-radius:var(--space-8);color:var(--text-2);font:var(--font-footnote) var(--font-family);position:relative}.album-segments button:after{inset:calc(-1 * var(--space-4)) 0;content:"";position:absolute}.album-segments button:disabled{opacity:1}.album-segments button[aria-pressed=true]{background:var(--bg);color:var(--text);font-weight:var(--weight-semibold)}.album-grid{position:relative}.album-grid,.album-skeleton{margin-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}.album-month,.album-photo-row{position:absolute;inset:0 0 auto}.album-month,.album-sticky-month{padding:var(--space-12) var(--safe-end) var(--space-8) var(--safe-start);background:var(--bg);font:var(--weight-semibold) var(--font-body) var(--font-family)}.album-month{padding-inline:max(0px, calc(var(--space-16) - env(safe-area-inset-left,0px))) max(0px, calc(var(--space-16) - env(safe-area-inset-right,0px)))}.album-sticky-month{z-index:2;inset:var(--touch-target) 0 auto;pointer-events:none;position:absolute}.album-photo-row,.album-skeleton{grid-template-columns:repeat(var(--album-columns,4), minmax(0, 1fr));gap:var(--album-gap);align-items:start;display:grid}.album-skeleton .skeleton,.album-cell{aspect-ratio:1;background:var(--placeholder);border-radius:0;min-block-size:0}.album-cell:focus-visible{z-index:1;outline-offset:-2px}.album-cell{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.album-cell img{object-fit:cover;opacity:0;pointer-events:none;block-size:100%;inline-size:100%;transition:opacity var(--album-motion) var(--ease-out), transform var(--album-motion) var(--ease-out);display:block}.album-cell img[data-loaded=true]{opacity:1}.album-page[data-selecting=true] :is(.page-header,.compact-header){visibility:hidden}.album-page[data-selecting=true] .album-cell{touch-action:none}.album-cell[aria-pressed=true] img{transform:scale(.88)}.album-selection-marker{inset:var(--space-4) var(--space-4) auto auto;inline-size:var(--space-24);block-size:var(--space-24);border:1px solid var(--on-accent);background:var(--overlay);color:var(--on-accent);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute}.album-selection-marker svg{inline-size:var(--space-16);block-size:var(--space-16)}.album-cell[aria-pressed=true] .album-selection-marker{background:var(--accent);border-color:var(--accent)}.album-ruler{z-index:3;inset:max(18%, calc(var(--touch-target) * 2 + var(--space-8))) env(safe-area-inset-right,0px) 8% auto;inline-size:var(--touch-target);touch-action:none;position:absolute}.album-ruler:after{content:"";inset:0 var(--space-8) 0 auto;inline-size:var(--album-gap);border-radius:var(--album-gap);background:var(--separator);pointer-events:none;position:absolute}.album-ruler-knob{inline-size:var(--space-8);block-size:var(--album-knob-height);z-index:1;background:var(--text-2);border-radius:var(--radius-control);pointer-events:none;position:absolute;inset-inline-end:var(--space-4)}.album-ruler-bubble{padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);background:var(--text);color:var(--bg);font:var(--weight-semibold) var(--font-footnote) var(--font-family);white-space:nowrap;pointer-events:none;position:absolute;inset-inline-end:var(--touch-target)}.album-selection-header,.album-selection-bar{z-index:4;inline-size:min(100%, var(--shell-width));background:var(--bg);margin-inline:auto;position:fixed}.album-selection-header{min-block-size:calc(var(--touch-target) + var(--safe-top));padding:var(--safe-top) max(var(--space-8), env(safe-area-inset-right,0px)) 0 var(--safe-start);border-block-end:1px solid var(--separator);justify-content:space-between;align-items:center;display:flex;inset:0 0 auto}.album-selection-header strong,.album-selection-header .text-button{font:var(--font-headline) var(--font-family)}.album-selection-header strong{font-weight:var(--weight-semibold)}.album-selection-bar{block-size:calc(var(--tab-height) + var(--safe-bottom));padding:0 env(safe-area-inset-right,0px) var(--safe-bottom) env(safe-area-inset-left,0px);border-block-start:1px solid var(--separator);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;inset:auto 0 0}.album-selection-bar button{min-block-size:var(--touch-target);place-content:center;justify-items:center;gap:var(--album-gap);font:var(--font-tab) var(--font-family);display:grid}.album-danger{color:var(--danger-ink,var(--danger))}.app-frame:has(.album-page[data-selecting=true])>.tab-bar{visibility:hidden}.album-spinner{inline-size:calc(var(--space-16) + var(--space-4));aspect-ratio:1;border:var(--album-gap) solid var(--separator);border-inline-start-color:var(--text-2);margin:var(--space-12) auto;border-radius:50%;animation:.9s linear infinite album-spin}@keyframes album-spin{to{transform:rotate(1turn)}}.album-sheet-form{gap:var(--space-16);display:grid}.album-filter-options,.album-kind-options{border-radius:var(--radius-control);background:var(--surface);min-inline-size:0;display:grid}.album-filter-row,.album-kind-option{align-items:center;gap:var(--space-8);min-inline-size:0;min-block-size:var(--row-height);padding-inline:var(--space-16);display:flex;position:relative}.album-filter-row+.album-filter-row:before,.album-kind-option+.album-kind-option:before{inset:0 0 auto var(--space-16);border-block-start:1px solid var(--separator);content:"";position:absolute}.album-filter-row>span{min-inline-size:0}.album-filter-row{justify-content:space-between}.album-filter-value{align-items:center;gap:var(--space-8);min-inline-size:0;max-inline-size:60%;color:var(--text-2);display:flex}.album-filter-value span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.album-filter-value svg{inline-size:var(--space-16);block-size:var(--space-16);color:var(--text-3);flex:none}.album-filter-picker select{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;font:var(--font-headline) var(--font-family);position:absolute;inset:0}.album-filter-picker:has(select:focus-visible){outline:2px solid var(--text);outline-offset:-2px;border-radius:var(--radius-control)}.album-filter-switch{appearance:none;inline-size:var(--row-height);block-size:var(--space-32);border-radius:var(--space-16);background:var(--surface-2);flex:none;position:relative}.album-filter-switch:checked{background:var(--accent)}.album-filter-switch:before{inset:calc(-1 * var(--space-8)) 0;content:"";position:absolute}.album-filter-switch:after{inset:var(--space-4) auto var(--space-4) var(--space-4);inline-size:var(--space-24);background:var(--viewer-ink);transition:transform var(--motion-quick) var(--ease-out);content:"";border-radius:50%;position:absolute}.album-filter-switch:checked:after{transform:translateX(calc(var(--row-height) - var(--space-24) - var(--space-8)))}.album-sheet-form input[type=date],.album-reset-button{inline-size:100%;min-inline-size:0;min-block-size:var(--button-height);background:var(--surface);border-radius:var(--radius-control);padding:var(--space-8) var(--space-12);font:var(--font-headline) var(--font-family)}.album-sheet-actions{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (prefers-reduced-motion:reduce){.album-filter-switch:after{transition:none}.album-cell img{transition-property:opacity}.album-spinner{animation:none}}.login{min-block-size:100dvh;padding-block:calc(var(--safe-top) + var(--space-16)) calc(clamp(var(--space-16), 10dvh, var(--login-icon-size) + var(--space-16)) + var(--safe-bottom));padding-inline:max(var(--space-32), var(--safe-start)) max(var(--space-32), var(--safe-end));flex-direction:column;justify-content:center;align-items:center;display:flex}.login-icon{inline-size:var(--login-icon-size);block-size:var(--login-icon-size);border-radius:var(--radius-sheet);background:var(--accent);color:var(--on-accent);flex:none;place-items:center;display:grid}.login-icon svg{inline-size:var(--space-32);block-size:var(--space-32)}.login h1{max-inline-size:100%;margin-block:var(--space-16) var(--space-32);font:var(--weight-semibold) var(--font-auth-title) var(--font-family);overflow-wrap:anywhere;text-align:center}.join h1{margin-block-start:var(--space-12)}.login form{gap:var(--space-12);grid-template-columns:minmax(0,1fr);inline-size:min(100%,360px);display:grid}.login .primary-button{color:var(--on-accent)}.pair-input{letter-spacing:var(--pair-input-tracking);font-variant-numeric:tabular-nums;text-align:center;padding-inline-start:calc(var(--space-16) + var(--pair-input-tracking))}.login-error{min-block-size:1lh;color:var(--danger);font:var(--font-footnote) var(--font-family)}.invite-skeleton{justify-items:center;inline-size:min(100%,360px);display:grid}.invite-skeleton .invite-skeleton-avatar{inline-size:var(--login-icon-size);block-size:var(--login-icon-size);border-radius:50%}.invite-skeleton .invite-skeleton-name{inline-size:var(--login-icon-size);min-block-size:var(--space-24);margin-block:var(--space-12) var(--space-32)}.invite-skeleton .invite-skeleton-button{inline-size:100%;min-block-size:var(--button-height)}.member-row>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.processing-progress{gap:var(--space-8);margin:var(--space-8) var(--safe-end) var(--space-24) var(--safe-start);font:var(--font-footnote) var(--font-family);font-variant-numeric:tabular-nums;color:var(--text-2);display:grid}.processing-progress .processing-track,.processing-progress .processing-track-skeleton{--processing-track-height:6px;appearance:none;min-block-size:0;inline-size:100%;block-size:var(--processing-track-height);border-radius:calc(var(--processing-track-height) / 2);background:var(--surface-2);border:none;display:block;overflow:hidden}.processing-progress .processing-track-skeleton{background:var(--placeholder)}.processing-track::-webkit-progress-bar{background:var(--surface-2)}.processing-track::-webkit-progress-value{background:var(--accent)}.processing-track::-moz-progress-bar{background:var(--accent)}.processing-source dt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.processing-source dd,.member-devices time{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}.processing-failures summary{cursor:pointer;list-style:none}.processing-failures summary::-webkit-details-marker{display:none}.processing-failures[open] summary .chevron{rotate:90deg}.processing-actions{justify-content:center;padding-block-end:var(--space-24);display:flex}.members-page .detail-header>:first-child,.processing-page .detail-header>:first-child{font:var(--font-headline) var(--font-family);align-items:center;display:flex}.detail-header .settings-accent{font:var(--font-headline) var(--font-family)}.text-button.settings-accent{color:var(--accent)}.sheet .skin-list.settings-group{inline-size:100%;margin-block-end:var(--space-8);margin-inline:0}.sheet .skin-list .skin-row,.sheet .member-devices .settings-row{border-radius:0}.sheet .skin-list .skin-row>i{inline-size:var(--icon-size);block-size:var(--icon-size);background:var(--swatch);border-radius:50%;flex:none}.skin-row>span{flex:1}.skin-row>svg{color:var(--accent)}.members-page .settings-row .member-name,.member-devices .settings-row>:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.members-page .row-value{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}.sheet.auth-settings-sheet .sheet-content{padding-block-end:calc(var(--space-16) + var(--safe-bottom))}.sheet.auth-settings-sheet h2{margin:0 0 var(--space-12);overflow-wrap:anywhere;text-align:center}.member-actions{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}form.member-actions{gap:var(--space-12)}.member-actions .primary-button{color:var(--on-accent)}.member-actions .member-secondary{min-block-size:var(--button-height);border-radius:var(--radius-control);background:var(--surface);font:var(--font-headline) var(--font-family)}.member-actions>.primary-button+.member-secondary{background:0 0}.member-actions .danger-button{color:var(--danger)}.member-devices.settings-group{inline-size:100%;margin-inline:0}.member-devices .text-button{padding-inline:var(--space-4);flex:none}.pair-code-value{padding-block:var(--space-16) var(--space-4);text-align:center;font:var(--weight-semibold) var(--font-pair-code) var(--font-family);letter-spacing:var(--pair-code-tracking);font-variant-numeric:tabular-nums;white-space:nowrap;display:block}.pair-code-time{color:var(--text-2);font:var(--font-footnote) var(--font-family);font-variant-numeric:tabular-nums;text-align:center;margin-block-end:var(--space-16)}.pair-code-placeholder{justify-items:center;gap:var(--space-4);padding-block:var(--space-16);display:grid}.pair-code-placeholder .pair-code-skeleton{inline-size:min(100%, calc(var(--space-32) * 6));min-block-size:var(--button-height)}.pair-code-placeholder .pair-time-skeleton{inline-size:var(--space-32);min-block-size:var(--space-16)}.feed-header-actions,.feed-card-actions{align-items:center;gap:var(--space-4);display:flex}.feed-icon{min-inline-size:var(--touch-target);min-block-size:var(--touch-target);flex:none;place-items:center;display:grid}.feed-recent-link{position:relative}.feed-unseen-dot{inset:var(--space-8) var(--space-8) auto auto;inline-size:var(--space-8);block-size:var(--space-8);border:1px solid var(--bg);background:var(--danger);border-radius:50%;position:absolute}.feed-virtual{position:relative}.feed-virtual-row{position:absolute;inset:0 0 auto}.feed-card{align-items:start;gap:var(--space-12);padding:var(--space-16) var(--safe-end) var(--space-16) var(--safe-start);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.feed-card[data-openable=true]{cursor:pointer}.feed-virtual-row+.feed-virtual-row .feed-card:before,.feed-virtual-row:first-child:not([data-index="0"]) .feed-card:before,.feed-card+.feed-card:before{inset:0 var(--safe-end) auto var(--safe-start);border-block-start:1px solid var(--separator);content:"";position:absolute}.feed-card-body{gap:var(--space-8);min-inline-size:0;display:grid;container:feed-card/inline-size}.feed-import-avatar{background:var(--accent-soft);color:var(--accent)}.feed-author,.feed-comments b,.feed-comment-preview b{font-weight:var(--weight-semibold);color:var(--name)}.feed-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-block-start:calc(-1 * var(--space-4))}.feed-text-clamped{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-expand{color:var(--text-2);min-block-size:var(--touch-target);min-inline-size:var(--touch-target);text-align:start;justify-self:start}.feed-cover-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));inline-size:min(100%,246px);display:grid}.feed-cover-grid[data-count="1"]{inline-size:100%;display:block}.feed-cover-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));inline-size:min(66%,164px)}.feed-cover-slot{position:relative}.feed-photo{aspect-ratio:1;background:var(--placeholder);border-radius:var(--space-4);display:block;overflow:hidden}.feed-photo img{object-fit:cover;block-size:100%;inline-size:100%}.feed-photo-single{max-inline-size:100%}.feed-cover-extra{background:var(--overlay);color:var(--on-accent);border-radius:var(--space-4);font:var(--weight-semibold) var(--font-headline) var(--font-family);place-items:center;display:grid;position:absolute;inset:0}.feed-card-actions{color:var(--text-2);font:var(--font-footnote) var(--font-family);font-variant-numeric:tabular-nums;justify-content:space-between;position:relative}.feed-card-actions a{min-block-size:var(--touch-target);align-items:center;display:flex}.feed-card-actions a:active{color:var(--text)}.feed-menu-trigger{isolation:isolate;position:relative}.feed-menu-trigger:before{z-index:-1;inset:var(--space-12) var(--space-4);border-radius:var(--space-4);background:var(--surface);content:"";position:absolute}.feed-menu-trigger[aria-expanded=true]:before,.feed-menu-trigger:active:before{background:var(--surface-2)}.feed-card-menu{z-index:1;border-radius:var(--radius-control);background:var(--surface-2);max-inline-size:100%;color:var(--text);flex-wrap:wrap;justify-content:flex-end;display:flex;position:absolute;inset-block-end:calc(100% + var(--space-4));inset-inline-end:0}@container feed-card (width>=288px){.feed-card-actions[data-wide-menu=false] .feed-card-menu{inset-block:0 auto;inset-inline-end:calc(var(--touch-target) + var(--space-4))}}@container feed-card (width>=416px){.feed-card-actions[data-wide-menu=true] .feed-card-menu{inset-block:0 auto;inset-inline-end:calc(var(--touch-target) + var(--space-4))}}.feed-virtual-row:has(.feed-card-menu){z-index:1}.feed-card-menu button{justify-content:center;align-items:center;gap:var(--space-4);min-inline-size:var(--touch-target);min-block-size:var(--touch-target);padding-inline:var(--space-8);border-radius:inherit;white-space:nowrap;display:flex}.feed-card-menu button:active{background:var(--surface)}.feed-interactions{gap:var(--space-4);background:var(--surface);border-radius:var(--space-4);padding:var(--space-4) var(--space-8);font:var(--font-footnote) var(--font-family);display:grid}.feed-liked{align-items:flex-start;gap:var(--space-8);display:flex}.feed-liked svg{color:var(--text-2);flex:none}.feed-liked span{overflow-wrap:anywhere;min-inline-size:0}.feed-liked[data-liked=true] svg{color:var(--accent);fill:var(--accent)}.feed-liked+.feed-comment-preview{border-block-start:1px solid var(--separator);padding-block-start:var(--space-4)}.feed-comment-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed-thread{gap:var(--space-8);display:grid}.feed-comments{border-radius:var(--radius-control);background:var(--surface);display:grid}.feed-comments li{justify-content:space-between;align-items:center;gap:var(--space-8);min-block-size:var(--touch-target);padding:var(--space-8) var(--space-12);display:flex}.feed-comments li+li{border-block-start:1px solid var(--separator)}.feed-comments li>span{white-space:pre-wrap;overflow-wrap:anywhere;min-inline-size:0}.feed-comments li>button{flex:none;padding-inline:0}.feed-comment-form{align-items:flex-end;gap:var(--space-8);display:flex}.sheet .feed-thread .feed-comment-form{padding-block:var(--space-4);background:var(--bg);position:sticky;inset-block-end:0}.feed-comment-form :is(input,textarea){min-inline-size:0;min-block-size:var(--touch-target);background:var(--surface);border-radius:var(--radius-control);padding-inline:var(--space-12);font:var(--font-headline) var(--font-family);border:0;flex:1}.feed-comment-form textarea{padding-block:var(--space-8);resize:vertical}.feed-comment-form .feed-submit{inline-size:auto;min-block-size:var(--touch-target);flex:none}.feed-years .feed-years-list{inline-size:100%;margin:0}.feed-years .feed-years-list>.settings-row{border-radius:0}.feed-detail-grid{gap:var(--space-4);padding:var(--space-16) var(--safe-end) var(--space-16) var(--safe-start);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feed-detail-comments,.feed-loading{padding:var(--space-16) var(--safe-end) var(--space-16) var(--safe-start)}.feed-loading .skeleton{block-size:calc(var(--touch-target) * 3);margin-block-end:var(--space-16)}.feed-spinner{block-size:20px;inline-size:20px;margin:var(--space-16) auto;border:2px solid var(--separator);border-block-start-color:var(--text-2);border-radius:50%;animation:.8s linear infinite feed-spin}@keyframes feed-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.feed-spinner{animation:none}}.upload-form{gap:var(--space-12);grid-template-columns:minmax(0,1fr);display:grid}.upload-selected{gap:var(--space-4);padding-block:0 var(--space-4);overscroll-behavior-inline:contain;scrollbar-width:none;display:flex;overflow:auto hidden}.upload-selected::-webkit-scrollbar{display:none}.upload-selected button:focus-visible{outline-offset:-2px}.upload-add,.upload-thumbnail{inline-size:calc(var(--login-icon-size) + var(--space-8));aspect-ratio:1;border-radius:var(--space-4);background:var(--surface);color:var(--text-2);flex:none;place-items:center;display:grid;position:relative}.upload-thumbnail img{object-fit:cover;visibility:hidden;border-radius:inherit;block-size:100%;inline-size:100%;position:absolute;inset:0}.upload-thumbnail button{min-inline-size:var(--touch-target);min-block-size:var(--touch-target);color:var(--viewer-ink);place-items:center;display:grid;position:absolute;inset:0 0 auto auto}.upload-thumbnail button svg{background:var(--overlay);border-radius:50%}.upload-note{inline-size:100%;min-block-size:var(--button-height);padding-inline:var(--space-16);border-radius:var(--radius-control);background:var(--surface);font:var(--font-headline) var(--font-family)}.upload-note::placeholder{color:var(--text-3)}.upload-note:disabled{opacity:.6}.upload-switch,.upload-queue-row{min-block-size:var(--row-height);justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.upload-switch{padding-inline:var(--space-16) var(--space-12);border-radius:var(--radius-control);background:var(--surface);cursor:pointer;margin-block-end:var(--space-12)}.upload-switch-control{inline-size:var(--row-height);block-size:var(--touch-target);flex:none;align-items:center;display:grid;position:relative}.upload-switch-control input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.upload-switch-track{block-size:var(--space-32);border-radius:var(--space-16);background:var(--surface-2);pointer-events:none;position:relative}.upload-switch-track:after{content:"";inset:50% auto auto var(--space-4);inline-size:var(--space-24);block-size:var(--space-24);background:var(--viewer-ink);transition:transform var(--motion-quick) var(--ease-out);border-radius:50%;position:absolute;translate:0 -50%}.upload-switch-control input:checked+.upload-switch-track{background:var(--accent)}.upload-switch-control input:checked+.upload-switch-track:after{transform:translateX(calc(var(--row-height) - var(--space-24) - var(--space-8)))}.upload-switch-control input:focus-visible+.upload-switch-track{outline:2px solid var(--text);outline-offset:2px}.upload-pill{z-index:3;inset:auto 0 calc(var(--tab-height) + var(--safe-bottom) + var(--space-8));align-items:center;gap:var(--space-8);inline-size:max-content;min-block-size:var(--touch-target);padding-inline:var(--space-16);border-radius:var(--space-24);background:var(--bg);box-shadow:0 8px 24px var(--separator);color:var(--text);font:var(--weight-semibold) var(--font-footnote) var(--font-family);font-variant-numeric:tabular-nums;margin-inline:auto;display:flex;position:fixed}.upload-ring{inline-size:var(--space-16);block-size:var(--space-16);fill:none;stroke:var(--surface-2);stroke-width:3px;flex:none;rotate:-90deg}.upload-ring circle+circle{stroke:var(--accent)}.upload-queue{border-radius:var(--radius-control);background:var(--surface)}.upload-queue-row{padding:var(--space-8) var(--space-12);position:relative}.upload-queue-row+.upload-queue-row:before{inset:0 0 auto var(--space-12);border-block-start:1px solid var(--separator);content:"";position:absolute}.upload-queue-file{min-inline-size:0;display:grid}.upload-queue-file span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-queue-file span:last-child{color:var(--text-2);font:var(--font-footnote) var(--font-family)}.upload-close{margin-block-start:var(--space-8);margin-inline:auto;display:block}@media (prefers-reduced-motion:reduce){.upload-switch-track:after{transition:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-family);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sticky{position:sticky}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--on-accent:#fff;--name:var(--text);--bg:#fff;--surface:#f5f5f7;--surface-2:#e9e9ec;--text:#111113;--text-2:#6b6b72;--text-3:#a1a1a8;--separator:#00000014;--accent:#f26b3a;--accent-soft:#f26b3a1f;--danger:#e5484d;--overlay:#0006;--placeholder:#ececef}@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--text:#f5f5f7;--text-2:#a1a1a8;--text-3:#6b6b72;--separator:#ffffff1a;--accent:#ff8455;--accent-soft:#ff845529;--danger:#ff6369;--overlay:#0009;--placeholder:#1c1c1e}}:root{--font-family:-apple-system, "PingFang SC", "HarmonyOS Sans SC", "MiSans", Roboto, "Noto Sans SC", sans-serif;--font-caption:12px/16px;--font-footnote:13px/18px;--font-body:15px/22px;--font-headline:17px/24px;--font-tab:10px/12px;--font-title:28px/34px;--font-auth-title:22px/28px;--font-pair-code:40px/48px;--pair-code-tracking:.15em;--pair-input-tracking:.47em;--weight-semibold:600;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--radius-control:10px;--radius-sheet:16px;--button-height:48px;--tab-height:56px;--row-height:52px;--icon-size:24px;--tab-icon-size:26px;--avatar-size:40px;--empty-icon-size:48px;--login-icon-size:64px;--shell-width:720px;--safe-top:env(safe-area-inset-top,0px);--offline-banner-height:26px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-start:max(var(--space-16), env(safe-area-inset-left,0px));--safe-end:max(var(--space-16), env(safe-area-inset-right,0px));--accent-ink:#111113;--danger-ink:#b8262d;--viewer-bg:#000;--viewer-ink:#f5f5f7;--ease-out:cubic-bezier(.2, .8, .2, 1);--motion-quick:.2s;--touch-target:44px}:root[data-skin=sea]{--bg:#fff;--surface:#f1f5f9;--surface-2:#e2e8f0;--text:#0b1220;--text-2:#5b6578;--text-3:#98a2b3;--separator:#0f172a14;--accent:#2563eb;--accent-soft:#2563eb1f;--placeholder:#e7edf4;--stage:#dde4ec;--bar:#ffffffd9;--name:#2b4c8c;--on-accent:#fff}:root[data-skin=jade]{--bg:#fff;--surface:#f0f6f3;--surface-2:#dfeae5;--text:#0c1a14;--text-2:#56675f;--text-3:#98a8a0;--separator:#0c281c14;--accent:#0f9d6e;--accent-soft:#0f9d6e1f;--placeholder:#e5efea;--stage:#dbe6e0;--bar:#ffffffd9;--name:#1f6e52;--on-accent:#fff}:root[data-skin=berry]{--bg:#fff;--surface:#faf3f5;--surface-2:#f0e2e7;--text:#1c0f14;--text-2:#6e5a62;--text-3:#ad9aa2;--separator:#3c0a1e14;--accent:#e0336f;--accent-soft:#e0336f1f;--placeholder:#f3e8ec;--stage:#ecdfe4;--bar:#ffffffd9;--name:#a3285a;--on-accent:#fff}:root[data-skin=night]{--bg:#fff;--surface:#f4f3fb;--surface-2:#e6e3f5;--text:#110f1f;--text-2:#625e78;--text-3:#a29eb8;--separator:#1e145014;--accent:#6d4aff;--accent-soft:#6d4aff1f;--placeholder:#ebe9f6;--stage:#e2dff0;--bar:#ffffffd9;--name:#4f3bb0;--on-accent:#fff}@media (prefers-color-scheme:dark){:root[data-skin=sea]{--bg:#05080f;--surface:#0f1622;--surface-2:#1a2332;--text:#eef2f8;--text-2:#9aa6b8;--text-3:#5d6878;--separator:#ffffff17;--accent:#4c8dff;--accent-soft:#4c8dff2e;--placeholder:#0f1622;--stage:#0a0f18;--bar:#05080fd1;--name:#8fb2ff;--on-accent:#fff}:root[data-skin=jade]{--bg:#030a07;--surface:#0e1813;--surface-2:#18251e;--text:#ecf5f0;--text-2:#94a89e;--text-3:#5a6a62;--separator:#ffffff17;--accent:#2fd39a;--accent-soft:#2fd39a29;--placeholder:#0e1813;--stage:#07110c;--bar:#030a07d1;--name:#7fdcb8;--on-accent:#03140d}:root[data-skin=berry]{--bg:#0a0407;--surface:#1a1015;--surface-2:#281a21;--text:#f8eef2;--text-2:#b09ca5;--text-3:#6e5c64;--separator:#ffffff17;--accent:#ff5c93;--accent-soft:#ff5c932e;--placeholder:#1a1015;--stage:#12080d;--bar:#0a0407d1;--name:#ff9cbf;--on-accent:#fff}:root[data-skin=night]{--bg:#06050d;--surface:#13111f;--surface-2:#1e1b2e;--text:#f1effa;--text-2:#a19cb8;--text-3:#615c78;--separator:#ffffff17;--accent:#9d86ff;--accent-soft:#9d86ff2e;--placeholder:#13111f;--stage:#0b0916;--bar:#06050dd1;--name:#b9a8ff;--on-accent:#fff}}:root:is([data-skin=sea],[data-skin=night]){--accent-ink:var(--on-accent)}:root[data-skin=berry]{--accent-ink:#000}@media (prefers-color-scheme:dark){:root,:root:is([data-skin=sea],[data-skin=night],[data-skin=berry]){--accent-ink:#111113;--danger-ink:var(--danger)}}:root{--bar:#ffffffdb}[data-swatch=sun]{--swatch:#f26b3a}[data-swatch=sea]{--swatch:#2563eb}[data-swatch=jade]{--swatch:#0f9d6e}[data-swatch=berry]{--swatch:#e0336f}[data-swatch=night]{--swatch:#6d4aff}@media (prefers-color-scheme:dark){:root{--bar:#0a0a0ad1}[data-swatch=sun]{--swatch:#ff8455}[data-swatch=sea]{--swatch:#4c8dff}[data-swatch=jade]{--swatch:#2fd39a}[data-swatch=berry]{--swatch:#ff5c93}[data-swatch=night]{--swatch:#9d86ff}}:root{background:var(--bg);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:var(--font-body) var(--font-family);touch-action:manipulation}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-block-size:100dvh}:root:has(dialog.sheet[open]){overflow:hidden}:root:has(.offline-banner){--safe-top:calc(env(safe-area-inset-top,0px) + var(--offline-banner-height))}@media (pointer:coarse){:root{scrollbar-width:none}}button:not(:disabled){cursor:pointer}button:disabled{opacity:.6}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.app-frame{--tab-space:calc(var(--tab-height) + var(--safe-bottom));max-inline-size:var(--shell-width);min-block-size:100dvh;padding-block:var(--safe-top) var(--tab-space);margin-inline:auto}.app-frame[data-tabs=false]{--tab-space:var(--safe-bottom)}.page-header{justify-content:space-between;align-items:end;gap:var(--space-8);padding:var(--space-8) var(--safe-end) var(--space-8) var(--safe-start);display:flex}.page-header h1{min-inline-size:0;font:var(--weight-semibold) var(--font-title) var(--font-family);overflow-wrap:anywhere}.compact-header{z-index:2;inline-size:min(100%, var(--shell-width));min-block-size:calc(var(--touch-target) + var(--safe-top));border-block-end:1px solid var(--separator);background:var(--bar,var(--bg));font:var(--weight-semibold) var(--font-headline) var(--font-family);opacity:0;pointer-events:none;transition:opacity var(--motion-quick) var(--ease-out);place-items:center;margin-inline:auto;padding-block-start:var(--safe-top);display:grid;position:fixed;inset:0 0 auto}:root:has(.offline-banner) .compact-header{min-block-size:var(--touch-target);padding-block-start:0;inset-block-start:var(--safe-top)}.compact-header[data-compact=true]{opacity:1}.tab-bar{z-index:3;inline-size:min(100%, var(--shell-width));block-size:calc(var(--tab-height) + var(--safe-bottom));padding:var(--space-4) env(safe-area-inset-right,0px) calc(var(--space-4) + var(--safe-bottom)) env(safe-area-inset-left,0px);border-block-start:1px solid var(--separator);background:var(--bg);grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;margin-inline:auto;display:grid;position:fixed;inset:auto 0 0}.tab-item{min-block-size:var(--touch-target);color:var(--text-3);font:var(--font-tab) var(--font-family);place-content:center;justify-items:center;gap:2px;display:grid}.tab-item svg{inline-size:var(--tab-icon-size);block-size:var(--tab-icon-size)}.tab-item[aria-current=page]{color:var(--accent)}.tab-slot-0{grid-column:1}.tab-slot-1{grid-column:2}.tab-slot-2{grid-column:4}.tab-slot-3{grid-column:5}.tab-item,.tab-upload{grid-row:1}.tab-upload{inline-size:var(--touch-target);block-size:var(--touch-target);background:var(--accent);color:var(--on-accent);border-radius:50%;grid-column:3;justify-self:center;place-items:center;display:grid}.tab-item:active,.tab-upload:active{opacity:.75}.auth-field,.primary-button{inline-size:100%;min-block-size:var(--button-height);border-radius:var(--radius-control);padding-inline:var(--space-16);font:var(--font-headline) var(--font-family)}.auth-field{background:var(--surface)}.auth-field::placeholder{color:var(--text-3)}.primary-button{background:var(--accent);color:var(--accent-ink);font-weight:var(--weight-semibold)}.primary-button:active:not(:disabled){filter:brightness(.94)}.avatar{inline-size:var(--avatar-size);block-size:var(--avatar-size);background:var(--surface-2);font-weight:var(--weight-semibold);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.avatar-large{inline-size:var(--login-icon-size);block-size:var(--login-icon-size);font:var(--weight-semibold) var(--font-auth-title) var(--font-family)}.avatar-small{inline-size:var(--space-32);block-size:var(--space-32);font:var(--weight-semibold) var(--font-footnote) var(--font-family)}.avatar img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.empty-state{justify-items:center;gap:var(--space-12);padding:calc(var(--space-32) * 3) var(--safe-end) var(--space-32) var(--safe-start);color:var(--text-2);display:grid}.empty-icon{inline-size:var(--empty-icon-size);block-size:var(--empty-icon-size);color:var(--text-2)}.error-retry{justify-content:center;align-items:center;gap:var(--space-8);min-block-size:var(--row-height);color:var(--text-2);padding-inline:var(--safe-start);display:flex}.text-button{min-inline-size:var(--touch-target);min-block-size:var(--touch-target);padding-inline:var(--space-8);color:var(--text)}.danger-button{color:var(--danger-ink)}.skeleton{min-block-size:var(--row-height);border-radius:var(--radius-control);background:var(--placeholder)}.row-skeleton+.row-skeleton{border-block-start:1px solid var(--separator)}.session-skeleton{max-inline-size:var(--shell-width);padding:calc(var(--space-24) + var(--safe-top)) var(--safe-end) var(--space-24) var(--safe-start);margin-inline:auto}.offline-banner{z-index:5;inline-size:min(100%, var(--shell-width));pointer-events:none;padding:calc(var(--space-4) + env(safe-area-inset-top,0px)) var(--safe-end) var(--space-4) var(--safe-start);background:var(--surface);text-align:center;font:var(--font-footnote) var(--font-family);margin-inline:auto;position:fixed;inset:0 0 auto}.member-row,.settings-group{inline-size:calc(100% - var(--safe-start) - var(--safe-end));margin:0 var(--safe-end) var(--space-24) var(--safe-start);border-radius:var(--radius-control);background:var(--surface);overflow:hidden}.member-row{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-12) var(--space-12) var(--space-16);text-align:start;font:var(--weight-semibold) var(--font-headline) var(--font-family);margin-block-start:var(--space-8);display:flex}.member-row>span:not(.avatar),.settings-row>:first-child:not(svg,.avatar){flex:1;min-inline-size:0}.chevron{inline-size:var(--space-16);block-size:var(--space-16);color:var(--text-2);flex:none}.settings-row{inline-size:100%;min-block-size:var(--row-height);align-items:center;gap:var(--space-12);padding-inline:var(--space-16) var(--space-12);text-align:start;display:flex}.settings-group>.settings-row+.settings-row{position:relative}.settings-group>.settings-row+.settings-row:before{inset:0 0 auto var(--space-16);background:var(--separator);content:"";pointer-events:none;block-size:1px;position:absolute}button.settings-row:active,a.settings-row:active,.member-row:active{background:var(--surface-2)}.settings-row:focus-visible,.member-row:focus-visible{outline-offset:-2px}.settings-row>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-value,.settings-row dd,.logout-area p{color:var(--text-2)}.row-value,.settings-row dd{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:60%;overflow:hidden}.logout-area{justify-items:center;gap:var(--space-8);padding-block-end:var(--space-24);display:grid}.logout-area p{color:var(--text-3);font:var(--font-caption) var(--font-family)}.logout-button{inline-size:calc(100% - var(--safe-start) - var(--safe-end));min-block-size:var(--button-height);color:var(--danger)}.detail-header{padding-inline:max(var(--space-8), env(safe-area-inset-left,0px)) max(var(--space-8), env(safe-area-inset-right,0px));grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:center;margin-block-end:var(--space-8);display:grid}.detail-header>:first-child{min-inline-size:var(--touch-target);min-block-size:var(--touch-target);justify-self:start;place-items:center;display:grid}.detail-header>:last-child{justify-self:end}.detail-header>:is(a,button):active{opacity:.75}.detail-header h1,.sheet h2{font:var(--weight-semibold) var(--font-headline) var(--font-family);overflow-wrap:anywhere;text-align:center}.sheet{inset:auto 0 var(--sheet-viewport-bottom,0px);max-inline-size:var(--shell-width);inline-size:100%;max-block-size:min(90dvh, var(--sheet-viewport-height,90dvh));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--bg);color:var(--text);border:0;margin:0 auto;padding:0;position:fixed;overflow:hidden;box-shadow:0 8px 24px #0000001f}.sheet[open]{translate:0 var(--sheet-offset,0px);transition:translate var(--motion-quick) var(--ease-out);flex-direction:column;display:flex}.sheet[data-dragging]{transition:none}@starting-style{.sheet[open]{translate:0 100%}}.sheet::backdrop{background:var(--overlay)}.sheet-content{overscroll-behavior-y:contain;scrollbar-width:none;min-block-size:0;padding:0 var(--safe-end) max(var(--space-16), var(--safe-bottom)) var(--safe-start);overflow-y:auto}.sheet-handle{padding-block:var(--space-8) var(--space-16);touch-action:none;cursor:grab;flex:none;justify-items:center;display:grid}.sheet-handle:before{inline-size:var(--space-32);block-size:var(--space-4);border-radius:var(--space-4);background:var(--surface-2);content:""}.sheet h2{margin:0 var(--space-16) var(--space-8)}.sheet h2:focus{outline:none}.sheet .settings-row{border-radius:var(--radius-control);background:var(--surface)}.viewer-loading{z-index:4;background:var(--viewer-bg);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.compact-header,.sheet[open]{transition:none}.sheet[open]{translate:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}