@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Karla:wght@400;500&display=swap";:root{--ink:#1c1814;--ink-soft:#4a4038;--paper:#f8f4ef;--paper-deep:#efe6db;--blush:#c4787a;--blush-deep:#9a5054;--dusk:#2a2430;--dusk-mid:#4a3a42;--rose-mist:#d9a8a4;--control:#f8f4efe0;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Karla", "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh}html{-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:var(--font-body);background:var(--dusk);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;margin:0}button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0}.atmosphere-wash{background:radial-gradient(80% 60% at 50% 35%,#c4787a47,#0000 60%),radial-gradient(50% 40% at 80% 80%,#4a3a428c,#0000 55%),linear-gradient(165deg,#1a1520 0%,#2f2530 42%,#3d2c30 100%);position:absolute;inset:0}.atmosphere-grain{opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.app-main{z-index:1;min-height:0;padding:.75rem .75rem 1rem;padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right));padding-bottom:max(1rem, env(safe-area-inset-bottom));flex:1;justify-content:center;align-items:center;display:flex;position:relative}.book-stage{--controls-h:4.25rem;flex-direction:column;align-items:center;width:min(1320px,98vw);height:min(960px,100dvh - 1.75rem);animation:1.25s cubic-bezier(.22,1,.36,1) .15s both book-rise;display:flex;position:relative}.book-glow{filter:blur(8px);z-index:-1;pointer-events:none;background:radial-gradient(#d9a8a438,#0000 70%);width:min(1100px,92vw);height:min(640px,70vh);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.book-viewport{flex:1;place-items:center;width:100%;min-height:0;padding:.25rem 0;display:grid}.book-frame{--frame-pad:14px;box-sizing:border-box;aspect-ratio:1040/700;width:min(100%, 1240px, calc((100dvh - 1.75rem - var(--controls-h) - 1.25rem) * 1040 / 700));height:auto;max-height:calc(100% - .25rem);padding:var(--frame-pad);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#4a3438 0%,#2a1c20 45%,#1a1418 100%);border:1px solid #d9a8a466;justify-content:stretch;align-items:stretch;display:flex;position:relative;box-shadow:0 28px 70px #00000080,inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff14}.book-stage--mobile{align-items:center;width:100%;max-width:100%;overflow:hidden}.book-stage--mobile .book-viewport{justify-content:center;align-items:center;width:100%;padding-inline:.5rem;display:flex;overflow:hidden}.book-stage--mobile .book-frame{--frame-pad:6px;aspect-ratio:520/700;width:min(86vw, 340px, calc((100dvh - 1.75rem - var(--controls-h) - 1.5rem) * 520 / 700));max-width:calc(100vw - 2.75rem);margin-inline:auto;overflow:hidden}.book-stage--mobile .flipbook,.book-stage--mobile .flipbook .stf__parent,.book-stage--mobile .flipbook .stf__wrapper{max-width:100%!important}.book-frame:before{content:"";pointer-events:none;z-index:2;border:1px solid #d9a8a438;position:absolute;inset:6px}.flipbook{margin:0;width:100%!important;height:100%!important}.flipbook [data-density],.flipbook .page{height:100%}.flipbook .page{background:var(--paper);overflow:hidden}.page{background:linear-gradient(145deg, var(--paper) 0%, var(--paper-deep) 100%);width:100%;height:100%;color:var(--ink)}.page-pad{background:linear-gradient(145deg, var(--paper) 0%, var(--paper-deep) 100%);border:1px solid #9a505438;flex-direction:column;gap:.75rem;height:100%;margin:.55rem;padding:1.2rem 1.1rem 1rem;display:flex;box-shadow:inset 0 0 0 3px #f8f4efd9}.page-pad--desc{gap:1.15rem}.page-header{border-bottom:1px solid #1c18141f;flex-direction:column;gap:.12rem;padding-bottom:.5rem;display:flex}.page-header--seed .page-day{color:#7a5e48}.page-era{letter-spacing:.14em;text-transform:uppercase;color:#8a6a52;font-size:.68rem}.page-day{font-family:var(--font-display);letter-spacing:.02em;color:var(--blush-deep);font-size:1.45rem;font-weight:600;line-height:1.15}.page-detail{font-family:var(--font-display);color:var(--ink-soft);font-size:.95rem;font-style:italic}.page-date{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem}.page--divider{color:var(--paper);background:radial-gradient(80% 60% at 50% 40%,#c4787a33,#0000 65%),linear-gradient(160deg,#2a1f24 0%,#1a1418 55%,#3a282c 100%);justify-content:center;align-items:center;display:flex}.divider-inner{text-align:center;border:1px solid #d9a8a459;width:calc(100% - 2.5rem);margin:1.25rem;padding:2rem 1.5rem}.divider-kicker{font-family:var(--font-display);color:var(--rose-mist);margin:0;font-size:1.1rem;font-style:italic}.divider-title{font-family:var(--font-display);letter-spacing:.08em;margin:.75rem 0;font-size:3rem;font-weight:600}.divider-text{font-family:var(--font-display);color:#f8f4efe0;margin:0;font-size:1.15rem;line-height:1.55}.page--cover{color:var(--paper);background:#1a1418;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cover-mosaic{filter:saturate(.92);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.cover-mosaic--muted{filter:saturate(.7)brightness(.85)}.cover-veil{background:radial-gradient(70% 55% at 50% 45%,#1a141847,#1a1418b8 70%),linear-gradient(#1a141859,#1a14188c);position:absolute;inset:0}.cover-inner{z-index:2;text-align:center;text-shadow:0 2px 24px #0000008c;padding:2rem 1.5rem;animation:6s ease-in-out infinite cover-breathe;position:relative}.cover-kicker{font-family:var(--font-display);letter-spacing:.04em;color:var(--rose-mist);margin:0;font-size:1.15rem;font-style:italic}.cover-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:lowercase;white-space:nowrap;margin:0 auto .75rem;font-size:clamp(1.15rem,2.8vw,1.55rem);font-weight:600;line-height:1.2}.cover-rule{background:linear-gradient(90deg, transparent, var(--rose-mist), transparent);width:3.5rem;height:1px;margin:0 auto .85rem}.cover-subtitle{font-family:var(--font-display);letter-spacing:.06em;color:#f8f4efd1;margin:0;font-size:1.2rem}.cover-description{max-width:18rem;font-family:var(--font-display);letter-spacing:.02em;color:#f8f4efe6;margin:0 auto;font-size:clamp(1rem,2.2vw,1.2rem);font-style:italic;line-height:1.55}.page--finale{color:var(--paper);background:#1a1418;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.finale-wall{background:#1a1418;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:1px;display:grid;position:absolute;inset:0;transform:scale(1.02)}.finale-wall img{object-fit:cover;filter:saturate(.92)brightness(.92);width:100%;height:100%;min-height:2.4rem;display:block}.finale-veil{pointer-events:none;background:radial-gradient(55% 45% at 50% 48%,#1a141833,#1a1418c7 72%),linear-gradient(#1a141859,#1a14188c);position:absolute;inset:0}.finale-inner{z-index:2;text-align:center;text-shadow:0 2px 28px #000000a6;padding:1.5rem;animation:6s ease-in-out infinite cover-breathe;position:relative}.finale-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:lowercase;color:var(--paper);margin:0;font-size:clamp(2rem,5vw,2.75rem);font-style:italic;font-weight:600}.mosaic{background:#1c18140a;border-radius:2px;flex:1;min-height:0;position:relative;overflow:hidden}.mosaic-bake{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.mosaic--empty{text-align:center;color:var(--ink-soft);background:linear-gradient(135deg, #c4787a0f, transparent 50%), var(--paper);border:1px dashed #9a505459;place-items:center;display:grid}.collage-empty-mark{font-family:var(--font-display);color:var(--blush);margin-bottom:.35rem;font-size:2rem}.mosaic--empty p{max-width:14rem;margin:0;font-size:.85rem;line-height:1.4}.mosaic-item{transform:rotate(var(--mosaic-rot,0deg)) scale(1);transform-origin:50%;cursor:default;background:#1a1418;border:2px solid #f8f4eff2;margin:0;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);position:absolute;overflow:hidden;box-shadow:0 8px 20px #1c181447}@media (hover:hover) and (pointer:fine){.mosaic-item:hover{transform:rotate(var(--mosaic-rot,0deg)) scale(1.08);z-index:400;box-shadow:0 14px 28px #1c181461}}.mosaic-item img,.mosaic-item video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.desc-body{flex:1;align-items:flex-start;display:flex}.desc-text{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.25rem;line-height:1.65}.desc-highlight{color:var(--blush-deep);letter-spacing:.04em;font-weight:700}.desc-blank{flex-direction:column;gap:1.35rem;width:100%;padding-top:.75rem;display:flex}.desc-blank-line{background:linear-gradient(90deg,#1c18142e,#1c18141a 70%,#0000);width:100%;height:1px;display:block}.desc-blank-line--short{width:62%}.book-controls{flex:0 0 var(--controls-h);height:var(--controls-h);box-sizing:border-box;justify-content:center;align-items:center;gap:1.5rem;width:100%;padding:.85rem 1rem 1rem;display:flex}.nav-btn{appearance:none;background:var(--control);color:var(--ink);cursor:pointer;letter-spacing:.04em;border:1px solid #f8f4ef47;border-radius:2px;min-width:7.5rem;padding:.7rem 1.35rem;font-size:.9rem;transition:background .2s,transform .2s,opacity .2s}.nav-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.nav-btn:disabled{opacity:.35;cursor:default}.page-indicator{text-align:center;color:#f8f4efb8;letter-spacing:.08em;min-width:5.5rem;font-size:.85rem}@keyframes book-rise{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cover-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (width<=820px){.app{overflow-x:hidden}.app-main{padding-top:max(.4rem, env(safe-area-inset-top));padding-left:max(.5rem, env(safe-area-inset-left));padding-right:max(.5rem, env(safe-area-inset-right));width:100%;overflow-x:hidden}.book-stage{--controls-h:5.25rem;width:100%;max-width:100%;height:calc(100dvh - .5rem);overflow:hidden}.book-glow{display:none}.page-pad{margin:.35rem;padding:.85rem .75rem .75rem}.page-day{font-size:1.25rem}.desc-text{font-size:1.1rem}.cover-title,.finale-title{white-space:normal}.book-controls{padding:.65rem .75rem max(.85rem, env(safe-area-inset-bottom));gap:.65rem}.nav-btn{min-width:6.5rem;min-height:2.85rem;padding:.85rem 1.1rem;font-size:1rem}.page-indicator{font-size:.8rem}}