html,body{height:100dvh;overflow:hidden;overscroll-behavior:none}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b0b12;color:#f2f2f5}*{box-sizing:border-box}body{margin:0;height:100dvh;background:#0b0b12;color:#f2f2f5}button{font:inherit;color:inherit;background:none;border:none;padding:0}#root{height:100dvh;overflow:hidden;overscroll-behavior:none}.app{height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% 20%,#783cb42e,#0a0a14f2 60%),radial-gradient(80% 60% at 80% 80%,rgba(255,120,60,.12),transparent 60%),#0b0b12;-webkit-tap-highlight-color:transparent}.night-view{height:100vh;height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.night-view *{-webkit-tap-highlight-color:transparent}.night-view input,.night-view textarea,.night-view [contenteditable=true]{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.loading{align-items:center;justify-content:center}.night-top{display:flex;justify-content:center;overflow:visible;padding-top:calc(8px + env(safe-area-inset-top));margin-bottom:4px;order:1;position:relative}.logo{display:block;width:min(560px,90vw);height:auto}.recap-button{position:absolute;right:8px;top:calc(8px + env(safe-area-inset-top));font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#0a0a1466;color:#f2f2f5;opacity:.75}.archive-button{position:absolute;right:78px;top:calc(8px + env(safe-area-inset-top));font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0a0a1459;color:#f2f2f5;opacity:.7}.night-main{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:4px;margin-top:auto;order:3}.drink-selector{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;width:100%;position:relative;z-index:1}.big-button-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;z-index:2}.big-button{width:min(72vw,260px);height:min(72vw,260px);border-radius:999px;background:#141420;border:2px solid #24243a;display:grid;place-items:center;box-shadow:0 18px 35px #00000059;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease-out,filter .16s ease-out,border-color .2s ease;touch-action:manipulation;position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto}.big-button.bigbtn--tap:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:999px;border:1px solid rgba(255,180,120,.35);box-shadow:0 0 18px #ffa06e59,0 0 32px #ffa06e33;opacity:0;pointer-events:none;animation:bigbtn-glow .34s cubic-bezier(.22,1,.36,1)}.big-button:active{transform:scale(.99)}.big-button.bigbtn--pressed{transform:scale(.99);box-shadow:inset 0 6px 14px #00000073,0 10px 22px #0000004d}.big-button-emoji{font-size:72px;position:relative;display:inline-block;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.big-button.bigbtn--tap .big-button-emoji{animation:big-emoji-inertial .34s cubic-bezier(.22,1,.36,1)}.big-button.bigbtn--tap .big-button-emoji:after{animation:big-emoji-trail .32s cubic-bezier(.22,1,.36,1);animation-delay:50ms}.big-button-icon{transform:scale(2)}.big-button-emoji.swipe-left{animation:big-emoji-left .18s ease-out}.big-button-emoji.swipe-right{animation:big-emoji-right .18s ease-out}@keyframes big-emoji-left{0%{transform:translate(14px) scale(2);opacity:.7}to{transform:translate(0) scale(2);opacity:1}}@keyframes big-emoji-right{0%{transform:translate(-14px) scale(2);opacity:.7}to{transform:translate(0) scale(2);opacity:1}}@keyframes big-emoji-inertial{0%{transform:scale(2);opacity:1;filter:brightness(1)}45%{transform:scale(2.08);opacity:1;filter:brightness(1.06)}to{transform:scale(2);opacity:1;filter:brightness(1)}}@keyframes big-emoji-trail{0%{opacity:0;transform:translate(-6px) scale(1)}45%{opacity:.18}to{opacity:0;transform:translate(6px) scale(1)}}@keyframes bigbtn-glow{0%{opacity:.6;transform:scale(.98)}to{opacity:0;transform:scale(1.08)}}.big-button-emoji:after{content:attr(data-emoji);position:absolute;left:0;top:0;opacity:0;pointer-events:none;filter:blur(.6px)}@media (prefers-reduced-motion: reduce){.big-button.bigbtn--pressed{transform:scale(.997);box-shadow:0 18px 35px #00000059}.big-button.bigbtn--tap .big-button-emoji{animation:big-emoji-fade .22s ease-out;filter:none}.big-button.bigbtn--tap .big-button-emoji:after{animation:none}.big-button.bigbtn--tap:after{animation:none;opacity:.25}}@keyframes big-emoji-fade{0%{opacity:.8;transform:scale(2.02)}to{opacity:1;transform:scale(2)}}.fly-emoji{animation-name:flySmooth;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;will-change:transform,opacity}.fly-emoji__main,.fly-emoji__trail{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;line-height:1}.fly-emoji__trail{opacity:0;filter:blur(.6px);animation-name:flyTrail;animation-delay:60ms;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;pointer-events:none}@keyframes flySmooth{0%{transform:translate(0) scale(1);opacity:1}70%{transform:translate(calc(var(--dx) * .7),calc(var(--dy) * .7 + var(--arc))) scale(.92);opacity:1}78%{transform:translate(calc(var(--dx) * .8),calc(var(--dy) * .8)) scale(.89);opacity:.985}84%{transform:translate(calc(var(--dx) * .87),calc(var(--dy) * .87)) scale(.85);opacity:.97}89%{transform:translate(calc(var(--dx) * .92),calc(var(--dy) * .92)) scale(.82);opacity:.96}93%{transform:translate(calc(var(--dx) * .95),calc(var(--dy) * .95)) scale(.8);opacity:.95}96%{transform:translate(calc(var(--dx) * .975),calc(var(--dy) * .975)) scale(.78);opacity:.945}98%{transform:translate(calc(var(--dx) * .99),calc(var(--dy) * .99)) scale(.77);opacity:.94}to{transform:translate(var(--dx),var(--dy)) scale(.76);opacity:.94}}@keyframes flyTrail{0%{opacity:0;transform:translate(calc(var(--dx) * .12),calc(var(--dy) * .12))}45%{opacity:.12}to{opacity:0;transform:translate(calc(var(--dx) * .2),calc(var(--dy) * .2))}}@media (prefers-reduced-motion: reduce){.fly-emoji,.fly-emoji__trail{animation:none}}.camera-button{position:absolute;right:16px;bottom:14px;font-size:42px;opacity:.45;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#1b1b2b;border:1px solid #2a2a3a;border-radius:999px;padding:6px;line-height:1;touch-action:manipulation}.night-copy{margin:0;font-size:12px;opacity:.45;text-align:center;transition:opacity .52s ease-out;min-height:1em}.night-copy--fade{opacity:0}.carousel{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:0;width:auto;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none}.carousel-wrap{position:relative;width:100%;display:flex;align-items:center;justify-content:center;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.carousel-chevron{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;opacity:.35;pointer-events:none;user-select:none;-webkit-user-select:none}.carousel-chevron.left{left:0}.carousel-chevron.right{right:0}.carousel-item{width:42px;height:42px;background:#141420;border:1px solid #2a2a3a;border-radius:999px;display:flex;align-items:center;justify-content:center;opacity:.55;transition:transform .18s ease,border-color .2s ease,opacity .2s ease}.carousel-item.shift-left,.carousel-item.shift-right{transform:scale(.96);opacity:.5}.drink--active{box-shadow:0 0 10px #ff783c40;animation:glowPulse 2.2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #ff783c40;opacity:.65}50%{box-shadow:0 0 18px #ff783c73;opacity:.75}}@media (prefers-reduced-motion: reduce){.drink--active{animation:none;box-shadow:0 0 10px #ff783c40;opacity:.7}}.carousel-item.active{width:56px;height:56px;opacity:1;border-color:#6d6df0;box-shadow:0 8px 18px #6d6df040}.carousel-emoji{font-size:20px}.carousel-item.active .carousel-emoji{font-size:26px}.night-timeline{flex:0 0 auto;overflow:hidden;padding-top:6px;order:2;max-height:190px}.timeline{display:flex;flex-direction:column;gap:8px}.timeline-counter{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.timeline-list{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.timeline-item{display:inline-flex;align-items:center;gap:8px;background:#13131d;border-radius:999px;padding:6px 10px;border:1px solid #1f1f2e;box-shadow:inset 0 0 0 1px #ffffff05;position:relative}.timeline-item.moment--new{animation:moment-enter .18s cubic-bezier(.2,.8,.2,1);animation-delay:90ms}.timeline-item.moment--new:after,.timeline-overflow.moment--new:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:999px;background:linear-gradient(120deg,#fff0,#ffdcbe2e 45%,#fff0 70%);opacity:0;pointer-events:none;animation:moment-spark .3s ease-out}@keyframes moment-enter{0%{transform:translate(16px) scale(.92);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes moment-spark{0%{opacity:0;transform:translate(-30%)}40%{opacity:.22}to{opacity:0;transform:translate(30%)}}.timeline-time{font-variant-numeric:tabular-nums;opacity:.8}.timeline-emoji{font-size:20px}.timeline-photo{font-size:12px;opacity:.6}.timeline.strip .timeline-list{--bubble: 38px;--gap: 12px;display:grid;grid-auto-flow:row;grid-template-columns:repeat(8,var(--bubble));grid-auto-rows:var(--bubble);gap:var(--gap);align-content:start;justify-content:start;width:100%;padding:6px calc(var(--gap) / 2) 10px;box-sizing:border-box;height:calc(var(--bubble) * 3 + var(--gap) * 2 + 16px);overflow:hidden}.timeline-overflow{width:38px;height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.02em;color:#f2f2f5;background:#141420;border:1px solid #2a2a3a;opacity:.6;pointer-events:none;box-shadow:0 0 12px #6d6df040;position:relative}.timeline-overflow.moment--new{animation:moment-enter .18s cubic-bezier(.2,.8,.2,1);animation-delay:90ms}.timeline.strip .timeline-item{position:relative;width:38px;height:38px;flex:0 0 auto;border-radius:999px;padding:0;justify-content:center;gap:0}.timeline.strip .timeline-emoji{font-size:20px}.timeline.strip .timeline-photo{position:absolute;right:-2px;top:-2px;background:#141824a6;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:10px;line-height:1;padding:2px;color:#fff;opacity:.9;box-shadow:0 2px 6px #0a0c142e}.camera-badge--enter{animation:camera-badge-enter .21s cubic-bezier(.16,1,.3,1)}@keyframes camera-badge-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.camera-badge--enter{animation:none}}.timeline-empty{text-align:center;opacity:.6;padding:16px 0;border-top:1px solid #1b1b2b;border-bottom:1px solid #1b1b2b}.recap-view{padding:32px 20px calc(32px + env(safe-area-inset-bottom))}.recap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.recap h1{margin:0;font-size:22px}.recap-line{font-size:15px;opacity:.85}.recap-photos{display:flex;gap:10px}.recap-photos img{width:80px;height:80px;border-radius:12px;object-fit:cover;border:1px solid #2a2a3a}.recap-photos-empty{opacity:.5;font-size:14px}.recap-actions button{background:#1b1b2b;border:1px solid #2a2a3a;padding:10px 16px;border-radius:12px}.recap-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff5e6,#eaf6ff 55%,#fff);color:#12131a;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .24s ease-out;z-index:30;overflow:hidden}.recap-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 15%,rgba(255,200,120,.45),transparent 55%);pointer-events:none}.recap-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 110%,rgba(140,220,140,.18),transparent 60%);pointer-events:none}.recap-screen--open{transform:translateY(0);opacity:1;pointer-events:auto}.recap-sheet{position:relative;width:min(420px,92vw);display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:24px;background:#ffffffdb;border:1px solid rgba(18,19,26,.08);box-shadow:0 24px 60px #12131a2e;max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;z-index:1}.recap-close{position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:999px;border:1px solid rgba(18,19,26,.12);color:#12131a;background:#ffffffb3;font-size:20px;line-height:1}.recap-heading{font-size:20px;letter-spacing:.08em;text-transform:uppercase;text-align:center}.recap-greeting{text-align:center;font-size:14px;color:#5b6270}.recap-empty{font-size:14px;color:#5b6270;text-align:center}.recap-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recap-card{background:#fff;border-radius:18px;padding:14px;border:1px solid rgba(18,19,26,.08);display:flex;flex-direction:column;gap:6px}.recap-card-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5b6270}.recap-card-value{font-size:18px;font-weight:600;color:#12131a}.recap-card-note{font-size:11px;color:#5b6270}.recap-counts{display:flex;justify-content:space-between;font-size:13px;color:#5b6270}.recap-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#5b6270}.recap-toggle input{accent-color:#12131a}.recap-preview{display:flex;flex-direction:column;gap:8px}.recap-preview-label{font-size:12px;color:#5b6270}.recap-preview-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.recap-preview-bubble{width:30px;height:30px;border-radius:999px;background:#fff;border:1px solid rgba(18,19,26,.08);display:flex;align-items:center;justify-content:center;font-size:14px}.recap-chip{padding:4px 8px;border-radius:999px;background:#12131a0f;border:1px solid rgba(18,19,26,.08);font-size:11px;color:#5b6270}.recap-thumb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.recap-thumb-grid img{width:100%;height:76px;object-fit:cover;border-radius:12px;border:1px solid rgba(18,19,26,.08)}.recap-collage-section{display:flex;flex-direction:column;gap:10px}.recap-collage-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#1418248c}.recap-collage{display:grid;gap:8px;padding:8px;border-radius:18px;border:1px solid rgba(20,24,36,.08);background:#ffffff73;box-shadow:0 10px 30px #0a0c1414;position:relative;overflow:hidden}.recap-collage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 55%);opacity:.25;pointer-events:none}.recap-collage--single{grid-template-columns:1fr}.recap-collage--double,.recap-collage--grid{grid-template-columns:repeat(2,1fr)}.recap-collage-tile{position:relative;border-radius:14px;overflow:hidden;background:#12131a0f}.recap-collage--single .recap-collage-tile{height:clamp(120px,18vh,170px)}.recap-collage--double .recap-collage-tile{height:clamp(110px,16vh,150px)}.recap-collage--grid .recap-collage-tile{height:clamp(100px,15vh,140px)}.recap-collage-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#ffffff1f,#ffffff05,#ffffff14);opacity:0;transition:opacity .2s ease-out}.recap-collage-tile.is-loaded:before{opacity:1}.recap-collage-tile img{width:100%;height:100%;object-fit:cover;display:block}.recap-collage-more{position:absolute;right:8px;bottom:8px;padding:6px 10px;border-radius:999px;background:#0f121c8c;color:#fff;border:1px solid rgba(255,255,255,.18);font-weight:600;font-size:12px;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (prefers-reduced-motion: reduce){.recap-collage-tile:before{transition:none}}.recap-actions{display:flex;gap:12px}.recap-actions button{background:#12131a0f;border:1px solid rgba(18,19,26,.12);padding:10px 16px;border-radius:12px;color:#12131a}.recap-actions .primary{background:#12131a;color:#fff;border-color:transparent}.recap-share-error{margin-top:8px;font-size:12px;color:#5b6270;text-align:center}@media (prefers-reduced-motion: reduce){.recap-screen{transition:opacity .2s ease-out;transform:none}}.share-card-host{position:fixed;left:-10000px;top:0;width:1080px;height:1920px;pointer-events:none;opacity:0;z-index:-1}.share-card-wrapper{width:1080px;height:1920px}.share-card-host--capture{opacity:0;z-index:-1}.share-card{width:100%;height:100%;color:#f2f2f5;position:relative;overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.share-card--night{background:radial-gradient(120% 80% at 50% 20%,#783cb43d,#0a0a14f2 60%),radial-gradient(80% 60% at 80% 80%,rgba(255,120,60,.16),transparent 60%),#0b0b12}.share-card--night:before{content:"";position:absolute;top:-10%;right:-10%;bottom:0;left:-10%;background:radial-gradient(60% 40% at 50% 0%,rgba(160,100,220,.35),transparent 70%);opacity:.7;pointer-events:none}.share-card--night:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(40% 30% at 15% 85%,rgba(255,140,80,.22),transparent 70%);opacity:.6;pointer-events:none}.share-card__content{position:relative;z-index:1;height:100%;padding:4% 7%;display:grid;grid-template-rows:18% 6% 20% 16% 28% 4%;align-content:space-between}.share-card__row{display:flex;align-items:center;justify-content:center;width:100%}.share-card__row--logo{position:relative;z-index:2}.share-card__row--timeline,.share-card__row--collage{align-items:stretch}.share-card__logo{width:78%;max-width:80%;height:auto;max-height:100%;display:block;filter:none;opacity:1;position:relative;z-index:2}.share-card__empty{font-size:24px;color:#f2f2f5a6;text-align:center}.share-card__date{font-size:clamp(18px,2.2vw,26px);letter-spacing:.24em;text-transform:uppercase;color:#f2f2f58c}.share-card__big-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;width:100%;height:100%}.share-card__icon-card{background:#14182473;border:1px solid rgba(255,255,255,.08);border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:0 12px 36px #00000059,0 0 36px #ff783c2e;height:100%;aspect-ratio:1 / 1}.share-card__icon{font-size:clamp(104px,12vw,160px)}.share-card__icon-time{font-size:clamp(32px,4.2vw,56px);font-weight:700;letter-spacing:.08em;color:#f2f2f5e6;text-shadow:0 4px 12px rgba(0,0,0,.5)}.share-card__collage{position:relative;display:block;padding:10px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#12141e8c;overflow:hidden;width:100%;height:100%}.share-card__tile{position:absolute;border-radius:22px;overflow:hidden;background:#12131a33;width:52%;height:58%;box-shadow:0 18px 36px #00000073,0 0 20px #a064dc2e;border:1px solid rgba(255,255,255,.12)}.share-card__tile--0{top:6%;left:6%;transform:rotate(-10deg)}.share-card__tile--1{top:12%;right:8%;transform:rotate(8deg)}.share-card__tile--2{bottom:8%;left:10%;transform:rotate(12deg)}.share-card__tile--3{bottom:4%;right:6%;transform:rotate(-9deg)}.share-card__tile img{width:100%;height:100%;object-fit:cover;display:block}.share-card__more{position:absolute;right:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:#0f121c8c;color:#fff;border:1px solid rgba(255,255,255,.18);font-weight:600;font-size:16px;letter-spacing:.02em}.share-card-host--capture .share-card__more{-webkit-backdrop-filter:none;backdrop-filter:none}.share-card__counts{display:flex;justify-content:space-between;font-size:22px;color:#f2f2f5b3;width:100%}.share-card__counts--solo{align-items:center;justify-content:center;gap:30px}.share-card__preview{display:flex;flex-direction:column;gap:14px;width:100%;justify-content:center;align-items:center}.share-card__preview-strip{display:flex;flex-wrap:nowrap;gap:0;align-items:center;justify-content:space-between;width:100%;overflow:hidden}.share-card__bubble{width:84px;height:84px;border-radius:999px;background:#14182480;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 6px 18px #00000073,0 0 16px #ff783c2e}.share-card__chip{min-width:84px;height:84px;padding:0 14px;border-radius:999px;background:#1418248c;border:1px solid rgba(255,255,255,.12);font-size:22px;color:#ffaa78f2;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.06em;text-shadow:0 4px 12px rgba(0,0,0,.5)}.share-card__footer{text-align:center;font-size:24px;letter-spacing:.2em;text-transform:uppercase;color:#ff8c5a;text-shadow:0 6px 18px rgba(0,0,0,.6),0 0 22px rgba(255,120,60,.55)}.archive-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:#f7f7fb;color:#12131a;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .24s ease-out;z-index:25}.archive-screen--open{transform:translateY(0);opacity:1;pointer-events:auto}.archive-sheet{position:relative;width:min(420px,92vw);background:#fff;border-radius:24px;border:1px solid rgba(18,19,26,.08);box-shadow:0 22px 50px #12131a1f;padding:20px;display:flex;flex-direction:column;gap:16px;max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.archive-close{position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:999px;border:1px solid rgba(18,19,26,.12);color:#12131a;background:#ffffffe6;font-size:20px;line-height:1}.archive-heading{font-size:18px;letter-spacing:.08em;text-transform:uppercase;text-align:center}.archive-empty{font-size:14px;color:#5b6270;text-align:center}.archive-list{display:flex;flex-direction:column;gap:12px}.archive-item-row{display:flex;align-items:center;gap:10px}.archive-item{flex:1;display:flex;gap:12px;align-items:center;padding:10px;border-radius:16px;border:1px solid rgba(18,19,26,.08);background:#ffffffe6;text-align:left}.archive-delete{flex:0 0 auto;width:34px;height:34px;padding:0;border-radius:12px;border:1px solid rgba(18,19,26,.12);background:#fffffff2;color:#9b3d3d;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.archive-thumb{width:52px;height:52px;border-radius:12px;background:#12131a0f;display:grid;place-items:center;overflow:hidden;font-size:20px}.archive-thumb img{width:100%;height:100%;object-fit:cover;display:block}.archive-info{display:flex;flex-direction:column;gap:4px}.archive-date{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5b6270}.archive-range{font-size:14px;color:#12131a}.archive-count{font-size:12px;color:#5b6270}@media (prefers-reduced-motion: reduce){.archive-screen{transition:opacity .2s ease-out;transform:none}}.file-input{display:none}