:root{--space-1: 16px;--space-2: 24px;--space-3: 32px;--space-4: 48px;--space-5: 72px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", sans-serif;--bg-day-1: #f7f9fc;--bg-day-2: #eef2f9;--bg-day-3: #e7edf6;--bg-night-1: #070c16;--bg-night-2: #0d1628;--bg-night-3: #152339;--text-day: #121826;--text-day-muted: #4f596d;--text-night: #edf3ff;--text-night-muted: #afbdd5;--accent: #3e70eb;--accent-strong: #2d59cd}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#0f1521}button,input{font:inherit}.app{position:relative;height:100vh;overflow:hidden;transition:background .62s cubic-bezier(.22,1,.36,1),color .38s ease}.app--day,.app--gate{color:var(--text-day);background:radial-gradient(1300px 700px at -14% -12%,rgba(175,193,238,.34) 0%,transparent 58%),radial-gradient(860px 460px at 88% 16%,rgba(255,255,255,.5) 0%,transparent 68%),linear-gradient(160deg,var(--bg-day-1) 0%,var(--bg-day-2) 54%,var(--bg-day-3) 100%)}.app--night{color:var(--text-night);background:radial-gradient(900px 520px at 86% 14%,rgba(64,95,149,.32) 0%,transparent 64%),linear-gradient(160deg,var(--bg-night-1) 0%,var(--bg-night-2) 52%,var(--bg-night-3) 100%)}.app--day:before,.app--gate:before,.app--night:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) .7px,transparent .7px);background-size:3px 3px;opacity:.12;pointer-events:none}.app__content{position:relative;z-index:2}.app__content--snap{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory}.section-shell{--section-pad-block: var(--space-4);--section-pad-inline: var(--space-2);position:relative;min-height:100vh;padding:var(--section-pad-block) var(--section-pad-inline);display:flex;align-items:center}.section-shell--snap{scroll-snap-align:start}.section-shell--hero{--section-pad-block: clamp(22px, 4vh, 36px)}.section-shell--carousel{--section-pad-block: clamp(18px, 2.8vh, 30px);align-items:stretch}.section-shell--carousel-together{--section-pad-block: clamp(12px, 1.8vh, 20px)}.section-shell:after{content:none}.section-inner{width:min(1040px,100%);margin:0 auto;position:relative;z-index:1}.section-inner--compact{width:min(780px,100%)}.section-inner--wide{width:min(1280px,100%)}.hero h1,.gate__title{margin:0;letter-spacing:-.025em;font-weight:620;font-size:clamp(2.2rem,6vw,4.4rem)}.hero p,.gate__question,.section-inner p,.timeline-item p{margin:.85rem 0 0;line-height:1.64;color:var(--text-day-muted)}.app--night .hero p,.app--night .gate__question,.app--night .section-inner p,.app--night .timeline-item p{color:var(--text-night-muted)}.section-inner h2{margin:0;letter-spacing:-.02em;font-weight:590;font-size:clamp(1.5rem,3vw,2.2rem)}.hero{display:block}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;column-gap:clamp(28px,4vw,56px)}.hero-copy{max-width:620px}.hero-theme-side{width:100%;display:flex;flex-direction:column;justify-content:center;justify-self:end;align-items:flex-end}.section-inner .carousel-block-subtitle{margin:.35rem 0 0;max-width:760px;line-height:1.45;font-size:.96rem}.carousel-section-layout{min-height:calc(100vh - (var(--section-pad-block) * 2));display:grid;grid-template-rows:auto auto minmax(0,1fr)}.carousel-section-layout .carousel,.carousel-section-layout .day-carousel,.carousel-section-layout .night-carousel{width:100vw;max-width:none;height:620px;min-height:620px;max-height:620px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.carousel-section-layout--together{height:calc(100vh - (var(--section-pad-block) * 2));min-height:0;align-content:start}.carousel-section-layout--together .section-inner h2,.carousel-section-layout--together h2{font-size:clamp(1.05rem,1.7vw,1.36rem)}.carousel-section-layout--together .carousel-block-subtitle{margin-top:.18rem;font-size:.88rem;line-height:1.35}.carousel-section-layout--together .carousel,.carousel-section-layout--together .day-carousel,.carousel-section-layout--together .night-carousel{width:100vw;max-width:none;justify-self:center;height:620px;min-height:620px;max-height:620px;margin-top:clamp(4px,.9vh,10px);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.carousel-section-layout--together .carousel__viewport,.carousel-section-layout--together .day-carousel__viewport,.carousel-section-layout--together .night-carousel__viewport{height:100%}.section-shell--carousel .section-inner h2{font-size:clamp(1.15rem,2.2vw,1.65rem)}.gate-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-2)}.runtime-error-shell{min-height:100vh;width:min(760px,100%);margin:0 auto;padding:var(--space-3);display:grid;justify-items:center;align-content:center;gap:.9rem;text-align:center}.runtime-error-shell__title{margin:0;letter-spacing:-.02em;font-weight:620;font-size:clamp(1.5rem,3.3vw,2.4rem)}.runtime-error-shell__text{margin:0;max-width:640px;color:var(--text-day-muted);line-height:1.55}.app--night .runtime-error-shell__text{color:var(--text-night-muted)}.gate{width:min(760px,100%);padding:var(--space-3);border-radius:var(--radius-xl);border:0;background:#ffffff9e;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);box-shadow:0 18px 45px #111b2b1a}.gate__form{margin-top:var(--space-1);display:flex;flex-direction:column;gap:.7rem}.gate__form input,.player-controls input[type=range]{width:min(470px,100%);border-radius:var(--radius-md);border:0;padding:.72rem .86rem;background:#ffffffd1;outline:none;transition:box-shadow .24s ease,background-color .24s ease}.gate__form input:focus,.player-controls input[type=range]:focus{box-shadow:0 0 0 4px #5480e329}button{border:none;border-radius:999px;padding:.62rem 1.24rem;background:linear-gradient(140deg,var(--accent) 0%,var(--accent-strong) 100%);color:#f8fbff;font-weight:550;letter-spacing:.01em;cursor:pointer;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),opacity .22s ease}button:hover{transform:scale(1.02);box-shadow:0 10px 22px #3b63bf45}button:focus-visible{outline:3px solid rgba(72,126,247,.4);outline-offset:2px}button:disabled{opacity:.46;cursor:not-allowed;box-shadow:none;transform:none}.gate__error{margin-top:.75rem;color:#cd2e5a;font-weight:520}.night-message{margin-top:.9rem;font-size:1.16rem;font-weight:530}.theme-image-toggle{width:100%;max-width:min(100%,760px);max-height:clamp(220px,40vh,420px);display:block;padding:0;height:auto;appearance:none;border:0;border-radius:0;background:transparent;object-fit:contain;cursor:pointer;box-shadow:none;transition:transform .28s cubic-bezier(.22,1,.36,1)}.theme-image-toggle:hover{transform:scale(1.005)}.theme-image-toggle:focus-visible{outline:3px solid rgba(74,123,227,.4);outline-offset:4px}.app--night .theme-image-toggle{outline-color:#8fb9ff6b}.section-shell--day-game,.section-shell--night-game{--section-pad-block: clamp(18px, 3.2vh, 34px)}.day-bouquet-shell,.night-minigame-shell{min-height:calc(100vh - (var(--section-pad-block) * 2));display:grid;place-items:center}.day-bouquet-game{width:min(1180px,100%);min-height:min(74vh,620px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vh,20px)}.day-bouquet-game__intro{margin:0;text-align:center;font-size:clamp(.98rem,1.7vw,1.18rem);line-height:1.42;color:var(--text-day-muted)}.day-bouquet-board{position:relative;width:100%;height:min(60vh,540px);min-height:360px}.day-romashka{position:absolute;width:clamp(62px,8.2vw,106px);height:auto;object-fit:contain;transform:translate(-50%,-50%);cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:element;transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s ease}.day-romashka:hover{transform:translate(-50%,-50%) scale(1.03);filter:brightness(1.02)}.day-romashka:active{cursor:grabbing}.day-bouquet-dropzone{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:clamp(170px,24vw,310px);height:clamp(170px,24vw,310px);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(250,253,255,.42) 0%,rgba(237,243,252,.08) 74%,transparent 100%);transition:transform .26s cubic-bezier(.22,1,.36,1),background-color .26s ease}.day-bouquet-dropzone.is-over{transform:translate(-50%,-50%) scale(1.03);background:radial-gradient(circle at center,rgba(248,252,255,.65) 0%,rgba(233,241,253,.24) 74%,transparent 100%)}.day-bouquet-pile{position:relative;width:clamp(120px,18vw,230px);height:clamp(120px,18vw,230px);display:grid;place-items:center}.day-collected-romashka{position:absolute;width:clamp(68px,9vw,110px);height:auto;object-fit:contain;transform:translate(var(--pile-x, 0),var(--pile-y, 0)) rotate(var(--pile-rotate, 0deg));transition:transform .22s cubic-bezier(.22,1,.36,1)}.day-bouquet-dropzone__hint{font-size:clamp(.84rem,1.4vw,.96rem);line-height:1.3;letter-spacing:.01em;color:#43526acc;text-align:center;max-width:170px}.day-bucket-image{width:clamp(170px,24vw,290px);height:auto}.day-bouquet-game__completion{margin:0;text-align:center;font-size:clamp(1rem,1.75vw,1.18rem);line-height:1.44;color:var(--text-day)}.night-minigame{width:min(1120px,100%);display:grid;grid-template-rows:auto minmax(0,1fr);align-items:center;justify-items:center;gap:clamp(12px,2vh,22px)}.night-minigame__message{margin:0;max-width:min(980px,100%);text-align:center;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.45;letter-spacing:-.008em;color:var(--text-day-muted)}.app--night .night-minigame__message{color:var(--text-night-muted)}.night-minigame__image{width:min(100%,1060px);max-height:clamp(250px,58vh,520px);height:auto;object-fit:contain;display:block;border:0;background:transparent;cursor:pointer;transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s cubic-bezier(.22,1,.36,1)}.night-minigame__image:hover{transform:scale(1.012);filter:brightness(1.02)}.night-minigame__image:focus-visible{outline:3px solid rgba(122,167,255,.45);outline-offset:4px}.night-minigame__error{margin:0;font-size:.92rem;line-height:1.35;color:#d94173}.night-sky-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.petals{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1}.petal{position:absolute;top:-14%;border-radius:74% 78% 72% 80%/74% 74% 90% 88%;background:linear-gradient(150deg,#ffc9dde0,#f27ea5bd);opacity:.72;animation:petal-fall linear infinite}@keyframes petal-fall{0%{transform:translate3d(0,-12vh,0) rotate(0)}to{transform:translate3d(6vw,112vh,0) rotate(360deg)}}.carousel,.day-carousel,.night-carousel{margin-top:clamp(8px,1.2vh,14px);display:block;height:100%;min-height:0;outline:none}.carousel__viewport,.day-carousel__viewport,.night-carousel__viewport{min-height:0;height:100%;border-radius:0;overflow:hidden;border:0;background:transparent;position:relative;isolation:isolate}.carousel__track,.day-carousel__track,.night-carousel__track{display:flex;align-items:stretch;height:100%;width:max-content;transform:translate(0);gap:0;margin:0;padding:0}.carousel__track.is-animating{animation:carousel-marquee calc(var(--carousel-duration, 21s) * 1.6) linear infinite}.day-carousel__track.is-animating,.night-carousel__track.is-animating{animation:none}.carousel__track.layout-fit,.day-carousel__track.layout-fit,.night-carousel__track.layout-fit{width:max-content}.carousel__slide,.day-carousel__slide,.night-carousel__slide{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;padding:0;flex:0 0 auto;gap:0;line-height:0}.carousel__track.layout-fit .carousel__slide,.day-carousel__track.layout-fit .day-carousel__slide,.night-carousel__track.layout-fit .night-carousel__slide{width:auto;min-width:0;flex:0 0 auto}.carousel__track.layout-fit .carousel__slide img,.day-carousel__track.layout-fit .day-carousel__slide img,.night-carousel__track.layout-fit .night-carousel__slide img{width:auto;max-width:none;height:100%;object-fit:contain;display:block;background:transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden}.carousel__track.layout-dense,.day-carousel__track.layout-dense,.night-carousel__track.layout-dense{width:max-content}.carousel__track.layout-dense .carousel__slide,.day-carousel__track.layout-dense .day-carousel__slide,.night-carousel__track.layout-dense .night-carousel__slide{flex:0 0 auto;width:auto;min-width:0}.carousel__track.layout-dense .carousel__slide img,.day-carousel__track.layout-dense .day-carousel__slide img,.night-carousel__track.layout-dense .night-carousel__slide img{width:auto;height:100%;max-width:none;object-fit:contain;display:block;background:transparent}@keyframes carousel-marquee{0%{transform:translate(0)}to{transform:translate(calc(var(--carousel-shift-percent, 50%) * -1))}}@keyframes day-carousel-marquee{0%{transform:translate(0)}to{transform:translate(calc(var(--carousel-shift-percent, 50%) * -1))}}@keyframes night-carousel-marquee{0%{transform:translate(0)}to{transform:translate(calc(var(--carousel-shift-percent, 50%) * -1))}}@media(max-width:900px){.section-shell{min-height:100vh;--section-pad-block: var(--space-3);--section-pad-inline: var(--space-1)}.hero h1,.gate__title{font-size:clamp(1.9rem,8vw,3rem)}.hero-grid{grid-template-columns:1fr;row-gap:var(--space-1)}.hero-theme-side{align-items:flex-start;justify-self:stretch}.theme-image-toggle{width:100%;max-height:clamp(190px,34vh,300px)}.day-bouquet-game{min-height:min(72vh,560px);gap:clamp(10px,1.8vh,16px)}.day-bouquet-game__intro{font-size:.94rem;line-height:1.4}.day-bouquet-board{min-height:300px;height:min(56vh,430px)}.day-romashka{width:clamp(52px,12vw,84px)}.day-bouquet-dropzone{width:clamp(150px,36vw,250px);height:clamp(150px,36vw,250px)}.day-collected-romashka{width:clamp(54px,14vw,86px)}.day-bouquet-dropzone__hint{font-size:.84rem;max-width:130px}.day-bucket-image{width:clamp(140px,34vw,220px)}.day-bouquet-game__completion{font-size:.95rem;line-height:1.4}.night-minigame{gap:clamp(8px,1.5vh,14px)}.night-minigame__message{font-size:.95rem;line-height:1.42}.night-minigame__image{max-height:clamp(210px,52vh,380px)}.gate{padding:var(--space-2)}}