.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;overflow:hidden;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto}.yarl__portal_open{opacity:1}.yarl__container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain)}.yarl__carousel{display:flex;flex:0 0 auto;height:100%;align-content:center;justify-content:center;align-items:stretch;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1)}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{display:flex;justify-content:center;align-content:center;align-items:center}.yarl__slide{flex:1;position:relative;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%)}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);line-height:0}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));animation:yarl__delayed_fadein 1s linear}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{position:absolute;top:0;right:0;bottom:auto;left:auto;display:flex;justify-content:flex-end;padding:var(--yarl__toolbar_padding,8px)}[dir=rtl] .yarl__toolbar{top:0;right:auto;bottom:auto;left:0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);outline:none;line-height:0;padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,hsla(0,0%,100%,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{position:absolute;top:50%;transform:translateY(-50%);padding:var(--yarl__navigation_button_padding,24px 16px)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__counter{position:var(--yarl__counter_position,absolute);top:var(--yarl__counter_top,0);left:var(--yarl__counter_left,0);bottom:var(--yarl__counter_bottom,unset);right:var(--yarl__counter_right,unset);color:var(--yarl__counter_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));-webkit-user-select:var(--yarl__counter_user_select,none);-moz-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}[dir=rtl] .yarl__counter{left:var(--yarl__counter_rtl_left,unset);right:var(--yarl__counter_rtl_right,0)}:root{--bg: #171310;--bg-elevated: #221c17;--text: #f3ece3;--text-muted: #b9ab9b;--accent: #e3ab63;--accent-soft: rgba(227, 171, 99, .18);--radius: 16px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at top,#241d18 0%,var(--bg) 60%);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.app{min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app__header{text-align:center;padding:2.4rem 1rem 1.4rem}.app__header h1{margin:0;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:600;letter-spacing:.02em;background:linear-gradient(120deg,var(--accent),#f3d6a8);-webkit-background-clip:text;background-clip:text;color:transparent}.app__subtitle{margin:.4rem 0 0;color:var(--text-muted);font-size:.9rem}.app__status{text-align:center;color:var(--text-muted);padding:3rem 1rem}.app__status--error{color:#e08a7d}.year-nav{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;gap:.4rem;max-width:1400px;margin:0 auto;padding:.8rem 12px;background:var(--bg);box-shadow:0 8px 16px -8px #00000080}.year-nav button{padding:.4rem .9rem;min-height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:var(--bg-elevated);color:var(--text-muted);font-size:.85rem;cursor:pointer}.year-section{scroll-margin-top:70px}.year-section:last-child{padding-bottom:6rem}.year-section__title{max-width:1400px;margin:1.2rem auto .6rem;padding:0 12px;font-size:1rem;font-weight:600;color:var(--text-muted)}.masonry-grid{display:flex;gap:12px;padding:0 12px;max-width:1400px;margin:0 auto}.masonry-grid__column{display:flex;flex-direction:column;gap:12px;background-clip:padding-box}.photo-card{position:relative;display:block;width:100%;padding:0;border:none;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--bg-elevated);opacity:0;transform:translateY(18px) scale(.98);animation:photo-in .6s cubic-bezier(.22,1,.36,1) forwards;box-shadow:0 6px 18px #00000059;transition:box-shadow .35s ease,transform .35s ease}@keyframes photo-in{to{opacity:1;transform:translateY(0) scale(1)}}.photo-card img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s ease;opacity:0}.photo-card.is-loaded img{opacity:1}.photo-card:hover,.photo-card:focus-visible{transform:translateY(-4px);box-shadow:0 16px 32px #00000073,0 0 0 1px var(--accent-soft)}.photo-card:hover img{transform:scale(1.06)}.photo-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.photo-card__play svg{width:52px;height:52px;padding:14px;border-radius:50%;background:#0a08068c;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.photo-card__sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.18) 48%,transparent 66%);transform:translate(-120%);pointer-events:none}.photo-card:hover .photo-card__sheen{transform:translate(120%);transition:transform .8s ease}.empty-state{text-align:center;padding:4rem 1rem;color:var(--text-muted)}.empty-state__hint{font-size:.85rem;opacity:.8}.fab{position:fixed;right:max(1.4rem,env(safe-area-inset-right));bottom:max(1.4rem,env(safe-area-inset-bottom));width:68px;height:68px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent),#c97f3a);color:#1a1310;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #e3ab6359;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;z-index:40}.fab:hover{transform:scale(1.06);box-shadow:0 14px 30px #e3ab6373}.fab:active{transform:scale(.96)}.upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0806bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.upload-modal{width:100%;max-width:480px;background:var(--bg-elevated);border-radius:20px 20px 0 0;padding:1.6rem 1.4rem calc(1.6rem + env(safe-area-inset-bottom));border:1px dashed transparent;transition:border-color .2s ease,background .2s ease;animation:slide-up .28s cubic-bezier(.22,1,.36,1)}@media (min-width: 540px){.upload-overlay{align-items:center}.upload-modal{border-radius:20px}}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.upload-modal.is-dragover{border-color:var(--accent);background:color-mix(in srgb,var(--bg-elevated) 85%,var(--accent) 15%)}.upload-modal h2{margin:0 0 .4rem;font-size:1.2rem}.upload-modal__hint{color:var(--text-muted);font-size:.85rem;margin:0 0 1.2rem}.upload-modal__picker{width:100%;padding:1.1rem;min-height:52px;border-radius:12px;border:none;background:var(--accent);color:#1a1310;font-weight:600;font-size:1.05rem;cursor:pointer}.upload-modal__picker:disabled{opacity:.6;cursor:default}.upload-progress{position:relative;margin-top:1rem;height:10px;border-radius:6px;background:#ffffff14;overflow:hidden}.upload-progress__bar{height:100%;background:linear-gradient(90deg,var(--accent),#f3d6a8);transition:width .2s ease}.upload-progress span{position:absolute;right:0;top:12px;font-size:.75rem;color:var(--text-muted)}.upload-error{color:#e08a7d;font-size:.85rem;margin-top:.8rem}.upload-recap{margin-top:.8rem;padding:.8rem;border-radius:10px;background:var(--accent-soft);color:var(--text);font-size:.85rem}.upload-recap p{margin:0 0 .3rem}.upload-recap p:last-child{margin-bottom:0;color:var(--text-muted)}.upload-modal__close{width:100%;margin-top:1rem;padding:.9rem;min-height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-muted);font-size:1rem;cursor:pointer}.yarl__toolbar{align-items:center}.app__back{margin-top:.9rem;padding:.7rem 1.3rem;min-height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-muted);font-size:1rem;cursor:pointer}.home-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;padding:0 12px 1.4rem}.home-actions button{padding:.8rem 1.4rem;min-height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:var(--bg-elevated);color:var(--text-muted);font-size:1rem;cursor:pointer}.collection-header{max-width:1400px;margin:0 auto;padding:0 12px 1.2rem;font-size:1.2rem;font-weight:600;color:var(--text)}.collections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1400px;margin:0 auto;padding:0 12px 6rem}@media (min-width: 540px){.collections-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.collection-tile{position:relative;aspect-ratio:4 / 3;border:none;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--bg-elevated);box-shadow:0 6px 18px #00000059;transition:transform .2s ease,box-shadow .2s ease}.collection-tile:hover,.collection-tile:focus-visible{transform:translateY(-4px);box-shadow:0 16px 32px #00000073,0 0 0 1px var(--accent-soft)}.collection-tile__mosaic{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;gap:2px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.collection-tile__cell{position:relative;min-width:0;min-height:0;overflow:hidden}.collection-tile__cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.collection-tile__mosaic--1{grid-template-columns:1fr;grid-template-rows:1fr}.collection-tile__mosaic--2{grid-template-rows:1fr}.collection-tile__mosaic--3 .collection-tile__cell:first-child{grid-row:span 2}.collection-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.2rem;padding:1rem;background:linear-gradient(to top,rgba(10,8,6,.85),transparent 60%)}.collection-tile__name{color:var(--text);font-weight:600;font-size:1.05rem;text-align:left}.collection-tile__count{color:var(--text-muted);font-size:.8rem}.upload-modal__new-collection{display:flex;gap:.5rem;margin-bottom:1.2rem}.upload-modal__new-collection input{flex:1;padding:.8rem;min-height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:var(--bg);color:var(--text);font-size:1rem}.upload-modal__new-collection button{padding:.8rem 1.2rem;min-height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-muted);font-size:1rem;cursor:pointer}.upload-modal__field{display:block;margin-bottom:1rem;font-size:.85rem;color:var(--text-muted)}.upload-modal__field select{display:block;width:100%;margin-top:.35rem;padding:.8rem;min-height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:var(--bg);color:var(--text);font-size:1rem}.entity-manager__count{color:var(--text-muted);font-size:.8rem}.entity-manager__list{list-style:none;margin:0 0 1rem;padding:0;max-height:40vh;overflow-y:auto}.entity-manager__list li{display:flex;align-items:center;justify-content:space-between;padding:.5rem .2rem;border-bottom:1px solid rgba(255,255,255,.08)}.entity-manager__empty{color:var(--text-muted);font-size:.85rem;border-bottom:none!important}.entity-manager__delete{border:none;background:transparent;color:#e08a7d;font-size:1.5rem;line-height:1;cursor:pointer;padding:.4rem .7rem;min-height:44px}.entity-manager__form{display:flex;gap:.5rem}.entity-manager__form input{flex:1;padding:.8rem;min-height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:var(--bg);color:var(--text);font-size:1rem}.entity-manager__form button{padding:.8rem 1.2rem;min-height:48px;border-radius:10px;border:none;background:var(--accent);color:#1a1310;font-weight:600;cursor:pointer}.lightbox-info{position:fixed;right:1rem;top:4.5rem;left:1rem;max-width:380px;margin-left:auto;max-height:calc(100vh - 6rem);overflow-y:auto;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.08);border-radius:18px;z-index:10000;box-shadow:0 16px 36px #00000080}.lightbox-info__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem;border-bottom:1px solid rgba(255,255,255,.08)}.lightbox-info__header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.lightbox-info__close{flex-shrink:0;width:32px;height:32px;border:none;border-radius:50%;background:#ffffff0f;color:var(--text-muted);font-size:1.3rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.lightbox-info__close:hover{background:#ffffff1f;color:var(--text)}.lightbox-info__body{padding:1.3rem}.lightbox-info__details p{margin:0 0 .5rem;font-size:.9rem;color:var(--text-muted)}.lightbox-info__details p:last-child{margin-bottom:0}.lightbox-info__edit-trigger{margin-top:1rem;padding:.7rem 1.1rem;min-height:46px;border-radius:10px;border:none;background:var(--accent);color:#1a1310;font-weight:600;font-size:1rem;cursor:pointer;transition:filter .15s ease}.lightbox-info__edit-trigger:hover{filter:brightness(1.08)}.lightbox-info__edit label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.lightbox-info__edit select{display:block;width:100%;margin-top:.45rem;padding:.7rem;min-height:46px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:var(--bg);color:var(--text);font-size:1rem}.lightbox-info__actions{display:flex;gap:.7rem;margin-top:1.3rem}.lightbox-info__actions button{flex:1;padding:.7rem 1rem;min-height:46px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:filter .15s ease,background .15s ease}.lightbox-info__actions button:disabled{opacity:.6;cursor:default}.lightbox-info__save{border:none;background:var(--accent);color:#1a1310}.lightbox-info__save:hover:not(:disabled){filter:brightness(1.08)}.lightbox-info__cancel{border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text-muted)}.lightbox-info__cancel:hover:not(:disabled){background:#ffffff0f;color:var(--text)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.4rem}.login-card{width:100%;max-width:340px;text-align:center;padding:2.2rem 1.8rem;border-radius:22px;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 46px #00000080}.login-card h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;background:linear-gradient(120deg,var(--accent),#f3d6a8);-webkit-background-clip:text;background-clip:text;color:transparent}.login-card p{margin:0 0 1.4rem;color:var(--text-muted);font-size:.9rem}.login-card__password{position:relative;margin-bottom:1rem}.login-card__password input{display:block;width:100%;padding:.9rem 3rem .9rem .9rem;min-height:50px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:var(--bg);color:var(--text);font-size:1.05rem;text-align:center}.login-card__toggle{position:absolute;top:50%;right:.4rem;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer}.login-card__toggle:hover{background:#ffffff0f;color:var(--text)}.login-card button[type=submit]{width:100%;padding:.9rem;min-height:50px;border-radius:12px;border:none;background:var(--accent);color:#1a1310;font-weight:600;font-size:1rem;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.app__build{text-align:center;margin:2rem 0 0;padding-bottom:1rem;color:var(--text-muted);opacity:.5;font-size:.72rem}
