@font-face{font-family:Film;src:local("Pretendard"),local("Apple SD Gothic Neo");font-display:swap}:root{font-family:Film,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#253548;background:#edf0f2;font-synthesis:none;--ink:#253548;--muted:#748391;--blue:#405f7d}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:radial-gradient(ellipse at 72% 45%,#fff 0,#f2f4f5 32%,#e9edf0);transition:background 1.2s}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,#viewer:focus-visible{outline:2px solid #597e9d;outline-offset:5px}button:hover{color:#0d4164}header{position:absolute;z-index:8;top:0;left:0;right:0;height:96px;display:flex;align-items:center;gap:30px;padding:0 4.6vw}.brand{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-3px;font-size:33px;text-decoration:none;color:#26394e}.brand span{color:#7795ab}.project-name{font-size:12px;letter-spacing:.06em;color:#81909e}.local-badge{margin-left:auto;font-size:9px;letter-spacing:.18em;border:1px solid #cdd5dc;border-radius:20px;padding:8px 12px;color:#7a8b99}#film{height:calc(100svh - 135px);position:relative;min-height:370px;overflow:hidden}.ambient{position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(95px);pointer-events:none;transition:opacity 1s}.ambient-one{right:8%;top:15%;background:#d2e5ef;opacity:.45}.ambient-two{left:-10%;bottom:-40%;background:#d6c9bd;opacity:.25}body[data-stage="0"] .ambient-one{background:#edc3ab;opacity:.23}#story{position:absolute;left:7%;top:48%;transform:translateY(-42%);width:32%;z-index:3;pointer-events:none}#chapter{font-size:11px;font-weight:600;letter-spacing:.12em;color:#7290a6;margin:0 0 26px}h1{font-weight:650;font-size:clamp(30px,3.05vw,52px);line-height:1.35;letter-spacing:-.065em;margin:0 0 24px;word-break:keep-all}#description{font-size:clamp(14px,1.2vw,19px);line-height:1.8;color:#74808b;letter-spacing:-.02em;word-break:keep-all;margin:0 0 28px}#detail{display:flex;align-items:center;gap:9px;font-size:10px;color:#7c8c99;letter-spacing:.03em}.detail-dot{width:4px;height:4px;border-radius:50%;background:#8ba7bc}#viewer{position:absolute;inset:65px 1% 2px 36%;outline:none;touch-action:none}canvas{display:block;width:100%;height:100%;outline:none}#loading,#error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#728496;gap:12px;text-align:center;line-height:1.8}#error[hidden]{display:none}#loading span{width:14px;height:14px;border:1px solid #c2d4df;border-top-color:#435f77;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#terminal{position:absolute;top:15%;left:40%;width:230px;border:1px solid rgba(255,255,255,.8);border-radius:12px;background:#fbfdffbd;backdrop-filter:blur(12px);box-shadow:0 14px 50px #6c7d8a12;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .6s,transform .6s}#terminal.visible{opacity:1;transform:translateY(0)}.terminal-top{height:29px;display:flex;align-items:center;padding:0 11px;gap:4px;border-bottom:1px solid #e0e6ea}.terminal-top i{width:4px;height:4px;border-radius:50%;background:#c9d5de}.terminal-top span{margin-left:auto;letter-spacing:.14em;font-size:7px;color:#8c9daa}code{display:block;padding:15px 14px 4px;font-family:inherit;font-size:10px;line-height:2.2;color:#4c6273}.prompt{color:#70a4a4;padding-right:5px}.terminal-result{color:#94a3af}.tokens{height:20px;display:flex;gap:4px;align-items:center;padding:0 14px 9px}.tokens b{width:15px;height:2px;border-radius:2px;background:#b4c8d5;animation:pulse 1.2s ease-in-out infinite}.tokens b:nth-child(2n){animation-delay:.3s}.tokens b:nth-child(3n){animation-delay:.7s}@keyframes pulse{50%{opacity:.2}}.blink{animation:pulse .8s infinite}.model-label{position:absolute;right:4%;top:51%;font-size:10px;line-height:1.7;color:#91a0a8;opacity:0;pointer-events:none}.model-label strong{font-weight:500;color:#667e8e}#signature{position:absolute;left:0;right:0;bottom:4%;text-align:center;font-size:9px;letter-spacing:.24em;color:#687c8e;opacity:0;pointer-events:none}#signature span{display:block;font-size:8px;letter-spacing:.05em;color:#99a6b0;margin-top:8px}#flow-labels{position:absolute;inset:0;pointer-events:none;opacity:0}#flow-labels>span{position:absolute;white-space:nowrap;font-size:8px;color:#5f99b4;background:#ffffffd6;padding:8px 10px;border:1px solid #d8eaf2;border-radius:6px;box-shadow:0 6px 20px #5a8fa90a;transform:translate(-50%,-50%)}#flow-labels b{font-size:10px;color:#537b90;font-weight:500;margin-left:6px}#flow-note{position:absolute;bottom:9px;left:7%;font-size:9px;color:#8c9ba7;opacity:0;pointer-events:none}#interactive-hint{position:absolute;bottom:2%;width:100%;text-align:center;color:#8a9ba7;font-size:10px;letter-spacing:.06em}#interactive-hint span{margin-left:8px;font-size:17px}footer{position:absolute;bottom:0;left:4.6%;right:4.6%;height:135px;border-top:1px solid rgba(168,182,194,.25);z-index:8}.playback-row{height:60px;display:flex;align-items:center;gap:16px}.icon-button{font-size:17px;width:24px;padding:0}.playback-row button{font-size:11px;white-space:nowrap}#clock{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#62798c}#clock i{font-style:normal;color:#acb8c1;margin-left:5px}input[type=range]{flex:1;min-width:40px;height:2px;appearance:none;border-radius:4px;background:linear-gradient(90deg,#7096af var(--progress,0%),#d7dfe5 var(--progress,0%));margin:0 14px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:8px;height:8px;background:#6b92ab;border:2px solid #edf1f3;border-radius:50%;box-shadow:0 0 0 1px #91adbf}#replay{color:#8a9ba8}#explore{border-left:1px solid #d3dce3;padding-left:21px;margin-left:1px;color:#586f83}#explore span{margin-left:7px}nav{height:61px;display:flex;justify-content:center;gap:clamp(20px,6vw,100px);align-items:center}nav button{font-size:11px;color:#94a2af;position:relative;transition:color .4s}nav button span{font-size:9px;margin-right:9px;opacity:.7}nav button[aria-current=step]{color:#3f637f}nav button[aria-current=step]:after{content:"";position:absolute;bottom:-14px;left:50%;width:3px;height:3px;border-radius:50%;background:#5c849f}@media(min-width:1600px){#story{left:9%;width:29%}#viewer{left:36%;right:4%}}@media(max-width:760px){header{height:67px;padding:0 6%;gap:18px}.brand{font-size:29px}.project-name{font-size:9px;letter-spacing:0}.local-badge{font-size:7px;padding:6px 8px}#film{height:calc(100svh - 110px)}#viewer{height:58%;inset:55px 0 auto}#story{top:65%;left:8%;width:84%;transform:none}#chapter{font-size:9px;margin-bottom:12px}h1{font-size:clamp(23px,6.4vw,33px);line-height:1.35;margin-bottom:10px;letter-spacing:-.055em}#description{font-size:12px;line-height:1.65;margin-bottom:10px}#detail{font-size:8px;gap:6px}#terminal{top:4%;left:auto;right:9%;width:175px;transform:scale(.88);transform-origin:top right}#terminal.visible{transform:scale(.88)}.model-label{top:49%;right:5%;font-size:8px}#signature{bottom:2%;font-size:8px}#signature span{font-size:7px;margin-top:5px}#flow-note{bottom:4px;left:8%;font-size:7px;max-width:85%;line-height:1.5}#flow-labels>span{padding:5px 6px;font-size:7px}#flow-labels b{font-size:8px;margin-left:4px}footer{height:110px;left:6%;right:6%}.playback-row{height:54px;gap:10px}.playback-row button{font-size:10px}#clock{font-size:9px}#clock i{display:none}input[type=range]{margin:0 4px}#replay span{display:none}#replay{font-size:19px}#explore{padding-left:12px;font-size:9px}#explore span{display:none}nav{height:46px;justify-content:space-between;gap:6px}nav button{font-size:9px;padding:0;line-height:1.8}nav button span{display:block;font-size:8px;margin:0}nav button[aria-current=step]:after{bottom:-7px}}@media(max-width:760px)and (max-height:730px){#viewer{height:55%}#story{top:62%}h1{font-size:23px;margin-bottom:8px}#chapter{margin-bottom:8px}#description{font-size:11px;margin-bottom:6px}#detail{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#purifier-label,#signature,#flow-labels,#flow-note,#terminal{display:none!important}body{background:radial-gradient(ellipse at 50% 45%,#fff 0,#f2f4f5 40%,#e9edf0)}.ambient-one{left:32%;right:auto;top:18%;background:#cfdfec}.ambient-two{left:30%;bottom:-60%;opacity:.16}#film:after{content:"";position:absolute;z-index:-1;inset:17% 24% 12%;background-image:linear-gradient(#8295a60b 1px,transparent 1px),linear-gradient(90deg,#8295a60b 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#0008,transparent 72%);pointer-events:none}#viewer{inset:86px 23% 25px;height:auto}#story{left:75%;top:52%;width:23%;transform:translateY(-50%);text-align:left}#story h1{margin:0;font-size:inherit;line-height:1.28;letter-spacing:-.045em;font-weight:500}.copy-lead,.copy-main,.copy-tail,.fan-size{display:block;transform-origin:left center;will-change:transform,opacity}.copy-lead{font-size:clamp(23px,1.9vw,30px);font-weight:450;line-height:1.4;color:#536373;letter-spacing:-.035em}.copy-main{font-size:clamp(34px,2.95vw,48px);font-weight:680;line-height:1.3;margin-top:20px}.copy-tail{font-size:clamp(24px,2vw,32px);font-weight:500;line-height:1.4;margin-top:18px}.heat-word{font-style:normal;color:#b9643e}.purifier-copy{font-size:clamp(32px,2.65vw,43px);font-weight:620;margin-top:16px;line-height:1.3}.fan-size{font-size:clamp(68px,7vw,104px);font-weight:700;letter-spacing:-.075em;line-height:1;margin-top:24px;color:#365b79}.fan-size>span:first-child{font-size:.38em;letter-spacing:-.04em;font-weight:500;margin-left:5px}.fan-word{display:block;font-size:clamp(24px,2vw,32px);letter-spacing:-.035em;font-weight:500;line-height:1.3;margin-top:10px;color:var(--ink)}.flow-copy{font-size:clamp(31px,2.7vw,43px);line-height:1.4}.wind-word{position:relative;display:inline-block;color:#347797}.wind-word:after{content:"";position:absolute;left:0;right:0;bottom:.01em;height:2px;background:#67aec9;transform:scaleX(var(--line-reveal,0));transform-origin:left}.final-copy{font-size:clamp(37px,3.25vw,54px);font-weight:600;line-height:1.25;letter-spacing:-.06em;margin-top:22px}nav button{font-size:13px;min-height:42px;padding:9px 4px;border-bottom:1px solid #cbd5dc;color:#64788a}nav button span{display:none}nav button[aria-current=step]{font-weight:650;border-color:#486e89}nav button[aria-current=step]:after{display:none}.playback-row button{font-size:12px}#clock{font-size:11px}#interactive-hint{font-size:12px;bottom:0}@media(max-width:900px){#viewer{inset:72px 0 240px;height:auto}#story{left:4%;width:92%;top:auto;bottom:27px;transform:none;text-align:center}.copy-lead,.copy-main,.copy-tail,.fan-size{transform-origin:center}.copy-lead{font-size:24px;line-height:1.35}.copy-main{font-size:35px;margin-top:10px;line-height:1.22}.copy-tail{font-size:25px;margin-top:10px;line-height:1.3}.purifier-copy{font-size:32px;margin-top:8px}.purifier-copy br{display:none}.fan-size{font-size:68px;margin-top:14px}.fan-word{display:inline;font-size:25px;margin-left:15px}.desktop-break{display:none}.flow-copy{font-size:32px;line-height:1.35}.final-copy{font-size:39px;margin-top:12px}#interactive-hint{bottom:6px}}@media(max-width:760px){#viewer{top:67px;bottom:246px}#story{bottom:27px}.copy-lead{font-size:clamp(22px,5.8vw,25px)}.copy-main{font-size:clamp(30px,8.4vw,37px)}.copy-tail{font-size:clamp(23px,6vw,26px)}.purifier-copy{font-size:clamp(28px,7.5vw,34px)}.fan-size{font-size:66px;margin-top:13px}.fan-word{font-size:24px;margin-left:13px}.flow-copy{font-size:clamp(29px,7.9vw,35px)}.final-copy{font-size:clamp(34px,9.3vw,41px)}nav button{font-size:11px;min-height:38px;padding:7px 4px}.playback-row button{font-size:11px}}@media(max-width:900px)and (max-height:730px){#viewer{top:64px;bottom:219px}#story{bottom:18px}.copy-lead{font-size:22px;line-height:1.3}.copy-main{font-size:30px;margin-top:9px;line-height:1.2}.copy-tail{font-size:23px;line-height:1.25;margin-top:9px}.purifier-copy{font-size:28px}.fan-size{font-size:58px;margin-top:12px}.fan-word{font-size:23px}.flow-copy{font-size:29px;line-height:1.3}.final-copy{font-size:34px;line-height:1.2}}body>header{display:none}#viewer{top:22px}#film{height:calc(100svh - 104px);min-height:280px}footer{height:104px}.playback-row{height:52px}nav{height:46px}@media(max-width:900px){#viewer{top:14px;bottom:224px}#story{bottom:22px}}@media(max-width:900px)and (max-height:540px){#viewer{bottom:198px}#story{bottom:12px}.copy-lead{font-size:21px}.copy-main{font-size:28px}.copy-tail{font-size:22px}.fan-size{font-size:50px;margin-top:9px}.fan-word{font-size:22px}.final-copy{font-size:32px}}