@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(./nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(./archivo-latin-500-normal-CGugC8dq.woff2)format("woff2"),url(./archivo-latin-500-normal-pkzA7jw9.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(./archivo-latin-600-normal-3BBy0ZsW.woff2)format("woff2"),url(./archivo-latin-600-normal-DwYieO8P.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:700;src:url(./archivo-latin-700-normal-D9cHMWGj.woff2)format("woff2"),url(./archivo-latin-700-normal-lT5TFe7H.woff)format("woff")}:root{--gray-1:oklch(17% .005 257);--gray-2:oklch(20% .006 257);--gray-3:oklch(22.8% .007 257);--gray-4:oklch(25.5% .008 257);--gray-5:oklch(28.3% .008 257);--gray-6:oklch(31.8% .009 257);--gray-7:oklch(37% .01 257);--gray-8:oklch(50% .01 257);--gray-9:oklch(56% .01 257);--gray-10:oklch(61% .01 257);--gray-11:oklch(78% .01 257);--gray-12:oklch(93% .005 257);--blue-1:oklch(18% .03 261);--blue-2:oklch(20.5% .04 261);--blue-3:oklch(26.5% .075 261);--blue-4:oklch(30% .095 261);--blue-5:oklch(34% .11 261);--blue-6:oklch(38.5% .125 261);--blue-7:oklch(44.5% .145 261);--blue-8:oklch(52% .17 261);--blue-9:oklch(57% .215 261);--blue-10:oklch(52% .2 261);--blue-11:oklch(76% .122 261);--blue-12:oklch(92% .038 261);--red-1:oklch(19% .02 24);--red-2:oklch(21.5% .028 24);--red-3:oklch(26.5% .055 24);--red-4:oklch(30.5% .075 24);--red-5:oklch(34.5% .09 24);--red-6:oklch(39.5% .12 24);--red-7:oklch(45% .135 24);--red-8:oklch(53% .16 24);--red-9:oklch(56% .2 24);--red-10:oklch(51% .19 24);--red-11:oklch(77% .13 24);--red-12:oklch(92% .04 24);--green-1:oklch(18.5% .02 152);--green-2:oklch(21% .028 152);--green-3:oklch(26.5% .05 152);--green-4:oklch(30% .065 152);--green-5:oklch(34% .078 152);--green-6:oklch(38.5% .09 152);--green-7:oklch(44% .105 152);--green-8:oklch(52% .125 152);--green-9:oklch(62% .16 152);--green-10:oklch(58% .15 152);--green-11:oklch(80% .14 152);--green-12:oklch(93% .05 152);--amber-1:oklch(19% .016 65);--amber-2:oklch(21.5% .022 65);--amber-3:oklch(26.5% .036 65);--amber-4:oklch(30% .048 65);--amber-5:oklch(34% .06 65);--amber-6:oklch(39% .075 65);--amber-7:oklch(45% .09 65);--amber-8:oklch(54% .11 65);--amber-9:oklch(78% .16 65);--amber-10:oklch(74% .16 65);--amber-11:oklch(84% .116 65);--amber-12:oklch(94% .04 65);--gold-1:oklch(19% .02 85);--gold-2:oklch(21.5% .028 85);--gold-3:oklch(27% .05 85);--gold-4:oklch(30.5% .062 85);--gold-5:oklch(34.5% .07 85);--gold-6:oklch(39% .08 85);--gold-7:oklch(45% .092 85);--gold-8:oklch(55% .112 85);--gold-9:oklch(83.4% .141 85);--gold-10:oklch(78% .145 85);--gold-11:oklch(86% .13 85);--gold-12:oklch(95% .05 85);--bg-primary:var(--gray-1);--bg-header:var(--gray-1);--bg-sidebar:var(--gray-2);--bg-secondary:var(--gray-3);--bg-tertiary:var(--gray-4);--bg-floating:var(--gray-4);--field:var(--gray-3);--field-02:var(--gray-2);--bg-hover:color-mix(in oklch, var(--gray-12) 7%, transparent);--bg-active:color-mix(in oklch, var(--gray-12) 12%, transparent);--bg-selected:var(--blue-3);--select-frame:color-mix(in oklch, var(--brand) 42%, var(--gray-1));--bg-inverse:var(--gray-12);--text-inverse:var(--gray-1);--text-strong:var(--gray-12);--text-normal:oklch(87% .008 257);--text-secondary:var(--gray-11);--text-muted:oklch(70.5% .01 257);--text-disabled:var(--gray-8);--icon-muted:var(--gray-11);--brand:var(--blue-9);--brand-hover:var(--blue-10);--brand-active:oklch(47% .18 261);--on-solid:#fff;--on-solid-muted:oklch(100% 5.96046e-8 none/.4);--interactive:oklch(66% .175 261);--link:var(--blue-11);--focus:var(--interactive);--focus-inset:var(--gray-1);--btn-secondary:var(--gray-5);--btn-secondary-hover:var(--gray-6);--btn-secondary-active:var(--gray-7);--btn-disabled:var(--gray-4);--danger:var(--red-9);--danger-hover:var(--red-10);--danger-active:oklch(45% .16 24);--danger-text:var(--red-11);--text-error:var(--red-11);--support-info:var(--blue-11);--support-info-surface:var(--blue-3);--support-info-tile:var(--blue-5);--support-success:var(--green-11);--support-success-surface:var(--green-3);--support-success-tile:var(--green-5);--support-warning:var(--amber-11);--support-warning-surface:var(--amber-3);--support-warning-tile:var(--amber-5);--support-error:var(--red-11);--support-error-surface:var(--red-3);--support-error-tile:var(--red-5);--divider:var(--gray-4);--border-subtle:var(--gray-6);--border-strong:var(--gray-8);--header-shadow:none;--shadow-color:oklch(0% 0 0/.45);--elevation:0 12px 32px var(--shadow-color);--shadow-sm:0 1px 3px var(--shadow-color);--shadow-lg:0 16px 40px var(--shadow-color);--shadow-toast:0 6px 20px oklch(0% 0 0/.35);--knob:#fff;--overlay:color-mix(in oklch, var(--gray-1) 72%, transparent);--skeleton:var(--gray-3);--skeleton-shine:var(--gray-5);--scrollbar:var(--gray-7);--scrim:oklch(15% .012 257/.6);--scrim-strong:oklch(15% .012 257/.8);--scrim-solid:oklch(15% .012 257/.95);--on-scrim:#fff;--on-scrim-muted:oklch(100% 0 0/.72);--photo-shade:linear-gradient(0deg, oklch(15% .012 257/.6) 0%, oklch(15% .012 257/.25) 30%, oklch(15% .012 257/0) 60%);--lb-page:oklch(13.5% .004 257);--lb-bar:var(--gray-1);--lb-line:var(--divider);--lb-text:var(--text-strong);--lb-muted:var(--text-muted);--lb-icon:var(--icon-muted);--lb-hover:var(--bg-hover);--lb-press:var(--bg-active);--lb-thumb:var(--gray-3);--lb-float:color-mix(in oklch, var(--gray-1) 80%, transparent);--lb-fullscreen:#000;--gold:var(--gold-9);--gold-strong:var(--gold-10);--gold-light:oklch(88% .11 85);--gold-text:var(--gold-11);--gold-ink:oklch(27% .055 85);--gold-soft:color-mix(in oklch, var(--gold-9) 14%, transparent);--premium-bg:oklch(18% .032 265);--premium-surface:oklch(22.5% .04 265);--premium-surface-2:oklch(26% .045 265);--premium-border:oklch(100% 0 0/.09);--premium-border-strong:oklch(100% 0 0/.2);--premium-hover:oklch(100% 0 0/.07);--premium-text:oklch(97% .006 257);--premium-secondary:oklch(88% .018 257);--premium-muted:oklch(77% .03 257);--premium-interactive:oklch(66% .175 261);--premium-error:oklch(80% .12 24);--google-bg:#fff;--google-bg-hover:#f8f9fa;--google-border:#dadce0;--google-text:#1f1f1f;--google-shadow:0 1px 3px oklch(0% 0 0/.3);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--gray-1:oklch(98.5% .001 257);--gray-2:oklch(97.2% .002 257);--gray-3:oklch(95% .003 257);--gray-4:oklch(92.8% .004 257);--gray-5:oklch(90.5% .005 257);--gray-6:oklch(87.6% .006 257);--gray-7:oklch(83.5% .008 257);--gray-8:oklch(71.5% .01 257);--gray-9:oklch(60% .012 257);--gray-10:oklch(55.5% .013 257);--gray-11:oklch(45% .014 257);--gray-12:oklch(25% .01 257);--blue-1:oklch(99% .004 261);--blue-2:oklch(97.5% .011 261);--blue-3:oklch(95% .023 261);--blue-4:oklch(92.5% .035 261);--blue-5:oklch(89.5% .05 261);--blue-6:oklch(86% .068 261);--blue-7:oklch(80.5% .098 261);--blue-8:oklch(73% .139 261);--blue-9:oklch(57% .215 261);--blue-10:oklch(52% .2 261);--blue-11:oklch(50.5% .2 261);--blue-12:oklch(30% .11 261);--red-1:oklch(99% .004 24);--red-2:oklch(97.5% .012 24);--red-3:oklch(95% .024 24);--red-4:oklch(92.5% .038 24);--red-5:oklch(89.5% .054 24);--red-6:oklch(86% .075 24);--red-7:oklch(80.5% .105 24);--red-8:oklch(73% .14 24);--red-9:oklch(56% .2 24);--red-10:oklch(51% .19 24);--red-11:oklch(52% .19 24);--red-12:oklch(33% .11 24);--green-1:oklch(99% .006 152);--green-2:oklch(97.5% .015 152);--green-3:oklch(95% .035 152);--green-4:oklch(92.5% .055 152);--green-5:oklch(89.5% .07 152);--green-6:oklch(86% .085 152);--green-7:oklch(80.5% .1 152);--green-8:oklch(73% .125 152);--green-9:oklch(62% .16 152);--green-10:oklch(58% .15 152);--green-11:oklch(50% .12 152);--green-12:oklch(32% .07 152);--amber-1:oklch(99.2% .005 65);--amber-2:oklch(97.8% .014 65);--amber-3:oklch(95.5% .03 65);--amber-4:oklch(93% .047 65);--amber-5:oklch(90.5% .065 65);--amber-6:oklch(87.5% .088 65);--amber-7:oklch(83% .12 65);--amber-8:oklch(76% .14 65);--amber-9:oklch(78% .16 65);--amber-10:oklch(74% .16 65);--amber-11:oklch(53% .119 65);--amber-12:oklch(34% .07 65);--gold-1:oklch(99.2% .008 85);--gold-2:oklch(97.8% .02 85);--gold-3:oklch(95.5% .045 85);--gold-4:oklch(93% .07 85);--gold-5:oklch(90.5% .09 85);--gold-6:oklch(87.5% .105 85);--gold-7:oklch(83% .12 85);--gold-8:oklch(76% .14 85);--gold-9:oklch(83.4% .141 85);--gold-10:oklch(78% .145 85);--gold-11:oklch(53% .108 85);--gold-12:oklch(33% .065 85);--bg-primary:var(--gray-2);--bg-header:var(--gray-2);--bg-sidebar:#fff;--bg-secondary:#fff;--bg-tertiary:var(--gray-3);--bg-floating:#fff;--field:#fff;--field-02:var(--gray-2);--bg-hover:color-mix(in oklch, var(--gray-12) 5%, transparent);--bg-active:color-mix(in oklch, var(--gray-12) 10%, transparent);--bg-inverse:var(--gray-12);--text-inverse:#fff;--select-frame:color-mix(in oklch, var(--brand) 24%, #fff);--text-normal:oklch(31% .012 257);--text-muted:oklch(53% .013 257);--brand-active:oklch(47% .18 261);--interactive:var(--blue-9);--focus-inset:#fff;--btn-secondary:var(--gray-3);--btn-secondary-hover:var(--gray-4);--btn-secondary-active:var(--gray-5);--shadow-color:color-mix(in oklch, var(--gray-12) 18%, transparent);--shadow-toast:0 1px 2px color-mix(in oklch, var(--gray-12) 6%, transparent), 0 6px 16px color-mix(in oklch, var(--gray-12) 10%, transparent);--overlay:color-mix(in oklch, var(--gray-12) 45%, transparent);--skeleton-shine:var(--gray-4);--lb-page:var(--bg-primary);--lb-bar:#fff;--lb-float:oklch(100% 5.96046e-8 none/.9);--gold-soft:color-mix(in oklch, var(--gold-9) 22%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--spacing-01:2px;--spacing-02:4px;--spacing-03:8px;--spacing-04:12px;--spacing-05:16px;--spacing-06:24px;--spacing-07:32px;--spacing-08:40px;--spacing-09:48px;--spacing-10:64px;--dur-fast-01:70ms;--dur-fast-02:.11s;--dur-moderate-01:.15s;--dur-moderate-02:.24s;--ease-standard:cubic-bezier(.2, 0, .38, .9);--ease-entrance:cubic-bezier(0, 0, .38, .9);--ease-exit:cubic-bezier(.2, 0, 1, .9);--font:"IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--radius-sm:3px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:999px;--z-dropdown:100;--z-overlay:200;--z-toast:300;--menu-item-height:40px;--menu-item-height-touch:52px;--menu-item-pad-x:var(--spacing-04);--menu-item-gap:var(--spacing-04);--menu-item-radius:10px;--menu-icon-size:18px;--menu-icon-size-touch:22px;--menu-group-gap:var(--spacing-02);--menu-section-gap:var(--spacing-05);--menu-indent:30px;--menu-font-size:var(--text-base);--menu-font-size-touch:var(--text-lg);--menu-font-weight:500;--menu-font-weight-active:700;--menu-heading-size:var(--text-xs);--menu-heading-weight:700;--menu-heading-tracking:0;--menu-text:var(--text-secondary);--menu-text-hover:var(--text-strong);--menu-text-active:var(--text-strong);--menu-text-muted:var(--text-muted);--menu-bg-hover:var(--bg-hover);--menu-bg-active:var(--bg-selected);--menu-focus-ring:inset 0 0 0 2px var(--interactive);--menu-transition:background-color var(--dur-fast-02) var(--ease-standard), color var(--dur-fast-02) var(--ease-standard);--menu-disclosure-duration:var(--dur-moderate-02)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-primary);color:var(--text-normal);font-family:var(--font);font-size:var(--text-md);-webkit-font-smoothing:antialiased;line-height:1.375}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar);border-radius:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{grid-template-columns:240px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.main{background:var(--bg-primary);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.content{min-height:0;padding:var(--spacing-05) var(--spacing-05) 90px;flex:1;overflow-y:auto}.loading{text-align:center;color:var(--text-muted);margin:60px 0}.primary-btn,.ghost-btn,.danger-btn{height:32px;padding:0 var(--spacing-05);font-size:var(--text-base);white-space:nowrap;transition:background-color var(--dur-moderate-01);border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex}.primary-btn:disabled{opacity:.5}.ghost-btn:disabled{opacity:.5}.danger-btn:hover{background:var(--danger-hover)}.icon-btn{width:32px;height:32px;color:var(--icon-muted);transition:background-color var(--dur-fast-02), color var(--dur-fast-02);background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn.small{width:24px;height:24px}.icon-btn:hover{background:var(--bg-hover);color:var(--text-normal)}.icon-btn.active{background:var(--bg-active);color:var(--text-strong)}.select,.text-input{background:var(--bg-tertiary);color:var(--text-normal);border:0;border-radius:0}.select{height:28px;padding:0 var(--spacing-03);font-size:var(--text-sm)}.text-input{width:100%;height:40px;padding:0 10px}textarea.text-input{resize:vertical;height:auto;padding:10px;line-height:1.4}.text-input.invalid{outline:1px solid var(--danger)}.field-label,.section-label{margin:0 0 var(--spacing-03);font-size:var(--text-xs);color:var(--text-muted);font-weight:700;display:block}.field-error{min-height:16px;margin:var(--spacing-02) 0 0;font-size:var(--text-sm);color:var(--danger-text)}.sidebar{background:var(--bg-secondary);flex-direction:column;min-height:0;display:flex}.sidebar-scrim{display:none}.sidebar-header{height:48px;padding:0 var(--spacing-05);box-shadow:var(--header-shadow);flex:none;justify-content:space-between;align-items:center;display:flex}.sidebar-brand{align-items:center;gap:var(--spacing-03);min-width:0;display:flex}.sidebar-brand .logo{color:var(--text-strong);flex:none;display:block}.sidebar-title{font-family:"Nunito", var(--font);letter-spacing:.01em;color:var(--text-strong);font-size:18px;font-weight:800}.sidebar-close{display:none}.channels{min-height:0;padding:var(--spacing-03) var(--spacing-03) var(--spacing-04);flex:1;overflow-y:auto}.nav{gap:var(--spacing-01);padding-top:var(--spacing-02);flex-direction:column;display:flex}.nav-item{width:100%;min-width:0;height:34px;padding:0 var(--spacing-03);color:var(--icon-muted);text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;font-weight:500;display:flex}.nav-item.active{background:var(--bg-active);color:var(--text-strong)}.nav-item svg{flex:none}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-count{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:500}.category{margin:var(--spacing-05) 0 var(--spacing-02) var(--spacing-01);padding-right:var(--spacing-02);justify-content:space-between;align-items:center;display:flex}.category-toggle{align-items:center;gap:var(--spacing-01);font-size:var(--text-xs);color:var(--text-muted);background:0 0;border:0;font-weight:700;display:flex}.category-toggle:hover{color:var(--text-normal)}.category-toggle svg{transition:transform var(--dur-moderate-01)}.category-toggle.collapsed svg{transform:rotate(-90deg)}.album-list{gap:var(--spacing-01);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.album-empty{padding:6px var(--spacing-03);font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.album-row{border-radius:0;position:relative}.album-row.drop-target{background:color-mix(in srgb, var(--brand) 30%, transparent);box-shadow:0 0 0 2px var(--brand)}.album-actions{gap:0;display:none;position:absolute;top:5px;right:4px}.album-row:hover .album-actions,.album-row:focus-within .album-actions{display:flex}.album-row:hover .nav-count,.album-row:focus-within .nav-count{visibility:hidden}.user-panel{align-items:center;gap:var(--spacing-03);height:52px;padding:0 var(--spacing-03);background:var(--bg-tertiary);flex:none;display:flex}.user-text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.storage{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--text-muted);overflow:hidden}.channel-header{align-items:center;gap:var(--spacing-03);height:48px;padding:0 var(--spacing-05);background:var(--bg-primary);box-shadow:var(--header-shadow);z-index:3;flex:none;display:flex}.menu-btn{display:none}.channel-title{min-width:0;font-size:var(--text-lg);color:var(--text-strong);margin:0;font-weight:600}.toolbar-title-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.channel-divider{width:1px;height:24px;margin:0 var(--spacing-03);background:var(--divider);flex:none}.count-pill{font-size:var(--text-base);color:var(--text-normal);font-weight:600}.count-label{margin-left:calc(var(--spacing-02) * -1);font-size:var(--text-base);color:var(--text-muted)}.channel-tools{align-items:center;gap:10px;margin-left:auto;display:flex}.search{align-items:center;gap:var(--spacing-02);width:160px;height:28px;padding:0 6px 0 var(--spacing-03);background:var(--bg-tertiary);color:var(--text-muted);transition:width var(--dur-moderate-02);border-radius:0;display:flex}.search:focus-within{width:240px}.search input{min-width:0;height:100%;font-size:var(--text-sm);color:var(--text-normal);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--text-muted)}.search input::-webkit-search-cancel-button{display:none}.search-clear{padding:var(--spacing-01);color:var(--text-muted);background:0 0;border:0;border-radius:0;display:inline-flex}.search-clear:hover{color:var(--text-normal)}.progress{z-index:2;background:var(--bg-tertiary);flex:none;height:4px;position:relative}.progress-bar{background:var(--brand);height:100%;transition:width var(--dur-moderate-02)}.progress-text{padding:var(--spacing-02) 10px;background:var(--bg-floating);box-shadow:var(--elevation);font-size:var(--text-xs);color:var(--text-muted);border-radius:0;position:absolute;top:10px;right:16px}.grid{gap:var(--gap,6px);flex-direction:column;display:flex}.row{gap:var(--gap,6px);display:flex}.tile{border-radius:0;flex:none;position:relative;overflow:hidden}.tile,.cover-photo,.cover-choice:not(.random){background:linear-gradient(var(--placeholder,var(--bg-secondary)), var(--placeholder,var(--bg-secondary))) center / calc(100% - 2px) calc(100% - 2px) no-repeat}.tile.loaded,.cover-photo.loaded,.cover-choice.loaded:not(.random){background:0 0}.album-cover:has(.cover-photo){background:0 0}.tile-open{background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.tile-open img{object-fit:cover;width:100%;height:100%;animation:fade-in var(--dur-moderate-02);display:block}.tile-open img.sharp{position:absolute;inset:0}.tile-check,.tile-save{z-index:1;color:var(--on-scrim);opacity:0;transition:opacity var(--dur-fast-02), background-color var(--dur-fast-02);justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:8px}.tile-check{border:2px solid var(--on-scrim);border-radius:var(--radius-full);background:var(--scrim);width:26px;height:26px;left:8px}.tile-save{border-radius:var(--radius-full);background:var(--brand);max-width:calc(100% - 52px);height:32px;font-size:var(--text-base);border:0;padding:0 14px;font-weight:700;right:8px}.tile-save:hover{background:var(--brand-hover)}.tile-save.saved{background:var(--scrim)}.tile-save-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile:hover .tile-check,.tile:hover .tile-save,.tile:focus-within .tile-check,.tile:focus-within .tile-save,.tile.selecting .tile-check{opacity:1}.tile:after{content:"";border-radius:inherit;background:var(--photo-shade);opacity:0;pointer-events:none;transition:opacity var(--dur-fast-02) var(--ease-standard);position:absolute;inset:0}@media (hover:hover){.tile:hover:after{opacity:1}}.tile:focus-within:after{opacity:1}.tile.selecting .tile-save{display:none}.tile.selected .tile-check{border-color:var(--brand);background:var(--brand)}.empty{text-align:center;flex-direction:column;align-items:center;max-width:440px;margin:10vh auto 0;display:flex}.empty h2{margin:0 0 var(--spacing-03);font-size:var(--text-xl);color:var(--text-strong);font-weight:600}.empty p{color:var(--text-muted);margin:0;line-height:1.5}.empty-actions{justify-content:center;gap:var(--spacing-03);flex-wrap:wrap;margin-top:20px;display:flex}.dock{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;left:16px;right:16px}.dock>*{pointer-events:auto}.selection-bar{align-items:center;gap:var(--spacing-01);width:max-content;max-width:100%;padding:6px var(--spacing-03);background:var(--bg-floating);box-shadow:var(--elevation), 0 0 0 1px var(--divider);animation:pop-in var(--dur-moderate-01);border-radius:0;display:flex}.selection-count{padding:0 6px 0 var(--spacing-02);font-size:var(--text-base);white-space:nowrap;color:var(--text-strong);font-weight:600}.bar-sep{width:1px;margin:var(--spacing-02) 6px;background:var(--divider);align-self:stretch}.bar-icon{width:36px;height:36px;color:var(--text-normal);transition:background-color var(--dur-fast-02), color var(--dur-fast-02);background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bar-icon:hover:not(:disabled),.bar-icon.open{background:var(--bg-hover);color:var(--text-strong)}.bar-icon.danger{color:var(--danger-text)}.bar-icon.danger:hover:not(:disabled){background:color-mix(in oklch, var(--danger) 16%, transparent)}.bar-icon:disabled{opacity:.4;cursor:default}.bar-btn{height:36px;padding:0 var(--spacing-04);font-size:var(--text-base);white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;font-weight:500;display:inline-flex}.bar-btn:hover:not(:disabled){background:var(--bg-hover)}.bar-btn.danger{color:var(--danger-text)}.bar-btn:disabled{opacity:.5}.move-panel{width:230px;max-height:320px;overflow-y:auto}.popover-panel.top{top:auto;bottom:calc(100% + 8px)}.menu-item-label.muted{color:var(--text-muted);font-style:italic}.save-menu{z-index:200;background:var(--bg-floating);max-height:min(380px,100vh - 24px);color:var(--text-normal);box-shadow:var(--elevation), 0 0 0 1px var(--divider);animation:pop-in var(--dur-fast-02);flex-direction:column;padding:6px 0;display:flex;position:fixed}.save-menu-list{flex:1;min-height:0;overflow-y:auto}.save-menu-foot{margin-top:var(--spacing-02);padding-top:var(--spacing-02);border-top:1px solid var(--divider)}.save-menu .menu-item{height:40px;padding:0 14px}.save-menu .menu-item-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.save-menu .menu-empty{margin:var(--spacing-03) 14px}@media (width<=760px){.save-menu{max-height:70vh;padding-bottom:max(6px, env(safe-area-inset-bottom));bottom:0;left:0;right:0}}.menu-empty{margin:var(--spacing-02) var(--spacing-03) 6px;font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.drop-overlay{z-index:150;justify-content:center;align-items:center;gap:var(--spacing-03);background:var(--scrim);color:var(--on-scrim);pointer-events:none;animation:fade-in var(--dur-fast-02);flex-direction:column;font-size:18px;display:flex;position:fixed;inset:0}.drop-overlay svg{color:var(--brand)}.drop-overlay span{font-size:var(--text-base);color:var(--on-scrim-muted)}.lightbox{z-index:100;background:var(--lb-page);color:var(--lb-text);animation:fade-in var(--dur-moderate-01);outline:0;flex-direction:column;display:flex;position:fixed;inset:0}.lightbox .icon-btn.active{background:var(--lb-press);color:var(--lb-text)}.lightbox-bar{align-items:center;gap:var(--spacing-04);padding:10px var(--spacing-05);display:flex}.lightbox-counter{font-size:var(--text-sm);color:var(--lb-muted);font-variant-numeric:tabular-nums}.lightbox-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.lightbox-actions{gap:var(--spacing-01);display:flex}.lightbox-body{flex:1;min-height:0;display:flex}.lightbox-stage{touch-action:none;flex:1;min-width:0;position:relative;overflow:hidden}.lightbox-track{pointer-events:none;transition:transform var(--dur-moderate-01) var(--ease-standard);position:absolute;inset:0}.lightbox-track.dragging{transition:none}.lightbox-slide{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0}.lightbox-slide.previous{left:-100%}.lightbox-slide.next{left:100%}.lightbox-slide-preview{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:calc(100% - 32px);max-height:calc(100% - 16px)}.lightbox-image{object-fit:contain;cursor:zoom-in;-webkit-user-select:none;user-select:none;transform-origin:50%;will-change:transform;pointer-events:auto;border-radius:0;max-width:calc(100% - 32px);max-height:calc(100% - 16px);margin:auto;position:absolute;inset:0}.lightbox-image.zoomed{cursor:grab;will-change:auto}.lightbox-image.zoomed.dragging{will-change:transform}.lightbox-image.dragging{cursor:grabbing}.lightbox-image.loading{filter:blur(8px);cursor:progress}.lightbox-spinner{width:32px;height:32px;margin:calc(var(--spacing-05) * -1) 0 0 calc(var(--spacing-05) * -1);border:3px solid var(--lb-line);border-top-color:var(--brand);border-radius:var(--radius-full);animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.nav-arrow{z-index:2;border-radius:var(--radius-full);background:var(--lb-float);width:44px;height:44px;color:var(--lb-text);transition:background-color var(--dur-fast-02);border:0;justify-content:center;align-items:center;margin-top:-22px;display:inline-flex;position:absolute;top:50%}.nav-arrow:hover{background:var(--lb-press)}.nav-arrow.left{left:14px}.nav-arrow.right{right:14px}.lightbox-info{width:300px;padding:var(--spacing-05);background:var(--bg-secondary);color:var(--text-normal);flex:none;overflow-y:auto}.lightbox-info .text-input{background:var(--bg-tertiary)}.caption-field{margin-bottom:20px;display:block}.details{gap:var(--spacing-03) 14px;font-size:var(--text-base);grid-template-columns:auto 1fr;margin:0;display:grid}.details dt{color:var(--text-muted)}.details dd{overflow-wrap:anywhere;min-width:0;margin:0}.dialog-scrim{z-index:200;padding:var(--spacing-05);background:var(--overlay);animation:fade-in var(--dur-fast-02);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{width:min(440px,100%);padding:var(--spacing-05);background:var(--bg-primary);box-shadow:0 0 0 1px var(--divider), var(--shadow-lg);animation:pop-in var(--dur-moderate-01);border-radius:0;flex-direction:column;display:flex;position:relative}.dialog-icon{width:40px;height:40px;margin-bottom:var(--spacing-04);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--icon-muted);flex:none;justify-content:center;align-items:center;display:flex}.dialog-icon.danger{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger-text)}.dialog-title{margin:0 0 var(--spacing-03);font-size:var(--text-xl);color:var(--text-strong);overflow-wrap:anywhere;font-weight:600;line-height:1.25}.dialog-message{overflow-wrap:anywhere;margin:0;line-height:1.4}.dialog-detail{margin:var(--spacing-04) 0 0;font-size:var(--text-sm);color:var(--text-muted)}.dialog-message+.field-label,.dialog-detail+.field-label,.dialog-message+.password-field,.dialog-detail+.password-field{margin-top:var(--spacing-05)}.password-field+.password-field{margin-top:var(--spacing-04)}.dialog-actions{justify-content:flex-end;gap:var(--spacing-03);margin:20px calc(var(--spacing-05) * -1) calc(var(--spacing-05) * -1);padding:var(--spacing-05);background:var(--bg-secondary);border-radius:0;display:flex}.toaster{z-index:300;align-items:flex-end;gap:var(--spacing-03);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:60px;right:16px}.toast{align-items:center;gap:var(--spacing-03);max-width:min(520px,100vw - 32px);padding:10px var(--spacing-03) 10px var(--spacing-05);background:var(--bg-floating);box-shadow:var(--elevation), 0 0 0 1px var(--divider);pointer-events:auto;animation:pop-in var(--dur-moderate-01);border-radius:0;display:flex}.toast-error{box-shadow:var(--elevation), 0 0 0 1px var(--danger)}.toast-message{overflow-wrap:anywhere;flex:1;min-width:0}.toast-action{padding:var(--spacing-02) var(--spacing-03);color:var(--link);background:0 0;border:0;border-radius:0;font-weight:600}.error-screen{justify-content:center;align-items:center;gap:var(--spacing-04);min-height:100vh;padding:var(--spacing-06);text-align:center;background:var(--bg-primary);flex-direction:column;display:flex}.error-screen h1{font-size:var(--text-2xl);color:var(--text-strong);margin:0}.error-screen p{max-width:460px;color:var(--text-muted);margin:0;line-height:1.5}.error-screen .error-detail{font-family:ui-monospace,Consolas,monospace;font-size:var(--text-sm);overflow-wrap:anywhere}@media (width<=760px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:90;width:min(300px,86vw);transition:transform var(--dur-moderate-02);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:none}.sidebar-scrim{z-index:80;background:var(--overlay);animation:fade-in var(--dur-fast-02);display:block;position:fixed;inset:0}.sidebar-close,.menu-btn{display:inline-flex}.channel-header{padding:0 var(--spacing-03)}.channel-divider,.count-label,.count-pill{display:none}.search,.search:focus-within{width:96px}.channel-tools{gap:6px}.select,.add-label{display:none}.primary-btn{padding:0 10px}.content{padding:10px 10px 90px}.lightbox-body{flex-direction:column}.lightbox-info{width:auto;max-height:45%}.lightbox-name{display:none}.toaster{align-items:stretch;left:10px;right:10px}}@media (hover:none){.tile-check,.tile-save{opacity:1}}.header-btn{background:var(--bg-tertiary);height:28px;color:var(--text-normal);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-fast-02);border:0;border-radius:0;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.header-btn:hover{background:var(--bg-active)}.category-label{font-size:var(--text-xs);color:var(--text-muted);padding-left:14px;font-weight:700}.input-row{align-items:center;gap:var(--spacing-03);display:flex}.input-row .text-input{flex:1;min-width:0}.input-suffix{color:var(--text-muted);flex:none}.field-hint{min-height:18px;font-size:var(--text-sm);color:var(--text-muted);margin:6px 0 0}.name-field{margin-bottom:var(--spacing-05)}.album-select{width:100%;height:30px}.shortcuts{width:min(480px,100%);max-height:88vh;overflow-y:auto}.shortcuts-head{margin-bottom:var(--spacing-03);justify-content:space-between;align-items:center;display:flex}.shortcuts-head .dialog-title{margin:0}.shortcut-list{margin:0 0 14px}.shortcut-row{justify-content:space-between;align-items:center;gap:var(--spacing-04);padding:5px 0;display:flex}.shortcut-row dt{gap:var(--spacing-02);flex:none;display:flex}.shortcut-row dd{text-align:right;color:var(--text-muted);margin:0}kbd{min-width:22px;padding:var(--spacing-01) 6px;background:var(--bg-tertiary);box-shadow:inset 0 -1px 0 var(--divider);font-family:inherit;font-size:var(--text-xs);text-align:center;border-radius:0;font-weight:600}@media (width<=760px){.tool-label{display:none}}.backup-page{max-width:760px;padding:var(--spacing-03) 0 var(--spacing-06);margin:0 auto}.backup-page code{background:var(--bg-tertiary);border-radius:0;padding:1px 5px;font-size:.9em}.backup-lead{margin:var(--spacing-03) 0 20px;font-size:var(--text-lg);color:var(--text-strong);line-height:1.55}.backup-actions{gap:var(--spacing-04);margin-bottom:var(--spacing-07);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.backup-card{align-items:flex-start;gap:var(--spacing-03);padding:var(--spacing-05);background:var(--bg-secondary);border-radius:0;flex-direction:column;display:flex}.backup-card h2{align-items:center;gap:var(--spacing-03);font-size:var(--text-lg);color:var(--text-strong);margin:0;font-weight:600;display:flex}.backup-card p{font-size:var(--text-base);color:var(--text-muted);margin:0;line-height:1.5}.backup-card .backup-meta{color:var(--text-normal);font-weight:600}.backup-card .backup-last.never{color:var(--support-warning)}.backup-card .primary-btn,.backup-card .ghost-btn{margin-top:auto}.backup-card p:last-of-type{margin-bottom:var(--spacing-03)}.backup-section{margin-bottom:28px}.backup-section h2{margin:0 0 var(--spacing-03);color:var(--text-strong);font-size:17px;font-weight:600}.backup-section h3{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 6px;font-weight:700}.backup-section p{margin:0;line-height:1.6}.backup-section ul,.backup-section ol{margin:0;padding-left:22px}.backup-section li{line-height:1.6}.backup-section li+li{margin-top:6px}.backup-columns{gap:var(--spacing-04);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.backup-columns>div{padding:var(--spacing-04) 14px;background:var(--bg-secondary);border-radius:0}.backup-columns ul{padding-left:18px}.tile.compact .tile-check{border-width:1.5px;width:20px;height:20px;top:4px;left:4px}.tile.compact .tile-save{width:24px;height:24px;padding:0;top:4px;right:4px}.tile.tiny .tile-check{width:16px;height:16px;top:3px;left:3px}.tile.tiny .tile-save{width:20px;height:20px;padding:0;top:3px;right:3px}.tile.tiny .tile-save svg{width:12px;height:12px}.content{touch-action:pan-x pan-y}.popover{display:inline-flex;position:relative}.popover-text{min-width:0;display:inline-flex}.sort-label{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.popover-badge{border-radius:var(--radius-full);background:var(--brand);color:var(--on-solid);padding:0 6px;font-size:11px;font-weight:700;line-height:16px}.popover-panel{z-index:60;background:var(--bg-floating);min-width:220px;color:var(--text-normal);box-shadow:var(--elevation), 0 0 0 1px var(--divider);animation:pop-in var(--dur-fast-02);border-radius:0;padding:6px;position:absolute;top:calc(100% + 6px)}.popover-panel.end{right:0}.popover-panel.start{left:0}.menu-title{margin:var(--spacing-02) var(--spacing-03) 6px;font-size:var(--text-xs);color:var(--text-muted);font-weight:700}.menu-group{margin:var(--spacing-03) var(--spacing-03) var(--spacing-01);color:var(--text-muted);font-size:11px;font-weight:600}.menu-item{width:100%;padding:7px var(--spacing-03);color:var(--text-normal);font-size:var(--text-base);text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:10px;display:flex}.menu-item.chosen{color:var(--text-strong);font-weight:600}.menu-item.chosen>svg:first-child{color:var(--brand)}.menu-item-label{flex:1}.menu-item-hint{font-size:var(--text-xs);color:var(--text-muted);font-weight:400}.sort-panel{width:270px}.zoom-popover{width:270px;padding:var(--spacing-03) 10px 10px}.zoom-control .menu-title{margin-left:0}.zoom-row{align-items:center;gap:var(--spacing-02);display:flex}.zoom-row.foot{margin-top:var(--spacing-03);justify-content:space-between;gap:10px}.zoom-slider{min-width:0;margin:0 var(--spacing-02);accent-color:var(--brand);cursor:pointer;flex:1}.zoom-control .icon-btn:disabled{opacity:.35;cursor:default}.zoom-hint{text-align:right;color:var(--text-muted);font-size:11px;line-height:1.3}@media (width<=760px){.sort-label{display:none}.popover-text:has(>.sort-label){display:none}.popover-panel{width:auto;position:fixed;top:52px;left:8px;right:8px}.popover-panel.top{top:auto;bottom:88px}}.lightbox .icon-btn.open{background:var(--lb-press);color:var(--lb-text)}.lightbox .icon-btn.wide{width:auto;padding:0 var(--spacing-03);font-size:var(--text-xs);font-variant-numeric:tabular-nums;gap:6px;font-weight:600}.lightbox .icon-btn:disabled{opacity:.35;cursor:default}.lightbox .icon-btn.small{color:var(--icon-muted)}.viewer-zoom-panel,.slideshow-panel{width:280px;padding:var(--spacing-03) 10px 10px}.viewer-zoom-panel .menu-title,.slideshow-panel .menu-title{margin-left:0}.viewer-zoom-row{justify-content:center;align-items:center;gap:10px;padding-bottom:6px;display:flex}.viewer-zoom-percent{text-align:center;min-width:64px;font-size:var(--text-md);font-variant-numeric:tabular-nums;color:var(--text-strong);font-weight:600}.viewer-hint{margin:var(--spacing-03) 0 0;text-align:left}.primary-btn.full{width:100%}.slideshow-panel .menu-group{margin-left:0}.chips{padding:var(--spacing-02) 0 6px;flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--divider);border-radius:var(--radius-full);height:28px;color:var(--text-normal);font-size:var(--text-sm);font-variant-numeric:tabular-nums;background:0 0;padding:0 11px}.chip:hover{background:var(--bg-hover)}.chip[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:var(--on-solid)}.seconds-field,.check-row{align-items:center;gap:var(--spacing-03);font-size:var(--text-base);padding:6px 0;display:flex}.seconds-field .text-input{width:78px;height:30px;padding:0 var(--spacing-03)}.check-row input{accent-color:var(--brand)}.show-progress-track{z-index:3;pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0}.show-progress{background:var(--brand);transform-origin:0;height:100%;animation:linear forwards show-progress}@keyframes show-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lightbox:fullscreen{background:var(--lb-fullscreen)}@media (width<=760px){.hide-mobile{display:none!important}.lightbox-bar{gap:var(--spacing-02);padding:6px var(--spacing-03)}.viewer-zoom-panel,.slideshow-panel{width:auto}}body{font-size:var(--text-base);letter-spacing:.16px;line-height:1.28572}.field-label,.section-label,.category-toggle,.category-label,.menu-title,.menu-group,.backup-section h3{font-size:var(--text-xs);letter-spacing:.32px;text-transform:none;color:var(--text-secondary);font-weight:400;line-height:1.33333}:where(button,select,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:-2px}input[type=range]:focus-visible{outline-offset:2px}.primary-btn:focus-visible,.danger-btn:focus-visible,.ghost-btn:focus-visible{box-shadow:inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--focus-inset)}.skip-link{top:-100px;left:var(--spacing-05);z-index:500;padding:var(--spacing-03) var(--spacing-05);background:var(--brand);color:var(--on-solid);text-decoration:none;position:fixed}.skip-link:focus{top:var(--spacing-03)}.main:focus{outline:none}.primary-btn,.ghost-btn,.danger-btn,.tertiary-btn{justify-content:space-between;align-items:center;gap:var(--spacing-05);height:40px;min-height:40px;padding:0 var(--spacing-05);font-size:var(--text-base);letter-spacing:.16px;white-space:nowrap;transition:background-color var(--dur-fast-02) var(--ease-standard), color var(--dur-fast-02) var(--ease-standard);border:1px solid #0000;border-radius:0;font-weight:400;display:inline-flex}.primary-btn{background:var(--brand);color:var(--on-solid)}.primary-btn:hover:not(:disabled){background:var(--brand-hover)}.primary-btn:active:not(:disabled){background:var(--brand-active)}.ghost-btn{background:var(--btn-secondary);color:var(--text-strong)}.ghost-btn:hover:not(:disabled){background:var(--btn-secondary-hover)}.tertiary-btn{border-color:var(--border-strong);color:var(--text-strong);background:0 0}.danger-btn{background:var(--danger);color:var(--on-solid)}.danger-btn:hover:not(:disabled){background:var(--danger-hover)}.danger-btn:active:not(:disabled){background:var(--danger-active)}.primary-btn:disabled,.ghost-btn:disabled,.danger-btn:disabled{background:var(--btn-disabled);color:var(--text-disabled);cursor:not-allowed}.tertiary-btn:disabled{border-color:var(--btn-disabled);color:var(--text-disabled);cursor:not-allowed}.channel-tools .primary-btn,.channel-tools .danger-btn{height:32px;min-height:32px}.header-btn{gap:var(--spacing-03);height:32px;padding:0 var(--spacing-04);font-size:var(--text-base);transition:background-color var(--dur-fast-02) var(--ease-standard);background:0 0;border-radius:0;font-weight:400}.header-btn:hover,.header-btn.open{background:var(--bg-hover)}.header-btn.open{background:var(--bg-selected)}.icon-btn{border-radius:0}.select,.text-input{border:0;border-bottom:1px solid var(--border-strong);background:var(--field);color:var(--text-normal);font-size:var(--text-base);letter-spacing:.16px;border-radius:0}.select{height:32px;padding:0 var(--spacing-03)}.text-input{height:40px;padding:0 var(--spacing-05)}.dialog .text-input,.lightbox-info .text-input,.popover-panel .text-input,.lightbox-info .select{background:var(--field-02)}.text-input.invalid{outline:2px solid var(--support-error);outline-offset:-2px;border-bottom-color:#0000}.field-error{font-size:var(--text-xs);letter-spacing:.32px;color:var(--text-error)}.search{gap:var(--spacing-03);width:220px;height:32px;padding:0 var(--spacing-02) 0 var(--spacing-04);border-bottom:1px solid var(--border-strong);background:var(--field);color:var(--icon-muted);border-radius:0}.search:focus-within{outline:2px solid var(--focus);outline-offset:-2px;border-bottom-color:#0000;width:280px}.search-icon{flex:none}.search input{font-size:var(--text-base)}.search-clear{border-radius:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0}.app{grid-template-columns:256px minmax(0,1fr)}.sidebar-title{font-size:17px}.channels{padding:var(--spacing-03) 0 var(--spacing-04)}.nav{gap:0;padding-top:0}.nav-item{gap:var(--spacing-04);height:32px;padding:0 var(--spacing-05);color:var(--text-secondary);border-radius:0;font-weight:400}.nav-item:hover{background:var(--bg-hover);color:var(--text-normal)}.nav-item.active{background:var(--bg-selected);color:var(--text-strong);box-shadow:inset 3px 0 0 var(--interactive);font-weight:600}.category{margin:var(--spacing-06) var(--spacing-05) var(--spacing-02);padding-right:0}.category-label{padding-left:0}.album-list{gap:0}.album-empty{padding:var(--spacing-03) var(--spacing-05);font-size:var(--text-xs);letter-spacing:.32px}.album-actions{top:var(--spacing-02);right:var(--spacing-03)}.user-panel{height:56px;padding:0 var(--spacing-05);border-top:1px solid var(--divider);background:var(--bg-secondary)}.nav-count{letter-spacing:.32px;font-weight:400}@keyframes pop-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.popover-panel{padding:var(--spacing-02) 0;background:var(--bg-floating);box-shadow:var(--elevation);animation:pop-in var(--dur-fast-02) var(--ease-entrance)}.popover-panel.top{animation-name:pop-in-up}.menu-title,.menu-group{margin:var(--spacing-03) var(--spacing-05) var(--spacing-02)}.menu-item{gap:var(--spacing-04);height:40px;padding:0 var(--spacing-05);border-radius:0}.menu-item:hover,.menu-item:focus-visible{background:var(--bg-hover)}.zoom-popover,.viewer-zoom-panel,.slideshow-panel{padding:var(--spacing-03) var(--spacing-05) var(--spacing-04)}.zoom-popover .menu-title,.viewer-zoom-panel .menu-title,.slideshow-panel .menu-title{margin:var(--spacing-03) 0 var(--spacing-03)}.zoom-scale{margin:0 var(--spacing-07);font-size:var(--text-xs);letter-spacing:.32px;color:var(--text-muted);justify-content:space-between;display:flex}.zoom-input{align-items:center;gap:var(--spacing-02);display:flex}.zoom-input .text-input{width:72px;height:32px;padding:0 var(--spacing-03)}.zoom-hint{margin:var(--spacing-03) 0 0;text-align:left}.tooltip-wrap{display:inline-flex;position:relative}.tooltip{z-index:400;padding:var(--spacing-02) var(--spacing-04);background:var(--bg-inverse);color:var(--text-inverse);font-size:var(--text-xs);letter-spacing:.32px;white-space:nowrap;pointer-events:none;box-shadow:var(--elevation);animation:fade-in var(--dur-fast-02) var(--ease-entrance);line-height:16px;position:absolute}.tooltip:after{content:"";background:var(--bg-inverse);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.tooltip.bottom{top:calc(100% + var(--spacing-03))}.tooltip.bottom:after{top:-4px}.tooltip.top{bottom:calc(100% + var(--spacing-03))}.tooltip.top:after{bottom:-4px}.tooltip.center{left:50%;translate:-50%}.tooltip.center:after{left:calc(50% - 4px)}.tooltip.start{left:0}.tooltip.start:after{left:var(--spacing-04)}.tooltip.end{right:0}.tooltip.end:after{right:var(--spacing-04)}.toaster{gap:var(--spacing-03);top:56px}.toast{--accent:var(--support-info);align-items:flex-start;gap:var(--spacing-04);width:320px;max-width:calc(100vw - 32px);padding:var(--spacing-04) var(--spacing-02) var(--spacing-04) var(--spacing-04);border-left:3px solid var(--accent);background:var(--bg-inverse);color:var(--text-inverse);box-shadow:var(--elevation);animation:toast-in var(--dur-moderate-02) var(--ease-entrance);border-radius:0}.toast-success{--accent:var(--support-success)}.toast-warning{--accent:var(--support-warning)}.toast-error{--accent:var(--support-error);box-shadow:var(--elevation)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.toast .notice-icon{color:var(--accent);flex:none}.notice-title{font-size:var(--text-base);margin:0;font-weight:600;line-height:18px}.notice-body{margin:var(--spacing-02) 0 0;font-size:var(--text-base);line-height:18px}.toast .icon-btn,.toast .icon-btn:hover{color:var(--text-inverse)}.toast .icon-btn:hover{background:var(--bg-hover)}.toast-action{margin:var(--spacing-03) 0 0;color:var(--link);font-size:var(--text-base);border-radius:0;padding:0;font-weight:400}.toast-action:hover{text-decoration:underline}.inline-notification{--accent:var(--support-info);align-items:flex-start;gap:var(--spacing-04);margin:0 0 var(--spacing-05);padding:var(--spacing-04) var(--spacing-05);border-left:3px solid var(--accent);background:var(--accent-surface);display:flex}.inline-notification.success{--accent:var(--support-success)}.inline-notification.warning{--accent:var(--support-warning)}.inline-notification.error{--accent:var(--support-error)}.inline-notification .notice-icon{color:var(--accent);flex:none}.dialog{width:min(480px,100%);padding:var(--spacing-05) var(--spacing-05) 0;background:var(--bg-secondary);box-shadow:var(--elevation);animation:pop-in var(--dur-moderate-02) var(--ease-entrance)}.dialog-title{margin:0 0 var(--spacing-03);font-size:var(--text-xl);letter-spacing:0;font-weight:400;line-height:28px}.dialog-message{font-size:var(--text-base);line-height:20px}.dialog-detail{font-size:var(--text-xs);letter-spacing:.32px}.dialog-actions{margin:var(--spacing-07) calc(var(--spacing-05) * -1) 0;background:0 0;gap:0;padding:0}.field-error+.dialog-actions{margin-top:var(--spacing-05)}.dialog-actions>button{height:64px;min-height:64px;padding:var(--spacing-05);flex:50%;align-items:flex-start}.dialog-actions .ghost-btn{background:var(--btn-secondary)}.dialog-actions .ghost-btn:hover{background:var(--btn-secondary-hover);text-decoration:none}.empty{max-width:420px;margin-top:12vh}.empty-icon{margin-bottom:var(--spacing-06);color:var(--text-muted)}.empty h2{margin:0 0 var(--spacing-03);font-size:var(--text-xl);letter-spacing:0;font-weight:400;line-height:28px}.empty p{font-size:var(--text-base);color:var(--text-secondary);line-height:20px}.skeleton-grid{gap:var(--spacing-02);flex-wrap:wrap;display:flex}.skeleton-tile{background:linear-gradient(90deg, var(--skeleton) 0%, var(--skeleton-shine) 50%, var(--skeleton) 100%);background-size:200% 100%;flex:180px;height:180px;animation:1.6s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tile.selected{outline:2px solid var(--interactive);outline-offset:-2px}.selection-bar{height:48px;padding:0 var(--spacing-03) 0 0;background:var(--brand);color:var(--on-solid);box-shadow:var(--elevation);border-radius:0}.selection-count{padding:0 var(--spacing-04) 0 var(--spacing-02);color:var(--on-solid);font-weight:400}.bar-sep{margin:var(--spacing-03) var(--spacing-03);background:var(--on-solid-muted)}.bar-icon,.bar-btn{height:48px;color:var(--on-solid);border-radius:0}.bar-icon{width:48px}.bar-icon:hover:not(:disabled),.bar-icon.open,.bar-btn:hover:not(:disabled){background:var(--brand-hover);color:var(--on-solid)}.bar-icon:active:not(:disabled),.bar-btn:active:not(:disabled){background:var(--brand-active)}.bar-icon.danger,.bar-btn.danger{color:var(--on-solid)}.bar-icon.danger:hover:not(:disabled),.bar-btn.danger:hover:not(:disabled){background:var(--danger)}.selection-bar :focus-visible{outline-color:var(--on-solid)}.nav-arrow{width:48px;height:48px;margin-top:calc(var(--spacing-06) * -1);background:var(--lb-float);border-radius:0}@media (width<=760px){.app{grid-template-columns:minmax(0,1fr)}.search,.search:focus-within{width:96px}.channel-tools .primary-btn{padding:0 var(--spacing-03)}.bar-icon{width:36px}.bar-sep{margin:var(--spacing-04) var(--spacing-02)}.selection-count{padding-right:var(--spacing-03)}.search input::placeholder{color:#0000}.toast{width:auto}}@media (width<=380px){.header-btn{padding:0 var(--spacing-03)}.search,.search:focus-within{width:72px}.channel-tools{gap:var(--spacing-02)}.count-word{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.selection-count{padding:0 var(--spacing-03)}}.album-grid{align-items:flex-start;gap:var(--spacing-05) var(--spacing-04);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.album-grid.columns{display:block;position:relative}.album-card{flex:none;min-width:0;position:relative}.album-open{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.album-cover{background:var(--bg-tertiary);max-width:100%;display:block;position:relative;overflow:hidden}.cover-photo{display:block;position:absolute;inset:0;overflow:hidden}.cover-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.album-cover:after{content:"";border-radius:inherit;background:var(--photo-shade);opacity:0;pointer-events:none;transition:opacity var(--dur-fast-02) var(--ease-standard);position:absolute;inset:0}@media (hover:hover){.album-card:hover .album-cover:after{opacity:1}}.album-card:focus-within .album-cover:after{opacity:1}.album-card.selected .album-cover{outline:3px solid var(--brand);outline-offset:-3px}.album-check{z-index:1;border:2px solid var(--on-scrim);border-radius:var(--radius-full);background:var(--scrim);width:26px;height:26px;color:var(--on-scrim);opacity:0;transition:opacity var(--dur-fast-02), background-color var(--dur-fast-02);justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:8px;left:8px}.album-card:hover .album-check,.album-card:focus-within .album-check,.album-card.selecting .album-check{opacity:1}.album-card.selected .album-check{border-color:var(--brand);background:var(--brand)}@media (hover:none){.album-card:not(.selecting) .album-check{display:none}}.album-cover-empty{color:var(--text-muted);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.album-info{gap:var(--spacing-01);min-width:0;padding:var(--spacing-03) 0 0;flex-direction:column;display:flex}.album-open:hover .album-name{text-decoration:underline}.album-name{font-size:var(--text-base);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:18px;overflow:hidden}.album-meta{font-size:var(--text-xs);letter-spacing:.32px;color:var(--text-secondary);line-height:16px}.album-card-actions{top:var(--spacing-03);right:var(--spacing-03);justify-content:flex-end;gap:var(--spacing-01);max-width:calc(100% - var(--spacing-05));flex-wrap:wrap;display:none;position:absolute}.album-card:hover .album-card-actions,.album-card:focus-within .album-card-actions{display:flex}.card-icon{background:var(--scrim-strong);width:32px;height:32px;color:var(--on-scrim);cursor:pointer;transition:background-color var(--dur-fast-02) var(--ease-standard);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.card-icon:hover{background:var(--scrim-solid)}.card-icon:focus-visible{outline-color:var(--on-scrim)}@media (hover:none){.album-card-actions{display:flex}}.album-grid .skeleton-card{background:linear-gradient(90deg, var(--skeleton) 0%, var(--skeleton-shine) 50%, var(--skeleton) 100%);background-size:200% 100%;flex:200px;height:220px;animation:1.6s linear infinite shimmer;display:block}@media (width<=520px){.card-icon{width:28px;height:28px}.album-grid .skeleton-card{flex-basis:140px;height:160px}}.breadcrumb{color:var(--text-secondary);flex:none;align-items:center;display:flex}.crumb{height:32px;padding:0 var(--spacing-03);color:var(--link);font:inherit;font-size:var(--text-base);cursor:pointer;background:0 0;border:0}.crumb:hover{background:var(--bg-hover);text-decoration:underline}.notice-text{flex:1;min-width:0}.notice-actions{gap:var(--spacing-03);margin-top:var(--spacing-04);flex-wrap:wrap;display:flex}.notice-actions .tertiary-btn,.notice-actions .ghost-btn{height:32px;min-height:32px}.notice-close{width:32px;height:32px;margin:calc(var(--spacing-03) * -1) calc(var(--spacing-03) * -1) 0 0;color:var(--text-normal);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.notice-close:hover{background:var(--bg-hover)}.nav-dot{background:var(--interactive);border-radius:50%;flex:none;width:8px;height:8px}.user-panel{height:auto;min-height:64px;padding:var(--spacing-04) var(--spacing-05)}.user-text{gap:var(--spacing-02)}.storage{font-size:var(--text-base);color:var(--text-normal);line-height:18px}.storage-note{align-items:center;gap:var(--spacing-02);font-size:var(--text-xs);letter-spacing:.32px;color:var(--text-secondary);line-height:16px;display:flex}.storage-note svg{flex:none}.meter{background:color-mix(in srgb, var(--text-normal) 15%, transparent);height:4px;display:block}.meter>span{background:var(--interactive);height:100%;display:block}.album-cover{position:relative}.cover-badge{z-index:1;bottom:var(--spacing-03);left:var(--spacing-03);background:var(--scrim-strong);width:24px;height:24px;color:var(--on-scrim);justify-content:center;align-items:center;display:flex;position:absolute}.card-icon:disabled{opacity:.4;cursor:not-allowed}.ghost-btn.compact{height:32px;min-height:32px;padding:0 var(--spacing-04);font-size:var(--text-sm)}.crumb{align-items:center;display:inline-flex}.crumb-back{display:none}@media (width<=520px){.crumb{width:32px;color:var(--text-normal);justify-content:center;padding:0}.crumb-back{display:block}.crumb-text,.crumb-sep,.backup-reminder .notice-body{display:none}.backup-reminder .notice-actions{margin-top:var(--spacing-03)}}.details .ghost-btn.compact{width:100%;height:auto;min-height:32px;padding:var(--spacing-02) var(--spacing-04);text-align:left;white-space:normal;justify-content:flex-start;line-height:1.3}.about-now{align-items:flex-start;gap:var(--spacing-04);margin-bottom:var(--spacing-07);padding:var(--spacing-05);background:var(--bg-secondary);flex-direction:column;display:flex}.about-stats{gap:var(--spacing-05);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%;margin:0;display:grid}.about-stats dt{font-size:var(--text-xs);letter-spacing:.32px;color:var(--text-secondary);line-height:16px}.about-stats dd{margin:var(--spacing-02) 0 0;font-size:var(--text-2xl);color:var(--text-strong);font-weight:300;line-height:32px}.about-stats dd.never{font-size:var(--text-xl);color:var(--support-warning)}.about-storage{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:20px}.about-after{margin-top:var(--spacing-04)}.about-shortcuts{margin-top:var(--spacing-05)}.about-faq details{border-top:1px solid var(--divider)}.about-faq details:last-child{border-bottom:1px solid var(--divider)}.about-faq summary{justify-content:space-between;align-items:center;gap:var(--spacing-04);min-height:48px;padding:var(--spacing-03) var(--spacing-02);color:var(--text-strong);font-size:var(--text-base);cursor:pointer;font-weight:600;line-height:20px;list-style:none;display:flex}.about-faq summary::-webkit-details-marker{display:none}.about-faq summary:after{content:"+";font-size:var(--text-xl);flex:none;font-weight:300;line-height:1}.about-faq details[open] summary:after{content:"−"}.about-faq summary:hover{background:var(--bg-hover)}.about-faq details p{padding:var(--spacing-02) var(--spacing-02) var(--spacing-05);font-size:var(--text-base);color:var(--text-secondary);margin:0}.about-credits{margin-top:var(--spacing-04)}.backup-section a{color:var(--link)}.cover-field{margin-top:var(--spacing-05)}.cover-picker{gap:var(--spacing-02);max-height:232px;margin-top:var(--spacing-03);padding:var(--spacing-01);grid-template-columns:repeat(auto-fill,minmax(72px,1fr));display:grid;overflow-y:auto}.cover-choice{justify-content:center;align-items:center;gap:var(--spacing-02);aspect-ratio:1;background:var(--bg-hover);color:var(--text-normal);font-size:var(--text-xs);cursor:pointer;border:0;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.cover-choice img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.cover-choice:hover{outline:1px solid var(--border-strong);outline-offset:-1px}.cover-choice[aria-checked=true]{outline:2px solid var(--interactive);outline-offset:-2px}.cover-choice:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.cover-check{top:var(--spacing-02);right:var(--spacing-02);background:var(--interactive);width:20px;height:20px;color:var(--on-solid);justify-content:center;align-items:center;display:flex;position:absolute}.cover-hint{margin:var(--spacing-03) 0 0;font-size:var(--text-xs);letter-spacing:.32px;color:var(--text-secondary);line-height:16px}.dialog{max-height:calc(100vh - var(--spacing-06));overflow-y:auto}.split-button{display:inline-flex}.split-more{height:32px;padding:0 var(--spacing-03);border:0;border-left:1px solid var(--on-solid-muted);background:var(--brand);color:var(--on-solid);cursor:pointer;transition:background-color var(--dur-fast-02) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.split-more:hover,.split-more.open{background:var(--brand-hover)}.split-more:active{background:var(--brand-active)}.split-more:focus-visible{outline-color:var(--on-solid);outline-offset:-4px}.add-menu{min-width:232px}.backup-folder,.backup-folder-link{grid-column:1/-1}.folder-tree{margin:0 0 var(--spacing-04);padding:var(--spacing-04) var(--spacing-05);background:var(--bg-secondary);font-family:ui-monospace,Consolas,monospace;font-size:var(--text-sm);color:var(--text-normal);line-height:1.6;overflow-x:auto}.folder-back{margin-top:var(--spacing-04)}.backup-folder-actions{gap:var(--spacing-03);margin-top:var(--spacing-02);flex-wrap:wrap;display:flex}.backup-card .check-row{margin-top:var(--spacing-02);color:var(--text-normal)}.folder-groups{max-height:200px;margin:var(--spacing-04) 0;border-top:1px solid var(--divider);padding:0;list-style:none;overflow-y:auto}.folder-groups li{justify-content:space-between;gap:var(--spacing-04);padding:var(--spacing-03) 0;border-bottom:1px solid var(--divider);font-size:var(--text-base);line-height:18px;display:flex}.folder-groups li span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.folder-groups li span:last-child{color:var(--text-secondary);flex:none}.dialog .check-row{margin:0 0 var(--spacing-03)}.storage-note{min-width:0}.folder-note{align-items:flex-start}.folder-note svg{margin-top:var(--spacing-01)}.folder-note span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}button.storage-note{color:var(--link);font:inherit;font-size:var(--text-xs);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}button.storage-note:hover{text-decoration:underline}.lightbox-actions{margin-left:auto}.bar-label{display:none}@media (width>=761px){.bar-icon.has-label{gap:var(--spacing-03);width:auto;padding:0 var(--spacing-04)}.bar-label{font-size:var(--text-base);white-space:nowrap;display:inline}}@media (width>=521px){.shortcut-row{justify-content:start;column-gap:var(--spacing-05);grid-template-columns:180px minmax(0,1fr);display:grid}.shortcut-row dd{text-align:left}}@media (width<=760px){.channel-header{position:relative}.channel-tools{gap:var(--spacing-01)}.header-btn{padding:0 10px}.search:not(:focus-within){background:0 0;border-bottom-color:#0000;justify-content:center;width:40px;padding:0;position:relative}.search:not(:focus-within) input{opacity:0;width:100%;position:absolute;inset:0}.search:not(:focus-within) .search-clear{display:none}.search.has-query:not(:focus-within){color:var(--interactive);box-shadow:inset 0 -2px 0 var(--interactive)}.search:focus-within{z-index:5;width:auto;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.search:focus-within input::placeholder{color:var(--text-muted)}.toaster{top:auto;bottom:72px}}@media (pointer:coarse){.icon-btn{width:40px;height:40px}.icon-btn.small{width:32px;height:32px}.header-btn,.split-more,.channel-tools .primary-btn,.channel-tools .danger-btn,.search,.search:focus-within{height:40px}.tile-check:before,.tile-save:before{content:"";position:absolute;inset:-9px}.nav-item{height:44px}}.folder-compare>.current{box-shadow:inset 0 3px 0 var(--interactive)}.folder-compare h3{margin-bottom:var(--spacing-03);font-size:var(--text-base);letter-spacing:0;text-transform:none;color:var(--text-strong);font-weight:600}.folder-page .backup-columns+p{margin-top:var(--spacing-05)}.folder-page .backup-section p+p{margin-top:10px}.grid.masonry{display:block;position:relative}.masonry .tile{border-radius:var(--radius-md)}.view-popover{width:300px}.layout-options{gap:var(--spacing-02);margin-bottom:var(--spacing-04);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.layout-option{align-items:center;gap:var(--spacing-02);padding:var(--spacing-03) var(--spacing-02);border:1px solid var(--border-subtle,var(--divider));color:var(--text-secondary);text-align:center;background:0 0;flex-direction:column;display:flex}.layout-option:hover{background:var(--bg-hover);color:var(--text-normal)}.layout-option.chosen{border-color:var(--interactive);box-shadow:inset 0 0 0 1px var(--interactive);background:var(--bg-selected);color:var(--text-strong)}.layout-name{font-size:var(--text-sm);font-weight:600}.layout-hint{color:var(--text-muted);font-size:11px;line-height:1.25}.lock-screen{min-height:100vh;padding:var(--spacing-06);background:var(--bg-primary);justify-content:center;align-items:center;display:flex}.lock-card{width:min(380px,100%);padding:28px 28px var(--spacing-06);background:var(--bg-secondary);flex-direction:column;display:flex}.lock-brand{align-items:center;gap:var(--spacing-03);margin-bottom:20px;display:flex}.lock-icon{margin-bottom:var(--spacing-03);color:var(--icon-muted)}.lock-title{font-size:var(--text-xl);color:var(--text-strong);margin:0;font-weight:600}.lock-text{margin:var(--spacing-02) 0 var(--spacing-05);font-size:var(--text-base);color:var(--text-muted)}.lock-submit{width:100%;margin-top:var(--spacing-02)}.lock-forgot{margin-top:var(--spacing-03);align-self:center}.busy-bar{height:4px;margin:var(--spacing-05) 0 var(--spacing-03);background:var(--bg-tertiary)}.busy-bar>div{background:var(--interactive);height:100%;transition:width var(--dur-fast-02)}.password-page .password-field,.password-page .text-input,.password-page .select{width:100%}.password-page .backup-card form,.password-page .backup-card{gap:var(--spacing-02)}.password-page .backup-card .primary-btn,.password-page .backup-card .tertiary-btn,.password-page .backup-card .danger-btn{margin-top:var(--spacing-03)}.password-done{margin:var(--spacing-02) 0 0;font-size:var(--text-base);color:var(--support-success)}.sidebar-header-actions{align-items:center;gap:var(--spacing-01);display:flex}.password-page .text-input,.lock-card .text-input{background:var(--field-02)}.lock-forgot{color:var(--link);background:0 0;text-decoration:underline}.lock-forgot:hover:not(:disabled){background:0 0;text-decoration:none}.sidebar-collapse{display:none}@media (width>=761px){.sidebar-collapse{display:inline-flex}.app.menu-collapsed{grid-template-columns:56px minmax(0,1fr)}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .category,.sidebar.collapsed .album-list,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-count,.sidebar.collapsed .user-text{display:none}.sidebar.collapsed .sidebar-header{justify-content:flex-start;gap:var(--spacing-02);height:auto;padding:var(--spacing-03) 0;flex-direction:column}.sidebar.collapsed .sidebar-header-actions{gap:var(--spacing-02);flex-direction:column}.sidebar.collapsed .nav{padding:6px 0}.sidebar.collapsed .nav+.nav{border-top:1px solid var(--divider)}.sidebar.collapsed .nav-item{justify-content:center;padding:0;position:relative}.sidebar.collapsed .nav-dot{position:absolute;top:7px;right:12px}.sidebar.collapsed .user-panel{justify-content:center;gap:var(--spacing-02);height:auto;padding:var(--spacing-03) 0;flex-direction:column}}.lock-view{flex-direction:column;width:min(380px,100%);margin:10vh auto 0;display:flex}.lock-view .lock-icon,.lock-view .lock-title,.lock-view .lock-text{text-align:center;align-self:center}.unlock-form{flex-direction:column;display:flex}.backup-section .album-locks{margin:0;padding:0;list-style:none}.album-lock-row{align-items:center;gap:var(--spacing-03) var(--spacing-04);margin:0 0 var(--spacing-02);padding:10px var(--spacing-05);background:var(--bg-secondary);flex-wrap:wrap;display:flex}.backup-section .album-lock-row+.album-lock-row{margin-top:0}.album-lock-icon{color:var(--icon-muted);flex:none}.album-lock-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-strong);flex:140px;font-weight:600;overflow:hidden}.album-lock-state{font-size:var(--text-sm);color:var(--text-muted);flex:none}.album-lock-state.on{color:var(--text-normal)}.album-lock-actions{gap:var(--spacing-02);flex-wrap:wrap;display:flex}@media (width>=761px){.app.menu-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar.collapsed .nav{padding:var(--spacing-03) 0}.sidebar.collapsed .nav-item,.sidebar.collapsed .sidebar-header .icon-btn,.sidebar.collapsed .user-panel .icon-btn{width:48px;height:48px;box-shadow:none;color:var(--text-secondary);background:0 0;border-radius:14px}.sidebar.collapsed .nav-item{margin:var(--spacing-01) auto}.sidebar.collapsed .nav-item svg,.sidebar.collapsed .sidebar-header .icon-btn svg,.sidebar.collapsed .user-panel .icon-btn svg{width:22px;height:22px}.sidebar.collapsed .nav-item:hover,.sidebar.collapsed .sidebar-header .icon-btn:hover,.sidebar.collapsed .user-panel .icon-btn:hover{background:var(--bg-hover);color:var(--text-strong)}.sidebar.collapsed .nav-item.active{color:var(--text-strong);background:0 0}.sidebar.collapsed .nav-item.active:hover{background:var(--bg-hover)}.sidebar.collapsed .nav-item:focus-visible,.sidebar.collapsed .sidebar-header .icon-btn:focus-visible,.sidebar.collapsed .user-panel .icon-btn:focus-visible{outline:2px solid var(--interactive);outline-offset:0}.sidebar.collapsed .nav-dot{top:8px;right:8px}}.rail-tip{z-index:500;padding:var(--spacing-03) 14px;background:var(--bg-inverse);color:var(--text-inverse);font-size:var(--text-base);white-space:nowrap;box-shadow:var(--elevation);pointer-events:none;animation:fade-in var(--dur-fast-02);border-radius:10px;font-weight:700;position:fixed;transform:translateY(-50%)}.channel-title{flex-shrink:0}.channel-tools{min-width:0}.search{flex:0 220px;min-width:110px}.search:focus-within{flex-basis:280px}.search input::placeholder{text-overflow:ellipsis}@media (width>=761px) and (width<=1240px){.sort-btn .sort-label,.view-btn .sort-label{display:none}}@media (width>=761px) and (width<=960px){.channel-header .channel-divider,.channel-header .count-pill,.channel-header .count-label{display:none}.search{min-width:56px}}.search-label{display:none}@media (width>=761px){.search:not(:focus-within):not(.has-query){width:auto;min-width:0;padding:0 var(--spacing-04);color:var(--text-normal);font-size:var(--text-base);cursor:pointer;transition:background-color var(--dur-fast-02) var(--ease-standard);background:0 0;border-bottom-color:#0000;flex:none;position:relative}.search:not(:focus-within):not(.has-query):hover{background:var(--bg-hover)}.search:not(:focus-within):not(.has-query) .search-label{display:inline}.search:not(:focus-within):not(.has-query) input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}}@media (width>=761px) and (width<=960px){.search:not(:focus-within):not(.has-query){padding:0 var(--spacing-04)}.search:not(:focus-within):not(.has-query) .search-label{display:none}}:root{--photo-radius:8px}:root[data-corners=square]{--photo-radius:0}.tile,.masonry .tile,.album-cover{border-radius:var(--photo-radius)}.view-toggle{align-items:center;gap:var(--spacing-04);margin:var(--spacing-02) 0 0;padding:var(--spacing-03) var(--spacing-05);font-size:var(--text-base);color:var(--text-normal);cursor:pointer;display:flex}.view-toggle:hover{background:var(--bg-hover)}.view-toggle input{width:16px;height:16px;accent-color:var(--interactive);margin:0}.popover-panel:focus{outline:none}.lightbox-bar{padding:var(--spacing-03) var(--spacing-05);background:var(--lb-bar);box-shadow:0 1px 0 var(--lb-line);flex:none}.lightbox-body{gap:var(--spacing-04);position:relative}.lightbox-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.lightbox-main .lightbox-stage{min-height:0}.lightbox-body.with-info{padding-right:var(--spacing-04)}.lightbox-image{border-radius:var(--photo-radius)}.filmstrip{align-items:center;gap:var(--spacing-03);padding:var(--spacing-03) var(--spacing-05) var(--spacing-04);flex:none;display:flex}.filmstrip-scroll{scrollbar-width:none;flex:1;min-width:0;overflow:auto hidden}.filmstrip-scroll::-webkit-scrollbar{display:none}.filmstrip-track{height:64px;position:relative}.filmstrip-item{border-radius:var(--photo-radius);background:var(--lb-thumb);opacity:.65;width:84px;height:60px;transition:opacity var(--dur-fast-02), border-color var(--dur-fast-02);border:2px solid #0000;padding:0;position:absolute;top:2px;overflow:hidden}.filmstrip-item:hover{opacity:1}.filmstrip-item.current{border-color:var(--brand);opacity:1}.filmstrip-item img{object-fit:cover;width:100%;height:100%;display:block}.filmstrip-arrow{border-radius:var(--radius-full);background:var(--lb-hover);width:32px;height:32px;color:var(--lb-icon);border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.filmstrip-arrow:hover{background:var(--lb-press);color:var(--lb-text)}.lightbox-info{width:320px;margin:var(--spacing-04) 0;padding:var(--spacing-02) var(--spacing-05) var(--spacing-05);border:1px solid var(--divider);border-radius:var(--photo-radius)}.lightbox-info .name-field,.lightbox-info .caption-field{margin-top:var(--spacing-05)}.lightbox-info .caption-field{margin-bottom:var(--spacing-05)}.info-section{padding:var(--spacing-05) 0 0;border-top:1px solid var(--divider)}.info-section+.info-section{margin-top:var(--spacing-05)}.info-section .section-label{margin-bottom:10px;display:block}.info-albums{margin:0 0 var(--spacing-04);flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.info-albums li{min-width:0;padding:var(--spacing-03) 10px;border-radius:var(--photo-radius);background:var(--bg-tertiary);font-size:var(--text-base);align-items:center;gap:10px;display:flex}.info-albums li svg{color:var(--brand);flex:none}.info-albums li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.info-empty{margin:0 0 var(--spacing-04);font-size:var(--text-base);color:var(--text-muted)}.info-actions{gap:var(--spacing-03);flex-wrap:wrap;display:flex}.info-actions .ghost-btn{align-items:center;gap:6px;display:inline-flex}@media (width<=760px){.filmstrip{display:none}.lightbox-body{gap:0}.lightbox-body.with-info{padding-right:0}.lightbox-info{border-width:1px 0 0;border-radius:0;width:auto;margin:0}}.filmstrip-track{margin:0 auto}.lightbox.clean .lightbox-bar,.lightbox.clean .filmstrip,.lightbox.clean .nav-arrow,.lightbox.clean .lightbox-info,.lightbox.clean .show-progress-track{display:none}.lightbox.clean .lightbox-body,.lightbox.clean .lightbox-body.with-info{gap:0;padding:0}.lightbox.clean:not(.peek),.lightbox.clean:not(.peek) .lightbox-image{cursor:none}.clean-exit{z-index:6;align-items:center;gap:var(--spacing-03);border-radius:var(--radius-full);background:var(--scrim);height:36px;color:var(--on-scrim);font-size:var(--text-base);opacity:0;pointer-events:none;transition:opacity var(--dur-fast-02);border:0;padding:0 14px;font-weight:600;display:inline-flex;position:absolute;top:16px;right:16px}.lightbox.peek .clean-exit,.clean-exit:focus-visible{opacity:1;pointer-events:auto}.clean-hint{z-index:6;border-radius:var(--radius-full);background:var(--scrim-strong);color:var(--on-scrim);font-size:var(--text-base);white-space:nowrap;pointer-events:none;padding:10px 18px;font-weight:600;animation:3.5s both clean-hint;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes clean-hint{0%{opacity:0;transform:translate(-50%,8px)}8%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.clean-hint{animation:none}}.lightbox:focus,.lightbox:focus-visible{outline:none}@media (width<=760px){.search:not(:focus-within){flex:none;min-width:0}.channel-title{flex-shrink:1}.channel-tools{min-width:auto}}@media (width>=761px) and (width<=860px){.channel-tools .primary-btn .add-label{display:none}}.nav-item.active .nav-count,.nav-item[aria-current=page] .nav-count,.layout-option.chosen .layout-hint{color:var(--text-normal)}:root{--tab-h:56px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}.tab-bar,.sheet-root,.sheet-scrim{display:none}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (width<=760px){.sidebar,.sidebar-scrim,.menu-btn,.channel-header .split-more{display:none!important}.app{padding-top:var(--safe-t)}.tab-bar{z-index:30;height:calc(var(--tab-h) + var(--safe-b));padding:0 var(--spacing-02) var(--safe-b);background:var(--bg-secondary);box-shadow:0 -1px 0 var(--divider);grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.tab-item{height:var(--tab-h);color:var(--text-muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.tab-item.active{color:var(--text-strong)}.tab-icon{display:inline-flex;position:relative}.tab-dot{border-radius:var(--radius-full);background:var(--brand);width:9px;height:9px;box-shadow:0 0 0 2px var(--bg-secondary);position:absolute;top:-2px;right:-4px}.tab-dot.inline{flex:none;position:static}.sheet-root{z-index:400;display:block;position:fixed;inset:0}.sheet-scrim{z-index:340;background:var(--overlay);animation:fade-in var(--dur-fast-02);display:block;position:fixed;inset:0}.sheet-root .sheet-scrim{z-index:0;position:absolute}.sheet{z-index:1;max-height:86vh;padding:var(--spacing-03) var(--spacing-03) calc(12px + var(--safe-b));border-radius:var(--radius-2xl) 20px 0 0;background:var(--bg-floating);box-shadow:0 -8px 32px var(--shadow-color);animation:sheet-up var(--dur-moderate-01) var(--ease-entrance);position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.sheet-handle{width:40px;height:4px;margin:var(--spacing-01) auto var(--spacing-03);border-radius:var(--radius-full);background:var(--border-strong);opacity:.6;display:block}.sheet-list{margin:0;padding:0;list-style:none}.sheet-row{align-items:center;gap:var(--spacing-05);width:100%;min-height:64px;padding:var(--spacing-03) var(--spacing-04);border-radius:var(--radius-lg);color:var(--text-normal);font-size:var(--text-lg);text-align:left;background:0 0;border:0;display:flex}.sheet-row:active,.sheet-row.active{background:var(--bg-selected)}.sheet-row svg{flex:none}.sheet-row-text{gap:var(--spacing-01);flex-direction:column;flex:1;min-width:0;display:flex}.sheet-row-text strong{font-size:var(--text-lg);color:var(--text-strong);font-weight:600}.sheet-row-text span{font-size:var(--text-sm);color:var(--text-muted)}.sheet-count{min-width:28px;padding:var(--spacing-01) var(--spacing-03);border-radius:var(--radius-full);background:var(--bg-tertiary);font-size:var(--text-sm);text-align:center;font-weight:600}.theme-row{margin-top:var(--spacing-02);border-top:1px solid var(--divider);border-radius:0 0 12px 12px}.popover-panel,.popover-panel.top{z-index:350;width:auto;max-height:82vh;padding:var(--spacing-04) var(--spacing-04) calc(16px + var(--safe-b));border-radius:var(--radius-2xl) 20px 0 0;box-shadow:0 -8px 32px var(--shadow-color);animation:sheet-up var(--dur-moderate-01) var(--ease-entrance);position:fixed;inset:auto 0 0;overflow-y:auto}.popover-panel:before{content:"";width:40px;height:4px;margin:calc(var(--spacing-02) * -1) auto 10px;border-radius:var(--radius-full);background:var(--border-strong);opacity:.6;display:block}.popover-panel .menu-title{margin:var(--spacing-02) var(--spacing-03) var(--spacing-03);font-size:var(--text-sm)}.popover-panel .menu-item{height:52px;padding:0 var(--spacing-04);font-size:var(--text-lg);border-radius:10px}.view-popover,.sort-panel,.move-panel,.save-menu{width:auto}.layout-option{min-height:92px}.save-menu{z-index:350;max-height:78vh;padding:var(--spacing-04) var(--spacing-03) calc(12px + var(--safe-b));border-radius:var(--radius-2xl) 20px 0 0}.save-menu:before{content:"";width:40px;height:4px;margin:calc(var(--spacing-01) * -1) auto 10px;border-radius:var(--radius-full);background:var(--border-strong);opacity:.6;display:block}.save-menu .menu-item{height:56px;font-size:var(--text-lg)}.channel-header{gap:var(--spacing-02);height:56px;padding:0 6px 0 var(--spacing-05)}.channel-title{font-size:var(--text-xl);font-weight:700}.channel-tools{gap:0}.channel-tools .header-btn,.channel-tools .popover>.header-btn{border-radius:var(--radius-full);justify-content:center;width:44px;height:44px;padding:0}.header-btn .tool-label{display:none}.search:not(:focus-within){border-radius:var(--radius-full);width:44px;height:44px}.channel-tools .primary-btn,.channel-tools .danger-btn{height:44px}.content{padding:6px 6px calc(var(--tab-h) + var(--safe-b) + 24px)}.dock{gap:0;bottom:0;left:0;right:0}.selection-bar{width:100%;max-width:none;height:auto;padding:6px var(--spacing-02) calc(6px + var(--safe-b));box-shadow:0 -2px 16px var(--shadow-color);border-radius:0;justify-content:space-between}.selection-bar .bar-sep{display:none}.selection-bar .selection-count{padding:0 10px 0 var(--spacing-01);font-size:var(--text-md);font-weight:700}.selection-bar .selection-count .count-word{display:none}.selection-bar .popover{flex:1;display:flex}.selection-bar .bar-icon,.selection-bar .bar-btn{height:56px}.selection-bar .bar-icon.has-label{width:auto;padding:0 var(--spacing-02);flex-direction:column;flex:1;gap:3px}.selection-bar .bar-label{font-size:11px;font-weight:600;display:block}.selection-bar .bar-btn{font-size:var(--text-base);flex:1;justify-content:center}.backup-reminder{margin-bottom:var(--spacing-03);padding:10px 6px 10px var(--spacing-04)}.backup-reminder .notice-body,.backup-reminder .notice-actions button:nth-child(2){display:none}.backup-reminder .notice-text{flex-direction:column;gap:6px;display:flex}.backup-reminder .notice-title{font-size:var(--text-base);line-height:1.3}.backup-reminder .notice-actions{margin:0}.backup-reminder .notice-actions .tertiary-btn{min-height:36px;padding:0 var(--spacing-04);font-size:var(--text-base)}.toaster{top:auto;right:12px;bottom:calc(var(--tab-h) + var(--safe-b) + 12px);align-items:stretch;left:12px}.toast{width:auto;max-width:none}input,select,textarea,.search input,.text-input,.select{font-size:var(--text-lg)}.text-input,.select{height:48px}textarea.text-input{height:auto}.primary-btn,.ghost-btn,.tertiary-btn,.danger-btn{min-height:44px;font-size:var(--text-md)}.ghost-btn.compact{min-height:40px}.icon-btn{min-width:44px;min-height:44px}.icon-btn.small{min-width:36px;min-height:36px}.backup-page,.about-page,.page-body{font-size:var(--text-md)}}@media (pointer:coarse){.tile-save{display:none}.tile-check{opacity:0;pointer-events:none}.tile.selecting .tile-check{opacity:1;pointer-events:auto}.tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.lightbox-dock,.lightbox.clean .lightbox-dock{display:none}@media (width<=760px){.lightbox-bar.phone{height:calc(52px + var(--safe-t));padding:var(--safe-t) var(--spacing-02) 0;gap:0}.lightbox-bar.phone .lightbox-counter{font-size:var(--text-md);text-align:center;flex:1}.lightbox-bar.phone .lightbox-actions{gap:0;margin-left:0}.lightbox-bar.phone .icon-btn{width:44px;height:44px}.lightbox-dock{gap:var(--spacing-02);padding:6px var(--spacing-03) calc(6px + var(--safe-b));background:var(--lb-bar);box-shadow:0 -1px 0 var(--lb-line);flex:none;display:flex}.dock-btn{border-radius:var(--radius-lg);min-height:56px;color:var(--lb-icon);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:600;display:flex}.dock-btn.active{background:var(--lb-press);color:var(--lb-text)}.dock-btn.danger{color:var(--danger-text)}.dock-btn:active{background:var(--lb-hover)}.lightbox .nav-arrow{display:none}.lightbox-info{max-height:52%}.lightbox-image{max-width:100%;max-height:100%}.dialog-scrim{padding:10vh var(--spacing-04) var(--spacing-04);align-items:flex-start}.dialog{width:100%;padding:20px var(--spacing-05) var(--spacing-05);border-radius:var(--radius-xl)}.dialog-title{font-size:var(--text-xl);font-weight:700}.dialog-message{font-size:var(--text-lg);line-height:24px}.dialog-detail{font-size:var(--text-base)}.dialog-actions{gap:var(--spacing-03);margin:20px 0 0}.dialog-actions>button{height:52px;min-height:52px;padding:0 var(--spacing-04);border-radius:var(--radius-lg);font-size:var(--text-lg);justify-content:center;align-items:center;font-weight:600}.empty{padding:0 var(--spacing-04);margin-top:6vh}.empty h2{font-size:22px}.empty p{font-size:var(--text-md);line-height:1.5}.empty-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%}.empty-actions .primary-btn,.empty-actions .tertiary-btn{border-radius:var(--radius-lg);width:100%;min-height:52px;font-size:var(--text-lg);justify-content:center}.content{overscroll-behavior-y:contain}button,a,[role=button]{-webkit-tap-highlight-color:transparent}}@media (width<=900px) and (height<=480px) and (orientation:landscape){:root{--tab-h:48px}.lightbox-dock .dock-btn span{display:none}.lightbox-dock .dock-btn{min-height:44px}}@media (width<=760px){.notice-close{width:44px;height:44px}.backup-reminder .notice-actions .tertiary-btn{min-height:44px}.zoom-control .icon-btn,.zoom-control .icon-btn.small{min-width:44px;min-height:44px}.zoom-control .text-input{min-height:44px}input[type=range]{height:32px}.selection-bar .bar-icon:not(.has-label){width:44px}.view-toggle{min-height:48px}.view-toggle input{width:22px;height:22px}}@media (hover:none){.tooltip{display:none!important}}@media (pointer:coarse){.card-icon{width:40px;height:40px}.album-card-actions{gap:var(--spacing-02)}}@media (pointer:coarse) and (height<=480px){.sidebar-collapse{display:none}}.search-back{display:none}@media (width<=760px){.search:focus-within{z-index:5;align-items:center;gap:var(--spacing-01);width:auto;height:auto;padding:0 var(--spacing-03) 0 var(--spacing-02);background:var(--bg-primary);box-shadow:0 1px 0 var(--divider);border-bottom-color:#0000;border-radius:0;outline:none;display:flex;position:absolute;inset:0;transform:none}.search:focus-within .search-icon{display:none}.search:focus-within .search-back{border-radius:var(--radius-full);width:44px;height:44px;color:var(--text-strong);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.search:focus-within input{opacity:1;width:auto;height:44px;font-size:17px;position:static}.search:focus-within .search-clear{width:44px;height:44px;display:inline-flex}.album-card.with-more .album-info{padding-right:34px}.album-more{border-radius:var(--radius-full);width:44px;height:44px;color:var(--text-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.album-more:active{background:var(--bg-hover)}.album-name{font-size:var(--text-md)}.album-meta{font-size:var(--text-sm)}.sheet-title{margin:0 var(--spacing-04) 6px;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-weight:700;overflow:hidden}.sheet-row.danger,.sheet-row.danger .sheet-row-text strong{color:var(--danger-text)}.sheet-row:disabled{opacity:.4}.layout-name{font-size:var(--text-base)}.layout-hint{font-size:var(--text-xs)}.zoom-control.simple{border-top:1px solid var(--divider);margin-top:6px;padding-top:6px}.zoom-simple-head{justify-content:space-between;align-items:center;display:flex}.zoom-simple-head .menu-title{margin:0 var(--spacing-03)}.zoom-reset{min-height:44px;padding:0 var(--spacing-03);color:var(--interactive);font-size:var(--text-md);background:0 0;border:0;font-weight:600}.zoom-reset:disabled{color:var(--text-muted);opacity:.6}.zoom-control.simple .zoom-slider{width:calc(100% - 16px);margin:0 var(--spacing-03);display:block}.zoom-scale.words{margin:0 var(--spacing-03) var(--spacing-02);font-size:var(--text-sm);color:var(--text-muted);justify-content:space-between;display:flex}input[type=range]{appearance:none;background:0 0}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-sm);background:var(--border-strong);height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--bg-floating);border-radius:var(--radius-full);background:var(--brand);width:28px;height:28px;box-shadow:var(--shadow-sm);margin-top:-11px}input[type=range]::-moz-range-track{border-radius:var(--radius-sm);background:var(--border-strong);height:6px}input[type=range]::-moz-range-thumb{border:3px solid var(--bg-floating);border-radius:var(--radius-full);background:var(--brand);width:22px;height:22px}.view-toggle{min-height:52px;font-size:var(--text-lg);flex-direction:row-reverse;justify-content:space-between}.view-toggle input{appearance:none;border-radius:var(--radius-full);background:var(--border-strong);width:50px;height:30px;transition:background-color var(--dur-fast-02);flex:none;position:relative}.view-toggle input:after{content:"";border-radius:var(--radius-full);background:var(--knob);width:24px;height:24px;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast-02);position:absolute;top:3px;left:3px}.view-toggle input:checked{background:var(--brand)}.view-toggle input:checked:after{transform:translate(20px)}.channel-header{z-index:auto}.channel-tools .header-btn,.channel-tools .popover>.header-btn,.search:not(:focus-within){width:48px;height:48px}.channel-tools .header-btn svg,.search:not(:focus-within) .search-icon{width:24px;height:24px}.channel-header{height:60px}.channel-tools .split-button{margin-left:var(--spacing-02);border-radius:var(--radius-full);overflow:hidden}.channel-tools .primary-btn{height:40px;padding:0 var(--spacing-05);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:600}.channel-tools .primary-btn:not(.danger-btn) svg{display:none}.channel-tools .primary-btn .add-label{display:inline}}@media (width<=340px){.channel-tools .primary-btn .add-label{display:none}.channel-tools .primary-btn:not(.danger-btn) svg{display:inline}}@media (width<=400px){.channel-header{padding:0 var(--spacing-01) 0 14px}.channel-tools .header-btn,.channel-tools .popover>.header-btn,.search:not(:focus-within){width:44px;height:44px}.channel-tools .split-button{margin-left:var(--spacing-01)}.channel-tools .primary-btn{font-size:var(--text-sm);padding:0 10px}.channel-title{font-size:19px}}.sidebar-albums{display:none}.app.photo-dragging .sidebar:not(.collapsed) .sidebar-albums{display:block}.app.photo-dragging .sidebar:not(.collapsed) .album-list{max-height:55vh;overflow-y:auto}.legal-page .legal-part{margin:var(--spacing-07) 0 var(--spacing-02);padding-top:var(--spacing-05);border-top:1px solid var(--divider);font-size:var(--text-2xl)}.legal-page h3{font-size:var(--text-lg);color:var(--text-strong);margin:0 0 6px;font-weight:600}.legal-page .backup-section{margin-top:18px}.legal-page .backup-section p+p,.legal-page .backup-section p+ul,.legal-page .backup-section ul+p{margin-top:10px}.legal-toc{gap:var(--spacing-03);margin-top:var(--spacing-04);flex-wrap:wrap;display:flex}.legal-page a{color:var(--interactive)}:root{--font:"Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Archivo", "Nunito", system-ui, sans-serif;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--photo-radius:12px}body{font-size:var(--text-md);letter-spacing:0}.primary-btn,.ghost-btn,.tertiary-btn,.danger-btn,.header-btn,.split-button,.bar-btn,.text-input,.select,.search,.toast-action,.progress-text,.backup-page code,.icon-btn,.bar-icon,.search-clear,.menu-item,.nav-item,.album-row,.theme-row{border-radius:var(--radius-sm)}.popover-panel,.selection-bar,.toast,.inline-notification,.backup-card,.backup-columns>div{border-radius:var(--radius-md)}.dialog{border-radius:var(--radius-lg)}.primary-btn,.danger-btn{font-weight:700}.ghost-btn,.tertiary-btn,.header-btn{font-weight:600}.tertiary-btn{border:1px solid var(--border-strong);color:var(--text-strong);background:0 0}.tertiary-btn:hover:not(:disabled){background:var(--bg-hover)}.text-input,.select{border:1px solid var(--border-subtle);background:var(--field)}.text-input:focus,.select:focus{border-color:var(--interactive);outline:2px solid color-mix(in srgb, var(--interactive) 35%, transparent);outline-offset:0}.popover-panel{padding:var(--spacing-03);border:1px solid var(--divider);box-shadow:var(--elevation)}.menu-item{height:42px}.menu-item.chosen{background:var(--bg-selected)}.toast,.inline-notification{box-shadow:var(--elevation);overflow:hidden}.backup-card,.backup-columns>div,.about-now{border:1px solid var(--divider);border-radius:var(--radius-md);background:var(--bg-secondary)}.about-stats{border-radius:var(--radius-md)}.meter{border-radius:var(--radius-full);height:6px;overflow:hidden}.meter>span{border-radius:var(--radius-full)}.sheet,.popover-panel,.save-menu{border-color:var(--divider)}.pull-refresh{top:calc(60px + var(--safe-t,0px));z-index:40;border-radius:var(--radius-full);background:var(--bg-floating);width:40px;height:40px;color:var(--text-secondary);box-shadow:var(--elevation);pointer-events:none;transition:opacity var(--dur-fast-02) var(--ease-standard), color var(--dur-fast-02) var(--ease-standard);place-items:center;display:grid;position:fixed;left:50%}.pull-refresh.ready,.pull-refresh.refreshing{color:var(--brand)}.pull-refresh.refreshing svg{animation:.8s linear infinite spin}@media (width>=761px){.pull-refresh{display:none}}.inline-notification,.toast,.toast-info{--accent:var(--support-info);--accent-surface:var(--support-info-surface);--accent-tile:var(--support-info-tile)}.inline-notification.success,.toast-success{--accent:var(--support-success);--accent-surface:var(--support-success-surface);--accent-tile:var(--support-success-tile)}.inline-notification.warning,.toast-warning{--accent:var(--support-warning);--accent-surface:var(--support-warning-surface);--accent-tile:var(--support-warning-tile)}.inline-notification.error,.toast-error{--accent:var(--support-error);--accent-surface:var(--support-error-surface);--accent-tile:var(--support-error-tile)}.inline-notification{align-items:flex-start;gap:var(--spacing-04);padding:var(--spacing-04);border-radius:var(--radius-md);background:var(--accent-surface);box-shadow:none;border:0}.inline-notification .notice-text{padding-top:var(--spacing-01)}.inline-notification .notice-title{color:var(--text-strong);font-weight:700}.inline-notification .notice-body{margin-top:var(--spacing-01);color:var(--text-secondary)}.notice-close{border-radius:var(--radius-sm);color:var(--text-muted);transition:background-color var(--dur-fast-02) var(--ease-standard), color var(--dur-fast-02) var(--ease-standard);margin:0}.inline-notification .notice-close:hover{background:var(--accent-tile);color:var(--text-strong)}.inline-notification.leaving{pointer-events:none;animation:notice-leave var(--dur-moderate-01) var(--ease-exit) forwards}@keyframes notice-leave{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)scale(.98)}}@media (width>=761px){.notice-close{width:36px;height:36px}}.toast{align-items:center;gap:var(--spacing-04);width:360px;max-width:calc(100vw - 32px);padding:var(--spacing-04) var(--spacing-03) var(--spacing-04) var(--spacing-04);border-radius:var(--radius-md);background:var(--accent-surface);color:var(--text-normal);box-shadow:var(--shadow-toast);animation:toast-enter var(--dur-moderate-02) var(--ease-entrance) both;border:0;overflow:visible}.notice-tile{border-radius:var(--radius-sm);background:var(--accent-tile);flex:none;place-items:center;width:36px;height:36px;display:grid}.toast .notice-tile{animation:toast-icon-in var(--dur-moderate-02) var(--ease-entrance) var(--dur-fast-01) both}.toast .notice-icon{color:var(--accent)}.toast-message{padding-top:0}.toast .notice-title{color:var(--text-strong);font-size:var(--text-md);font-weight:700}.toast .notice-body{margin-top:var(--spacing-01);color:var(--text-secondary);font-weight:400}.toast-action{margin-top:var(--spacing-02);color:var(--link);font-weight:600}.toast .icon-btn{width:36px;height:36px;color:var(--text-muted);transition:background-color var(--dur-fast-02) var(--ease-standard), color var(--dur-fast-02) var(--ease-standard);flex:none}.toast .icon-btn:hover{background:var(--accent-tile);color:var(--text-strong)}.toast.leaving{pointer-events:none;animation:toast-leave var(--dur-moderate-01) var(--ease-exit) forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes toast-leave{0%{opacity:1;transform:none}to{opacity:0;transform:translate(24px)scale(.98)}}@keyframes toast-icon-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (width>=761px){.toaster{top:calc(76px + var(--spacing-03))}}@keyframes toast-enter-up{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes toast-leave-down{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(16px)scale(.98)}}@media (width<=760px){.backup-reminder{padding:10px 6px 10px var(--spacing-04)}.toast{width:auto;max-width:none;animation-name:toast-enter-up}.toast.leaving{animation-name:toast-leave-down}}@media (width>=761px){.view-popover{width:360px;padding:var(--spacing-04)}.view-popover .menu-title{margin:0 0 var(--spacing-03)}.layout-options{gap:var(--spacing-03);margin-bottom:0}.layout-option{justify-content:flex-start;gap:var(--spacing-02);padding:var(--spacing-04) var(--spacing-03);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:background-color var(--dur-fast-02) var(--ease-standard), border-color var(--dur-fast-02) var(--ease-standard)}.layout-option svg{margin-bottom:var(--spacing-01)}.layout-option.chosen{border-color:var(--interactive);box-shadow:none;background:color-mix(in srgb, var(--interactive) 14%, transparent)}.layout-name{font-size:var(--text-base)}.layout-hint{font-size:var(--text-xs);line-height:1.35}.view-popover .view-toggle{margin:var(--spacing-04) 0 0;padding:var(--spacing-04) 0 0;border-top:1px solid var(--divider);font-size:var(--text-md);flex-direction:row-reverse;justify-content:space-between}.view-popover .view-toggle:hover{background:0 0}.view-popover .view-toggle input{appearance:none;border-radius:var(--radius-full);background:var(--border-strong);cursor:pointer;width:36px;height:20px;transition:background-color var(--dur-fast-02) var(--ease-standard);flex:none;position:relative}.view-popover .view-toggle input:after{content:"";border-radius:var(--radius-full);background:var(--knob);width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast-02) var(--ease-standard);position:absolute;top:2px;left:2px}.view-popover .view-toggle input:checked{background:var(--brand)}.view-popover .view-toggle input:checked:after{transform:translate(16px)}.view-popover .zoom-control{margin-top:var(--spacing-04);padding-top:var(--spacing-04);border-top:1px solid var(--divider)}.zoom-reset{height:28px;margin-right:calc(var(--spacing-03) * -1);padding:0 var(--spacing-03);border-radius:var(--radius-sm);color:var(--link);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;font-weight:600}.zoom-reset:hover:not(:disabled){background:var(--bg-hover)}.zoom-reset:disabled{color:var(--text-muted);cursor:default}.zoom-hint{font-size:var(--text-xs);text-align:left;color:var(--text-muted);flex:1;margin:0;line-height:1.4}}.sidebar{background:var(--bg-sidebar)}@media (width>=761px){.app{grid-template-columns:264px minmax(0,1fr)}.sidebar{border-right:1px solid var(--divider)}.sidebar-header{height:76px;box-shadow:none;padding:0 20px 0 22px}.sidebar-title{font-size:21px;font-weight:800}.channels{padding:var(--spacing-02) var(--spacing-04) var(--spacing-05)}.sidebar:not(.collapsed) .nav-item{height:var(--menu-item-height);padding:0 var(--menu-item-pad-x);gap:var(--menu-item-gap);border-radius:var(--menu-item-radius);color:var(--menu-text);font-size:var(--menu-font-size);font-weight:var(--menu-font-weight);transition:var(--menu-transition)}.sidebar:not(.collapsed) .nav-item:hover{background:var(--menu-bg-hover);color:var(--menu-text-hover)}.sidebar:not(.collapsed) .nav-item.active{background:var(--menu-bg-active);color:var(--menu-text-active);font-weight:var(--menu-font-weight-active);box-shadow:none}.sidebar:not(.collapsed) .nav-item.active svg{color:var(--menu-text-active)}.nav-count{font-size:var(--text-sm);font-weight:600}.category{margin:var(--spacing-06) 14px var(--spacing-03)}.category-label{font-size:var(--text-xs);font-weight:700}.user-panel{min-height:0;padding:var(--spacing-04);background:0 0;border-top:0}.channel-header{gap:var(--spacing-04);background:var(--bg-header);height:76px;box-shadow:none;padding:0 28px}.channel-title{letter-spacing:-.01em;color:var(--text-strong);font-size:26px;font-weight:800}.channel-divider{display:none}.count-pill,.count-label{font-size:var(--text-md);color:var(--text-muted);font-weight:600}.count-pill{margin-left:var(--spacing-02)}.channel-tools{gap:10px}.header-btn,.search,.channel-tools .primary-btn,.channel-tools .danger-btn{height:44px}.header-btn,.search:not(:focus-within):not(.has-query){padding:0 var(--spacing-05);border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-normal)}.header-btn:hover,.header-btn.open,.search:not(:focus-within):not(.has-query):hover{border-color:var(--border-subtle);background:var(--bg-tertiary)}.channel-tools .primary-btn{font-size:var(--text-md);padding:0 20px}.content{padding:var(--spacing-03) 28px var(--spacing-07)}.selection-bar{height:56px;padding:0 10px 0 var(--spacing-02);box-shadow:var(--elevation)}}.tile{border-radius:var(--photo-radius)}.dialog{border:1px solid var(--divider);background:var(--bg-secondary)}@media (width>=761px){.dialog{padding:28px 28px var(--spacing-06)}.dialog-title{font-size:22px;font-weight:800}.dialog-actions{margin:var(--spacing-06) 0 0;justify-content:flex-end;gap:10px}.dialog-actions>button{border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;height:44px;min-height:44px;padding:0 22px}}.tab-bar{background:var(--bg-sidebar)}.ghost-btn,.dialog-actions .ghost-btn,.backup-card .ghost-btn{background:var(--btn-secondary);color:var(--text-strong)}.ghost-btn:hover:not(:disabled),.dialog-actions .ghost-btn:hover{background:var(--btn-secondary-hover);color:var(--text-strong)}.ghost-btn:active:not(:disabled){background:var(--btn-secondary-active)}.tertiary-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-strong)}:is(.primary-btn:has(>svg),.ghost-btn:has(>svg),.danger-btn:has(>svg),.tertiary-btn:has(>svg)){flex-direction:row}.ghost-btn:disabled,.tertiary-btn:disabled{color:var(--text-muted);opacity:.6}.split-button{align-items:stretch;display:inline-flex}.split-button>.popover{display:flex}.split-button .primary-btn{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.split-button .split-more{border-left:1px solid var(--on-solid-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;align-self:stretch;width:40px;height:auto;min-height:40px;padding:0}@media (width>=761px){.split-button .split-more{height:44px}}.layout-option,.card-icon,.tooltip,.chip{border-radius:var(--radius-sm)}.tooltip{padding:6px var(--spacing-04);font-size:var(--text-sm);letter-spacing:0;font-weight:600}@media (width>=761px){.sort-panel{width:320px}}.sort-panel .menu-item-label,.menu-item-label{white-space:nowrap}@media (width>=761px) and (width<=1560px){.channel-tools .tool-label{display:none}.channel-tools{gap:var(--spacing-03)}.header-btn,.search:not(:focus-within):not(.has-query){padding:0 13px}.channel-header.has-selection .sort-label{display:none}.search:focus-within{flex-basis:220px}}@media (width>=761px) and (width<=1440px){.channel-header .count-label{display:none}}@media (width>=761px) and (width<=1100px){.selection-bar .bar-label{display:none}.selection-bar .bar-icon.has-label{width:40px;padding:0}}@media (width<=760px){.selection-bar .bar-btn{min-width:0;font-size:var(--text-sm);white-space:normal;text-align:center;padding:0 6px;line-height:1.15}}@media (width>=761px) and (width<=1000px){.channel-header.has-selection .channel-tools .primary-btn .add-label{display:none}}@media (width>=761px) and (width<=900px){.channel-header{gap:var(--spacing-03);padding:0 var(--spacing-05)}.channel-title{font-size:22px}}a.nav-item,a.sheet-row,a.tertiary-btn{text-decoration:none}a.sheet-row{color:var(--text-normal)}.prerender{align-items:center;gap:var(--spacing-05);max-width:560px;padding:12vh var(--spacing-06) var(--spacing-06);text-align:center;flex-direction:column;margin:0 auto;display:flex}.prerender h1{color:var(--text-strong);margin:0;font-size:26px;font-weight:800;line-height:1.25}.prerender p{color:var(--text-secondary);font-size:var(--text-lg);margin:0;line-height:1.5}.prerender ul{margin:0;padding:0;list-style:none}.prerender li{margin:6px 0}.prerender a{color:var(--link)}.empty{max-width:580px}.empty-art{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;max-width:min(360px,80vw);height:clamp(140px,26vh,220px);margin:0 auto 22px;display:block}.empty h2{letter-spacing:-.01em;color:var(--text-strong);font-size:30px;font-weight:800;line-height:1.2}.empty p{max-width:480px;font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6}.empty-actions{gap:14px;margin-top:28px}.empty-actions .primary-btn,.empty-actions .tertiary-btn{height:52px;min-height:52px;font-size:var(--text-lg);border-radius:14px;gap:10px;padding:0 26px;font-weight:700}.empty-actions .tertiary-btn{border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-strong);justify-content:center}.empty-actions .tertiary-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-tertiary)}.empty-actions .empty-link{width:auto;height:44px;min-height:44px;color:var(--link);background:0 0;border-color:#0000;flex:0 0 100%;margin:0 auto;font-weight:600}.empty-actions .empty-link:hover:not(:disabled){background:var(--bg-hover);border-color:#0000}.empty .empty-note{max-width:420px;font-size:var(--text-base);color:var(--text-muted);margin-top:18px;line-height:1.5}@media (width<=760px){.empty{margin-top:3vh}.empty h2{font-size:26px}.empty-actions{gap:10px}.empty-actions .empty-link{flex-basis:auto;width:100%;margin:0}}.content{scrollbar-gutter:stable}@media (width<=760px){:root{--gutter:16px;--gutter-grid:12px}.channel-header{padding:0 var(--gutter-grid) 0 var(--gutter)}.content{padding:var(--spacing-03) var(--gutter-grid) calc(var(--tab-h) + var(--safe-b) + 32px)}.content .backup-page{padding-left:var(--spacing-02);padding-right:var(--spacing-02)}.backup-reminder{margin-bottom:var(--spacing-04)}.selection-bar{gap:var(--spacing-02);padding:var(--spacing-03) var(--gutter-grid) calc(8px + var(--safe-b))}.selection-bar .selection-count{padding:0 var(--spacing-03) 0 0}.selection-bar .bar-icon.has-label{padding:0 var(--spacing-01)}.selection-bar .bar-label{font-size:var(--text-xs)}.selection-bar .popover>.bar-icon{width:100%}.toast{min-height:56px;padding:6px 6px 6px var(--spacing-05);align-items:center}.lightbox-image{border-radius:0}}@media (width<=760px) and (height<=480px){:root{--tab-h:44px}.channel-header{height:48px}.channel-tools .header-btn,.channel-tools .popover>.header-btn,.search:not(:focus-within){width:40px;height:40px}.channel-tools .primary-btn{height:36px}}.lightbox{background:var(--lb-page);color:var(--lb-text)}.lightbox-bar,.lightbox-dock{background:var(--lb-bar)}.lightbox-bar{box-shadow:0 1px 0 var(--lb-line)}.lightbox-dock{box-shadow:0 -1px 0 var(--lb-line)}.lightbox .icon-btn{color:var(--lb-icon)}.lightbox .icon-btn:hover{background:var(--lb-hover);color:var(--lb-text)}.lightbox .icon-btn.active,.lightbox .icon-btn.open{background:var(--lb-press);color:var(--lb-text)}.lightbox-counter{color:var(--lb-muted)}.lightbox-spinner{border-color:color-mix(in srgb, var(--lb-text) 20%, transparent);border-top-color:var(--brand)}.nav-arrow{border-radius:var(--radius-full);background:var(--lb-float);width:48px;height:48px;color:var(--lb-text);box-shadow:var(--elevation);transition:background-color var(--dur-fast-02) var(--ease-standard), transform var(--dur-fast-02) var(--ease-standard);margin-top:-24px}.nav-arrow:hover{background:var(--lb-bar);transform:scale(1.06)}.filmstrip-item{background:var(--lb-thumb)}.filmstrip-arrow{background:var(--lb-hover);color:var(--lb-icon)}.filmstrip-arrow:hover:not(:disabled){background:var(--lb-press);color:var(--lb-text)}.filmstrip-arrow:disabled{opacity:.35;cursor:default}.clean-exit,.clean-hint{background:var(--lb-float);color:var(--lb-text);box-shadow:var(--elevation)}.clean-exit:hover{background:var(--lb-bar)}.dock-btn{color:var(--lb-icon)}.dock-btn.active{background:var(--lb-press);color:var(--lb-text)}.dock-btn:active{background:var(--lb-hover)}.dock-btn.danger{color:var(--danger-text)}.lightbox-slide-preview{border-radius:var(--photo-radius);max-width:100%;max-height:100%}@media (width>=761px){.lightbox-bar{gap:var(--spacing-04);height:64px;padding:0 var(--spacing-05)}.lightbox-counter{min-width:40px;font-size:var(--text-sm);flex:none;font-weight:600}.lightbox-name{font-size:var(--text-md);color:var(--lb-text);font-weight:700}.lightbox-actions{align-items:center;gap:var(--spacing-02)}.lightbox .lightbox-actions .icon-btn{border-radius:var(--radius-sm);width:40px;height:40px}.lightbox .lightbox-actions .icon-btn.wide{gap:var(--spacing-02);width:auto;padding:0 var(--spacing-03);font-size:var(--text-sm)}}@media (width<=760px){.lightbox-slide-preview{border-radius:0}}.nav-item:focus-visible,.menu-item:focus-visible,.sheet-row:focus-visible{box-shadow:var(--menu-focus-ring);outline:none}.menu-item{border-radius:var(--menu-item-radius);transition:var(--menu-transition)}.nav-divider{height:1px;margin:var(--spacing-04) var(--menu-item-pad-x);background:var(--divider);border:0}.nav-group{flex-direction:column;display:flex}.nav-group+.nav-group{margin-top:var(--menu-group-gap)}.nav-group-toggle .nav-label{flex:1}.nav-chevron{color:var(--menu-text-muted);transition:transform var(--menu-disclosure-duration) var(--ease-standard);flex:none;transform:rotate(-90deg)}.nav-group.open .nav-chevron{transform:none}.nav-group-body{visibility:hidden;transition:grid-template-rows var(--menu-disclosure-duration) var(--ease-standard), visibility 0s linear var(--menu-disclosure-duration);grid-template-rows:0fr;display:grid}.nav-group.open>.nav-group-body{visibility:visible;transition:grid-template-rows var(--menu-disclosure-duration) var(--ease-standard), visibility 0s;grid-template-rows:1fr}.nav-group-items{gap:var(--menu-group-gap);min-height:0;margin-left:calc(var(--menu-item-pad-x) + 8px);padding:0 0 0 var(--spacing-03);border-left:1px solid var(--divider);overflow:hidden}.nav-group.open .nav-group-items{padding-top:var(--menu-group-gap);padding-bottom:var(--spacing-03)}.nav-value{font-size:var(--text-xs);color:var(--menu-text-muted);flex:none;margin-left:auto;font-weight:500}kbd.nav-value{border:1px solid var(--border-subtle);text-align:center;border-radius:5px;min-width:20px;padding:1px 6px;font-family:inherit}.nav-switch{border-radius:var(--radius-full);background:var(--border-subtle);width:32px;height:18px;transition:background-color var(--dur-fast-02) var(--ease-standard);flex:none;margin-left:auto;position:relative}.nav-switch:after{content:"";background:var(--knob);width:14px;height:14px;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast-02) var(--ease-standard);border-radius:50%;position:absolute;top:2px;left:2px}[aria-checked=true]>.nav-switch{background:var(--brand)}[aria-checked=true]>.nav-switch:after{transform:translate(14px)}@media (pointer:coarse){.nav-item.pointer-only{display:none}}@media (width<=760px){.nav-item.folder-entry{display:none}}.nav-flyout{z-index:var(--z-dropdown);min-width:232px;padding:var(--spacing-03);border-radius:var(--radius-lg);background:var(--bg-floating);box-shadow:var(--elevation), 0 0 0 1px var(--divider);animation:pop-in var(--dur-fast-02) var(--ease-entrance);flex-direction:column;display:flex;position:fixed}.nav-flyout-title{padding:var(--spacing-02) var(--menu-item-pad-x) var(--spacing-03);font-size:var(--menu-heading-size);font-weight:var(--menu-heading-weight);letter-spacing:var(--menu-heading-tracking);color:var(--menu-text-muted)}.nav-flyout .nav{gap:var(--menu-group-gap);padding:0}.nav-flyout .nav-item{height:var(--menu-item-height);padding:0 var(--menu-item-pad-x);gap:var(--menu-item-gap);border-radius:var(--menu-item-radius);color:var(--menu-text);font-size:var(--menu-font-size);font-weight:var(--menu-font-weight);transition:var(--menu-transition)}.nav-flyout .nav-item:hover{background:var(--menu-bg-hover);color:var(--menu-text-hover)}.nav-flyout .nav-item.active{background:var(--menu-bg-active);color:var(--menu-text-active);font-weight:var(--menu-font-weight-active)}@media (width>=761px){.sidebar.collapsed .nav-divider{margin:var(--spacing-03) var(--spacing-05)}.sidebar.collapsed .nav-chevron,.sidebar.collapsed .nav-value,.sidebar.collapsed .nav-switch,.sidebar.collapsed .storage-title,.sidebar.collapsed .storage-share{display:none}.sidebar.collapsed .nav-group-toggle[aria-expanded=true]{background:var(--menu-bg-hover);color:var(--menu-text-active)}.sidebar.collapsed .storage-card{padding:var(--spacing-04) 0;color:var(--menu-text);background:0 0;border:0;align-items:center}.sidebar.collapsed .storage-head{justify-content:center}}.user-panel{display:flex}.storage-card{gap:var(--spacing-03);width:100%;padding:var(--spacing-04);border:1px solid var(--divider);border-radius:var(--radius-lg);background:var(--bg-secondary);flex-direction:column;display:flex}.storage-head{align-items:center;gap:var(--spacing-03);color:var(--menu-text-muted);display:flex}.storage-title{font-size:var(--menu-heading-size);font-weight:var(--menu-heading-weight);letter-spacing:var(--menu-heading-tracking)}.storage-share{font-size:var(--text-xs);margin-left:auto;font-weight:600}.storage-card .user-text{gap:var(--spacing-03)}.storage-card .storage{font-size:var(--text-md);color:var(--text-strong);font-weight:600}.storage-card .meter{border-radius:var(--radius-full);height:6px;overflow:hidden}.storage-card .meter>span{border-radius:var(--radius-full)}@media (width<=760px){.sheet-heading{margin:var(--menu-section-gap) var(--menu-item-pad-x) var(--spacing-02);font-size:var(--menu-heading-size);font-weight:var(--menu-heading-weight);letter-spacing:var(--menu-heading-tracking);color:var(--menu-text-muted)}.sheet-handle+.sheet-heading{margin-top:var(--spacing-02)}.sheet-row{gap:var(--menu-item-gap);min-height:var(--menu-item-height-touch);padding:0 var(--menu-item-pad-x);border-radius:var(--menu-item-radius);transition:var(--menu-transition)}.sheet-row-text strong{font-size:var(--menu-font-size-touch)}.sheet-value{font-size:var(--text-md);color:var(--menu-text-muted);flex:none;margin-left:auto}}.google-btn{justify-content:center;align-items:center;gap:var(--spacing-04);width:100%;min-height:44px;padding:0 var(--spacing-05);border:1px solid var(--google-border);border-radius:var(--radius-full);background:var(--google-bg);color:var(--google-text);font-size:var(--text-md);transition:background-color var(--dur-fast-02) var(--ease-standard), box-shadow var(--dur-fast-02) var(--ease-standard);font-weight:600;text-decoration:none;display:flex}.google-btn:hover{background:var(--google-bg-hover);box-shadow:var(--google-shadow)}.google-btn:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.google-btn svg{flex:none}.signin-or{align-items:center;gap:var(--spacing-04);margin:var(--spacing-05) 0 var(--spacing-03);font-size:var(--text-sm);color:var(--text-muted);text-align:center;display:flex}.signin-or:before,.signin-or:after{content:"";background:var(--divider);flex:1;height:1px}.usage{gap:var(--spacing-03);flex-direction:column;display:flex}.usage-head{align-items:center;gap:var(--spacing-03);font-size:var(--text-base);color:var(--text-secondary);display:flex}.usage-label{color:var(--text-strong);font-weight:600}.usage-count{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.paywall-scrim{overflow-y:auto}.paywall{--text-strong:var(--premium-text);--text-normal:var(--premium-text);--text-secondary:var(--premium-secondary);--text-muted:var(--premium-muted);--divider:var(--premium-border);--field:var(--premium-surface-2);--border-subtle:var(--premium-border-strong);--interactive:var(--premium-interactive);--gold-text:var(--gold);--gold-soft:color-mix(in oklch, var(--gold) 14%, transparent);gap:var(--spacing-05);width:min(480px,100%);max-height:calc(100dvh - 32px);padding:var(--spacing-07) var(--spacing-06) var(--spacing-06);border:1px solid var(--premium-border);background:radial-gradient(120% 55% at 50% 0%, color-mix(in oklch, var(--gold) 10%, transparent), transparent 60%), var(--premium-bg);color:var(--premium-text);box-shadow:0 24px 64px var(--shadow-color);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;animation:pop-in var(--dur-moderate-02) var(--ease-entrance);border-radius:20px;flex-direction:column;margin:auto;display:flex;position:relative;overflow-y:auto}.paywall-close{top:var(--spacing-04);right:var(--spacing-04);border-radius:var(--radius-full);width:44px;height:44px;color:var(--premium-muted);cursor:pointer;transition:background-color var(--dur-fast-02) var(--ease-standard), color var(--dur-fast-02) var(--ease-standard);background:0 0;border:0;place-items:center;display:grid;position:absolute}.paywall-close:hover{background:var(--premium-hover);color:var(--premium-text)}.paywall-crown{border-radius:var(--radius-full);background:var(--gold-soft);width:48px;height:48px;color:var(--gold);place-items:center;display:grid}.paywall-title{text-wrap:balance;color:var(--premium-text);margin:0;font-size:26px;font-weight:800;line-height:1.2}.paywall-gold{color:var(--gold)}.paywall-subtitle{margin:calc(var(--spacing-03) * -1) 0 0;font-size:var(--text-md);color:var(--premium-muted);line-height:1.5}.paywall-benefits{gap:var(--spacing-04);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.paywall-benefits li{align-items:flex-start;gap:var(--spacing-04);display:flex}.paywall-benefits li>span:last-child{flex-direction:column;gap:2px;display:flex}.paywall-benefits strong{font-size:var(--text-md);color:var(--premium-text);font-weight:700}.paywall-benefits li>span:last-child>span{font-size:var(--text-sm);color:var(--premium-muted)}.paywall-check{border-radius:var(--radius-full);background:var(--gold-soft);width:24px;height:24px;color:var(--gold);flex:none;place-items:center;display:grid}.paywall-plans{gap:var(--spacing-03);flex-direction:column;display:flex}.paywall-plan{align-items:center;gap:var(--spacing-04);min-height:72px;padding:var(--spacing-04) var(--spacing-05);border:1px solid var(--premium-border);background:var(--premium-surface);cursor:pointer;transition:border-color var(--dur-fast-02) var(--ease-standard), box-shadow var(--dur-moderate-01) var(--ease-standard), transform var(--dur-fast-02) var(--ease-standard);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.paywall-plan:hover{border-color:color-mix(in oklch, var(--gold) 45%, transparent)}.paywall-plan:active{transform:scale(.99)}.paywall-plan.chosen{border-color:var(--gold);background:linear-gradient(180deg, color-mix(in oklch, var(--gold) 9%, transparent), transparent), var(--premium-surface);box-shadow:0 0 0 1px var(--gold), 0 8px 24px color-mix(in oklch, var(--gold) 12%, transparent)}.paywall-plan input{opacity:0;pointer-events:none;position:absolute}.paywall-plan:has(input:focus-visible){outline:2px solid var(--interactive);outline-offset:2px}.paywall-plan-mark{border-radius:var(--radius-full);place-items:center;width:32px;height:32px;display:grid}.paywall-plan.chosen .paywall-plan-mark{background:var(--gold);color:var(--gold-ink)}.paywall-plan-dot{border:2px solid var(--premium-border-strong);border-radius:var(--radius-full);width:18px;height:18px}.paywall-plan-text{flex-direction:column;gap:2px;min-width:0;display:flex}.paywall-plan-name{align-items:center;gap:var(--spacing-03);font-size:var(--text-md);color:var(--premium-text);flex-wrap:wrap;font-weight:700;display:flex}.paywall-plan-badge{padding:2px var(--spacing-03);border-radius:var(--radius-full);background:var(--gold-soft);color:var(--gold);font-size:11px;font-weight:800}.paywall-plan-note{font-size:var(--text-sm);color:var(--premium-muted)}.paywall-plan-price{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.paywall-plan-price strong{font-variant-numeric:tabular-nums;color:var(--premium-text);font-size:18px;font-weight:800}.paywall-plan-price span{font-size:var(--text-xs);color:var(--premium-muted)}.paywall-plan.skeleton{cursor:default;background:linear-gradient(90deg, var(--premium-surface) 0%, var(--premium-surface-2) 50%, var(--premium-surface) 100%);background-size:200% 100%;border-color:#0000;animation:1.4s linear infinite shimmer}.paywall-note,.paywall-retry{padding:var(--spacing-05);border:1px dashed var(--premium-border-strong);font-size:var(--text-base);text-align:center;color:var(--premium-muted);border-radius:14px;margin:0}.paywall-retry{align-items:center;gap:var(--spacing-04);flex-direction:column;display:flex}.paywall-retry p{margin:0}.paywall-cta{justify-content:center;align-items:center;gap:var(--spacing-03);width:100%;min-height:52px;padding:0 var(--spacing-05);background:linear-gradient(180deg, var(--gold-light), var(--gold) 55%, var(--gold-strong));color:var(--gold-ink);font-size:var(--text-lg);cursor:pointer;box-shadow:0 8px 24px color-mix(in oklch, var(--gold) 22%, transparent);transition:transform var(--dur-fast-02) var(--ease-standard), filter var(--dur-fast-02) var(--ease-standard);border:0;border-radius:14px;font-weight:800;animation:2.8s ease-in-out infinite cta-glow;display:flex}.paywall-cta:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.paywall-cta:active:not(:disabled){transform:scale(.99)}.paywall-cta:disabled{opacity:.75;cursor:progress;animation:none}.paywall-cta:focus-visible,.paywall-outline:focus-visible{outline:2px solid var(--premium-text);outline-offset:2px}.paywall-cta.compact{width:auto;min-height:44px;font-size:var(--text-md);box-shadow:none;flex:none;animation:none}@keyframes cta-glow{0%,to{box-shadow:0 8px 24px color-mix(in oklch, var(--gold) 20%, transparent)}50%{box-shadow:0 8px 32px color-mix(in oklch, var(--gold) 42%, transparent)}}@media (prefers-reduced-motion:reduce){.paywall-cta,.paywall-plan.skeleton{animation:none!important}}.paywall-outline{justify-content:center;align-items:center;gap:var(--spacing-03);min-height:48px;padding:0 var(--spacing-05);border:1px solid var(--premium-border-strong);color:var(--premium-text);font-size:var(--text-md);cursor:pointer;transition:background-color var(--dur-fast-02) var(--ease-standard);background:0 0;border-radius:14px;font-weight:600;display:inline-flex}.paywall-outline:hover{background:var(--premium-hover)}.paywall-outline.wide{width:100%}.paywall-error{margin:calc(var(--spacing-03) * -1) 0 0;font-size:var(--text-sm);color:var(--premium-error);text-align:center}.paywall-signin{gap:var(--spacing-04);padding:var(--spacing-05);border:1px solid var(--premium-border);background:var(--premium-surface);text-align:center;border-radius:14px;flex-direction:column;display:flex}.paywall-signin p{font-size:var(--text-sm);color:var(--premium-muted);margin:0}.paywall-signin .paywall-signin-title{font-size:var(--text-base);color:var(--premium-text);font-weight:700}.paywall-signin .signin-or{margin:0}.paywall-email{gap:var(--spacing-03);display:flex}.paywall-email .text-input{flex:1;min-width:0;min-height:44px}.paywall-trust{justify-content:center;gap:var(--spacing-02) var(--spacing-05);font-size:var(--text-xs);color:var(--premium-muted);flex-wrap:wrap;margin:0;display:flex}.paywall-trust span{align-items:center;gap:6px;display:inline-flex}@media (width<=760px){.paywall-scrim{padding:var(--spacing-05) var(--spacing-04)}.paywall{gap:var(--spacing-05);padding:var(--spacing-06) var(--spacing-05) var(--spacing-05)}.paywall-title{padding-right:var(--spacing-07);font-size:22px}}.account-page{max-width:760px}.account-hero{align-items:center;gap:var(--spacing-05);margin:var(--spacing-03) 0 var(--spacing-06);padding:var(--spacing-06);border:1px solid var(--divider);background:var(--bg-secondary);border-radius:16px;display:flex}.account-hero.pro{border-color:color-mix(in srgb, var(--gold) 45%, transparent);background:linear-gradient(135deg, var(--gold-soft), transparent 60%), var(--bg-secondary)}.account-avatar{border-radius:var(--radius-full);background:var(--brand);width:56px;height:56px;color:var(--on-solid);flex:none;place-items:center;font-size:24px;font-weight:800;display:grid}.account-hero.pro .account-avatar{box-shadow:0 0 0 3px var(--bg-secondary), 0 0 0 5px var(--gold)}.account-hero-text{flex-direction:column;gap:6px;min-width:0;display:flex}.account-hero-name{color:var(--text-strong);overflow-wrap:anywhere;font-size:18px;font-weight:700}.account-hero-meta{align-items:center;gap:var(--spacing-03);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.plan-chip{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-xs);align-items:center;gap:4px;padding:3px 10px;font-weight:700;display:inline-flex}.plan-chip.pro{background:var(--gold-soft);color:var(--gold-text)}.account-tabs{gap:var(--spacing-02);margin-bottom:var(--spacing-05);scrollbar-width:none;border-bottom:1px solid var(--divider);display:flex;overflow:auto hidden}.account-panel>.backup-section,.account-page>.backup-section{margin-top:var(--spacing-06)}.account-tab{min-height:44px;padding:0 var(--spacing-05);color:var(--text-secondary);font-size:var(--text-md);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast-02) var(--ease-standard), border-color var(--dur-fast-02) var(--ease-standard);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600}.account-tab:hover{color:var(--text-strong)}.account-tab.active{border-bottom-color:var(--interactive);color:var(--text-strong)}.account-tab:focus-visible{box-shadow:var(--menu-focus-ring);outline:none}.account-panel{animation:fade-in var(--dur-fast-02) var(--ease-entrance)}.account-card{gap:var(--spacing-05);padding:var(--spacing-05);border:1px solid var(--divider);background:var(--bg-secondary);border-radius:14px;flex-direction:column;display:flex}.account-card.rows{padding:0 var(--spacing-05);gap:0}.account-row{align-items:center;gap:var(--spacing-04);min-height:64px;padding:var(--spacing-04) 0;border-top:1px solid var(--divider);display:flex}.account-card.rows>.account-row:first-child,.account-card>.account-row:first-child{border-top:0}button.account-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0}button.account-row:hover .account-row-text strong{color:var(--interactive)}button.account-row:focus-visible{box-shadow:var(--menu-focus-ring);outline:none}.account-row-icon{border-radius:var(--radius-full);background:var(--bg-tertiary);width:36px;height:36px;color:var(--icon-muted);flex:none;place-items:center;display:grid}.account-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.account-row-text strong{font-size:var(--text-md);color:var(--text-strong);transition:color var(--dur-fast-02) var(--ease-standard);font-weight:600}.account-row-text>span{font-size:var(--text-sm);color:var(--text-muted);overflow-wrap:anywhere}.account-row-action,.account-confirm{justify-content:flex-end;gap:var(--spacing-03);flex-wrap:wrap;flex:none;display:flex}.account-row-chevron{color:var(--text-muted);flex:none}.account-calm{margin:0 0 var(--spacing-04);color:var(--text-secondary)}.danger-outline-btn{align-items:center;gap:var(--spacing-03);height:40px;padding:0 var(--spacing-05);border:1px solid color-mix(in oklch, var(--danger-text) 45%, transparent);border-radius:var(--radius-sm);color:var(--danger-text);transition:background-color var(--dur-fast-02) var(--ease-standard);background:0 0;font-weight:600;display:inline-flex}.danger-outline-btn:hover{background:color-mix(in oklch, var(--danger) 10%, transparent)}.account-danger-confirm{gap:var(--spacing-03);padding:0 0 var(--spacing-04) 52px;flex-direction:column;display:flex}.account-danger-confirm p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.account-danger-confirm .account-danger-question{font-size:var(--text-md);color:var(--text-strong);font-weight:600}.account-danger-confirm .account-confirm{justify-content:flex-start}.plan-card-head{align-items:center;gap:var(--spacing-04);display:flex}.plan-card-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.plan-card-title strong{color:var(--text-strong);font-size:17px;font-weight:700}.plan-card-title span{font-size:var(--text-sm);color:var(--text-muted)}.plan-card.pro{border-color:color-mix(in srgb, var(--gold) 50%, transparent);background:linear-gradient(135deg, var(--gold-soft), transparent 55%), var(--bg-secondary)}.plan-card-crown{border-radius:var(--radius-full);background:var(--gold-soft);width:36px;height:36px;color:var(--gold-text);flex:none;place-items:center;display:grid}.status-chip{border-radius:var(--radius-full);font-size:var(--text-xs);flex:none;padding:3px 10px;font-weight:700}.status-chip.success{background:color-mix(in srgb, var(--support-success) 18%, transparent);color:var(--text-strong)}.status-chip.warning{background:var(--gold-soft);color:var(--gold-text)}.account-card.compare{padding:var(--spacing-02) var(--spacing-05);gap:0}.compare-row{border-top:1px solid var(--divider);min-height:44px;font-size:var(--text-base);color:var(--text-secondary);grid-template-columns:minmax(0,1fr) 110px 120px;align-items:center;display:grid}.compare-row:first-child{border-top:0}.compare-row.head{font-size:var(--text-xs);color:var(--text-muted);font-weight:700}.compare-row .pro{color:var(--gold-text);font-weight:700}.compare-row svg{color:var(--text-strong)}.compare-row .pro svg{color:var(--gold-text)}.account-upgrade{justify-content:center;align-items:center;gap:var(--spacing-03);width:100%;min-height:48px;margin-top:var(--spacing-05);background:linear-gradient(180deg, var(--gold-light), var(--gold) 55%, var(--gold-strong));color:var(--gold-ink);font-size:var(--text-md);cursor:pointer;box-shadow:0 6px 18px color-mix(in oklch, var(--gold) 20%, transparent);transition:transform var(--dur-fast-02) var(--ease-standard);border:0;border-radius:12px;font-weight:800;display:flex}.account-card .account-upgrade{margin-top:0}.account-upgrade:hover{transform:translateY(-1px)}.account-upgrade:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.account-footnote{margin:var(--spacing-03) 0 0;font-size:var(--text-sm);color:var(--text-muted)}.signin-card{gap:var(--spacing-04);margin-bottom:var(--spacing-06)}.signin-card h2{color:var(--text-strong);margin:0;font-size:17px;font-weight:700}.account-card-lead{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.5}.signin-card form{gap:var(--spacing-03);flex-direction:column;display:flex}.signin-card .signin-or{margin:var(--spacing-02) 0}.signin-card .input-row{gap:var(--spacing-03);display:flex}.signin-card .input-row .text-input{flex:1;min-width:0}.signin-sent{padding:var(--spacing-04);background:color-mix(in srgb, var(--support-success) 12%, transparent);font-size:var(--text-sm);color:var(--text-secondary);border-radius:10px;flex-direction:column;gap:4px;display:flex}.signin-sent strong{font-size:var(--text-md);color:var(--text-strong)}@media (width<=760px){.account-hero{gap:var(--spacing-04);padding:var(--spacing-05)}.compare-row{font-size:var(--text-sm);grid-template-columns:minmax(0,1fr) 84px 96px}.account-row{flex-wrap:wrap}.account-row-action{justify-content:flex-start;width:100%;padding-left:52px}.account-danger-confirm{padding-left:0}}.contact-dialog{width:min(520px,100vw - 32px)}.contact-lead{margin:0 0 var(--spacing-03);color:var(--text-secondary);display:block}.contact-message{resize:vertical;width:100%;min-height:140px}.contact-from{margin:var(--spacing-02) 0 0;font-size:var(--text-sm);color:var(--text-muted)}.contact-signin{align-items:flex-start;gap:var(--spacing-03);flex-direction:column;display:flex}.contact-or{margin:var(--spacing-05) 0 0;padding-top:var(--spacing-04);border-top:1px solid var(--divider);font-size:var(--text-sm);color:var(--text-muted)}.contact-address{align-items:center;gap:var(--spacing-01);display:inline-flex}.contact-address a{color:var(--link);font-weight:600}.contact-sent{align-items:center;gap:var(--spacing-03);padding:var(--spacing-04) 0;text-align:center;flex-direction:column;display:flex}.contact-sent p{color:var(--text-secondary);margin:0}.contact-sent-icon{border-radius:var(--radius-full);background:var(--support-success-tile);width:44px;height:44px;color:var(--support-success);place-items:center;display:grid}.zoom-simple-head{justify-content:space-between;align-items:center;display:flex}.zoom-simple-head .menu-title{margin:0}.zoom-control.simple .zoom-slider{width:100%;margin:var(--spacing-03) 0 0;display:block}.zoom-scale.words{margin:var(--spacing-02) 0 0;font-size:var(--text-sm);color:var(--text-muted);justify-content:space-between;display:flex}.zoom-control.simple input[type=range]{appearance:none;background:0 0;height:28px}.zoom-control.simple input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-sm);background:var(--border-strong);height:6px}.zoom-control.simple input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--bg-floating);border-radius:var(--radius-full);background:var(--brand);width:28px;height:28px;box-shadow:var(--shadow-sm);cursor:grab;margin-top:-11px}.zoom-control.simple input[type=range]::-moz-range-track{border-radius:var(--radius-sm);background:var(--border-strong);height:6px}.zoom-control.simple input[type=range]::-moz-range-thumb{border:3px solid var(--bg-floating);border-radius:var(--radius-full);background:var(--brand);cursor:grab;width:22px;height:22px}@media (width>=761px){.channel-header{column-gap:var(--spacing-03);height:auto;padding:var(--spacing-05) 28px var(--spacing-04);flex-wrap:wrap;row-gap:0}.channel-header>.tooltip-wrap:has(>.menu-btn){display:none}.channel-tools{margin:0 0 var(--spacing-06);flex:1 0 100%;order:-1}.channel-tools .search{order:-1;margin-right:auto}.channel-title{min-width:0;font-family:var(--font-display);letter-spacing:-.02em;flex:0 auto;font-size:28px;font-weight:700;line-height:1.2}.channel-header:after{content:"";flex-basis:100%;order:1}.channel-header .count-pill,.channel-header .count-label{margin-top:var(--spacing-02);font-family:var(--font-display);font-size:var(--text-base);color:var(--text-muted);order:2;font-weight:600;display:inline}.channel-header .count-pill{margin-left:0}}@media (width>=761px) and (width<=900px){.channel-header{padding:var(--spacing-04) var(--spacing-05) var(--spacing-03)}.channel-title{font-size:24px}}h1,h2,h3:not(.section-label),.dialog-title,.paywall-title,.lock-title{font-family:var(--font-display)}.empty h2{letter-spacing:-.02em;font-size:28px;font-weight:700}.dialog-title{letter-spacing:-.01em;font-weight:700}.backup-section h2{letter-spacing:-.01em;font-size:18px;font-weight:600}.backup-card h2{font-weight:600}@media (width>=761px){.dialog-title{font-size:22px}}@media (width<=760px){.channel-title{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:700}.empty h2{font-size:24px}}.ghost-btn:not(.lock-forgot),.tertiary-btn:not(.empty-link),.dialog-actions .ghost-btn,.backup-card .ghost-btn,.empty-actions .tertiary-btn:not(.empty-link){border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-strong)}.ghost-btn:not(.lock-forgot):hover:not(:disabled),.tertiary-btn:not(.empty-link):hover:not(:disabled),.dialog-actions .ghost-btn:hover:not(:disabled),.empty-actions .tertiary-btn:not(.empty-link):hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-tertiary);color:var(--text-strong)}.ghost-btn:not(.lock-forgot):active:not(:disabled),.tertiary-btn:not(.empty-link):active:not(:disabled){background:var(--bg-active)}.dialog .ghost-btn:not(.lock-forgot),.dialog .tertiary-btn:not(.empty-link),.inline-notification .ghost-btn,.inline-notification .tertiary-btn,.notice-actions .ghost-btn,.notice-actions .tertiary-btn{background:0 0}.dialog .ghost-btn:not(.lock-forgot):hover:not(:disabled),.dialog .tertiary-btn:not(.empty-link):hover:not(:disabled),.inline-notification .ghost-btn:hover:not(:disabled),.inline-notification .tertiary-btn:hover:not(:disabled),.notice-actions .ghost-btn:hover:not(:disabled),.notice-actions .tertiary-btn:hover:not(:disabled){background:var(--bg-hover)}@media (width<=760px){.dialog-actions>button,.empty-actions .primary-btn,.empty-actions .tertiary-btn:not(.empty-link){border-radius:var(--radius-md)}.channel-tools .split-button,.channel-tools .primary-btn{border-radius:var(--radius-sm)}}@media (width>=761px){.backup-page{margin-left:0;margin-right:0}}.album-locks{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden}.album-lock-row{background:0 0;margin:0}.album-lock-row+.album-lock-row{border-top:1px solid var(--divider)}.about-stats dd,.account-hero-name{font-family:var(--font-display)}.about-stats dd{letter-spacing:-.01em;font-weight:600}.about-stats dd.never{font-size:var(--text-2xl)}@media (width<=760px){.about-stats{grid-template-columns:1fr 1fr}}@keyframes menu-open{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}@keyframes menu-open-up{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes check-pop{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes check-draw{0%{opacity:0;transform:scale(.5)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes title-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.popover-caret{margin-left:calc(var(--spacing-02) * -1);color:var(--text-muted);transition:transform var(--dur-moderate-01) var(--ease-standard);flex:none}.open>.popover-caret{transform:rotate(180deg)}@media (width<=760px){.channel-tools .popover-caret{display:none}}@media (width>=761px){.popover-panel{transform-origin:100% 0;animation:menu-open var(--dur-moderate-01) var(--ease-entrance)}.popover-panel.start{transform-origin:0 0}.popover-panel.top{transform-origin:100% 100%;animation-name:menu-open-up}.popover-panel.top.start{transform-origin:0 100%}}.selection-bar{animation:rise-in var(--dur-moderate-02) var(--ease-entrance)}.toolbar-title-text{animation:title-in var(--dur-moderate-02) var(--ease-entrance)}.primary-btn:active:not(:disabled),.danger-btn:active:not(:disabled),.ghost-btn:active:not(:disabled),.tertiary-btn:active:not(:disabled),.header-btn:active:not(:disabled),.tile-save:active,.bar-btn:active:not(:disabled),.bar-icon:active:not(:disabled){transform:scale(.97)}.primary-btn,.danger-btn,.ghost-btn,.tertiary-btn,.header-btn,.tile-save,.bar-btn,.bar-icon{transition:background-color var(--dur-fast-02) var(--ease-standard), border-color var(--dur-fast-02) var(--ease-standard), color var(--dur-fast-02) var(--ease-standard), transform var(--dur-fast-02) var(--ease-standard)}.tile-open,.cover-photo{transition:transform var(--dur-moderate-02) var(--ease-standard), border-radius var(--dur-moderate-02) var(--ease-standard)}.tile.selected,.tile.selected.loaded{background:var(--select-frame);outline:0}.tile.selected .tile-open{border-radius:calc(var(--photo-radius) * .75);overflow:hidden;transform:scale(.9)}.tile.selected .tile-open img{opacity:1}.tile.compact.selected .tile-open,.tile.tiny.selected .tile-open{transform:scale(.86)}.album-card.selected .album-cover{background:var(--select-frame);outline:0}.album-card.selected .cover-photo{border-radius:calc(var(--photo-radius) * .75);transform:scale(.92)}.album-card.selected .cover-photo img{opacity:1}.tile-check,.album-check{transition:opacity var(--dur-fast-02) var(--ease-standard), background-color var(--dur-fast-02) var(--ease-standard), border-color var(--dur-fast-02) var(--ease-standard), transform var(--dur-fast-02) var(--ease-standard)}.tile.selected .tile-check,.album-card.selected .album-check{animation:check-pop var(--dur-moderate-02) var(--ease-entrance)}.tile-check svg,.album-check svg{animation:check-draw var(--dur-moderate-02) var(--ease-entrance)}@media (hover:hover){.tile-check:hover,.album-check:hover{transform:scale(1.1)}}.tile.selected:after,.album-card.selected .album-cover:after{opacity:0}@media (width>=761px){.channel-header .search{width:360px;min-width:0;transition:width var(--dur-moderate-02) var(--ease-standard), background-color var(--dur-fast-02) var(--ease-standard), border-color var(--dur-fast-02) var(--ease-standard);flex:0 auto}.channel-header .search:not(:focus-within):not(.has-query){flex:none;width:104px}.channel-header .search:focus-within input{animation:fade-in var(--dur-moderate-02) var(--ease-entrance)}.channel-header .search:focus-within .search-icon{animation:check-draw var(--dur-moderate-02) var(--ease-entrance)}}@media (width>=761px) and (width<=960px){.channel-header .search{width:260px}.channel-header .search:not(:focus-within):not(.has-query){width:46px}}@media (width<=760px){.search:focus-within{animation:fade-in var(--dur-moderate-01) var(--ease-entrance)}}@media (width>=761px){.app{transition:grid-template-columns var(--dur-moderate-02) var(--ease-standard)}.sidebar{overflow:hidden}.sidebar .nav-label,.sidebar .nav-count,.sidebar .sidebar-brand,.sidebar .user-text,.sidebar .storage-card{white-space:nowrap}.app:not(.menu-collapsed) .sidebar .nav-label,.app:not(.menu-collapsed) .sidebar .nav-count,.app:not(.menu-collapsed) .sidebar .sidebar-brand,.app:not(.menu-collapsed) .sidebar .user-text{animation:fade-in var(--dur-moderate-02) var(--ease-entrance) var(--dur-fast-02) both}.sidebar-collapse svg{animation:check-draw var(--dur-moderate-02) var(--ease-entrance)}.save-menu{border:1px solid var(--divider);border-radius:var(--radius-md);box-shadow:var(--elevation);transform-origin:100% 0;animation:menu-open var(--dur-moderate-01) var(--ease-entrance);padding:6px}.save-menu .menu-title{margin:var(--spacing-02) var(--spacing-03) 6px}.save-menu .menu-item{height:42px;padding:0 var(--spacing-03);border-radius:var(--radius-sm)}.save-menu-foot{margin:6px -6px 0;padding:6px 6px 0}}.save-menu .menu-item.chosen>svg:last-child{color:var(--interactive);animation:check-draw var(--dur-moderate-02) var(--ease-entrance)}.save-menu-foot .menu-item,.save-menu-foot .menu-item svg{color:var(--link);font-weight:600}@media (width>=761px){.backup-reminder{align-items:center;gap:var(--spacing-04);padding:6px 6px 6px var(--spacing-03)}.backup-reminder .notice-tile{width:32px;height:32px}.backup-reminder .notice-tile svg{width:18px;height:18px}.backup-reminder .notice-text{align-items:center;gap:var(--spacing-04);flex:1;min-width:0;display:flex}.backup-reminder .notice-title{white-space:nowrap;flex:none;margin:0}.backup-reminder .notice-body{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.backup-reminder .notice-actions{gap:var(--spacing-03);flex:none;margin:0 0 0 auto}.backup-reminder .notice-actions button{height:36px;min-height:36px;padding:0 var(--spacing-05)}}@media (width>=761px) and (width<=1180px){.backup-reminder .notice-body{display:none}}.tile-save{background:var(--bg-floating);color:var(--text-strong);box-shadow:0 1px 3px oklch(0% 0 0/.25)}.tile-save:hover{background:var(--bg-floating);color:var(--brand)}.tile-save.saved{background:var(--scrim);color:var(--on-scrim);box-shadow:none}.tile-save.saved:hover{background:var(--scrim-strong);color:var(--on-scrim)}.tile.selecting .tile-save.tile-restore{display:inline-flex}@media (hover:none){.tile.selecting .tile-save.tile-restore{display:none}}@media (width>=761px){.channel-header:not(:has(>.channel-tools)):before{content:"";height:44px;margin-bottom:var(--spacing-06);flex:1 0 100%;order:-1}.dialog.shortcuts{width:min(640px,100%);padding-bottom:var(--spacing-05)}.shortcuts .section-label{margin:var(--spacing-05) 0 var(--spacing-02);font-family:var(--font-display);font-size:var(--text-md);color:var(--text-strong);font-weight:600}.shortcut-row{border-top:1px solid var(--divider);grid-template-columns:150px minmax(0,1fr);padding:7px 0}.shortcut-row dd{color:var(--text-normal)}}kbd{border:1px solid var(--border-subtle);box-shadow:inset 0 -1px 0 var(--border-subtle);border-radius:6px}.empty-icon-tile{width:112px;height:112px;margin-bottom:var(--spacing-06);background:color-mix(in oklch, var(--brand) 12%, var(--bg-secondary));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--brand) 18%, transparent);border-radius:32px;place-items:center;display:grid}.empty-icon-tile .empty-icon{color:var(--brand);margin:0}