*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-black: #0a0a0a;--bg-notebook: #1a1814;--paper: #e8e4dc;--paper-shadow: #2a2620;--ink: #2c2420;--accent: #c9a86c;--digit-bg: #151515;--digit-border: #2a2a2a;--digit-active: #333;--postcard-bg: #f5f0e6;--postcard-border: #c4b8a4;--postcard-shadow: rgba(0, 0, 0, .5);--postcard-stamp: #c9a86c;--postcard-ink: #3d3529;--postcard-divider: #d4cdc0;--postcard-form-bottom: 25%;--postcard-form-left: 50%;--postcard-form-gap: .25rem;--lock-form-label-margin-bottom: 0;--lock-form-row-gap: 0rem;--lock-submit-margin-left: -1.5rem;--lock-form-row-margin-top: -.5rem;--lock-form-row-margin-left: 0;--lock-input-font-size: 1.2rem;--lock-input-width: 6ch;--lock-input-padding-bottom: .2rem;--lock-input-underline-color: #c41e3a;--lock-input-underline-width: 2px;--valentine-form-bottom: 35%;--valentine-form-left: 50%;--valentine-form-gap: 1.5rem;--valentine-form-row-gap: 8rem;--valentine-btn-height: 2rem;--valentine-btn-no-slot-width: 2.5rem;--valentine-btn-no-slot-height: 2rem;--envelope-scale: 2;--postcard-inside-y: 0;--postcard-move-up: 225;--postcard-inside-scale: .5;--scroll-down-hint-left: 10%;--scroll-down-hint-top: 35%;--scroll-down-hint-translate-y: -50%;--scroll-down-hint-max-height: 30vh;--keep-going-hint-left: 10%;--keep-going-hint-top: 50%;--keep-going-hint-translate-y: -50%;--keep-going-hint-max-height: 30vh;--click-here-hint-right: 5%;--click-here-hint-top: 30%;--click-here-hint-translate-y: -50%;--click-here-hint-max-height: 30vh;--hehehe-bottom: 10%;--hehehe-max-height: 5vh;--notebook-screen-scroll-hint-left: 25%;--notebook-screen-scroll-hint-height: 25vh;--notebook-closed-max-width: 100%;--notebook-closed-max-height: 76vh;--notebook-closed-translate-x: 47%;--notebook-closed-translate-y: 14%;--notebook-closed-exit-x: 0%;--notebook-closed-object-position: center center;--notebook-open-max-width: 100%;--notebook-open-max-height: 100vh;--notebook-open-translate-x: 0;--notebook-open-translate-y: 0;--notebook-open-object-position: center center;--notebook-exit-up-y: 0%;--notebook-turn1-max-width: 62%;--notebook-turn1-max-height: 100vh;--notebook-turn1-translate-x: 0;--notebook-turn1-translate-y: 0;--notebook-turn1-object-position: center center;--notebook-turning-max-width: 100%;--notebook-turning-max-height: 100vh;--notebook-turning-translate-x: 0;--notebook-turning-translate-y: 0;--notebook-turning-object-position: center center;--notebook-video-width: 50%;--notebook-video-height: 32vh;--notebook-video-max-width: 100%;--notebook-video-max-height: 100%;--notebook-video-top: 59.5%;--notebook-video-left: 29.5%;--notebook-video-translate-x: 0%;--notebook-video-translate-y: -50%;--notebook-video-rotation: -3deg;--notebook-item-0-top: 62.5%;--notebook-item-0-left: 41%;--notebook-item-0-width: 11%;--notebook-item-0-rotation: 9deg;--notebook-item-0-translate-x: 120%;--notebook-item-0-translate-y: -25%;--notebook-item-0-opacity: 0;--notebook-item-1-top: 51%;--notebook-item-1-left: 69.5%;--notebook-item-1-width: 8%;--notebook-item-1-rotation: -6deg;--notebook-item-1-translate-x: 120%;--notebook-item-1-translate-y: -25%;--notebook-item-1-opacity: 0;--notebook-item-2-top: 35%;--notebook-item-2-left: 41.5%;--notebook-item-2-width: 11%;--notebook-item-2-rotation:12deg;--notebook-item-2-translate-x: 120%;--notebook-item-2-translate-y: -25%;--notebook-item-2-opacity: 0;--notebook-item-3-top: 38%;--notebook-item-3-left: 56.5%;--notebook-item-3-width: 7%;--notebook-item-3-rotation: -4deg;--notebook-item-3-translate-x: 120%;--notebook-item-3-translate-y: -25%;--notebook-item-3-opacity: 0;--notebook-item-4-top: 57%;--notebook-item-4-left: 31%;--notebook-item-4-width: 9.5%;--notebook-item-4-rotation: -2deg;--notebook-item-4-translate-x: 120%;--notebook-item-4-translate-y: -25%;--notebook-item-4-opacity: 0;--notebook-item-5-top: 29%;--notebook-item-5-left: 66%;--notebook-item-5-width: 15%;--notebook-item-5-rotation: 6deg;--notebook-item-5-translate-x: 120%;--notebook-item-5-translate-y: -25%;--notebook-item-5-opacity: 0;--notebook-item-6-top: 31%;--notebook-item-6-left: 32.5%;--notebook-item-6-width: 12.5%;--notebook-item-6-rotation: -5deg;--notebook-item-6-translate-x: 120%;--notebook-item-6-translate-y: -25%;--notebook-item-6-opacity: 0;--notebook-item-7-top: 46%;--notebook-item-7-left: 63.5%;--notebook-item-7-width: 10%;--notebook-item-7-rotation: 10deg;--notebook-item-7-translate-x: 120%;--notebook-item-7-translate-y: -25%;--notebook-item-7-opacity: 0;--notebook-item-8-top: 56%;--notebook-item-8-left: 59%;--notebook-item-8-width: 15%;--notebook-item-8-rotation: -2deg;--notebook-item-8-translate-x: 120%;--notebook-item-8-translate-y: -25%;--notebook-item-8-opacity: 0;--notebook-item-9-top: 23%;--notebook-item-9-left: 39%;--notebook-item-9-width: 10%;--notebook-item-9-rotation: 5deg;--notebook-item-9-translate-x: 120%;--notebook-item-9-translate-y: -25%;--notebook-item-9-opacity: 0;--notebook-item-10-top: 45%;--notebook-item-10-left: 43%;--notebook-item-10-width: 9%;--notebook-item-10-rotation: 0deg;--notebook-item-10-translate-x: 120%;--notebook-item-10-translate-y: -25%;--notebook-item-10-opacity: 0;--notebook-item-11-top: 73.5%;--notebook-item-11-left: 56%;--notebook-item-11-width: 8%;--notebook-item-11-rotation: 0deg;--notebook-item-11-translate-x: 120%;--notebook-item-11-translate-y: -25%;--notebook-item-11-opacity: 0;--notebook-item-12-top: 67%;--notebook-item-12-left: 63.5%;--notebook-item-12-width: 21%;--notebook-item-12-rotation: 0deg;--notebook-item-12-translate-x: 120%;--notebook-item-12-translate-y: -25%;--notebook-item-12-opacity: 0;--vlog-inset-top: 48%;--vlog-inset-left: 36%;--vlog-width: 65%;--vlog-scale: .9;--vlog-rotation: 0deg;--notebook-item-2-video-inset-top: 34%;--notebook-item-2-video-inset-left: 45%;--notebook-item-2-video-width: 65%;--notebook-item-2-video-scale: 2.3;--notebook-item-2-video-rotation: 0deg;--notebook-item-2-frame-scale: 1;--notebook-item-2-frame-rotation: 0deg;--notebook-item-5-video-inset-top: 58%;--notebook-item-5-video-inset-left: 30%;--notebook-item-5-video-width: 65%;--notebook-item-5-video-scale: 1.1;--notebook-item-5-video-rotation: 0deg;--notebook-item-5-frame-scale: 1;--notebook-item-5-frame-rotation: 0deg;--notebook-item-6-video-inset-top: 50%;--notebook-item-6-video-inset-left: 42%;--notebook-item-6-video-width: 65%;--notebook-item-6-video-scale: 1.4;--notebook-item-6-video-rotation: 0deg;--notebook-item-6-frame-scale: 1;--notebook-item-6-frame-rotation: 0deg;--notebook-item-7-video-inset-top: 37%;--notebook-item-7-video-inset-left: 50%;--notebook-item-7-video-width: 72%;--notebook-item-7-video-scale: 1.25;--notebook-item-7-video-rotation: 0deg;--notebook-item-7-frame-scale: 1;--notebook-item-7-frame-rotation: 0deg;--notebook-item-8-video-inset-top: 46%;--notebook-item-8-video-inset-left: 48%;--notebook-item-8-video-width: 72%;--notebook-item-8-video-scale:.97;--notebook-item-8-video-rotation: -9deg;--notebook-item-8-frame-scale: 1;--notebook-item-8-frame-rotation: 0deg;--notebook-item-12-video-inset-top: 48%;--notebook-item-12-video-inset-left: 36%;--notebook-item-12-video-width: 65%;--notebook-item-12-video-scale: .9;--notebook-item-12-video-rotation: 0deg;--notebook-item-12-frame-scale: 1;--notebook-item-12-frame-rotation: 0deg;--notebook-item-13-top: 38%;--notebook-item-13-left: 65%;--notebook-item-13-width: 18%;--notebook-item-13-rotation: -5deg;--notebook-item-13-translate-x: 120%;--notebook-item-13-translate-y: -25%;--notebook-item-13-opacity: 0;--notebook-item-14-top: 22.5%;--notebook-item-14-left: 33%;--notebook-item-14-width: 4.5%;--notebook-item-14-rotation: 0deg;--notebook-item-14-translate-x: 120%;--notebook-item-14-translate-y: -25%;--notebook-item-14-opacity: 0;--notebook-item-15-top: 56%;--notebook-item-15-left: 66%;--notebook-item-15-width: 5%;--notebook-item-15-rotation: 1deg;--notebook-item-15-translate-x: 120%;--notebook-item-15-translate-y: -25%;--notebook-item-15-opacity: 0;--notebook-item-16-top: 26%;--notebook-item-16-left: 27.5%;--notebook-item-16-width: 5%;--notebook-item-16-rotation: 30deg;--notebook-item-16-translate-x: 120%;--notebook-item-16-translate-y: -25%;--notebook-item-16-opacity: 0;--notebook-item-17-top: 22%;--notebook-item-17-left: 52.5%;--notebook-item-17-width: 3%;--notebook-item-17-rotation: -2deg;--notebook-item-17-translate-x: 120%;--notebook-item-17-translate-y: -25%;--notebook-item-17-opacity: 0;--notebook-item-18-top: 48%;--notebook-item-18-left: 36%;--notebook-item-18-width: 6%;--notebook-item-18-rotation: 10deg;--notebook-item-18-translate-x: 120%;--notebook-item-18-translate-y: -25%;--notebook-item-18-opacity: 0;--notebook-item-19-top: 48%;--notebook-item-19-left: 53.5%;--notebook-item-19-width: 4%;--notebook-item-19-rotation: 5deg;--notebook-item-19-translate-x: 120%;--notebook-item-19-translate-y: -25%;--notebook-item-19-opacity: 0;--stage-item-0-top: 35%;--stage-item-0-left: 26%;--stage-item-0-rotation: 3deg;--stage-item-0-translate-x: 120%;--stage-item-0-translate-y: -25%;--stage-item-0-opacity: 0;--stage-item-0-base-width-vw: 18;--stage-item-0-base-top-vh: 5;--stage-item-0-base-left-vw: 0;--stage-item-0-base-rotation: 0deg;--stage-item-0-top-width-vw: 13;--stage-item-0-top-top-vh:6;--stage-item-0-top-left-vw: -1.2;--stage-item-0-top-rotation: 0deg;--stage-item-1-top: 73%;--stage-item-1-left: 73%;--stage-item-1-width: 16%;--stage-item-1-rotation: -20deg;--stage-item-1-translate-x: 120%;--stage-item-1-translate-y: -25%;--stage-item-1-opacity: 0;--stage-item-2-top: -60%;--stage-item-2-left: 29%;--stage-item-2-rotation: 25deg;--stage-item-2-translate-x: 120%;--stage-item-2-translate-y: -25%;--stage-item-2-opacity: 0;--stage-item-2-video-width-vw: 12;--stage-item-2-video-top-vh: 50.5;--stage-item-2-video-left-vw: 47.7;--stage-item-2-video-scale: 1.12;--stage-item-2-video-rotation: 0deg;--stage-item-2-video-z: 1;--stage-item-2-frame-width-vw: 22;--stage-item-2-frame-top-vh: 50;--stage-item-2-frame-left-vw: 50;--stage-item-2-frame-scale: 1.2;--stage-item-2-frame-rotation: 4deg;--stage-item-2-frame-z: 0;--stage-item-3-top: 65%;--stage-item-3-left: 32%;--stage-item-3-width: 19%;--stage-item-3-rotation: 2deg;--stage-item-3-translate-x: 120%;--stage-item-3-translate-y: -25%;--stage-item-3-opacity: 0;--stage-item-4-top: 35%;--stage-item-4-left: 72%;--stage-item-4-rotation: -2deg;--stage-item-4-translate-x: 120%;--stage-item-4-translate-y: -25%;--stage-item-4-opacity: 0;--stage-item-4-video-0-width-vw: 8;--stage-item-4-video-0-top-vh: -14.6;--stage-item-4-video-0-left-vw:5.5;--stage-item-4-video-0-scale: .95;--stage-item-4-video-0-rotation: 29deg;--stage-item-4-video-0-z: 0;--stage-item-4-video-1-width-vw: 8;--stage-item-4-video-1-top-vh: -5;--stage-item-4-video-1-left-vw: 2.4;--stage-item-4-video-1-scale: .95;--stage-item-4-video-1-rotation: 28deg;--stage-item-4-video-1-z: 0;--stage-item-4-video-2-width-vw: 8;--stage-item-4-video-2-top-vh: 5.1;--stage-item-4-video-2-left-vw: -.6;--stage-item-4-video-2-scale: .95;--stage-item-4-video-2-rotation: 29deg;--stage-item-4-video-2-z: 0;--stage-item-4-video-3-width-vw: 8;--stage-item-4-video-3-top-vh: 14.9;--stage-item-4-video-3-left-vw: -3.6;--stage-item-4-video-3-scale: .95;--stage-item-4-video-3-rotation: 28deg;--stage-item-4-video-3-z: 0;--stage-item-4-frame-width-vw: 11;--stage-item-4-frame-top-vh: -0;--stage-item-4-frame-left-vw: 1;--stage-item-4-frame-scale: 1;--stage-item-4-frame-rotation: 28deg;--stage-item-4-frame-z: 1;--stage-item-5-top: 60%;--stage-item-5-left: 40.5%;--stage-item-5-width: 14%;--stage-item-5-rotation: 0deg;--stage-item-5-translate-x: 120%;--stage-item-5-translate-y: -25%;--stage-item-5-opacity: 0;--stage-item-6-top: -13%;--stage-item-6-left: 20%;--stage-item-6-rotation: 20deg;--stage-item-6-translate-x: 120%;--stage-item-6-translate-y: -25%;--stage-item-6-opacity: 0;--stage-item-6-video-width-vw: 9;--stage-item-6-video-top-vh: 43.7;--stage-item-6-video-left-vw: 55;--stage-item-6-video-scale: .76;--stage-item-6-video-rotation: 12deg;--stage-item-6-video-z: 1;--stage-item-6-frame-width-vw: 10;--stage-item-6-frame-top-vh: 45;--stage-item-6-frame-left-vw: 54.8;--stage-item-6-frame-scale: 1;--stage-item-6-frame-rotation: 23deg;--stage-item-6-frame-z: 0;--stage-item-7-top: 18%;--stage-item-7-left: 6%;--stage-item-7-rotation: 0deg;--stage-item-7-translate-x: 120%;--stage-item-7-translate-y: -25%;--stage-item-7-opacity: 0;--stage-item-7-video-width-vw: 11;--stage-item-7-video-top-vh: 51.9;--stage-item-7-video-left-vw: 49.9;--stage-item-7-video-scale: .65;--stage-item-7-video-rotation: -15deg;--stage-item-7-video-z: 1;--stage-item-7-frame-width-vw: 14;--stage-item-7-frame-top-vh: 53;--stage-item-7-frame-left-vw: 50;--stage-item-7-frame-scale: .75;--stage-item-7-frame-rotation: -5deg;--stage-item-7-frame-z: 0;--stage-item-8-top: 43%;--stage-item-8-left: 53%;--stage-item-8-width: 23%;--stage-item-8-rotation: -8deg;--stage-item-8-translate-x: 120%;--stage-item-8-translate-y: -25%;--stage-item-8-opacity: 0;--stage-item-9-top: -28%;--stage-item-9-left: -10%;--stage-item-9-rotation: 2deg;--stage-item-9-translate-x: 120%;--stage-item-9-translate-y: -25%;--stage-item-9-opacity: 0;--stage-item-9-video-width-vw: 13;--stage-item-9-video-top-vh: 50;--stage-item-9-video-left-vw: 50;--stage-item-9-video-scale: 1.2;--stage-item-9-video-rotation: -20deg;--stage-item-9-video-z: 0;--stage-item-9-frame-width-vw: 16;--stage-item-9-frame-top-vh: 50;--stage-item-9-frame-left-vw: 50;--stage-item-9-frame-scale: 1;--stage-item-9-frame-rotation: -20deg;--stage-item-9-frame-z: 1;--stage-item-10-top: 74%;--stage-item-10-left: 45%;--stage-item-10-width: 17%;--stage-item-10-rotation: 0deg;--stage-item-10-translate-x: 120%;--stage-item-10-translate-y: -25%;--stage-item-10-opacity: 0;--stage-item-11-top: 52%;--stage-item-11-left: 75%;--stage-item-11-width: 5%;--stage-item-11-rotation: 4deg;--stage-item-11-translate-x: 120%;--stage-item-11-translate-y: -25%;--stage-item-11-opacity: 0;--stage-item-12-top: 77%;--stage-item-12-left: 53%;--stage-item-12-width: 9%;--stage-item-12-rotation: -25deg;--stage-item-12-translate-x: 120%;--stage-item-12-translate-y: -25%;--stage-item-12-opacity: 0;--stage-item-13-top: 34%;--stage-item-13-left: 46%;--stage-item-13-width: 5%;--stage-item-13-rotation: 0deg;--stage-item-13-translate-x: 120%;--stage-item-13-translate-y: -25%;--stage-item-13-opacity: 0;--stage-item-14-top: 17%;--stage-item-14-left: 71%;--stage-item-14-width: 5%;--stage-item-14-rotation: -12deg;--stage-item-14-translate-x: 120%;--stage-item-14-translate-y: -25%;--stage-item-14-opacity: 0;--stage-item-15-top: 58%;--stage-item-15-left: 27%;--stage-item-15-width: 5%;--stage-item-15-rotation: -30deg;--stage-item-15-translate-x: 120%;--stage-item-15-translate-y: -25%;--stage-item-15-opacity: 0;--stage-item-16-top: 35%;--stage-item-16-left: 60%;--stage-item-16-width: 6%;--stage-item-16-rotation: deg;--stage-item-16-translate-x: 120%;--stage-item-16-translate-y: -25%;--stage-item-16-opacity: 0;--stage-item-17-top: 67%;--stage-item-17-left: 67%;--stage-item-17-width: 5%;--stage-item-17-rotation: -5deg;--stage-item-17-translate-x: 120%;--stage-item-17-translate-y: -25%;--stage-item-17-opacity: 0;--final-ily-top: 45%;--final-ily-left: 40%;--final-ily-width: 40%;--final-ldn-top: 55%;--final-ldn-left: 65%;--final-ldn-width: 30%}.stage-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.stage-items-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--stage-items-layer-opacity, 1);transition:opacity .4s ease-out}.stage-final-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--final-layer-opacity, 0);transition:opacity .5s ease-out;display:flex;align-items:center;justify-content:center}.stage-final-ily,.stage-final-ldn{position:absolute;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}.stage-final-ily{top:var(--final-ily-top, 40%);left:var(--final-ily-left, 35%);width:var(--final-ily-width, 28%)}.stage-final-ldn{top:var(--final-ldn-top, 55%);left:var(--final-ldn-left, 65%);width:var(--final-ldn-width, 32%)}.stage-item,.stage-item-container{position:absolute;transform-origin:center center;pointer-events:none}.stage-item{object-fit:contain;max-height:80vh}.stage-item-container{width:0;min-width:0;height:0;overflow:visible;position:absolute}.stage-item-container .stage-container-base,.stage-item-container .stage-container-top,.stage-item-container .stage-container-video,.stage-item-container .stage-container-frame{position:absolute}.stage-item-container .stage-container-base,.stage-item-container .stage-container-top{display:block;object-fit:contain}.stage-item-container.stage-item-0 .stage-container-base{top:calc(var(--stage-item-0-base-top-vh, 0) * 1vh);left:calc(var(--stage-item-0-base-left-vw, 0) * 1vw);width:calc(var(--stage-item-0-base-width-vw, 14) * 1vw);height:auto;max-height:80vh;transform:translate(-50%,-50%) rotate(var(--stage-item-0-base-rotation))}.stage-item-container.stage-item-0 .stage-container-top{top:calc(var(--stage-item-0-top-top-vh, 0) * 1vh);left:calc(var(--stage-item-0-top-left-vw, 0) * 1vw);width:calc(var(--stage-item-0-top-width-vw, 12) * 1vw);height:auto;max-height:80vh;object-fit:contain;transform:translate(-50%,-50%) rotate(var(--stage-item-0-top-rotation))}.stage-item-container .stage-container-video{object-fit:contain;border-radius:2px}.stage-item-container .stage-container-frame{display:block;object-fit:contain}.stage-item-container.stage-item-0,.stage-item-container.stage-item-2,.stage-item-container.stage-item-4,.stage-item-container.stage-item-6,.stage-item-container.stage-item-7,.stage-item-container.stage-item-9{width:0;min-width:0;height:0}.stage-item-container.stage-item-0{top:var(--stage-item-0-top);left:var(--stage-item-0-left);opacity:var(--stage-item-0-opacity, 0);transform:translate(-50%,-50%) translate(calc(var(--stage-item-0-translate-x-vw, 120) * 1vw),calc(var(--stage-item-0-translate-y-vh, -25) * 1vh)) rotate(var(--stage-item-0-rotation))}.stage-item-container.stage-item-2{top:var(--stage-item-2-top);left:var(--stage-item-2-left);opacity:var(--stage-item-2-opacity, 0);transform:translate(-50%,-50%) translate(calc(var(--stage-item-2-translate-x-vw, 120) * 1vw),calc(var(--stage-item-2-translate-y-vh, -25) * 1vh)) rotate(var(--stage-item-2-rotation))}.stage-item-container.stage-item-4{top:var(--stage-item-4-top);left:var(--stage-item-4-left);opacity:var(--stage-item-4-opacity, 0);transform:translate(-50%,-50%) translate(calc(var(--stage-item-4-translate-x-vw, 120) * 1vw),calc(var(--stage-item-4-translate-y-vh, -25) * 1vh)) rotate(var(--stage-item-4-rotation))}.stage-item-container.stage-item-6{top:var(--stage-item-6-top);left:var(--stage-item-6-left);opacity:var(--stage-item-6-opacity, 0);transform:translate(-50%,-50%) translate(calc(var(--stage-item-6-translate-x-vw, 120) * 1vw),calc(var(--stage-item-6-translate-y-vh, -25) * 1vh)) rotate(var(--stage-item-6-rotation))}.stage-item-container.stage-item-7{top:var(--stage-item-7-top);left:var(--stage-item-7-left);opacity:var(--stage-item-7-opacity, 0);transform:translate(-50%,-50%) translate(calc(var(--stage-item-7-translate-x-vw, 120) * 1vw),calc(var(--stage-item-7-translate-y-vh, -25) * 1vh)) rotate(var(--stage-item-7-rotation))}.stage-item-container.stage-item-9{top:var(--stage-item-9-top);left:var(--stage-item-9-left);opacity:var(--stage-item-9-opacity, 0);transform:translate(-50%,-50%) translate(calc(var(--stage-item-9-translate-x-vw, 120) * 1vw),calc(var(--stage-item-9-translate-y-vh, -25) * 1vh)) rotate(var(--stage-item-9-rotation))}.stage-item-1,.stage-item-container.stage-item-1{top:var(--stage-item-1-top);left:var(--stage-item-1-left);width:var(--stage-item-1-width);transform:translate(-50%,-50%) translate(var(--stage-item-1-translate-x, 120%),var(--stage-item-1-translate-y, -25%)) rotate(var(--stage-item-1-rotation));opacity:var(--stage-item-1-opacity, 0)}.stage-item-3,.stage-item-container.stage-item-3{top:var(--stage-item-3-top);left:var(--stage-item-3-left);width:var(--stage-item-3-width);transform:translate(-50%,-50%) translate(var(--stage-item-3-translate-x, 120%),var(--stage-item-3-translate-y, -25%)) rotate(var(--stage-item-3-rotation));opacity:var(--stage-item-3-opacity, 0)}.stage-item-5,.stage-item-container.stage-item-5{top:var(--stage-item-5-top);left:var(--stage-item-5-left);width:var(--stage-item-5-width);transform:translate(-50%,-50%) translate(var(--stage-item-5-translate-x, 120%),var(--stage-item-5-translate-y, -25%)) rotate(var(--stage-item-5-rotation));opacity:var(--stage-item-5-opacity, 0)}.stage-item-8,.stage-item-container.stage-item-8{top:var(--stage-item-8-top);left:var(--stage-item-8-left);width:var(--stage-item-8-width);transform:translate(-50%,-50%) translate(var(--stage-item-8-translate-x, 120%),var(--stage-item-8-translate-y, -25%)) rotate(var(--stage-item-8-rotation));opacity:var(--stage-item-8-opacity, 0)}.stage-item-10,.stage-item-container.stage-item-10{top:var(--stage-item-10-top);left:var(--stage-item-10-left);width:var(--stage-item-10-width);transform:translate(-50%,-50%) translate(var(--stage-item-10-translate-x, 120%),var(--stage-item-10-translate-y, -25%)) rotate(var(--stage-item-10-rotation));opacity:var(--stage-item-10-opacity, 0)}.stage-item-11,.stage-item-container.stage-item-11{top:var(--stage-item-11-top);left:var(--stage-item-11-left);width:var(--stage-item-11-width);transform:translate(-50%,-50%) translate(var(--stage-item-11-translate-x, 120%),var(--stage-item-11-translate-y, -25%)) rotate(var(--stage-item-11-rotation));opacity:var(--stage-item-11-opacity, 0)}.stage-item-12,.stage-item-container.stage-item-12{top:var(--stage-item-12-top);left:var(--stage-item-12-left);width:var(--stage-item-12-width);transform:translate(-50%,-50%) translate(var(--stage-item-12-translate-x, 120%),var(--stage-item-12-translate-y, -25%)) rotate(var(--stage-item-12-rotation));opacity:var(--stage-item-12-opacity, 0)}.stage-item-13,.stage-item-container.stage-item-13{top:var(--stage-item-13-top);left:var(--stage-item-13-left);width:var(--stage-item-13-width);transform:translate(-50%,-50%) translate(var(--stage-item-13-translate-x, 120%),var(--stage-item-13-translate-y, -25%)) rotate(var(--stage-item-13-rotation));opacity:var(--stage-item-13-opacity, 0)}.stage-item-14,.stage-item-container.stage-item-14{top:var(--stage-item-14-top);left:var(--stage-item-14-left);width:var(--stage-item-14-width);transform:translate(-50%,-50%) translate(var(--stage-item-14-translate-x, 120%),var(--stage-item-14-translate-y, -25%)) rotate(var(--stage-item-14-rotation));opacity:var(--stage-item-14-opacity, 0)}.stage-item-15,.stage-item-container.stage-item-15{top:var(--stage-item-15-top);left:var(--stage-item-15-left);width:var(--stage-item-15-width);transform:translate(-50%,-50%) translate(var(--stage-item-15-translate-x, 120%),var(--stage-item-15-translate-y, -25%)) rotate(var(--stage-item-15-rotation));opacity:var(--stage-item-15-opacity, 0)}.stage-item-16,.stage-item-container.stage-item-16{top:var(--stage-item-16-top);left:var(--stage-item-16-left);width:var(--stage-item-16-width);transform:translate(-50%,-50%) translate(var(--stage-item-16-translate-x, 120%),var(--stage-item-16-translate-y, -25%)) rotate(var(--stage-item-16-rotation));opacity:var(--stage-item-16-opacity, 0)}.stage-item-17,.stage-item-container.stage-item-17{top:var(--stage-item-17-top);left:var(--stage-item-17-left);width:var(--stage-item-17-width);transform:translate(-50%,-50%) translate(var(--stage-item-17-translate-x, 120%),var(--stage-item-17-translate-y, -25%)) rotate(var(--stage-item-17-rotation));opacity:var(--stage-item-17-opacity, 0)}.stage-item-container.stage-item-2 .stage-container-video{top:calc(var(--stage-item-2-video-top-vh, 60) * 1vh);left:calc(var(--stage-item-2-video-left-vw, 50) * 1vw);width:calc(var(--stage-item-2-video-width-vw, 14) * 1vw);z-index:var(--stage-item-2-video-z, 1);transform:translate(-50%,-50%) scale(var(--stage-item-2-video-scale)) rotate(var(--stage-item-2-video-rotation))}.stage-item-container.stage-item-2 .stage-container-frame{top:calc(var(--stage-item-2-frame-top-vh, 50) * 1vh);left:calc(var(--stage-item-2-frame-left-vw, 50) * 1vw);width:calc(var(--stage-item-2-frame-width-vw, 18) * 1vw);z-index:var(--stage-item-2-frame-z, 0);transform:translate(-50%,-50%) scale(var(--stage-item-2-frame-scale)) rotate(var(--stage-item-2-frame-rotation))}.stage-item-container.stage-item-4 .stage-container-video-0{top:calc(var(--stage-item-4-video-0-top-vh, -6) * 1vh);left:calc(var(--stage-item-4-video-0-left-vw, -6) * 1vw);width:calc(var(--stage-item-4-video-0-width-vw, 8) * 1vw);z-index:var(--stage-item-4-video-0-z, 0);transform:translate(-50%,-50%) scale(var(--stage-item-4-video-0-scale)) rotate(var(--stage-item-4-video-0-rotation))}.stage-item-container.stage-item-4 .stage-container-video-1{top:calc(var(--stage-item-4-video-1-top-vh, -6) * 1vh);left:calc(var(--stage-item-4-video-1-left-vw, 6) * 1vw);width:calc(var(--stage-item-4-video-1-width-vw, 8) * 1vw);z-index:var(--stage-item-4-video-1-z, 0);transform:translate(-50%,-50%) scale(var(--stage-item-4-video-1-scale)) rotate(var(--stage-item-4-video-1-rotation))}.stage-item-container.stage-item-4 .stage-container-video-2{top:calc(var(--stage-item-4-video-2-top-vh, 6) * 1vh);left:calc(var(--stage-item-4-video-2-left-vw, -6) * 1vw);width:calc(var(--stage-item-4-video-2-width-vw, 8) * 1vw);z-index:var(--stage-item-4-video-2-z, 0);transform:translate(-50%,-50%) scale(var(--stage-item-4-video-2-scale)) rotate(var(--stage-item-4-video-2-rotation))}.stage-item-container.stage-item-4 .stage-container-video-3{top:calc(var(--stage-item-4-video-3-top-vh, 6) * 1vh);left:calc(var(--stage-item-4-video-3-left-vw, 6) * 1vw);width:calc(var(--stage-item-4-video-3-width-vw, 8) * 1vw);z-index:var(--stage-item-4-video-3-z, 0);transform:translate(-50%,-50%) scale(var(--stage-item-4-video-3-scale)) rotate(var(--stage-item-4-video-3-rotation))}.stage-item-container.stage-item-4 .stage-container-frame{top:calc(var(--stage-item-4-frame-top-vh, 50) * 1vh);left:calc(var(--stage-item-4-frame-left-vw, 50) * 1vw);width:calc(var(--stage-item-4-frame-width-vw, 20) * 1vw);z-index:var(--stage-item-4-frame-z, 1);transform:translate(-50%,-50%) scale(var(--stage-item-4-frame-scale)) rotate(var(--stage-item-4-frame-rotation))}.stage-item-container.stage-item-6 .stage-container-video{top:calc(var(--stage-item-6-video-top-vh, 48) * 1vh);left:calc(var(--stage-item-6-video-left-vw, 50) * 1vw);width:calc(var(--stage-item-6-video-width-vw, 11) * 1vw);z-index:var(--stage-item-6-video-z, 1);transform:translate(-50%,-50%) scale(var(--stage-item-6-video-scale)) rotate(var(--stage-item-6-video-rotation))}.stage-item-container.stage-item-6 .stage-container-frame{top:calc(var(--stage-item-6-frame-top-vh, 50) * 1vh);left:calc(var(--stage-item-6-frame-left-vw, 50) * 1vw);width:calc(var(--stage-item-6-frame-width-vw, 14) * 1vw);z-index:var(--stage-item-6-frame-z, 0);transform:translate(-50%,-50%) scale(var(--stage-item-6-frame-scale)) rotate(var(--stage-item-6-frame-rotation))}.stage-item-container.stage-item-7 .stage-container-video{top:calc(var(--stage-item-7-video-top-vh, 48) * 1vh);left:calc(var(--stage-item-7-video-left-vw, 50) * 1vw);width:calc(var(--stage-item-7-video-width-vw, 11) * 1vw);z-index:var(--stage-item-7-video-z, 1);transform:translate(-50%,-50%) scale(var(--stage-item-7-video-scale)) rotate(var(--stage-item-7-video-rotation))}.stage-item-container.stage-item-7 .stage-container-frame{top:calc(var(--stage-item-7-frame-top-vh, 50) * 1vh);left:calc(var(--stage-item-7-frame-left-vw, 50) * 1vw);width:calc(var(--stage-item-7-frame-width-vw, 14) * 1vw);z-index:var(--stage-item-7-frame-z, 0);transform:translate(-50%,-50%) scale(var(--stage-item-7-frame-scale)) rotate(var(--stage-item-7-frame-rotation))}.stage-item-container.stage-item-9 .stage-container-video{top:calc(var(--stage-item-9-video-top-vh, 50) * 1vh);left:calc(var(--stage-item-9-video-left-vw, 50) * 1vw);width:calc(var(--stage-item-9-video-width-vw, 13) * 1vw);z-index:var(--stage-item-9-video-z, 0);transform:translate(-50%,-50%) scale(var(--stage-item-9-video-scale)) rotate(var(--stage-item-9-video-rotation))}.stage-item-container.stage-item-9 .stage-container-frame{top:calc(var(--stage-item-9-frame-top-vh, 50) * 1vh);left:calc(var(--stage-item-9-frame-left-vw, 50) * 1vw);width:calc(var(--stage-item-9-frame-width-vw, 16) * 1vw);z-index:var(--stage-item-9-frame-z, 1);transform:translate(-50%,-50%) scale(var(--stage-item-9-frame-scale)) rotate(var(--stage-item-9-frame-rotation))}.app-loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-black);z-index:10000}.app-loader-spinner{display:flex;align-items:center;justify-content:center}.notebook-screen-wrapper{min-height:max(280vh,calc(100vh + 8000px));background:var(--bg-black);z-index:100}.notebook-screen-scroll-inner{min-height:max(280vh,calc(100vh + 8000px))}.notebook-screen-sticky{position:sticky;top:0;left:0;right:0;height:100vh;display:flex;align-items:center;justify-content:center;padding:min(1.5vmin,1rem);background:var(--bg-black)}.notebook-screen-scroll-hint{position:absolute;left:var(--notebook-screen-scroll-hint-left, 2rem);top:50%;transform:translateY(-50%);max-height:var(--notebook-screen-scroll-hint-height, 20vh);width:auto;height:auto;object-fit:contain;pointer-events:none;opacity:var(--notebook-scroll-hint-opacity, 1);transition:opacity .4s ease-out}.notebook-screen-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100vh;min-width:0;min-height:0;transform:translateY(var(--notebook-exit-up-y, 0%))}.notebook-screen-img-stack{position:relative;display:block;width:100%;height:100%;max-width:100%;max-height:100vh}.notebook-screen-img{display:block;width:auto;height:auto;object-fit:contain;vertical-align:middle;transition:opacity .5s linear}.notebook-screen-img-closed{max-width:var(--notebook-closed-max-width);max-height:var(--notebook-closed-max-height);object-position:var(--notebook-closed-object-position);transform:translate(var(--notebook-closed-translate-x),var(--notebook-closed-translate-y)) translate(var(--notebook-closed-exit-x, 0%));opacity:max(calc(1 - var(--notebook-open-opacity, 0)),var(--notebook-return-closed-opacity, 0))}.notebook-screen-img-open{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:var(--notebook-open-max-width);max-height:var(--notebook-open-max-height);object-fit:contain;object-position:var(--notebook-open-object-position);transform:translate(var(--notebook-open-translate-x),var(--notebook-open-translate-y));opacity:calc(var(--notebook-open-image-opacity, 0) * var(--notebook-open-transition-opacity, 1))}.notebook-screen-img-turning{position:absolute;top:50.5%;left:51.5%;width:auto;height:auto;max-width:var(--notebook-turn1-max-width, var(--notebook-turning-max-width));max-height:var(--notebook-turn1-max-height, var(--notebook-turning-max-height));object-fit:contain;object-position:var(--notebook-turn1-object-position, var(--notebook-turning-object-position));transform:translate(-50%,-50%) translate(var(--notebook-turn1-translate-x, var(--notebook-turning-translate-x)),var(--notebook-turn1-translate-y, var(--notebook-turning-translate-y)));opacity:var(--notebook-turning-opacity, 0);z-index:30;pointer-events:none}.notebook-items-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;opacity:var(--notebook-items-opacity, 1);pointer-events:none}.notebook-item{position:absolute;object-fit:contain;pointer-events:none;max-height:80vh;transform-origin:center center}.notebook-item-container{position:absolute;pointer-events:none;transform-origin:center center}.notebook-item-container .notebook-container-video{position:absolute;top:50%;left:50%;width:65%;height:auto;aspect-ratio:16 / 9;object-fit:contain;transform:translate(-50%,-50%) scale(1) rotate(0);transform-origin:center center;z-index:0}.notebook-item-container .notebook-container-frame{position:relative;display:block;width:100%;height:auto;object-fit:contain;z-index:1;transform-origin:center center}.notebook-item-container.notebook-item-0 .notebook-container-video{position:relative;top:auto;left:auto;width:var(--notebook-item-0-video-width, 100%);transform:scale(var(--notebook-item-0-video-scale, 1)) rotate(var(--notebook-item-0-video-rotation, 0deg));aspect-ratio:auto}.notebook-item-container.notebook-item-2 .notebook-container-video{top:var(--notebook-item-2-video-inset-top, 50%);left:var(--notebook-item-2-video-inset-left, 50%);width:var(--notebook-item-2-video-width, 65%);transform:translate(-50%,-50%) scale(var(--notebook-item-2-video-scale, 1)) rotate(var(--notebook-item-2-video-rotation, 0deg))}.notebook-item-container.notebook-item-2 .notebook-container-frame{transform:scale(var(--notebook-item-2-frame-scale, 1)) rotate(var(--notebook-item-2-frame-rotation, 0deg))}.notebook-item-container.notebook-item-5 .notebook-container-video{top:var(--notebook-item-5-video-inset-top, 50%);left:var(--notebook-item-5-video-inset-left, 50%);width:var(--notebook-item-5-video-width, 65%);transform:translate(-50%,-50%) scale(var(--notebook-item-5-video-scale, 1)) rotate(var(--notebook-item-5-video-rotation, 0deg))}.notebook-item-container.notebook-item-5 .notebook-container-frame{transform:scale(var(--notebook-item-5-frame-scale, 1)) rotate(var(--notebook-item-5-frame-rotation, 0deg))}.notebook-item-container.notebook-item-6 .notebook-container-video{top:var(--notebook-item-6-video-inset-top, 50%);left:var(--notebook-item-6-video-inset-left, 50%);width:var(--notebook-item-6-video-width, 65%);transform:translate(-50%,-50%) scale(var(--notebook-item-6-video-scale, 1)) rotate(var(--notebook-item-6-video-rotation, 0deg))}.notebook-item-container.notebook-item-6 .notebook-container-frame{transform:scale(var(--notebook-item-6-frame-scale, 1)) rotate(var(--notebook-item-6-frame-rotation, 0deg))}.notebook-item-container--polaroid .notebook-container-frame{z-index:0}.notebook-item-container.notebook-item-7 .notebook-container-frame{transform:scale(var(--notebook-item-7-frame-scale, 1)) rotate(var(--notebook-item-7-frame-rotation, 0deg))}.notebook-item-container.notebook-item-7 .notebook-container-video{z-index:1;top:var(--notebook-item-7-video-inset-top, 50%);left:var(--notebook-item-7-video-inset-left, 50%);width:var(--notebook-item-7-video-width, 72%);min-height:12vh;border-radius:2px;box-shadow:0 0 0 1px #0000001a;transform:translate(-50%,-50%) scale(var(--notebook-item-7-video-scale, 1)) rotate(var(--notebook-item-7-video-rotation, 0deg))}.notebook-item-container.notebook-item-8 .notebook-container-frame{transform:scale(var(--notebook-item-8-frame-scale, 1)) rotate(var(--notebook-item-8-frame-rotation, 0deg))}.notebook-item-container.notebook-item-8 .notebook-container-video{z-index:1;top:var(--notebook-item-8-video-inset-top, 50%);left:var(--notebook-item-8-video-inset-left, 50%);width:var(--notebook-item-8-video-width, 72%);min-height:12vh;border-radius:2px;box-shadow:0 0 0 1px #0000001a;transform:translate(-50%,-50%) scale(var(--notebook-item-8-video-scale, 1)) rotate(var(--notebook-item-8-video-rotation, 0deg))}.notebook-item-0,.notebook-item-container.notebook-item-0{top:var(--notebook-item-0-top);left:var(--notebook-item-0-left);width:var(--notebook-item-0-width);transform:translate(-50%,-50%) translate(var(--notebook-item-0-translate-x, 120%),var(--notebook-item-0-translate-y, -25%)) rotate(var(--notebook-item-0-rotation));opacity:var(--notebook-item-0-opacity, 0)}.notebook-item-1,.notebook-item-container.notebook-item-1{top:var(--notebook-item-1-top);left:var(--notebook-item-1-left);width:var(--notebook-item-1-width);transform:translate(-50%,-50%) translate(var(--notebook-item-1-translate-x, 120%),var(--notebook-item-1-translate-y, -25%)) rotate(var(--notebook-item-1-rotation));opacity:var(--notebook-item-1-opacity, 0)}.notebook-item-2,.notebook-item-container.notebook-item-2{top:var(--notebook-item-2-top);left:var(--notebook-item-2-left);width:var(--notebook-item-2-width);transform:translate(-50%,-50%) translate(var(--notebook-item-2-translate-x, 120%),var(--notebook-item-2-translate-y, -25%)) rotate(var(--notebook-item-2-rotation));opacity:var(--notebook-item-2-opacity, 0)}.notebook-item-3,.notebook-item-container.notebook-item-3{top:var(--notebook-item-3-top);left:var(--notebook-item-3-left);width:var(--notebook-item-3-width);transform:translate(-50%,-50%) translate(var(--notebook-item-3-translate-x, 120%),var(--notebook-item-3-translate-y, -25%)) rotate(var(--notebook-item-3-rotation));opacity:var(--notebook-item-3-opacity, 0)}.notebook-item-4,.notebook-item-container.notebook-item-4{top:var(--notebook-item-4-top);left:var(--notebook-item-4-left);width:var(--notebook-item-4-width);transform:translate(-50%,-50%) translate(var(--notebook-item-4-translate-x, 120%),var(--notebook-item-4-translate-y, -25%)) rotate(var(--notebook-item-4-rotation));opacity:var(--notebook-item-4-opacity, 0)}.notebook-item-5,.notebook-item-container.notebook-item-5{top:var(--notebook-item-5-top);left:var(--notebook-item-5-left);width:var(--notebook-item-5-width);transform:translate(-50%,-50%) translate(var(--notebook-item-5-translate-x, 120%),var(--notebook-item-5-translate-y, -25%)) rotate(var(--notebook-item-5-rotation));opacity:var(--notebook-item-5-opacity, 0)}.notebook-item-6,.notebook-item-container.notebook-item-6{top:var(--notebook-item-6-top);left:var(--notebook-item-6-left);width:var(--notebook-item-6-width);transform:translate(-50%,-50%) translate(var(--notebook-item-6-translate-x, 120%),var(--notebook-item-6-translate-y, -25%)) rotate(var(--notebook-item-6-rotation));opacity:var(--notebook-item-6-opacity, 0)}.notebook-item-7,.notebook-item-container.notebook-item-7{top:var(--notebook-item-7-top);left:var(--notebook-item-7-left);width:var(--notebook-item-7-width);transform:translate(-50%,-50%) translate(var(--notebook-item-7-translate-x, 120%),var(--notebook-item-7-translate-y, -25%)) rotate(var(--notebook-item-7-rotation));opacity:var(--notebook-item-7-opacity, 0)}.notebook-item-8,.notebook-item-container.notebook-item-8{top:var(--notebook-item-8-top);left:var(--notebook-item-8-left);width:var(--notebook-item-8-width);transform:translate(-50%,-50%) translate(var(--notebook-item-8-translate-x, 120%),var(--notebook-item-8-translate-y, -25%)) rotate(var(--notebook-item-8-rotation));opacity:var(--notebook-item-8-opacity, 0)}.notebook-item-9,.notebook-item-container.notebook-item-9{top:var(--notebook-item-9-top);left:var(--notebook-item-9-left);width:var(--notebook-item-9-width);transform:translate(-50%,-50%) translate(var(--notebook-item-9-translate-x, 120%),var(--notebook-item-9-translate-y, -25%)) rotate(var(--notebook-item-9-rotation));opacity:var(--notebook-item-9-opacity, 0)}.notebook-item-10,.notebook-item-container.notebook-item-10{top:var(--notebook-item-10-top);left:var(--notebook-item-10-left);width:var(--notebook-item-10-width);transform:translate(-50%,-50%) translate(var(--notebook-item-10-translate-x, 120%),var(--notebook-item-10-translate-y, -25%)) rotate(var(--notebook-item-10-rotation));opacity:var(--notebook-item-10-opacity, 0)}.notebook-item-11,.notebook-item-container.notebook-item-11{top:var(--notebook-item-11-top);left:var(--notebook-item-11-left);width:var(--notebook-item-11-width);transform:translate(-50%,-50%) translate(var(--notebook-item-11-translate-x, 120%),var(--notebook-item-11-translate-y, -25%)) rotate(var(--notebook-item-11-rotation));opacity:var(--notebook-item-11-opacity, 0)}.notebook-item-12,.notebook-item-container.notebook-item-12{top:var(--notebook-item-12-top);left:var(--notebook-item-12-left);width:var(--notebook-item-12-width);transform:translate(-50%,-50%) translate(var(--notebook-item-12-translate-x, 120%),var(--notebook-item-12-translate-y, -25%)) rotate(var(--notebook-item-12-rotation));opacity:var(--notebook-item-12-opacity, 0)}.notebook-item-13,.notebook-item-container.notebook-item-13{top:var(--notebook-item-13-top);left:var(--notebook-item-13-left);width:var(--notebook-item-13-width);transform:translate(-50%,-50%) translate(var(--notebook-item-13-translate-x, 120%),var(--notebook-item-13-translate-y, -25%)) rotate(var(--notebook-item-13-rotation));opacity:var(--notebook-item-13-opacity, 0)}.notebook-item-14,.notebook-item-container.notebook-item-14{top:var(--notebook-item-14-top);left:var(--notebook-item-14-left);width:var(--notebook-item-14-width);transform:translate(-50%,-50%) translate(var(--notebook-item-14-translate-x, 120%),var(--notebook-item-14-translate-y, -25%)) rotate(var(--notebook-item-14-rotation));opacity:var(--notebook-item-14-opacity, 0)}.notebook-item-15,.notebook-item-container.notebook-item-15{top:var(--notebook-item-15-top);left:var(--notebook-item-15-left);width:var(--notebook-item-15-width);transform:translate(-50%,-50%) translate(var(--notebook-item-15-translate-x, 120%),var(--notebook-item-15-translate-y, -25%)) rotate(var(--notebook-item-15-rotation));opacity:var(--notebook-item-15-opacity, 0)}.notebook-item-16,.notebook-item-container.notebook-item-16{top:var(--notebook-item-16-top);left:var(--notebook-item-16-left);width:var(--notebook-item-16-width);transform:translate(-50%,-50%) translate(var(--notebook-item-16-translate-x, 120%),var(--notebook-item-16-translate-y, -25%)) rotate(var(--notebook-item-16-rotation));opacity:var(--notebook-item-16-opacity, 0)}.notebook-item-17,.notebook-item-container.notebook-item-17{top:var(--notebook-item-17-top);left:var(--notebook-item-17-left);width:var(--notebook-item-17-width);transform:translate(-50%,-50%) translate(var(--notebook-item-17-translate-x, 120%),var(--notebook-item-17-translate-y, -25%)) rotate(var(--notebook-item-17-rotation));opacity:var(--notebook-item-17-opacity, 0)}.notebook-item-18,.notebook-item-container.notebook-item-18{top:var(--notebook-item-18-top);left:var(--notebook-item-18-left);width:var(--notebook-item-18-width);transform:translate(-50%,-50%) translate(var(--notebook-item-18-translate-x, 120%),var(--notebook-item-18-translate-y, -25%)) rotate(var(--notebook-item-18-rotation));opacity:var(--notebook-item-18-opacity, 0)}.notebook-item-19,.notebook-item-container.notebook-item-19{top:var(--notebook-item-19-top);left:var(--notebook-item-19-left);width:var(--notebook-item-19-width);transform:translate(-50%,-50%) translate(var(--notebook-item-19-translate-x, 120%),var(--notebook-item-19-translate-y, -25%)) rotate(var(--notebook-item-19-rotation));opacity:var(--notebook-item-19-opacity, 0)}.notebook-item-container--camcorder .notebook-camcorder-vlog{top:var(--notebook-item-12-video-inset-top, var(--vlog-inset-top, 48%));left:var(--notebook-item-12-video-inset-left, var(--vlog-inset-left, 36%));width:var(--notebook-item-12-video-width, var(--vlog-width, 65%));height:auto;aspect-ratio:16 / 9;object-fit:contain;transform:translate(-50%,-50%) scale(var(--notebook-item-12-video-scale, var(--vlog-scale, .9))) rotate(var(--notebook-item-12-video-rotation, var(--vlog-rotation, 0deg)));transform-origin:center center}.notebook-item-container--camcorder .notebook-camcorder-frame{position:relative;display:block;width:100%;height:auto;object-fit:contain;transform:scale(var(--notebook-item-12-frame-scale, 1)) rotate(var(--notebook-item-12-frame-rotation, 0deg));transform-origin:center center}.notebook-screen-video{position:absolute;top:var(--notebook-video-top);left:var(--notebook-video-left);width:var(--notebook-video-width);height:var(--notebook-video-height);max-width:var(--notebook-video-max-width);max-height:var(--notebook-video-max-height);transform:translate(var(--notebook-video-translate-x),var(--notebook-video-translate-y)) rotate(var(--notebook-video-rotation));object-fit:contain;pointer-events:none;opacity:var(--notebook-videos-opacity, 0);transition:opacity .5s ease-out}.notebook-screen-video-lift{top:var(--notebook-lift-video-top);left:var(--notebook-lift-video-left);width:var(--notebook-lift-video-width);height:var(--notebook-lift-video-height);max-width:var(--notebook-lift-video-max-width);max-height:var(--notebook-lift-video-max-height);transform:translate(var(--notebook-lift-video-translate-x),var(--notebook-lift-video-translate-y)) rotate(var(--notebook-lift-video-rotation))}.notebook-screen-video-asianstore{top:var(--notebook-asianstore-video-top);left:var(--notebook-asianstore-video-left);width:var(--notebook-asianstore-video-width);height:var(--notebook-asianstore-video-height);max-width:var(--notebook-asianstore-video-max-width);max-height:var(--notebook-asianstore-video-max-height);transform:translate(var(--notebook-asianstore-video-translate-x),var(--notebook-asianstore-video-translate-y)) rotate(var(--notebook-asianstore-video-rotation))}html{scroll-behavior:smooth}body{font-family:Cormorant Garamond,Georgia,serif;background:var(--bg-black);color:var(--ink);min-height:100vh;overflow-x:hidden;--notebook-open-opacity: 0;--notebook-open-image-opacity: 0;--notebook-open-transition-opacity: 1;--notebook-items-opacity: 1;--notebook-return-closed-opacity: 0;--notebook-exit-up-y: 0%;--notebook-turning-opacity: 0;--notebook-videos-opacity: 0;--notebook-scroll-hint-opacity: 1;--notebook-item-0-translate-x: 120%;--notebook-item-0-translate-y: -25%;--notebook-item-0-opacity: 0;--notebook-item-1-translate-x: 120%;--notebook-item-1-translate-y: -25%;--notebook-item-1-opacity: 0;--notebook-item-2-translate-x: 120%;--notebook-item-2-translate-y: -25%;--notebook-item-2-opacity: 0;--notebook-item-3-translate-x: 120%;--notebook-item-3-translate-y: -25%;--notebook-item-3-opacity: 0;--notebook-item-4-translate-x: 120%;--notebook-item-4-translate-y: -25%;--notebook-item-4-opacity: 0;--notebook-item-5-translate-x: 120%;--notebook-item-5-translate-y: -25%;--notebook-item-5-opacity: 0;--notebook-item-6-translate-x: 120%;--notebook-item-6-translate-y: -25%;--notebook-item-6-opacity: 0;--notebook-item-7-translate-x: 120%;--notebook-item-7-translate-y: -25%;--notebook-item-7-opacity: 0;--notebook-item-8-translate-x: 120%;--notebook-item-8-translate-y: -25%;--notebook-item-8-opacity: 0;--notebook-item-9-translate-x: 120%;--notebook-item-9-translate-y: -25%;--notebook-item-9-opacity: 0;--notebook-item-10-translate-x: 120%;--notebook-item-10-translate-y: -25%;--notebook-item-10-opacity: 0;--notebook-item-11-translate-x: 120%;--notebook-item-11-translate-y: -25%;--notebook-item-11-opacity: 0;--notebook-item-12-translate-x: 120%;--notebook-item-12-translate-y: -25%;--notebook-item-12-opacity: 0;--notebook-item-13-translate-x: 120%;--notebook-item-13-translate-y: -25%;--notebook-item-13-opacity: 0;--notebook-item-14-translate-x: 120%;--notebook-item-14-translate-y: -25%;--notebook-item-14-opacity: 0;--notebook-item-15-translate-x: 120%;--notebook-item-15-translate-y: -25%;--notebook-item-15-opacity: 0;--notebook-item-16-translate-x: 120%;--notebook-item-16-translate-y: -25%;--notebook-item-16-opacity: 0;--notebook-item-17-translate-x: 120%;--notebook-item-17-translate-y: -25%;--notebook-item-17-opacity: 0;--notebook-item-18-translate-x: 120%;--notebook-item-18-translate-y: -25%;--notebook-item-18-opacity: 0;--notebook-item-19-translate-x: 120%;--notebook-item-19-translate-y: -25%;--notebook-item-19-opacity: 0;--stage-item-0-translate-x: 120%;--stage-item-0-translate-y: -25%;--stage-item-0-opacity: 0;--stage-item-1-translate-x: 120%;--stage-item-1-translate-y: -25%;--stage-item-1-opacity: 0;--stage-item-2-translate-x: 120%;--stage-item-2-translate-y: -25%;--stage-item-2-opacity: 0;--stage-item-3-translate-x: 120%;--stage-item-3-translate-y: -25%;--stage-item-3-opacity: 0;--stage-item-4-translate-x: 120%;--stage-item-4-translate-y: -25%;--stage-item-4-opacity: 0;--stage-item-5-translate-x: 120%;--stage-item-5-translate-y: -25%;--stage-item-5-opacity: 0;--stage-item-6-translate-x: 120%;--stage-item-6-translate-y: -25%;--stage-item-6-opacity: 0;--stage-item-7-translate-x: 120%;--stage-item-7-translate-y: -25%;--stage-item-7-opacity: 0;--stage-item-8-translate-x: 120%;--stage-item-8-translate-y: -25%;--stage-item-8-opacity: 0;--stage-item-9-translate-x: 120%;--stage-item-9-translate-y: -25%;--stage-item-9-opacity: 0;--stage-item-10-translate-x: 120%;--stage-item-10-translate-y: -25%;--stage-item-10-opacity: 0;--stage-item-11-translate-x: 120%;--stage-item-11-translate-y: -25%;--stage-item-11-opacity: 0;--stage-item-12-translate-x: 120%;--stage-item-12-translate-y: -25%;--stage-item-12-opacity: 0;--stage-item-13-translate-x: 120%;--stage-item-13-translate-y: -25%;--stage-item-13-opacity: 0;--stage-item-14-translate-x: 120%;--stage-item-14-translate-y: -25%;--stage-item-14-opacity: 0;--stage-item-15-translate-x: 120%;--stage-item-15-translate-y: -25%;--stage-item-15-opacity: 0;--stage-item-16-translate-x: 120%;--stage-item-16-translate-y: -25%;--stage-item-16-opacity: 0;--stage-item-17-translate-x: 120%;--stage-item-17-translate-y: -25%;--stage-item-17-opacity: 0}.lock-scroll-container{-webkit-overflow-scrolling:touch}.lock-scroll-viewport{display:flex;align-items:center;justify-content:center}.lock-screen .lock-container{position:relative;text-align:center}.lock-container--with-envelope{position:relative;width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.envelope-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.envelope-stage .envelope-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:10}.envelope-overlay.envelope-click-target{cursor:pointer;padding:1rem;border-radius:12px;transition:filter .2s ease}.envelope-overlay.envelope-click-target:hover{filter:brightness(1.05)}.envelope-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.envelope-panel .envelope-panel-img{width:100%;height:100%;object-fit:contain}.envelope-panel .envelope-panel-inner{position:relative;width:clamp(40vw,calc(72vw * var(--envelope-scale)),90vw);aspect-ratio:200 / 140;max-height:min(85vh,calc(70vh * var(--envelope-scale)))}.envelope-panel .envelope-panel-inner .envelope-panel-img{position:absolute;top:0;right:0;bottom:0;left:0}.envelope-images{position:relative;width:clamp(40vw,calc(72vw * var(--envelope-scale)),90vw);aspect-ratio:200 / 140;max-height:min(85vh,calc(70vh * var(--envelope-scale)))}.envelope-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.lock-scroll-down-hint{position:absolute;left:var(--scroll-down-hint-left);top:var(--scroll-down-hint-top);transform:translateY(var(--scroll-down-hint-translate-y));max-height:var(--scroll-down-hint-max-height);width:auto;height:auto;object-fit:contain;pointer-events:none}.lock-keep-going-hint{position:absolute;left:var(--keep-going-hint-left);top:var(--keep-going-hint-top);transform:translateY(var(--keep-going-hint-translate-y));max-height:var(--keep-going-hint-max-height);width:auto;height:auto;object-fit:contain;pointer-events:none}.lock-click-here-hint{position:absolute;right:var(--click-here-hint-right);top:var(--click-here-hint-top);transform:translateY(var(--click-here-hint-translate-y));max-height:var(--click-here-hint-max-height);width:auto;height:auto;object-fit:contain;pointer-events:none}.postcard-reveal-wrapper{display:flex;align-items:center;justify-content:center;width:100%;z-index:1}.postcard-reveal-wrapper.postcard-reveal-wrapper--stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;min-width:25vmin;min-height:25vmin;isolation:isolate}.lock-hehehe{position:fixed;left:50%;bottom:var(--hehehe-bottom);transform:translate(-50%);z-index:10002;pointer-events:none}.lock-hehehe-img{display:block;max-height:var(--hehehe-max-height);width:auto;height:auto;object-fit:contain}.lock-hint-popup{position:fixed;top:1.25rem;left:0;right:0;margin-left:auto;margin-right:auto;width:fit-content;z-index:101;font-family:Cormorant Garamond,Georgia,serif;font-size:1.1rem;color:#fff;background:#c41e3a;padding:.6rem 1rem;border-radius:8px;white-space:nowrap}.postcard-flip{position:relative;width:min(92vw,90vmin);min-height:min(55vh,55vmin);padding:0;overflow:visible;cursor:pointer;perspective:80vmin}.postcard-flip-inner{position:relative;width:100%;height:100%;min-height:min(55vh,55vmin);transform-style:preserve-3d}.postcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.postcard-front{transform:rotateY(180deg);cursor:default}.postcard-front .postcard-body{pointer-events:auto}.postcard-flip.flipped{cursor:default}.postcard-flip--interactive,.postcard-flip--interactive .postcard-face{cursor:pointer}.postcard-body{position:absolute;bottom:var(--postcard-form-bottom);left:var(--postcard-form-left);transform:translate(-50%);padding:0 2rem}.postcard-body.postcard-body--valentine{bottom:var(--valentine-form-bottom);left:var(--valentine-form-left)}.lock-form-wrapper{position:relative}.lock-form{display:flex;flex-direction:column;align-items:center;gap:var(--postcard-form-gap, .5rem);text-align:center}.lock-form-label{font-family:Cormorant Garamond,Georgia,serif;font-size:1.3rem;color:#c41e3a;display:block;margin:0 0 var(--lock-form-label-margin-bottom) 0;line-height:1.2}.lock-form-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--lock-form-row-gap);margin-top:var(--lock-form-row-margin-top);margin-left:var(--lock-form-row-margin-left)}.lock-input{font-family:Cormorant Garamond,Georgia,serif;font-size:var(--lock-input-font-size);color:var(--postcard-ink);background:transparent;border:none;border-bottom:var(--lock-input-underline-width) solid var(--lock-input-underline-color);border-radius:0;padding:.15rem .1rem var(--lock-input-padding-bottom) 0;width:var(--lock-input-width);-webkit-tap-highlight-color:transparent;caret-color:var(--lock-input-underline-color)}.lock-input::placeholder{color:#c41e3a}.lock-input:focus{outline:none}.lock-submit{font-size:1.5rem;line-height:1;color:#c41e3a;background:transparent;border:none;padding:.5rem .25rem;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;margin-top:0;margin-left:var(--lock-submit-margin-left)}.lock-heart-icon{width:1.1em;height:1.1em}.lock-form--code-ready .lock-submit{opacity:1;pointer-events:auto}.lock-submit:active{transform:scale(.95)}.lock-feedback{margin-top:1.5rem;font-size:1.05rem;color:var(--postcard-ink);opacity:.9;min-height:1.5rem}.lock-feedback.error{color:#a55;opacity:1}.valentine-form-outer{width:100%}.valentine-form{gap:var(--valentine-form-gap)}.valentine-form-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--valentine-form-row-gap)}.valentine-btn{padding:0;border:none;border-radius:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s;background:transparent;display:inline-block;line-height:0;flex-shrink:0}.valentine-btn-yes:hover{transform:scale(1.08)}.valentine-btn-img{display:block;width:auto;height:auto;max-height:var(--valentine-btn-height);object-fit:contain;pointer-events:none}.valentine-btn-no-slot{width:var(--valentine-btn-no-slot-width);height:var(--valentine-btn-no-slot-height);min-width:var(--valentine-btn-no-slot-width);min-height:var(--valentine-btn-no-slot-height);flex-shrink:0;display:flex;align-items:center;justify-content:center}@media (max-width: 640px){.postcard{min-height:50vh}.postcard-body{padding:0 1.25rem}}.main-site{min-height:100vh;padding:2.5rem 1.25rem 5rem}.notebook{max-width:min(92vw,90vmin);margin:0 auto;position:relative;background:linear-gradient(90deg,var(--paper-shadow) 0%,var(--paper) 2%,var(--paper) 98%,var(--paper-shadow) 100%);border-radius:2px;box-shadow:0 0 0 1px #0000001a,0 20px 60px #0006,inset 0 0 20vmin #c9a86c08;padding:3.5rem 3.5rem 4.5rem 4.5rem}.notebook-binding{position:absolute;left:0;top:0;bottom:0;width:max(28px,3vmin);background:repeating-linear-gradient(90deg,#3d3529,#3d3529 2px,#4a4032 2px,#4a4032 4px);border-radius:2px 0 0 2px}.notebook-content{position:relative;z-index:1}.notebook-header{text-align:center;margin-bottom:3.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(44,36,32,.15)}.notebook-title{font-size:2.75rem;font-weight:600;color:var(--ink);letter-spacing:.05em}.notebook-subtitle{font-size:1.2rem;color:#666;margin-top:.6rem;font-style:italic}.notebook-page{min-height:70vh;position:relative;padding:2.5rem 0}.parallax-section{overflow:hidden}.parallax-image-wrap{position:relative;width:100%;min-height:30vh;margin:3.5rem 0;display:flex;justify-content:center;align-items:center}.parallax-image{border-radius:6px;box-shadow:0 8px 32px #0003;overflow:hidden}.placeholder-image{width:min(340px,85vw);height:min(240px,28vh);background:linear-gradient(135deg,#2a2620,#3d3529);display:flex;align-items:center;justify-content:center;color:#666;font-size:1.05rem;border:1px dashed #555}.page-text{font-size:1.5rem;line-height:1.7;color:var(--ink);margin:1.75rem 0}.page-end{text-align:center;font-style:italic;font-size:1.25rem;padding:2.5rem 0}@media (max-width: 640px){.notebook{padding:2.5rem 2rem 3.5rem 2.5rem}.parallax-image.placeholder-image{width:min(260px,65vw);height:min(200px,24vh)}}