*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-neutral-3-rest)}body{background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest);font-family:var(--font-family-base);overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.toolbar{position:fixed;top:0;left:0;right:0;height:52px;background:var(--bg-neutral-2-rest);border-bottom:1px solid var(--stroke-neutral-1-rest);display:flex;align-items:center;padding:0 var(--spacing-160);gap:var(--spacing-120);z-index:100}.toolbar .title{font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.toolbar .btn{padding:6px 14px;background:var(--fg-brand-1-rest);color:var(--bg-neutral-1-rest);border:none;border-radius:var(--radius-large);font-size:var(--font-size-body-1);font-weight:var(--font-weight-subtitle-2);cursor:pointer;white-space:nowrap}.toolbar .btn:hover{background:var(--fg-brand-1-hover)}.skin-od4 .toolbar{display:none}.skin-od4 #pageHeader{padding-inline-start:var(--shell-start-margin);padding-inline-end:var(--shell-margin);padding-inline-end:calc(var(--shell-pane-inset, 0px) + var(--shell-margin));transition:padding-inline-start .2s ease,padding-inline-end .2s ease}.skin-od4 #album-grid{padding:0 var(--shell-margin) calc(var(--size-560) + var(--spacing-200) + var(--spacing-240));padding-inline-start:var(--shell-start-margin);padding-inline-end:calc(var(--shell-pane-inset, 0px) + var(--shell-margin));transition:padding-inline-start .2s ease,padding-inline-end .2s ease}.page-header{display:none}.skin-od4 .page-header{display:inline-flex;flex-direction:row;flex-shrink:0;pointer-events:none;width:100%;font-weight:600;font-size:1.125rem;line-height:normal}.page-header-bottom{display:flex;flex-direction:row;padding-bottom:20px}.page-header-title{display:flex;flex-direction:row;align-items:flex-end;overflow:hidden;pointer-events:auto}.page-header-title-text{font-family:Segoe UI,sans-serif;font-size:48px;font-style:normal;font-weight:700;line-height:64px;color:var(--fg-neutral-1-rest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od4-float-btn{display:none;position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:10px 24px;background:linear-gradient(135deg,var(--view-gradient-blue) 0%,var(--view-gradient-purple) 100%);color:var(--fg-neutral-inverted-rest);border:none;border-radius:22px;font-size:14px;font-weight:var(--font-weight-subtitle-2);font-family:inherit;cursor:pointer;box-shadow:var(--effect-floating-background-shadow);z-index:10;gap:6px;align-items:center}.skin-od4 .od4-float-btn{display:inline-flex}#loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--fg-neutral-5-rest);font-size:1rem}#loading.hidden{display:none}.skeleton-card{position:relative;aspect-ratio:4 / 3;border-radius:28px;background:var(--bg-neutral-5-rest);animation:cardEnter .35s ease-out backwards,skel-pulse 1.2s ease-in-out infinite}@keyframes skel-pulse{0%,to{opacity:.4}50%{opacity:.8}}#album-grid{display:none;padding:68px 24px 24px}#album-grid .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:var(--spacing-200)}.album-card{position:relative;aspect-ratio:4 / 3;border-radius:28px;overflow:hidden;cursor:pointer;background:var(--bg-neutral-5-rest);box-shadow:var(--album-card-shadow-rest);transition:transform .5s ease,box-shadow .2s;will-change:transform}.album-card.album-card-enter,.album-card.album-card-legacy-enter{animation:cardEnter .35s ease-out backwards}.album-card:hover,.album-card:focus-within{transform:scale(1.015);box-shadow:var(--album-card-shadow-hover)}.album-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--stroke-focus-2),0 0 0 4px var(--stroke-focus-1)}@media (forced-colors: active){.album-card:focus-visible{outline:2px solid ButtonText;outline-offset:2px;box-shadow:none}}@media (min-width: 1200px){.album-card:hover,.album-card:focus-within{transform:scale(1.03)}}.album-card img.cover{transition:transform 7s ease;clip-path:inset(0 round 28px);will-change:transform}.album-card:hover img.cover,.album-card:focus-within img.cover{transform:scale(1.1)}@keyframes cardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.album-card .cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block;-webkit-user-drag:none;pointer-events:none}.album-card .cover-placeholder{position:absolute;inset:0;background:var(--bg-neutral-5-rest);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--fg-neutral-placeholder-rest)}.album-card .card-gradient{position:absolute;inset:0;background:var(--tile-overlay-background),var(--card-overlay-background-1);pointer-events:none}.album-card .card-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px 16px 16px}.album-card .album-name{font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-static-inverted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--text-shadow-2)}.album-card .album-meta{font-size:var(--font-size-body-1);color:var(--fg-photo-overlay-bright);text-shadow:var(--text-shadow-2)}[data-theme=light] .album-card-empty .card-gradient{background:none}[data-theme=light] .album-card-empty .album-name{color:var(--fg-neutral-1-rest);text-shadow:none}[data-theme=light] .album-card-empty .album-meta{color:var(--fg-neutral-2-rest);text-shadow:none}.shared-meta-row{display:inline-flex;align-items:center;gap:var(--spacing-80)}.shared-coin-group{display:inline-flex;cursor:pointer}.shared-by-coin{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-circular);font-size:9px;font-weight:var(--font-weight-subtitle-2);flex-shrink:0;box-shadow:0 0 0 2px var(--coin-ring-color)}.shared-coin-group>*:not(:first-child){margin-left:-2px}.shared-link-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-circular);flex-shrink:0;background:var(--coin-link-bg);color:var(--fg-neutral-static-inverted);box-shadow:0 0 0 2px var(--coin-ring-color)}.shared-link-icon svg{width:16px;height:16px}.shared-by-row{display:inline-flex;align-items:center;gap:var(--spacing-80)}.shared-by-coin{width:20px;height:20px;font-size:9px}.shared-by-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#album-grid .view-section-header{padding:var(--spacing-80) 0 var(--spacing-40);margin-top:var(--spacing-80)}#album-grid .view-section-header:first-child{margin-top:0}.album-card-hidden{display:none}.album-card .album-bottom-row{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-top:2px}.album-actions-container{display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .15s}.album-card:hover .album-actions-container,.album-card:focus-within .album-actions-container{opacity:1;pointer-events:auto}.album-action-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--fg-neutral-static-inverted);padding:0}[data-theme=light] .album-card-empty .album-action-btn{color:var(--fg-neutral-1-rest);filter:none}.album-action-btn .fluent-icon{display:flex;width:24px;height:24px;flex-shrink:0;filter:var(--album-action-btn-filter)}[data-theme=light] .album-card-empty .album-action-btn .fluent-icon{filter:none}.album-action-btn svg{width:24px;height:24px;display:block}.album-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest);border:1px solid var(--stroke-neutral-2-rest);padding:10px 20px;border-radius:var(--radius-large);box-shadow:0 4px 16px #0006;font-size:var(--font-size-body-1);z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap}.album-toast.show{opacity:1}.albums-empty-illustration{background-image:url(/static/empty_notebook_dark.webp);background-repeat:no-repeat;background-position:center;background-size:contain}[data-theme=light] .albums-empty-illustration{background-image:url(/static/empty_notebook.webp)}@media (forced-colors: active){.album-card{outline:4px solid ButtonText;outline-offset:-4px}.album-card:focus-visible{outline:2px solid ButtonText;outline-offset:2px;box-shadow:none}}