html{background:#16120e}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}*{box-sizing:border-box}@font-face{font-family:Caveat;src:url(/assets/fonts/Caveat.woff2)format("woff2");font-weight:600;font-display:swap}:root{color:#26211b;font-synthesis:none;text-rendering:optimizelegibility;background:#16120e}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#16120e;min-height:100svh;overflow:hidden}.page-shell{min-height:100svh;padding:10px}.landing{isolation:isolate;background:radial-gradient(80% 90% at 50% 48%,#f0dec4 0%,#edd8b9 50%,#e8d0ad 80%,#e2c7a0 100%);border-radius:4px;width:100%;height:calc(100svh - 20px);position:relative;overflow:hidden;box-shadow:inset 0 0 28px #5c38141f,inset 0 0 92px #683e121c,0 8px 28px #00000047}.landing:before{content:"";z-index:-2;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#61462b09 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#61462b05 0 1px,#0000 1px 7px);position:absolute;inset:0}.landing:after{content:"";z-index:5;pointer-events:none;border:1px solid #6f461b24;position:absolute;inset:0;box-shadow:inset 0 0 7px #58331324,inset 0 0 32px #7046181a}.paper-extend{z-index:-1;pointer-events:none;background:url(/assets/paper/aged-paper.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}@media (orientation:portrait){.paper-extend{background-size:cover}}.intro-screen{z-index:4;font:inherit;color:#27211bf0;cursor:pointer;opacity:0;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,1.8vh,20px);margin:0;padding:0;animation:1.8s ease-out forwards heroFadeIn;display:flex;position:absolute;inset:0}.intro-line-kr{letter-spacing:.01em;font-family:Times New Roman,Batang,serif;font-size:clamp(32px,4.6vw,58px);font-weight:400;line-height:1.2}.intro-line-en{letter-spacing:.06em;opacity:.8;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,1.7vw,26px);font-style:italic}.intro-hint{color:#2e261e61;margin-top:clamp(18px,4vh,44px);font-size:clamp(16px,1.8vw,22px);animation:2.4s ease-in-out infinite introHintFloat}@keyframes introHintFloat{0%,to{opacity:.38;transform:translateY(0)}50%{opacity:.6;transform:translateY(6px)}}.title-block{z-index:3;text-align:center;color:#27211bf0;width:min(92%,760px);position:absolute;top:clamp(26px,5.2vh,56px);left:50%;transform:translate(-50%)}.title-block h1{letter-spacing:.005em;margin:0;font-family:Times New Roman,Batang,serif;font-size:clamp(38px,4vw,64px);font-weight:400;line-height:1}.title-rule{background:#2e261e8c;width:34px;height:1px;margin:clamp(13px,1.45vh,18px) auto clamp(11px,1.2vh,15px);display:block}.title-block p{letter-spacing:.07em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,1.55vw,25px);font-weight:400}.title-block.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:auto;left:auto;overflow:hidden;transform:none}.hero-wrap{z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;margin:0;padding:clamp(16px,4vw,56px);display:flex;position:absolute;inset:0}.hero-image{opacity:0;--fade-x:linear-gradient(to right, transparent 0%, transparent 5%, #00000014 8%, #0000004d 11%, #000000a6 14%, #000000e6 17%, #000 20%, #000 80%, #000000e6 83%, #000000a6 86%, #0000004d 89%, #00000014 92%, transparent 95%, transparent 100%);--fade-y:linear-gradient(to bottom, transparent 0%, transparent 5%, #00000026 7%, #00000080 9.5%, #000000d9 11.5%, #000 13%, #000 85%, #000000d9 87.5%, #00000080 90%, #00000026 92.5%, transparent 95%, transparent 100%);width:auto;max-width:100%;height:auto;max-height:100%;-webkit-mask-image:var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in;-webkit-mask-image:var(--fade-x), var(--fade-y);mask-image:var(--fade-x), var(--fade-y);animation:1.6s ease-out forwards heroFadeIn;display:block;-webkit-mask-composite:source-in;mask-composite:intersect}.landing .hero-wrap{opacity:calc(1 - var(--reveal-progress,0) * 2.4)}.lake-reveal{z-index:3;position:absolute;inset:0}.lake-reveal canvas,.lake-reveal-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}.lake-reveal-fallback{object-fit:cover;object-position:50% 58%;clip-path:ellipse(0 0 at 50% 54%)}.scroll-hint{z-index:4;color:#2e261e9e;pointer-events:none;flex-direction:column;align-items:center;gap:5px;transition:opacity .8s;display:flex;position:absolute;bottom:clamp(18px,4.5vh,44px);left:0;right:0}.scroll-hint-kr{letter-spacing:.02em;font-family:Times New Roman,Batang,serif;font-size:clamp(14px,1.25vw,18px)}.scroll-hint-en{letter-spacing:.06em;opacity:.8;font-family:Georgia,Times New Roman,serif;font-size:clamp(12px,1vw,15px);font-style:italic}.scroll-hint-arrow{margin-top:4px;font-size:clamp(14px,1.4vw,18px);animation:2.4s ease-in-out infinite introHintFloat}.scroll-hint.is-hidden{opacity:0}.hint-touch{display:none}@media (hover:none) and (pointer:coarse){.hint-pointer{display:none}.hint-touch{display:inline}}.lake-reveal{transition:transform 1.8s cubic-bezier(.55,0,.8,.2),opacity 1.8s ease-in}.lake-reveal.is-entering{opacity:0;transform:scale(4)}.lake-stage{opacity:0;pointer-events:none;position:absolute;inset:0}.lake-character,.character-shadow,.waypoint{position:absolute;top:0;left:0}.lake-character{transform-origin:50% 100%;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;width:auto;height:80px}.character-shadow{pointer-events:none;background:radial-gradient(closest-side,#263c4057,#0000);border-radius:50%}.waypoint{cursor:pointer;background:0 0;border:0;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;transform:translate(-100px,-100px)}.waypoint:before,.waypoint:after{content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waypoint:before{background:#fff3d2;width:13px;height:13px;animation:1.3s ease-in-out infinite waypointBlink;box-shadow:0 0 0 2px #5c3c1cb3,0 0 14px 5px #ffe2a0f2}.waypoint:after{border:2px solid #ffeec4f2;width:38px;height:38px;animation:1.8s ease-out infinite waypointRing;box-shadow:0 0 0 1px #5c3c1c40}.waypoint--door:before{background:#ffe2a0;width:16px;height:16px;box-shadow:0 0 0 2px #623a16bf,0 0 20px 8px #ffd682f2}.waypoint:focus-visible{outline-offset:2px;outline:2px solid #463424b3}.waypoint-label{color:#5b3d22;text-shadow:0 0 6px #fff6def2,0 0 2px #fff6def2;white-space:nowrap;transform-origin:0 100%;pointer-events:none;font-family:Caveat,Nanum Pen Script,Segoe Print,Ink Free,Bradley Hand,cursive;font-size:26px;font-weight:600;line-height:1;animation:1.3s ease-in-out infinite waypointBlink;position:absolute;bottom:24px;left:34px;transform:rotate(-8deg)}@keyframes waypointBlink{0%,to{opacity:.45}50%{opacity:1}}@keyframes waypointRing{0%{opacity:.9;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}.structure{z-index:3;opacity:0;animation:2.2s ease-out forwards heroFadeIn;position:absolute;inset:0}.structure:before{content:"";pointer-events:none;background:radial-gradient(70% 75%,#faf5ec9e 0%,#f7f0e466 60%,#f0e6d400 100%);position:absolute;inset:0}.structure canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.structure-caption{z-index:4;text-align:center;color:#2e261ea8;pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:4px;margin:0;padding:0 16px;transition:opacity 1.6s;display:flex;position:absolute;bottom:clamp(16px,3.6vh,36px);left:0;right:0}.structure-caption.is-shown{opacity:1}.played{z-index:4;text-align:center;pointer-events:none;color:#27211be6;width:min(92%,820px);margin:0;padding:0;font-family:Times New Roman,Batang,serif;list-style:none;position:absolute;bottom:clamp(14px,3vh,32px);left:50%;transform:translate(-50%)}.played li{word-break:keep-all;text-shadow:0 0 6px #f4ead6e6;margin-top:6px;font-size:clamp(14px,1.2vw,18px);line-height:1.55;animation:11s forwards playedLife}.played li.is-older{color:#27211b80;font-size:clamp(12px,1vw,15px)}.played-word{color:var(--cat);font-weight:700}.played-rest{opacity:0;animation:1.2s .7s forwards heroFadeIn}.played-cat{letter-spacing:.08em;color:var(--cat);opacity:0;font-family:Georgia,Times New Roman,serif;font-size:.68em;animation:1s 1.3s forwards heroFadeIn;display:block}.next-page{z-index:5;color:#5b3d22;cursor:pointer;opacity:0;background:0 0;border:0;align-items:center;gap:4px;padding:6px 4px;animation:1s 2.4s forwards heroFadeIn;display:flex;position:absolute;bottom:clamp(16px,3.6vh,40px);right:clamp(18px,3.4vw,56px)}.next-page-label{text-shadow:0 0 6px #fff6dee6;font-family:Caveat,Nanum Pen Script,Segoe Print,Ink Free,Bradley Hand,cursive;font-size:clamp(24px,2.2vw,32px);font-weight:600;line-height:1;transform:rotate(-4deg)translateY(-3px)}.next-page-arrow{width:clamp(64px,6vw,92px);height:auto;overflow:visible}.next-page-arrow path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:140;stroke-dashoffset:140px;animation:1.1s ease-out 2.6s forwards drawStroke}.next-page-arrow path:nth-child(2){animation-duration:.35s;animation-delay:3.5s}.next-page-arrow path:nth-child(3){animation-duration:.35s;animation-delay:3.8s}.next-page:hover .next-page-arrow,.next-page:focus-visible .next-page-arrow{transform:translate(5px)}.next-page-arrow{transition:transform .4s}.next-page:focus-visible{outline-offset:4px;outline:2px solid #46342499}@keyframes drawStroke{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.next-page-arrow path{stroke-dashoffset:0;animation:none}}@media (width<=640px){.next-page{top:clamp(14px,3vh,28px);bottom:auto}}.afterimage{z-index:3;color:#27211beb;text-align:center;padding:clamp(40px,9vh,96px) 16px clamp(40px,8vh,80px);font-family:Times New Roman,Batang,serif;position:absolute;inset:0;overflow-y:auto}.afterimage-head{opacity:0;margin:0 auto clamp(28px,5vh,56px);animation:1.6s ease-out forwards heroFadeIn}.afterimage-head h2{letter-spacing:.01em;margin:0;font-size:clamp(30px,3.6vw,48px);font-weight:400}.afterimage-head p{margin:6px 0 0;font-size:clamp(15px,1.3vw,19px);line-height:1.7}.afterimage-head .afterimage-en{letter-spacing:.06em;opacity:.75;margin:4px 0 clamp(16px,3vh,28px);font-family:Georgia,Times New Roman,serif;font-size:clamp(14px,1.2vw,18px);font-style:italic}.afterimage-records{width:min(100%,760px);margin:0 auto;padding:0;list-style:none}.afterimage-records li{word-break:keep-all;opacity:0;margin:0 0 clamp(18px,3vh,28px);font-size:clamp(15px,1.25vw,19px);line-height:1.75;animation:1.4s forwards heroFadeIn}.afterimage-text b{color:var(--cat);font-weight:700}.afterimage-meta{letter-spacing:.08em;color:var(--cat);margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:.68em;display:block}.afterimage-drawing{opacity:0;width:min(100%,980px);margin:clamp(20px,4vh,44px) auto 0;animation:2s 1.6s forwards heroFadeIn}.afterimage-canvas canvas{width:100%;display:block}.afterimage-drawing figcaption{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:4px clamp(16px,3vw,36px);margin-top:6px;display:flex}.signature-field{color:#5b3d22;align-items:baseline;gap:8px;font-family:Caveat,Nanum Pen Script,Segoe Print,Ink Free,Bradley Hand,cursive;font-weight:600;display:inline-flex}.signature-label{opacity:.7;font-size:clamp(18px,1.6vw,22px)}.signature-field input{color:#46301a;width:clamp(150px,16vw,220px);font:inherit;background:0 0;border:0;border-bottom:1.5px solid #5b3d228c;border-radius:0;outline:none;padding:0 2px 2px;font-size:clamp(24px,2.2vw,30px)}.signature-field input::placeholder{color:#5b3d2261;font-size:.8em}.signature-field input:focus-visible{border-bottom-color:#462c16e6}.afterimage-download{color:#5b3d22;cursor:pointer;text-shadow:0 0 6px #fff6dee6;background:0 0;border:0;padding:4px 6px;font-family:Caveat,Nanum Pen Script,Segoe Print,Ink Free,Bradley Hand,cursive;font-size:clamp(22px,2vw,28px);font-weight:600;transform:rotate(-2deg)}.afterimage-download:hover,.afterimage-download:focus-visible{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.afterimage-empty{opacity:.7;font-size:clamp(15px,1.25vw,19px)}.next-step{color:#5b3d22;cursor:pointer;opacity:0;background:0 0;border:0;align-items:center;gap:4px;margin:clamp(28px,6vh,64px) auto 0;padding:6px 4px;animation:1s 2.4s forwards heroFadeIn;display:flex}.next-step:hover .next-page-arrow,.next-step:focus-visible .next-page-arrow{transform:translate(5px)}.bars{z-index:3;opacity:0;animation:1.6s ease-out forwards heroFadeIn;position:absolute;inset:0}.bars-stage{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.bars-stage canvas{width:100%;height:100%;display:block}.bars-instruments{z-index:5;color:#5b3d22;pointer-events:none;flex-wrap:wrap;align-items:baseline;gap:2px clamp(10px,1.6vw,22px);font-family:Caveat,Nanum Pen Script,Segoe Print,Ink Free,Bradley Hand,cursive;font-weight:600;display:flex;position:absolute;top:clamp(14px,3.4vh,34px);left:clamp(18px,3vw,48px);right:clamp(18px,3vw,48px)}.bars-instruments-label{opacity:.7;margin-right:4px;font-size:clamp(18px,1.5vw,22px)}.bars-instruments button{color:inherit;font:inherit;cursor:pointer;pointer-events:auto;text-shadow:0 0 6px #fff6dee6;background:0 0;border:0;padding:2px;font-size:clamp(22px,1.9vw,28px)}.bars-instruments button small{opacity:.65;font-size:.62em}.bars-instruments button.is-on{text-underline-offset:6px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.5px}.bars-instruments button:focus-visible{outline-offset:3px;outline:2px solid #46342499}.bars-hint{z-index:4;color:#2e261ea8;pointer-events:none;flex-direction:column;align-items:center;gap:4px;margin:0;transition:opacity .8s;display:flex;position:absolute;bottom:clamp(16px,3.6vh,36px);left:0;right:0}.bars-hint.is-hidden{opacity:0}.bars-result{z-index:6;background:#f2e9d6f2;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);padding:clamp(18px,4vh,40px) clamp(16px,4vw,56px);animation:.8s ease-out heroFadeIn;display:flex;position:absolute;inset:0}.bars-result-title{color:#2e261ecc;flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.bars-result-canvas{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.bars-result-canvas canvas{display:block;box-shadow:0 6px 22px #3c28122e}.bars-result-actions{flex-wrap:wrap;justify-content:center;gap:4px clamp(18px,4vw,48px);display:flex}.next-page.next-page--left{left:clamp(18px,3.4vw,56px);right:auto}@media (width<=640px){.next-page.next-page--left{top:auto;bottom:clamp(14px,3vh,28px)}}.contribute{z-index:3;color:#27211beb;opacity:0;padding:clamp(40px,9vh,96px) 16px clamp(40px,8vh,80px);font-family:Times New Roman,Batang,serif;animation:1.6s ease-out forwards heroFadeIn;position:absolute;inset:0;overflow-y:auto}.contribute-head{text-align:center;width:min(100%,820px);margin:0 auto clamp(28px,5vh,52px)}.contribute-head p{margin:0}.contribute-kr{letter-spacing:.01em;word-break:keep-all;font-family:Times New Roman,Batang,serif;font-size:clamp(28px,3.6vw,48px);font-weight:400;line-height:1.3}.contribute-kr+.contribute-en{margin-top:clamp(14px,2.4vh,24px)}.contribute-en{letter-spacing:.06em;opacity:.8;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,1.7vw,26px);font-style:italic;line-height:1.6}.contribute-form{width:min(100%,760px);margin:0 auto}.contribute-text{display:block;position:relative}.contribute-text textarea{color:#2b221a;width:100%;min-height:3.6em;font:inherit;resize:vertical;background:repeating-linear-gradient(#0000 0 calc(1.8em - 1px),#5b3d2259 calc(1.8em - 1px) 1.8em);border:0;border-radius:0;outline:none;padding:4px 2px;font-size:clamp(18px,1.7vw,24px);line-height:1.8;display:block}.contribute-text textarea::placeholder{color:#5b3d2266;font-size:.82em}.contribute-count{opacity:.5;font-family:Georgia,serif;font-size:12px;position:absolute;bottom:-20px;right:0}.contribute-words{margin-top:30px}.contribute-words-label{opacity:.7;margin-bottom:8px;font-size:clamp(13px,1.1vw,15px);display:block}.contribute-chips{flex-wrap:wrap;gap:6px 8px;display:flex}.contribute-chips button{color:#3a2c1f;font:inherit;cursor:pointer;background:#fffaf080;border:1px solid #5b3d2259;border-radius:0;padding:2px 8px;font-size:clamp(15px,1.2vw,17px)}.contribute-chips button.is-on{border-color:var(--cat);background:var(--cat);color:#fbf6ec}.contribute-actions{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:8px clamp(16px,3vw,36px);margin-top:clamp(20px,4vh,36px);display:flex}.contribute-actions button:disabled{opacity:.35;cursor:default}.contribute-status{text-align:right;color:#6a4a2c;min-height:1.6em;margin:10px 0 0;font-size:clamp(14px,1.2vw,16px)}.contribute-notice{letter-spacing:-.01em;text-align:center;text-wrap:balance;color:#3a2c1fb3;word-break:keep-all;border-top:1px solid #5b3d2233;margin:clamp(14px,2.4vh,22px) 0 0;padding-top:10px;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;font-size:clamp(11px,.85vw,12.5px);line-height:1.7}.contribute-notice span{letter-spacing:0;opacity:.85;margin-top:2px;display:block}.contribute-list{width:min(100%,760px);margin:clamp(36px,7vh,72px) auto 0}.contribute-list h3{text-align:center;margin:0 0 16px;font-size:clamp(16px,1.4vw,20px);font-weight:400}.contribute-list h3 span{opacity:.65;font-family:Georgia,serif;font-style:italic}.contribute-list ol{margin:0;padding:0;list-style:none}.contribute-list li{text-align:center;word-break:keep-all;margin:0 0 18px;font-size:clamp(15px,1.25vw,18px);line-height:1.7}.contribute-sentence b{color:var(--cat)}.contribute-list li.is-pending{opacity:.55}.contribute-pending{opacity:.8;font-style:normal}.contribute-meta{color:#6a4a2c;font-family:Caveat,Nanum Pen Script,Segoe Print,Ink Free,cursive;font-size:1.15em;font-weight:600;display:block}.epilogue{z-index:3;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:absolute;inset:0}.epilogue-poem{text-align:center;color:#27211bf0;margin:0;font-family:Times New Roman,Batang,serif}.epilogue-line{letter-spacing:.01em;word-break:keep-all;opacity:0;margin:0;font-size:clamp(22px,3vw,40px);line-height:1.7;animation:1.8s ease-out forwards heroFadeIn}.epilogue-source{letter-spacing:.04em;opacity:0;color:#3a2c1fb3;margin-top:clamp(22px,4vh,40px);font-size:clamp(13px,1.1vw,16px);animation:1.6s ease-out forwards heroFadeIn}.epilogue .epilogue-next{margin:0;position:absolute;bottom:clamp(20px,5vh,48px);left:50%;transform:translate(-50%)}.zen{z-index:3;color:#27211bf0;text-align:center;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:absolute;inset:0}.zen-text>*{opacity:0;animation:1.8s ease-out forwards heroFadeIn}.zen-title{letter-spacing:.32em;color:#3a2c1fb8;margin:0 0 clamp(26px,5vh,48px);font-family:Georgia,Times New Roman,serif;font-size:clamp(12px,1.05vw,15px);font-weight:400;animation-delay:.4s}.zen-ko{letter-spacing:.01em;word-break:keep-all;font-family:Times New Roman,Batang,serif;font-size:clamp(24px,3.2vw,42px);line-height:1.6;animation-delay:1.4s}.zen-en{letter-spacing:.04em;opacity:0;color:#27211bcc;margin-top:clamp(18px,3.4vh,32px);font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,1.6vw,24px);font-style:italic;line-height:1.6;animation-delay:2.8s}.zen-text p{margin:0}@keyframes playedLife{0%,78%{opacity:1}to{opacity:0}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=640px){.page-shell{padding:6px}.landing{height:calc(100svh - 12px)}.hero-wrap{padding:clamp(10px,5vw,24px)}}@media (prefers-reduced-motion:reduce){.hero-image,.intro-screen,.structure,.next-page,.afterimage-head,.afterimage-records li,.afterimage-drawing,.next-step,.bars,.contribute,.epilogue-line,.epilogue-source,.zen-text>*,.played-rest,.played-cat{opacity:1;animation:none}.intro-hint,.scroll-hint-arrow,.waypoint:before,.waypoint:after{animation:none}.lake-reveal{transition-duration:10ms}}