.site-shell{flex-direction:column;min-height:100dvh;display:flex}.site-header{z-index:var(--z-sticky);background:var(--color-bg);border-bottom:1px solid var(--color-border-light);position:sticky;top:0}.site-header__inner{max-width:var(--max-width);padding:var(--space-5) var(--content-padding);align-items:center;margin:0 auto;display:flex}.site-header__logo{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-accent);transition:opacity var(--duration-fast) var(--ease-out)}.site-header__logo:hover{opacity:.7}.site-main{width:100%;max-width:var(--max-width);padding:var(--space-12) var(--content-padding);flex:1;margin:0 auto}.site-main--admin{max-width:none;padding:0}.site-footer{border-top:1px solid var(--color-border-light);margin-top:auto}.site-footer__inner{max-width:var(--max-width);padding:var(--space-8) var(--content-padding);text-align:center;margin:0 auto}.site-footer__copy{font-size:var(--text-sm);color:var(--color-muted)}.album-card__link{border-radius:var(--radius-lg);background:var(--color-surface);transition:box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);text-decoration:none;display:block;overflow:hidden}.album-card__link:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.album-card__cover{aspect-ratio:4/3;background:var(--color-bg);position:relative;overflow:hidden}.album-card__img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.album-card__link:hover .album-card__img{transform:scale(1.04)}.album-card__placeholder{background:linear-gradient(135deg, var(--color-border-light), var(--color-bg));width:100%;height:100%}.album-card__info{padding:var(--space-4) var(--space-4) var(--space-5)}.album-card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);line-height:var(--leading-tight)}.album-card__date{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-muted);display:block}@media (width<=640px){.album-card__link{box-shadow:var(--shadow-sm)}}.album-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (width<=640px){.album-grid{gap:var(--space-4);grid-template-columns:1fr}}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-4);text-align:center;flex-direction:column;display:flex}.empty-state__icon{color:var(--color-muted)}.empty-state__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.empty-state__desc{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px}.spinner{color:var(--color-muted)}.spinner__track{opacity:.15}.spinner__head{transform-origin:50%;animation:.75s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.home-page__hero{padding-bottom:var(--space-12)}.home-page__title{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-accent)}.home-page__subtitle{margin-top:var(--space-3);font-size:var(--text-lg);color:var(--color-text-secondary)}.home-page__loading{padding:var(--space-16) 0;justify-content:center;display:flex}.home-page__error{text-align:center;padding:var(--space-8) 0;color:var(--color-error);font-size:var(--text-sm)}.photo-tile{background:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:none;padding:0;display:block;overflow:hidden}.photo-tile:hover{box-shadow:var(--shadow-md);transform:scale(1.015)}.photo-tile__img{object-fit:cover;width:100%;height:100%;display:block}.photo-grid{columns:3;column-gap:var(--space-3)}.photo-grid>*{break-inside:avoid;margin-bottom:var(--space-3)}@media (width<=900px){.photo-grid{columns:2}}@media (width<=500px){.photo-grid{columns:1}}.lightbox{z-index:var(--z-lightbox);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox__backdrop{background:var(--color-overlay);position:absolute;inset:0}.lightbox__content{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.lightbox__img{object-fit:contain;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;max-width:92vw;max-height:90vh}.lightbox__img--full{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;inset:0}.lightbox__close{top:var(--space-4);right:var(--space-4);z-index:2;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:40px;height:40px;transition:background var(--duration-fast);background:#00000080;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.lightbox__close:hover{background:#000000bf}.lightbox__nav{z-index:2;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:44px;height:44px;transition:background var(--duration-fast);background:#0006;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{background:#000000b3}.lightbox__nav--prev{left:var(--space-4)}.lightbox__nav--next{right:var(--space-4)}.lightbox__counter{bottom:var(--space-4);z-index:2;font-size:var(--text-sm);color:#ffffffb3;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;background:#0006;position:absolute;left:50%;transform:translate(-50%)}@media (width<=640px){.lightbox__nav{width:36px;height:36px}.lightbox__nav--prev{left:var(--space-2)}.lightbox__nav--next{right:var(--space-2)}}.album-page--loading{padding:var(--space-16) 0;justify-content:center;display:flex}.album-page__back{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);transition:color var(--duration-fast) var(--ease-out);display:inline-block}.album-page__back:hover{color:var(--color-accent)}.album-page__back-wrapper{text-align:center}.album-page__header{padding-bottom:var(--space-10)}.album-page__title{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-accent)}.album-page__date{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);display:block}.album-page__error{text-align:center;padding:var(--space-8) 0;color:var(--color-error);font-size:var(--text-sm)}.album-page__gallery{padding-bottom:var(--space-12)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;line-height:1.5;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.btn--primary:hover:not(:disabled){opacity:.85}.btn--secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn--secondary:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-bg)}.btn--ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-border-light)}.input-field{gap:var(--space-1);flex-direction:column;display:flex}.input-field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.input-field__input{padding:var(--space-2) var(--space-3);font-size:var(--text-base);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out);outline:none}.input-field__input:focus{border-color:var(--color-accent)}.input-field__input::placeholder{color:var(--color-muted)}.input-field--error .input-field__input{border-color:var(--color-error)}.input-field__error{font-size:var(--text-xs);color:var(--color-error)}.admin-login{min-height:100dvh;padding:var(--content-padding);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.admin-login__form{gap:var(--space-5);flex-direction:column;width:100%;max-width:360px;display:flex}.admin-login__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-accent)}.admin-login__subtitle{font-size:var(--text-sm);color:var(--color-muted);margin-top:calc(-1 * var(--space-3))}.admin-login__error{font-size:var(--text-sm);color:var(--color-error);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--color-error) 8%, transparent);border-radius:var(--radius-md)}.admin-login__submit{margin-top:var(--space-2);width:100%;padding:var(--space-3) var(--space-5)}.admin-gate{min-height:100dvh;padding:var(--content-padding);flex-direction:column;justify-content:center;align-items:center;display:flex}.admin-gate--loading{color:var(--color-muted)}.admin-gate--denied{text-align:center}.admin-gate__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-accent)}.admin-gate__message{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.admin-gate__logout{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-muted);text-underline-offset:2px;background:0 0;border:none;text-decoration:underline}.admin-gate__logout:hover{color:var(--color-text)}.upload-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1.5rem;transition:border-color .2s,background .2s;display:flex}.upload-dropzone:hover,.upload-dropzone--active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface))}.upload-dropzone--disabled{opacity:.5;pointer-events:none}.upload-dropzone__input{display:none}.upload-dropzone__icon{color:var(--color-text-muted)}.upload-dropzone--active .upload-dropzone__icon{color:var(--color-accent)}.upload-dropzone__text{color:var(--color-text-secondary);font-size:.95rem}.upload-dropzone__text span{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.upload-dropzone__hint{color:var(--color-text-muted);font-size:.8rem}.upload-queue{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-top:1rem;overflow:hidden}.upload-queue__header{border-bottom:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;padding:.625rem .875rem;display:flex}.upload-queue__summary{font-size:.85rem;font-weight:var(--weight-medium);color:var(--color-text-secondary)}.upload-queue__failed{color:var(--color-error)}.upload-queue__clear{color:var(--color-accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.upload-queue__list{max-height:200px;margin:0;padding:0;list-style:none;overflow-y:auto}.upload-queue__item{border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.825rem;display:flex}.upload-queue__item:last-child{border-bottom:none}.upload-queue__name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);flex:1;overflow:hidden}.upload-queue__size{color:var(--color-text-muted);flex-shrink:0;font-size:.75rem}.upload-queue__status{text-align:right;min-width:5rem;font-size:.75rem;font-weight:var(--weight-medium);flex-shrink:0}.upload-queue__item--pending .upload-queue__status{color:var(--color-text-muted)}.upload-queue__item--uploading .upload-queue__status{color:var(--color-accent)}.upload-queue__item--done .upload-queue__status{color:var(--color-success,#22c55e)}.upload-queue__item--error .upload-queue__status{color:var(--color-error)}.upload-queue__spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite upload-spin}.upload-queue__error{background:var(--color-error);color:#fff;width:16px;height:16px;font-size:.7rem;font-weight:var(--weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@keyframes upload-spin{to{transform:rotate(360deg)}}.sortable-photo-grid__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.sortable-tile{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-bg);transition:border-color var(--duration-fast);border:2px solid #0000;position:relative;overflow:hidden}.sortable-tile:hover{border-color:var(--color-border)}.sortable-tile--overlay{box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.sortable-tile__drag{top:var(--space-1);left:var(--space-1);z-index:2;border-radius:var(--radius-sm);color:#fff;cursor:grab;opacity:0;width:24px;height:24px;transition:opacity var(--duration-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute}.sortable-tile:hover .sortable-tile__drag{opacity:1}.sortable-tile__drag:active{cursor:grabbing}.sortable-tile__img{object-fit:cover;width:100%;height:100%}.sortable-tile__cover-badge{bottom:var(--space-1);left:var(--space-1);z-index:2;font-size:.65rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;padding:2px 6px;position:absolute}.sortable-tile__set-cover{top:var(--space-1);right:var(--space-1);z-index:2;border-radius:var(--radius-sm);color:#fff;cursor:pointer;opacity:0;width:26px;height:26px;transition:opacity var(--duration-fast), background var(--duration-fast);background:#00000080;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.sortable-tile:hover .sortable-tile__set-cover{opacity:1}.sortable-tile__set-cover:hover{background:#000000bf}.sortable-tile__remove{bottom:var(--space-1);right:var(--space-1);z-index:2;border-radius:var(--radius-sm);color:#fff;cursor:pointer;opacity:0;width:26px;height:26px;transition:opacity var(--duration-fast), background var(--duration-fast);background:#0000008c;border:none;justify-content:center;align-items:center;padding:0;font-size:1.15rem;line-height:1;display:flex;position:absolute}.sortable-tile:hover .sortable-tile__remove{opacity:1}.sortable-tile__remove:hover{background:var(--color-error)}@media (width<=480px){.sortable-photo-grid__grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.sortable-photo-grid--compact .sortable-photo-grid__grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.sortable-photo-grid--compact .sortable-tile__drag,.sortable-photo-grid--compact .sortable-tile__set-cover,.sortable-photo-grid--compact .sortable-tile__remove{opacity:1}@media (hover:none){.sortable-tile__drag,.sortable-tile__set-cover,.sortable-tile__remove{opacity:1}}.album-expanded-panel{width:100%;padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg);border-radius:0 0 var(--radius-md) var(--radius-md)}.album-expanded-panel__loading{padding:var(--space-6);justify-content:center;display:flex}.album-expanded-panel__feedback{font-size:var(--text-sm);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-border-light)}.album-expanded-panel__feedback--error{color:var(--color-error);background:#d645451a}.album-expanded-panel__upload,.album-expanded-panel__sortable{margin-bottom:var(--space-4)}.album-expanded-panel__footer{padding:var(--space-3) 0 0;margin-top:var(--space-2);border-top:1px solid var(--color-border);overflow:visible}.album-expanded-panel__footer-actions{align-items:flex-start;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;min-width:0;display:grid;overflow:visible}.album-expanded-panel__footer-start{justify-self:start;align-items:flex-start;gap:var(--space-3);flex-direction:column;min-width:0;display:flex;overflow:visible}.album-expanded-panel__footer-danger{align-items:center;gap:var(--space-2);flex-flow:row;display:flex;position:relative}.album-expanded-panel__footer-center{min-width:0;padding:0 var(--space-1);text-align:center;justify-self:stretch;overflow:visible}.album-expanded-panel__footer-end{justify-self:end}.album-expanded-panel__update-hint{font-size:clamp(.625rem, .45rem + .9vw, var(--text-sm));font-weight:var(--weight-medium);color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0;line-height:1.35}.album-expanded-panel__danger-zone-trigger{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-align:left;cursor:pointer;border-radius:var(--radius-md);border:1px solid color-mix(in srgb, #e0709a 58%, var(--color-border-light));background:0 0;margin:0;font-family:inherit;transition:border-color .15s,color .15s}.album-expanded-panel__danger-zone-trigger[aria-expanded=true]{color:#c42d68}.album-expanded-panel__danger-zone-trigger:hover{color:var(--color-error);border-color:color-mix(in srgb, #e0709a 58%, var(--color-border-light));background:0 0}.album-expanded-panel__danger-zone-trigger:focus-visible{outline:2px solid color-mix(in srgb, #d05080 65%, var(--color-border-light));outline-offset:2px}.album-expanded-panel__danger-reveals{margin-left:var(--space-2);z-index:2;align-items:center;gap:var(--space-2);box-shadow:none;background:0 0;border:none;border-radius:0;flex-flow:row;padding:0;display:flex;position:absolute;top:50%;left:100%;transform:translateY(-50%)}@keyframes album-expanded-danger-reveal{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.album-expanded-panel__danger-reveal{animation:.32s cubic-bezier(.22,1,.36,1) both album-expanded-danger-reveal}.album-expanded-panel__danger-reveal--1{animation-delay:0s}.album-expanded-panel__danger-reveal--2{animation-delay:.1s}@media (prefers-reduced-motion:reduce){.album-expanded-panel__danger-reveal{opacity:1;animation:none;transform:none}}.album-expanded-panel__danger-action.btn--secondary{color:#c42d68;border-color:color-mix(in srgb, #e0709a 58%, var(--color-border-light));background:0 0}.album-expanded-panel__danger-action.btn--secondary:hover:not(:disabled){color:var(--color-error);border-color:color-mix(in srgb, #e0709a 58%, var(--color-border-light));background:0 0}.album-expanded-modal{z-index:var(--z-modal);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:flex-start;align-items:stretch;display:flex;position:fixed;inset:0}.album-expanded-modal__backdrop{background:#00000073;position:absolute;inset:0}.album-expanded-modal__sheet{z-index:1;background:var(--color-surface);width:100%;max-width:100%;min-height:100%;max-height:100%;box-shadow:none;border-radius:0;flex-direction:column;margin:0;display:flex;position:relative;overflow:visible hidden}.album-expanded-modal__header{padding:var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.album-expanded-modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;margin:0;overflow:hidden}.album-expanded-modal__body{min-height:0;padding:var(--space-4);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.album-expanded-modal__sheet>.album-expanded-panel__footer{padding:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;margin-top:0}.album-list-item-wrap{flex-direction:column;width:100%;display:flex}.album-list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;width:100%;transition:box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);align-items:stretch;gap:0;display:flex;overflow:hidden}.album-list-item--expanded{border-radius:var(--radius-md) var(--radius-md) 0 0}.album-list-item__main{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;min-width:0;display:flex}.album-list-item--draft:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.album-list-item--draft .album-list-item__main:hover{background:color-mix(in srgb, var(--color-bg) 50%, transparent)}.album-list-item--published{cursor:pointer}.album-list-item--published:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.album-list-item__chevron{color:var(--color-muted);margin-left:var(--space-1);flex-shrink:0;font-size:.7rem}.album-list-item__delete-draft{border:none;border-left:1px solid var(--color-border);background:var(--color-surface);width:44px;color:var(--color-muted);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.album-list-item__delete-draft:hover{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 8%, var(--color-surface))}.album-list-item__cover{border-radius:var(--radius-sm);background:var(--color-bg);flex-shrink:0;width:56px;height:56px;overflow:hidden}.album-list-item__img{object-fit:cover;width:100%;height:100%}.album-list-item__empty-cover{width:100%;height:100%;color:var(--color-muted);justify-content:center;align-items:center;display:flex}.album-list-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.album-list-item__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.album-list-item--draft .album-list-item__title{color:var(--color-text-secondary);font-style:italic}.album-list-item__date{font-size:var(--text-xs);color:var(--color-muted)}.album-list-item__badge{font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);flex-shrink:0;padding:2px 8px}.album-list-item__badge--draft{color:#92400e;background:#fef3c7}.album-list-item__badge--published{color:#065f46;background:#d1fae5}.album-list{gap:var(--space-4);flex-direction:column;display:flex}.album-list__message{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.album-list__message--success{color:var(--color-success,#2d8a4e);background:#2d8a4e1f;border:1px solid #2d8a4e59}.album-list__message--error{color:var(--color-error);background:#d645451a;border:1px solid #d6454559}.album-list__message-dismiss{padding:0 var(--space-1);cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;flex-shrink:0;font-size:1.25rem;line-height:1}.album-list__message-dismiss:hover{opacity:1}.album-list--loading,.album-list--error{justify-content:center;align-items:center;min-height:200px;display:flex}.album-list--error p{color:var(--color-error);font-size:var(--text-sm)}.album-list__toolbar{justify-content:space-between;align-items:center;display:flex}.album-list__heading{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.album-list__empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.album-list__items{gap:var(--space-2);flex-direction:column;display:flex}.album-title-input{gap:var(--space-1);flex-direction:column;display:flex}.album-title-input__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.album-title-input__wrapper{position:relative}.album-title-input__field{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast);outline:none}.album-title-input__field:focus{border-color:var(--color-accent)}.album-title-input__field::placeholder{color:var(--color-muted);font-weight:var(--weight-normal)}.album-title-input__saving{right:var(--space-3);font-size:var(--text-xs);color:var(--color-muted);position:absolute;top:50%;transform:translateY(-50%)}.album-title-input__slug{font-size:var(--text-xs);color:var(--color-muted)}.album-date-input{gap:var(--space-1);flex-direction:column;display:flex}.album-date-input__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.album-date-input__wrapper{display:inline-flex;position:relative}.album-date-input__field{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast);outline:none}.album-date-input__field:focus{border-color:var(--color-accent)}.album-date-input__saving{right:var(--space-3);font-size:var(--text-xs);color:var(--color-muted);position:absolute;top:50%;transform:translateY(-50%)}.publish-bar{z-index:var(--z-sticky);background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-4) 0;position:sticky;bottom:0}.publish-bar__inner{max-width:var(--max-width);padding:0 var(--content-padding);gap:var(--space-2);flex-direction:column;margin:0 auto;display:flex}.publish-bar__error{font-size:var(--text-sm);color:var(--color-error);font-weight:var(--weight-medium)}.publish-bar__actions{justify-content:space-between;align-items:center;display:flex}.publish-bar__hint{font-size:var(--text-sm);color:var(--color-muted)}.draft-editor{flex-direction:column;min-height:100%;display:flex}.draft-editor--loading,.draft-editor--error,.draft-editor--published{justify-content:center;align-items:center;gap:var(--space-4);min-height:300px;color:var(--color-text-secondary);font-size:var(--text-sm);flex-direction:column;display:flex}.draft-editor__top{padding:var(--space-3) var(--content-padding);max-width:var(--max-width);width:100%;margin:0 auto}.draft-editor__back{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1) 0;transition:color var(--duration-fast);background:0 0;border:none;display:inline-flex}.draft-editor__back:hover{color:var(--color-text)}.draft-editor__body{max-width:var(--max-width);width:100%;padding:0 var(--content-padding) var(--space-8);gap:var(--space-8);flex-direction:column;flex:1;margin:0 auto;display:flex}.draft-editor__meta{gap:var(--space-4);flex-direction:column;display:flex}.draft-editor__section{gap:var(--space-3);flex-direction:column;display:flex}.draft-editor__section-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.draft-editor__section-hint{font-size:var(--text-xs);color:var(--color-muted)}.admin-analytics-dropdown{flex-direction:column;flex-shrink:0;align-items:stretch;width:fit-content;display:inline-flex;position:relative}.admin-analytics-dropdown__trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md,8px);cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.admin-analytics-dropdown__trigger:hover{background:color-mix(in srgb, var(--color-accent) 5%, var(--color-surface));border-color:color-mix(in srgb, var(--color-accent) 18%, var(--color-border-light))}.admin-analytics-dropdown__chevron{opacity:.65;flex-shrink:0;transition:transform .2s}.admin-analytics-dropdown__chevron--open{transform:rotate(180deg)}.admin-analytics-dropdown__panel{top:calc(100% + var(--space-1));box-sizing:border-box;width:100%;padding:var(--space-1) 0;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md,8px);box-shadow:0 8px 24px color-mix(in srgb, var(--color-text) 10%, transparent);z-index:100;position:absolute;left:0}.admin-analytics-dropdown__item{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);font-size:var(--text-sm);color:var(--color-accent);text-align:left;cursor:pointer;background:0 0;border:none;text-decoration:none;transition:background .12s;display:flex}.admin-analytics-dropdown__item-label{min-width:0}.admin-analytics-dropdown__item-icon{opacity:.55;flex-shrink:0}.admin-analytics-dropdown__item:hover:not(.admin-analytics-dropdown__item--disabled){background:color-mix(in srgb, var(--color-accent) 7%, var(--color-surface))}.admin-analytics-dropdown__item:hover:not(.admin-analytics-dropdown__item--disabled) .admin-analytics-dropdown__item-icon{opacity:.85}.admin-analytics-dropdown__item--disabled{color:var(--color-muted);cursor:default}.admin-dashboard{background:var(--color-bg);min-height:100dvh}.admin-dashboard__header{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:var(--z-sticky);position:sticky;top:0}.admin-dashboard__header-inner{max-width:var(--max-width);padding:var(--space-4) var(--content-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.admin-dashboard__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-accent)}.admin-dashboard__user{align-items:center;gap:var(--space-6);flex-wrap:wrap;justify-content:flex-end;display:flex}.admin-dashboard__user-name{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text)}.admin-dashboard__signout.btn--ghost{border:1px solid color-mix(in srgb, #e8b4bc 55%, var(--color-border-light));background:linear-gradient(180deg, color-mix(in srgb, #fff5f7 88%, var(--color-surface)) 0%, color-mix(in srgb, #ffe9ee 72%, var(--color-surface)) 100%);color:#9a5a66;font-weight:var(--weight-medium)}.admin-dashboard__signout.btn--ghost:hover:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, #ffeef2 92%, var(--color-surface)) 0%, color-mix(in srgb, #ffdce5 78%, var(--color-surface)) 100%);color:#864a55;border-color:color-mix(in srgb, #dea8b4 45%, var(--color-border-light))}.admin-dashboard__toolbar{z-index:100;max-width:var(--max-width);padding:var(--space-4) var(--content-padding) 0;justify-content:flex-start;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0 auto;display:flex;position:relative}.admin-dashboard__view-site-btn{white-space:nowrap;flex-shrink:0;text-decoration:none}.admin-dashboard__body{max-width:var(--max-width);padding:var(--space-8) var(--content-padding);margin:0 auto}.not-found-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.not-found-page__code{font-size:6rem;font-weight:var(--weight-bold);color:var(--color-border);letter-spacing:var(--tracking-tight);line-height:1}.not-found-page__message{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--color-text-secondary)}.not-found-page__link{margin-top:var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.not-found-page__link:hover{background:var(--color-bg);border-color:var(--color-accent)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6}img,picture,video,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--color-bg:#fafafa;--color-surface:#fff;--color-text:#1a1a1a;--color-text-secondary:#6b6b6b;--color-muted:#999;--color-accent:#111;--color-border:#e8e8e8;--color-border-light:#f0f0f0;--color-error:#d64545;--color-success:#2d8a4e;--color-overlay:#000000d9;--font-family-sans:"Noto Sans", system-ui, sans-serif;--font-sans:var(--font-family-sans);--font-width-default:100%;--font-width-display:100%;--type-body-font:var(--font-family-sans);--type-ui-font:var(--font-family-sans);--type-heading-font:var(--font-family-sans);--type-body-stretch:var(--font-width-default);--type-ui-stretch:var(--font-width-default);--type-heading-stretch:var(--font-width-display);--type-slug-font:var(--font-family-sans);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.6;--tracking-tight:-.02em;--tracking-normal:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--max-width:1200px;--max-width-narrow:800px;--content-padding:var(--space-6);--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 48px #0000001f;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-in-out:cubic-bezier(.42, 0, .58, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-modal:600;--z-lightbox:700;--z-toast:800}body{font-family:var(--type-body-font);font-stretch:var(--type-body-stretch);font-optical-sizing:auto;font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--color-text);background-color:var(--color-bg)}#root{flex-direction:column;min-height:100dvh;display:flex}.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}.type-body{font-family:var(--type-body-font);font-stretch:var(--type-body-stretch);font-weight:var(--weight-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}.type-ui{font-family:var(--type-ui-font);font-stretch:var(--type-ui-stretch);font-weight:var(--weight-normal);line-height:var(--leading-normal)}.type-heading,.type-title{font-family:var(--type-heading-font);font-stretch:var(--type-heading-stretch);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.type-label{font-family:var(--type-ui-font);font-stretch:var(--type-ui-stretch);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.05em;text-transform:uppercase}.type-slug{font-family:var(--type-slug-font);font-stretch:var(--type-body-stretch);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}@media (width<=640px){:root{--content-padding:var(--space-4);--text-4xl:2rem;--text-3xl:1.5rem}}