:root{--ink: #2b3a67;--ink-soft: #5a6488;--accent: #d8656f;--paper: #fffdf8;--mochi: #fbf7f0;--sky-top: #f3c9b8;--sky-bottom: #fde9d6;--night: 0;--hand: "LXGW WenKai", "Kaiti SC", "STKaiti", "KaiTi", serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;background:var(--mochi);color:var(--ink);font-family:var(--hand);-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;cursor:pointer}#sky{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--sky-top),var(--sky-bottom) 75%);z-index:0}#stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}#stage.grabbing{cursor:grabbing}#stage.on-rope{cursor:pointer}.bokeh,canvas.rope{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}canvas.rope{z-index:2;transition:opacity 1.6s}.layer{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;pointer-events:none;will-change:transform}.layer.back{z-index:1}.layer.front{z-index:3}.layer.back,.layer.front{transition:opacity 1.8s ease .3s}#stage.opening .layer.back,#stage.opening .layer.front{opacity:0}#grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:30;pointer-events:none;opacity:.045;will-change:transform;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain 1s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}#leak{position:fixed;top:0;right:0;bottom:0;left:0;z-index:31;pointer-events:none;will-change:opacity;background:radial-gradient(circle at 4% 0%,rgba(255,214,160,.55),transparent 38%),radial-gradient(circle at 100% 100%,rgba(255,178,196,.35),transparent 42%);animation:leak 14s ease-in-out infinite alternate}body.night #leak{animation-name:leak-night}@keyframes leak-night{0%{opacity:.18}to{opacity:.3}}@keyframes leak{0%{opacity:.55}to{opacity:.85}}.frame{position:absolute;background:#fff;padding:56px 12px 12px;box-shadow:0 22px 60px #3c283c38}.frame .fimg{position:relative;width:100%;height:100%;overflow:hidden}.frame img{width:100%;height:100%;object-fit:contain;display:block;filter:blur(var(--blur, 10px)) saturate(calc(.7 + .3 * var(--focus, 0)));transition:filter .25s}.frame .fimg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 80% 10%,rgba(255,240,210,.28),transparent 50%);pointer-events:none}.frame .pin{position:absolute;top:6px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff9aa6,#c43c4f 70%);box-shadow:0 3px 4px #0000004d;z-index:2}.frame .pin.l{left:18px}.frame .pin.r{right:18px}.year-big{position:absolute;top:92px;transform:translate(-50%);font-size:150px;line-height:1;color:#ffffff9e;letter-spacing:.04em;white-space:nowrap;text-shadow:0 4px 30px rgba(255,255,255,.4)}.year-line{position:absolute;transform:translate(-50%);font-size:28px;color:var(--ink);white-space:nowrap;opacity:.85}body.edit .node-label{pointer-events:auto}body.edit .node-label span{outline:1px dashed rgba(43,58,103,.3);outline-offset:2px;cursor:text;min-width:2em}body.edit.night .node-label span{outline-color:#fff4d666}body.edit .year-line{pointer-events:auto;outline:1px dashed rgba(43,58,103,.3);padding:2px 8px;cursor:text}.node-label{position:absolute;top:140px;transform:translate(-50%);text-align:center;white-space:nowrap;color:var(--ink);transition:color .6s}.node-label .d{display:block;font-size:18px;opacity:.7;letter-spacing:.05em}.node-label .t{display:block;font-size:26px;margin-top:2px}body{--label-night: calc(var(--night))}.hang{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform}.hang>*{pointer-events:auto}.hang .clip{position:absolute;left:-9px;top:-10px;width:18px;height:30px;z-index:2;border-radius:3px;background:linear-gradient(90deg,#d9b48d,#f1d4b2 45%,#c99e74);box-shadow:0 2px 3px #00000040}.hang .clip:after{content:"";position:absolute;left:3px;right:3px;top:12px;height:4px;background:#9e7a58;border-radius:2px}.hang .pola{position:absolute;left:-85px;top:8px;width:170px;padding:10px 10px 0;background:var(--paper);box-shadow:0 14px 26px #321e2838;cursor:pointer;transition:box-shadow .3s,scale .3s}.hang .pola:hover{scale:1.05;box-shadow:0 20px 36px #321e2847}.hang .pic{position:relative;width:150px;height:196px;overflow:hidden;background:#d9d6cc}.hang .pic img{width:100%;height:100%;object-fit:cover;display:block;transition:filter 1.5s}.hang .ghost{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#cfd2c4,#a8ae9f);opacity:0;transition:opacity 1.5s}.hang.undeveloped .pic img{filter:blur(4px) brightness(1.35) saturate(.2) sepia(.35)}.hang.undeveloped .ghost{opacity:.72}.hang .cap{height:34px;display:grid;place-items:center;font-size:17px;color:var(--ink-soft)}.hang .blank-q{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:80px;color:#2b3a6740;background:linear-gradient(160deg,#efe9dc,#dcd5c5)}.hang .phone{position:absolute;left:-78px;top:10px;width:156px;height:300px;padding:9px;border-radius:26px;background:#1d1f2a;box-shadow:0 0 40px rgba(255,214,130,calc(var(--night) * .7)),0 16px 30px #00000059;cursor:pointer;transition:scale .3s}.hang .phone:hover{scale:1.05}.hang .phone img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}.hang .call-cap{position:absolute;left:50%;top:326px;transform:translate(-50%);white-space:nowrap;font-size:20px;pointer-events:none}.hang .stack{position:absolute;left:0;top:10px;width:0;height:0;cursor:pointer}.hang .stack .card{position:absolute;top:0;padding:8px 8px 24px;background:var(--paper);box-shadow:0 10px 22px #321e2833;transform-origin:50% -12px;rotate:var(--a);transition:rotate .55s cubic-bezier(.3,1.5,.5,1),box-shadow .3s}.hang .stack .card img{display:block;object-fit:cover;background:#d9d6cc}.hang .stack .card:last-of-type{box-shadow:0 14px 28px #321e2847}.hang.stack:hover .stack .card{rotate:calc(var(--a) * 1.45)}.hang.stack:active .stack .card{rotate:calc(var(--a) * .6)}.hang .stack .count{position:absolute;right:-10px;bottom:8px;padding:2px 10px;background:var(--accent);color:#fff;font-size:15px;border-radius:3px;rotate:-6deg;box-shadow:0 3px 6px #00000026}.hang .stack-hint{font-style:normal;position:absolute;left:0;transform:translate(-50%);white-space:nowrap;font-size:15px;color:var(--ink-soft);opacity:0;transition:opacity .3s;pointer-events:none;text-shadow:0 0 8px rgba(255,250,240,.9)}.hang.stack:hover .stack-hint{opacity:1}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;opacity:0;transition:opacity .35s}.modal.in{opacity:1}.modal .close{position:absolute;top:22px;right:26px;border:0;background:#fffdf8eb;padding:8px 18px;border-radius:999px;font-size:18px;box-shadow:0 6px 18px #0000001f;z-index:5}.modal .close:hover{background:#fff}.card-modal{background:#201c3080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card-head{position:absolute;top:24px;left:32px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.card-head .date{display:block;font-size:18px;opacity:.85}.card-head .title{display:block;font-size:30px;outline:none}body.edit .card-head .title,body.edit .wall-head .title{border-bottom:1px dashed rgba(255,255,255,.6);cursor:text}.card-stage{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:fit-content;height:fit-content;cursor:grab;touch-action:none;transition:opacity .16s}.card-stage.held{cursor:grabbing}.card-stage.swap{opacity:0}.card3d{position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,1.3,.5,1)}.card3d.flipped{transform:rotateY(180deg)}.card3d .face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.card3d .back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);padding:36px 34px;overflow:auto;display:flex;flex-direction:column;background:linear-gradient(#fffaf0,#f8f0e2);box-shadow:0 30px 70px #00000059}.card3d .back .note{flex:1}.back-date{font-size:18px;color:var(--accent);margin-bottom:10px}.note,.memo-note,.ending-text{font-size:26px;line-height:44px;white-space:pre-wrap;color:var(--ink);margin:0;padding:0}.note,.ending-text{background:repeating-linear-gradient(transparent 0 43px,#2b3a6721 43px,#2b3a6721 44px) local;min-height:176px}.note.empty,.memo-note.empty,.ending-text.empty{color:#2b3a6766}textarea,[contenteditable]{user-select:text;-webkit-user-select:text}textarea.editing{display:block;width:100%;height:calc(100% - 40px);min-height:176px;border:0;background-color:transparent;resize:none;outline:none;font-family:inherit}textarea.editing::placeholder{color:#d8656f99}.pola-card .front{background:var(--paper);padding:18px 18px 0;box-shadow:0 30px 70px #00000059}.pola-card .pic{--ph: min(64vh, calc(66vw / var(--ar, .75)));position:relative;height:var(--ph);width:calc(var(--ph) * var(--ar, .75));overflow:hidden;background:#ddd}.pola-card .pic img,.pola-card .pic video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.pola-card .ghost{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#cbd0c2,#9ea595);opacity:0;pointer-events:none}.pola-card.developing .pic img{filter:blur(calc((1 - var(--dev)) * 8px)) brightness(calc(1.6 - .6 * var(--dev))) saturate(var(--dev)) sepia(calc((1 - var(--dev)) * .6)) contrast(calc(.6 + .4 * var(--dev)))}.pola-card.developing .ghost{opacity:calc(1 - var(--dev) * 1.05)}.pola-card .cap{height:64px;display:grid;place-items:center;font-size:22px;color:var(--ink-soft)}.pola-card .blank-pic{height:min(56vh,520px);width:calc(min(56vh,520px)*.75);display:grid;place-items:center;text-align:center;font-size:30px;line-height:1.7;color:#2b3a6780;background:linear-gradient(160deg,#efe9dc,#dcd5c5)}.phone-card .front{padding:14px;background:#1d1f2a;border-radius:40px;box-shadow:0 0 80px #ffd68259,0 30px 70px #00000073}.phone-card .pic{--ph: min(78vh, 720px, calc(80vw / var(--ar, .5)));height:var(--ph);width:calc(var(--ph) * var(--ar, .5));border-radius:28px;overflow:hidden}.phone-card .pic img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.phone-card .back{border-radius:40px}.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0000008c;color:#fff;padding:10px 22px;border-radius:999px;font-size:20px;pointer-events:auto!important;cursor:pointer}.shake-hint{position:absolute;left:50%;bottom:74px;transform:translate(-50%);color:#fff;font-size:20px;opacity:0;transition:opacity .4s;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.4);animation:wiggle 1.2s ease-in-out infinite}.shake-hint.show{opacity:1}@keyframes wiggle{0%,to{translate:-6px 0}50%{translate:6px 0}}.flip-btn{position:absolute;left:50%;bottom:24px;transform:translate(-50%);border:0;background:#fffdf8eb;padding:8px 22px;border-radius:999px;font-size:18px;box-shadow:0 6px 18px #00000026}.nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:0;background:#fffdf8d9;font-size:34px;line-height:1;box-shadow:0 6px 18px #00000026}.nav.prev{left:28px}.nav.next{right:28px}.counter{position:absolute;right:32px;bottom:30px;color:#fff;font-size:18px;opacity:.8}.wall-modal{opacity:1;background:radial-gradient(ellipse at 15% 0%,rgba(255,240,205,.9),transparent 55%),repeating-linear-gradient(90deg,rgba(0,0,0,.012) 0 2px,transparent 2px 7px),linear-gradient(#f3ebdf,#e9dfd0);clip-path:circle(0px at var(--cx) var(--cy));transition:clip-path .75s cubic-bezier(.6,0,.2,1)}.wall-modal.in{clip-path:circle(150vmax at var(--cx) var(--cy))}.wall-modal.out{clip-path:circle(0px at var(--cx) var(--cy));transition-duration:.55s}.wall-room{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:250px 0 100px}.wall-head{position:absolute;top:34px;left:44px}.wall-head .date{display:block;font-size:20px;color:var(--accent)}.wall-head .title{display:block;font-size:40px;outline:none}body.edit .wall-head .title{border-bottom-color:#2b3a6766}.memo{position:absolute;top:30px;right:180px;width:300px;min-height:120px;padding:14px 18px 18px;background:#fff3b5;box-shadow:0 10px 20px #0000001f;rotate:2deg;z-index:3}.memo-t{font-size:15px;color:#a38a3a}.memo .memo-note{font-size:20px;line-height:32px}.memo textarea.editing{min-height:64px;height:auto;overflow:hidden;resize:none}.memo-body{position:relative;max-height:96px;overflow:hidden;transition:max-height .45s ease}.memo.open .memo-body{max-height:3000px}.memo.overflow:not(.open) .memo-body:after{content:"";position:absolute;left:0;right:0;bottom:0;height:36px;background:linear-gradient(transparent,#fff3b5);pointer-events:none}.memo-toggle{display:none;margin-top:6px;border:0;background:none;padding:2px 0;font-size:15px;color:#a38a3a;cursor:pointer}.memo.overflow .memo-toggle{display:inline-block}.memo.open{z-index:20}.board{position:relative;margin:30px auto 0}.wall-card{position:absolute;padding:10px 10px 28px;background:var(--paper);box-shadow:0 10px 22px #3c28282e;rotate:var(--r);cursor:grab;touch-action:none;transition:box-shadow .2s,scale .2s;animation:stick .6s cubic-bezier(.3,1.4,.5,1) backwards;animation-delay:calc(var(--d) + .3s)}@keyframes stick{0%{opacity:0;transform:translateY(-40px) scale(1.15) rotate(8deg)}}.wall-card img{width:100%;object-fit:cover;display:block;pointer-events:none;background:#ddd}.wall-card.lift{cursor:grabbing;scale:1.06;box-shadow:0 26px 40px #3c282847}.wall-card.turn-zone,.wall-card.turning{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M21 9a8 8 0 1 0 1.5 7' fill='none' stroke='white' stroke-width='5' stroke-linecap='round'/><path d='M21 9a8 8 0 1 0 1.5 7' fill='none' stroke='%232b3a67' stroke-width='2.2' stroke-linecap='round'/><path d='M23 3v7h-7' fill='none' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/><path d='M23 3v7h-7' fill='none' stroke='%232b3a67' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") 14 14,alias}.wall-card.moving{cursor:grabbing}.wall-card.turning{scale:1.03}.wall-card .pick{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:#fffdf8e6;box-shadow:0 3px 8px #0003;font-size:15px;font-weight:700;color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;z-index:2;transition:scale .2s,background .2s}.wall-card .pick:hover{scale:1.15}.wall-card .pick:not(.on):after{content:"";width:10px;height:10px;border-radius:50%;border:2px solid rgba(43,58,103,.35)}.wall-card .pick.on{background:var(--accent)}.wall-toast{position:absolute;left:50%;bottom:30px;transform:translate(-50%) translateY(10px);background:var(--ink);color:#fff;padding:8px 18px;border-radius:999px;font-size:16px;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;z-index:6}.wall-toast.show{opacity:1;transform:translate(-50%)}.wall-tip{display:block;white-space:pre-line;line-height:1.6;margin-top:6px;font-size:15px;color:var(--ink-soft);opacity:.75}.wall-card .tape{position:absolute;top:-12px;left:50%;width:76px;height:24px;margin-left:-38px;opacity:.78;box-shadow:0 1px 2px #00000014}.wall-card.film{background:#1b1b1f;padding:10px 20px 26px}.wall-card.film:before,.wall-card.film:after{content:"";position:absolute;top:8px;bottom:8px;width:10px;background:radial-gradient(circle,#f3ebdf 40%,transparent 45%) 0 0 / 10px 14px repeat-y}.wall-card.film:before{left:5px}.wall-card.film:after{right:5px}.film-badge{position:absolute;left:50%;bottom:5px;transform:translate(-50%);color:#ffe2a0;font-size:15px;white-space:nowrap}.has-note{position:absolute;right:8px;bottom:5px;font-style:normal;color:var(--accent);font-size:16px}.projector-modal{background:radial-gradient(ellipse at 50% 40%,#241f2c,#0b0a0f 70%)}.projector-modal .screen{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);height:min(66vh,calc(70vw / var(--ar)));aspect-ratio:var(--ar);padding:0 30px;background:#111;box-shadow:0 0 120px #ffecbe26;cursor:pointer}.projector-modal .screen video{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.25) contrast(1.05) saturate(.9)}.projector-modal .sprockets{position:absolute;top:0;bottom:0;width:30px;background:radial-gradient(ellipse 6px 8px,#2a2630 60%,transparent 66%) 50% 0 / 30px 26px repeat-y,#111;animation:run .25s linear infinite paused}.projector-modal.playing .sprockets{animation-play-state:running}@keyframes run{to{background-position:50% 26px}}.projector-modal .sprockets.l{left:0}.projector-modal .sprockets.r{right:0}.projector-modal .flicker{position:absolute;top:0;right:30px;bottom:0;left:30px;background:#fff5dc0f;pointer-events:none;animation:flicker .12s steps(2) infinite;mix-blend-mode:screen}@keyframes flicker{50%{opacity:.2}}.projector-modal .scratches{position:absolute;top:0;right:30px;bottom:0;left:30px;pointer-events:none;opacity:.25;background:linear-gradient(90deg,transparent 0 22%,rgba(255,255,255,.5) 22.2%,transparent 22.4% 71%,rgba(255,255,255,.35) 71.1%,transparent 71.3%);animation:scratch .5s steps(3) infinite}@keyframes scratch{33%{transform:translate(14px)}66%{transform:translate(-9px);opacity:.1}}.projector-modal .beam{position:absolute;left:50%;bottom:70px;width:80vw;height:70vh;transform:translate(-50%);pointer-events:none;background:linear-gradient(to top,#fff0c840,#fff0c800);clip-path:polygon(48% 100%,52% 100%,100% 0,0 0);opacity:.5;animation:flicker .18s steps(2) infinite}.projector-modal .machine{position:absolute;left:50%;bottom:20px;transform:translate(-50%);width:120px;height:80px}.projector-modal .machine .body{position:absolute;left:20px;right:20px;bottom:0;height:40px;background:#3a3440;border-radius:6px}.projector-modal .reel{position:absolute;top:0;width:46px;height:46px;border-radius:50%;border:5px solid #5a5262;background:radial-gradient(circle,#5a5262 18%,transparent 20%),conic-gradient(#3a3440 0 15%,transparent 15% 33%,#3a3440 33% 48%,transparent 48% 66%,#3a3440 66% 81%,transparent 81%)}.projector-modal .reel.a{left:6px}.projector-modal .reel.b{right:6px}.projector-modal.playing .reel{animation:spin 1.2s linear infinite}@keyframes spin{to{rotate:360deg}}.proj-tip{position:absolute;left:50%;bottom:110px;transform:translate(-50%);color:#fff0d280;font-size:15px}.listen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(ellipse at 50% 45%,transparent 25%,rgba(20,16,30,.78) 75%)}.listen.in{opacity:1}.listen-ear{position:absolute;bottom:calc(16% + 110px);left:50%;transform:translate(-50%);color:#fff0d2cc;font-size:20px;letter-spacing:.2em}.listen-sub{position:absolute;left:50%;bottom:16%;transform:translate(-50%);width:min(820px,86vw);text-align:center;color:#fff;font-size:32px;line-height:1.6;white-space:pre-line;text-shadow:0 2px 14px rgba(0,0,0,.6)}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:#0c1022;opacity:0;transition:opacity 1.2s,transform 2.2s cubic-bezier(.55,0,.85,.35)}.scene.in{opacity:1}.scene.opening-scene.dive{transform:scale(2.6);opacity:0;transition:opacity 1.6s ease-in .5s,transform 2.2s cubic-bezier(.55,0,.85,.35)}.scene.ending-scene{transition:opacity 1.4s,transform 2s cubic-bezier(.15,.65,.35,1)}.scene.ending-scene.dive{transform:scale(2.6)}.scene img{position:absolute;display:block;max-width:none}.scene img.bg{top:-6%;right:-6%;bottom:-6%;left:-6%;width:112%;height:112%;object-fit:cover;filter:blur(18px) brightness(.55);opacity:0}.scene.portrait img.bg{opacity:1}.scene.portrait img.dark,.scene.portrait img.lit{box-shadow:0 0 60px #00000080}.scene img.lit{opacity:0;transition:opacity 1.6s ease}.scene.is-lit img.lit{opacity:1}.scene-sign{position:absolute;left:0;top:0;transform-origin:0 0;display:grid;place-items:center;pointer-events:none}.scene-sign span{font-size:92px;line-height:1;letter-spacing:.18em;padding-left:.18em;color:#2e1a0c;opacity:.82;mix-blend-mode:multiply;text-shadow:0 2px 0 rgba(255,220,170,.25);font-weight:700;-webkit-text-stroke:1.5px #2e1a0c}.scene-rope{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fly-cup{position:absolute;left:0;top:0;pointer-events:auto;cursor:grab;filter:drop-shadow(0 0 10px rgba(255,214,140,.45)) drop-shadow(0 6px 8px rgba(0,0,0,.35));touch-action:none}.fly-cup svg{width:100%;height:100%;display:block}.fly-cup.held{cursor:grabbing}.ending-scene .fly-cup{cursor:pointer}.fly-cup.caught{transition:scale .6s,opacity .6s;scale:4;opacity:0}.op-caption{position:absolute;left:50%;bottom:7%;transform:translate(-50%);text-align:center;color:#fff4dc;opacity:0;transition:opacity .8s;white-space:nowrap;padding:12px 30px;border-radius:14px;background:#0e10269e;box-shadow:0 10px 30px #0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.op-caption:empty{display:none}.op-caption.in{opacity:1}.op-caption p{margin:6px 0;font-size:34px}.op-caption p.small{font-size:22px;opacity:.85}.op-caption.phone p{font-size:32px;text-shadow:0 0 14px rgba(255,214,140,.6)}.op-title{position:absolute;left:50%;top:21%;transform:translate(-50%) translateY(10px);text-align:center;opacity:0;transition:opacity 1.4s,transform 1.4s}.op-title.in{opacity:1;transform:translate(-50%)}.op-title h1{margin:0;font-size:76px;font-weight:400;letter-spacing:.25em;padding-left:.25em;color:#fff4dc;text-shadow:0 0 24px rgba(255,214,140,.55),0 2px 6px rgba(0,0,0,.4)}.op-title p{margin:8px 0 0;font-size:22px;color:#fff0d7d9;letter-spacing:.1em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.op-skip{position:absolute;right:26px;bottom:24px;border:0;background:#fffdf8bf;padding:6px 16px;border-radius:999px;font-size:16px;pointer-events:auto;color:var(--ink-soft)}.op-skip.pulse{animation:pulse 1.2s ease-in-out infinite;background:#fff;color:var(--accent)}@keyframes pulse{50%{scale:1.1}}.ending-modal{background:#ffe8d28c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-content:center;justify-items:center;gap:22px}.ending-paper{width:min(560px,86vw);min-height:240px;padding:28px 34px 34px;rotate:-1.5deg;background:var(--paper);box-shadow:0 30px 60px #50281e38;transform:translateY(20px);transition:transform 1s cubic-bezier(.2,1.3,.4,1)}.ending-modal.in .ending-paper{transform:none}.ending-paper .from{font-size:18px;color:var(--accent);margin-bottom:12px}.ending-paper textarea.editing{min-height:170px}.ending-sign{text-align:center}.ending-sign p{margin:4px 0;font-size:28px;line-height:1.6}.ending-sign p.small{font-size:18px;color:var(--ink-soft)}.again{border:0;background:var(--ink);color:#fff;padding:10px 26px;border-radius:999px;font-size:18px}.credit{font-size:13px;color:var(--ink-soft);opacity:.7}.ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;pointer-events:none;opacity:0;transition:opacity 1.2s}.ui.in{opacity:1}body.modal-open .ui{opacity:0}.progress{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(720px,60vw);padding:30px 26px 12px;border-radius:16px;background:#fffaf0b8;box-shadow:0 6px 20px #3c282814;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto}.track{position:relative;height:2px;background:#2b3a6738;border-radius:2px}.tick{position:absolute;top:-26px;transform:translate(-50%);border:0;background:none;font-size:14px;color:var(--ink-soft);padding:2px 4px;white-space:nowrap}.tick:after{content:"";position:absolute;left:50%;top:24px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#2b3a6759}.tick:hover{color:var(--accent)}.marker{position:absolute;top:-6px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #d8656f33}.tools{position:absolute;top:20px;right:22px;display:flex;gap:8px;pointer-events:auto}.icon-btn{width:40px;height:40px;border-radius:50%;border:0;background:#fffdf8bf;font-size:17px;box-shadow:0 4px 12px #00000014}.icon-btn.on{background:var(--accent);color:#fff}.hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);background:#fffdf8cc;padding:8px 20px;border-radius:999px;font-size:17px;color:var(--ink-soft);white-space:nowrap;transition:opacity .8s;box-shadow:0 6px 18px #0000000f}.hint.gone{opacity:0}.edit-badge{position:absolute;left:18px;bottom:18px;background:var(--accent);color:#fff;padding:6px 14px;border-radius:8px;font-size:14px;opacity:.9}.node-label,.year-line,.hang .call-cap{color:var(--ink);text-shadow:0 0 10px rgba(255,250,240,.9),0 0 2px rgba(255,250,240,.9);transition:color .6s,text-shadow .6s}body.night .node-label,body.night .year-line,body.night .hang .call-cap{color:#fff4d6;text-shadow:0 0 12px rgba(20,22,50,.8),0 0 2px rgba(20,22,50,.8)}.year-big{transition:color .6s}body.night .year-big{color:#fff4d680}@media(max-width:760px){.op-caption p{font-size:24px}.op-title h1{font-size:48px}.listen-sub{font-size:24px}.memo{position:relative;top:0;right:0;margin:0 auto 10px}.nav{width:44px;height:44px}}.arrange-btn{width:auto;padding:0 16px;border-radius:999px;font-size:15px}.arrange-bar{display:none;gap:6px;justify-content:center;margin-top:8px}body.arrange .arrange-bar{display:flex}.arrange-bar button{border:1px dashed var(--accent);background:#fffdf8eb;color:var(--accent);border-radius:999px;padding:3px 12px;font-size:14px;cursor:pointer;text-shadow:none}.arrange-bar button:hover{background:var(--accent);color:#fff}.del-added{display:none;position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:#c43c4f;color:#fff;font-size:17px;line-height:1;padding:0;cursor:pointer;z-index:3;box-shadow:0 3px 8px #00000040}body.arrange .hang .del-added{display:block}.wall-card .del-added{display:block;top:auto;bottom:-10px}.wall-card.add-card{display:grid;place-content:center;justify-items:center;gap:4px;border:2px dashed rgba(216,101,111,.6);background:#fffdf8b3;color:var(--accent);cursor:pointer;animation:none}.wall-card.add-card span{font-size:54px;line-height:1}.wall-card.add-card em{font-style:normal;font-size:16px}.wall-card.add-card:hover{background:#fff}.edit-busy{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;padding:16px 30px;border-radius:14px;background:#14162dd9;color:#fff4dc;font-size:20px;box-shadow:0 10px 30px #0000004d}.paper-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;background:#1e1a2d61;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}.paper-dialog.in{opacity:1}.pd-card{position:relative;width:min(440px,88vw);padding:34px 34px 24px;background:linear-gradient(#fffcf4,#f7efdf);box-shadow:0 24px 60px #28191e52,0 2px #fff9 inset;rotate:-1.2deg;transform:translateY(14px) scale(.97);transition:transform .35s cubic-bezier(.2,1.4,.4,1);color:var(--ink)}.paper-dialog.in .pd-card{transform:none}.pd-tape{position:absolute;top:-13px;left:50%;width:110px;height:26px;margin-left:-55px;background:#f7c5cfd9;rotate:2deg;box-shadow:0 1px 2px #00000014}.pd-title{font-size:26px;margin-bottom:6px}.pd-text{margin:4px 0;font-size:18px;line-height:1.7;color:var(--ink-soft)}.pd-field{display:block;margin-top:16px}.pd-field span{display:block;font-size:15px;color:var(--accent);margin-bottom:2px}.pd-field input{width:100%;border:0;border-bottom:1.5px solid rgba(43,58,103,.25);background:transparent;font:inherit;font-size:22px;color:var(--ink);padding:6px 2px;outline:none;transition:border-color .2s}.pd-field input:focus{border-bottom-color:var(--accent)}.pd-field input::placeholder{color:#2b3a6752;font-size:18px}.pd-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.pd-btns button{border:0;border-radius:999px;padding:8px 22px;font-size:17px;cursor:pointer}.pd-cancel{background:transparent;color:var(--ink-soft)}.pd-cancel:hover{background:#2b3a6712}.pd-ok{background:var(--ink);color:#fff;box-shadow:0 4px 12px #2b3a6740}.pd-ok.danger{background:#c43c4f;box-shadow:0 4px 12px #c43c4f4d}.pd-ok:hover{filter:brightness(1.1)}.edit-busy{font-family:var(--hand)}.pd-btns label.pd-ok{display:inline-block;border-radius:999px;padding:8px 22px;font-size:17px;cursor:pointer}.pd-ok.shake{animation:pdshake .4s}@keyframes pdshake{20%,60%{translate:-6px 0}40%,80%{translate:6px 0}}.key-btn{width:auto;min-width:40px;padding:0 12px;border-radius:999px;font-size:15px;opacity:.75}.key-btn:hover{opacity:1}.pd-text{white-space:pre-line}.save-status{position:fixed;left:18px;bottom:54px;z-index:110;border:0;border-radius:999px;padding:6px 16px;font-family:var(--hand);font-size:15px;background:#fffdf8eb;color:var(--ink-soft);box-shadow:0 4px 14px #0000001f;opacity:0;translate:0 8px;transition:opacity .3s,translate .3s;pointer-events:none}.save-status.show{opacity:1;translate:0 0;pointer-events:auto}.save-status.saved{color:#3d7a4f}.save-status.error{background:#c43c4f;color:#fff;cursor:pointer}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#0c1022;opacity:0;transition:opacity .8s}.gate.in{opacity:1}.gate-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(3px) brightness(.55) saturate(.9);transform:scale(1.04);transition:filter 1s,transform 1.2s}.gate.open .gate-bg{filter:none;transform:scale(1)}.gate-card{position:relative;width:min(420px,86vw);padding:36px 34px 26px;background:linear-gradient(#fffcf4,#f7efdf);box-shadow:0 30px 70px #00000073;rotate:-1.2deg;color:var(--ink);transition:opacity .6s,transform .6s}.gate.open .gate-card{opacity:0;transform:translateY(-20px) scale(.96)}.gate-card.shake{animation:pdshake .4s}.gate-kicker{font-size:15px;letter-spacing:.3em;color:var(--accent)}.gate-title{font-size:30px;margin:4px 0 6px}.gate-hint{margin:0;font-size:17px;color:var(--ink-soft);line-height:1.6}.gate-msg{min-height:24px;margin:8px 0 0;font-size:16px;color:#c43c4f}.gate .pd-btns{margin-top:10px}.env-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,#0a0c1e33,#0a0c1e9e);opacity:0;transition:opacity .8s}.env-stage.in{opacity:1}.env-stage.gone{opacity:0;transition-duration:.9s}.env{position:relative;width:380px;height:240px;transform:translateY(75vh) rotate(-9deg);transition:transform 1.1s cubic-bezier(.2,1.1,.3,1);perspective:900px}.env-stage.in .env{transform:translateY(50px) rotate(-2deg)}.env-stage.gone .env{transform:translateY(85vh) rotate(5deg);transition:transform .8s cubic-bezier(.6,0,.9,.5)}.env-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#e6d7bb;border-radius:6px;box-shadow:0 30px 70px #00000073}.env-letter{position:absolute;left:20px;right:20px;top:14px;height:205px;z-index:1;padding:22px 26px;background:#fffdf8;border-radius:3px;box-shadow:0 2px 8px #0000001f;transition:transform 1s cubic-bezier(.3,1.25,.4,1)}.env-letter span{display:block;font-size:22px;color:var(--accent);margin-bottom:14px}.env-letter i{display:block;height:1px;margin:16px 0;background:#2b3a6726}.env-stage.pull .env-letter{transform:translateY(-160px)}.env-front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:6px;background:linear-gradient(#f4e9d3,#ecdcbf);clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%)}.env-flap{position:absolute;left:0;right:0;top:0;height:62%;z-index:3;background:linear-gradient(#efe2c8,#e3d2b2);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .7s ease-in-out,z-index 0s linear .35s}.env-stage.open .env-flap{transform:rotateX(180deg);z-index:0}.env-seal{position:absolute;left:50%;top:58%;width:50px;height:50px;margin:-25px 0 0 -25px;z-index:4;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#fff4ec;background:radial-gradient(circle at 35% 35%,#e66f7f,#b02c41 70%);box-shadow:0 3px 8px #78142866,inset 0 0 0 4px #ffffff1f;transition:opacity .3s,transform .4s}.env-stage.open .env-seal{opacity:0;transform:scale(1.4) rotate(15deg)}.env-to{position:absolute;left:26px;bottom:18px;z-index:4;font-size:21px;color:var(--ink);rotate:-2deg;transition:opacity .4s}.env-stage.open .env-to{opacity:0}.scene.opening-scene.skip-out{opacity:0;transition:opacity .8s ease}#stage.fast-in .layer.back,#stage.fast-in .layer.front{transition:opacity .8s ease}html,body{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none}@media(max-width:760px){.progress{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:88vw;padding:14px 18px 12px}.tick{font-size:0;top:-4px;width:14px;height:10px;padding:0}.tick:after{top:2px}.hint{bottom:calc(64px + env(safe-area-inset-bottom));width:86vw;white-space:normal;text-align:center;font-size:14px;line-height:1.5}.tools{top:calc(10px + env(safe-area-inset-top));right:10px;gap:6px}.icon-btn{width:36px;height:36px;font-size:15px}.arrange-btn,.key-btn{font-size:13px;padding:0 12px}.edit-badge{display:none}.save-status{bottom:auto;top:calc(56px + env(safe-area-inset-top));left:auto;right:10px}.op-caption{width:88vw;white-space:normal;padding:10px 18px;bottom:calc(8% + env(safe-area-inset-bottom))}.op-caption p{font-size:21px}.op-caption p.small{font-size:15px}.op-title{top:13%;width:92vw}.op-title h1{font-size:46px}.op-title p{font-size:15px}.op-skip{bottom:calc(14px + env(safe-area-inset-bottom));right:14px}.card-head{top:calc(14px + env(safe-area-inset-top));left:16px;right:120px}.card-head .title{font-size:22px}.modal .close{top:calc(14px + env(safe-area-inset-top));right:12px;font-size:15px;padding:7px 14px}.nav{width:40px;height:40px;font-size:26px}.nav.prev{left:8px}.nav.next{right:8px}.pola-card .front{padding:12px 12px 0}.pola-card .pic{--ph: min(58vh, calc(80vw / var(--ar, .75)))}.pola-card .cap{height:48px;font-size:18px}.card3d .back{padding:24px 22px}.note,.ending-text{font-size:21px;line-height:38px;background-size:auto}.flip-btn{bottom:calc(18px + env(safe-area-inset-bottom))}.shake-hint{white-space:nowrap;font-size:16px;bottom:calc(70px + env(safe-area-inset-bottom))}.wall-room{padding-top:calc(118px + env(safe-area-inset-top))}.wall-head{top:calc(14px + env(safe-area-inset-top));left:16px;right:110px}.wall-head .title{font-size:26px}.wall-tip{font-size:12px}.memo{position:relative;top:0;right:0;width:calc(100% - 32px);margin:0 auto 18px;rotate:1deg}.env{width:300px;height:190px}.env-letter{height:160px;padding:16px 20px}.env-stage.pull .env-letter{transform:translateY(-120px)}.ending-paper{padding:22px 22px 26px}.ending-sign p{font-size:22px}}body.progress-bottom .progress{top:auto;bottom:14px}body.progress-bottom .hint{bottom:86px}.hang img,.frame img,.wall-card img{opacity:0;transition:opacity .6s ease,filter 1.5s}.hang img.ok,.frame img.ok,.wall-card img.ok{opacity:1}.frame img{transition:opacity .6s ease,filter .25s}.sound-btn{display:grid;place-items:center}.sound-btn svg{width:26px;height:17px;fill:var(--ink);overflow:visible}.sound-btn .n{transform-box:fill-box;transform-origin:50% 100%;animation:notehop 1.6s ease-in-out infinite}.sound-btn .n2{animation-delay:.25s}.sound-btn .n3{animation-delay:.5s}@keyframes notehop{0%,to{translate:0 0;rotate:0deg}40%{translate:0 -2.5px;rotate:-6deg}}.sound-btn.off svg{opacity:.32}.sound-btn.off .n{animation:none}.arrange-btn em{font-style:normal;margin-left:4px}.tools .arrange-btn,.tools .key-btn{white-space:nowrap;flex:none}@media(max-width:760px){.tools .arrange-btn{width:36px;min-width:36px;padding:0}.tools .arrange-btn em{display:none}.tools .key-btn{width:auto;min-width:36px;padding:0 12px}}.frame .fimg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:none;transform:none}.frame .fimg img.soft{filter:blur(9px) saturate(.75);transform:scale(1.05);opacity:0;transition:opacity .6s ease}.frame .fimg img.soft.ok{opacity:1}.frame .fimg img.sharp{transition:opacity .2s linear;will-change:opacity}