@font-face{font-family:Thai;src:url('assets/thai-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Thai;src:url('assets/thai-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Thai;src:url('assets/thai-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--green:#254e3b;--deep:#173e30;--coral:#a94e36;--coral-dark:#843c29;--gold:#94703e;--paper:#fff9e9;--ink:#3f5544;--muted:#777b65;--mx:0;--my:0;color-scheme:light;font-family:Thai,Tahoma,sans-serif;color:var(--ink);background:#f6ecd3}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;user-select:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.6}button svg{width:23px;height:23px;flex:none}button:focus-visible,a:focus-visible,main:focus-visible{outline:3px solid #94613d;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px}.skip-link{position:fixed;z-index:200;top:-90px;left:20px;background:var(--paper);padding:12px;border-radius:12px}.skip-link:focus{top:10px}[hidden]{display:none!important}
.world{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#f6ecd3}.world-image{position:absolute;inset:-2%;background:url('assets/office.webp') center/cover no-repeat;transform:translate(calc(var(--mx)*-7px),calc(var(--my)*-4px)) scale(1.025);transition:transform .9s ease,filter 1s ease}.world-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,248,226,.52),rgba(255,248,226,.12) 48%,transparent 75%);transition:background .8s}.sunlight{position:absolute;width:60vw;height:120vh;top:-40%;left:12%;transform:rotate(32deg);background:linear-gradient(90deg,transparent,#fff7cf48,transparent);filter:blur(45px);opacity:.55;animation:sun-breathe 16s ease-in-out infinite}.fireflies{position:absolute;inset:0;pointer-events:none}.fireflies i{position:absolute;width:5px;height:5px;background:#fff7bf;border-radius:50%;box-shadow:0 0 14px 5px #f7dc8250;animation:light-drift 13s ease-in-out infinite;opacity:.5}.fireflies i:nth-child(1){top:23%;left:53%}.fireflies i:nth-child(2){top:70%;left:91%;animation-delay:-3s}.fireflies i:nth-child(3){top:67%;left:17%;width:3px;height:3px;animation-delay:-7s}.fireflies i:nth-child(4){top:88%;left:63%;animation-delay:-11s}.fireflies i:nth-child(5){top:11%;left:85%;width:3px;height:3px;animation-delay:-4s}
.masthead{height:100px;position:relative;z-index:30;max-width:1536px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;gap:20px}.brand{display:flex;gap:13px;align-items:center;background:#fff9e8df;border:1px solid #fffdf166;padding:9px 17px 9px 12px;border-radius:21px 18px 22px 15px;box-shadow:0 5px 18px #5d503c0b;backdrop-filter:blur(12px)}.brand img{display:block;width:75px;height:auto}.brand>span{font-size:11px;color:var(--green);font-weight:600;line-height:1.85}.brand small{font-size:10px;display:block;font-weight:400;opacity:.8}.top-actions{display:flex;gap:13px;align-items:center}.edition{font-size:10px;font-weight:400;color:#7a775f;line-height:1.7;text-align:right;margin-right:4px}.edition b{display:block;color:var(--green);font-size:12px;font-weight:600}.motion-switch{width:44px;height:44px;border-radius:50%;background:#fff9e6df;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 #c9b58e40;color:var(--green)}.motion-switch[aria-pressed=true]{background:#e2e7d4}.contents-button{display:flex;align-items:center;gap:9px;padding:12px 18px;background:#fff9e8e8;color:var(--green);font-size:12px;min-height:45px;border-radius:23px 17px 25px 18px;box-shadow:0 3px 0 #c9b58e66}.contents-button:hover,.motion-switch:hover{background:#fffdf3;transform:translateY(-1px)}
main{position:relative;max-width:1600px;margin:auto}.scene{position:relative;min-height:calc(100svh - 100px);isolation:isolate}.scene:focus{outline:none}.scene h1,.scene h2,.scene h3{font-weight:700;letter-spacing:-.035em;color:var(--green);margin:0;line-height:1.5}.scene h1{font-size:clamp(43px,4.35vw,67px)}.scene h2{font-size:clamp(34px,3.3vw,51px)}.highlight{position:relative;z-index:0;color:var(--coral);white-space:nowrap}.highlight:after{content:"";position:absolute;height:15%;bottom:5%;left:-2%;right:-3%;z-index:-1;border-radius:52% 30% 45% 27%;background:#e9c3745c;transform:rotate(-1.2deg)}.story-kicker{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:400;line-height:1.8;color:var(--gold);margin:0 0 22px}.story-kicker>span:not(.tiny-book){background:#ddbc7833;padding:4px 11px;border-radius:15px;font-size:11px;white-space:nowrap}.tiny-book{font-size:18px;color:#bb7b39}.narration{font-size:18px;line-height:2;color:#5f7156;margin:22px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:55px;padding:15px 25px;border-radius:30px 24px 31px 25px;line-height:1.55;font-size:16px;font-weight:600;transition:transform .18s cubic-bezier(.2,.8,.2,1.3),box-shadow .18s,background .2s;position:relative;white-space:nowrap}.button-coral{background:var(--coral);color:#fff9e6;box-shadow:0 5px 0 var(--coral-dark),0 12px 25px #7e462125}.button-coral:hover{background:#b25b3d;transform:translateY(-3px);box-shadow:0 8px 0 var(--coral-dark),0 17px 28px #7e46212a}.button-coral:active{transform:translateY(3px);box-shadow:0 2px 0 var(--coral-dark)}.button-cream{background:#fff2d4;color:var(--deep);box-shadow:0 5px 0 #bc9867}.button-cream:hover{transform:translateY(-3px);box-shadow:0 8px 0 #bc9867}.button>span:last-child{font-size:22px;margin-left:5px}.button:disabled{background:#9f9c84;color:#fffcef;box-shadow:0 4px 0 #7d7b69;transform:none}
.cover-copy{position:relative;z-index:5;padding:6vh 0 130px 7%;width:48%}.motto{font-size:22px;font-weight:600;line-height:1.9;color:#816b40;margin:24px 0 19px}.cover-intro{font-size:16px;line-height:1.95;color:#6d765a;margin:0}.cover-cta{display:flex;gap:17px;align-items:center;margin-top:30px}.hand-note{font-size:12px;transform:rotate(-6deg);color:#92784d;line-height:1.8;white-space:nowrap;border-bottom:1px dashed #b3996f66;padding-bottom:3px}.resume-link{display:block;background:transparent;color:var(--gold);font-size:12px;margin:16px 0 0;padding:4px 0;text-decoration:underline;text-underline-offset:4px}.cover-cast{position:absolute;width:64%;right:-1.8%;bottom:7%;z-index:3;transform:translate(calc(var(--mx)*10px),calc(var(--my)*5px));transition:transform .8s ease}.team-art{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 24px #6b542e24)}.float-bubble{position:absolute;background:#fffbef;box-shadow:0 9px 25px #7b67441c;border:1px solid #fffdf3;border-radius:28px 31px 31px 8px;padding:17px 23px;font-size:18px;line-height:1.75;color:var(--green);font-weight:600;animation:bubble-float 9s ease-in-out infinite}.float-bubble>span{display:block;font-size:13px;font-weight:400;color:#8e7b54}.bubble-hello{left:37%;top:-1%;transform:rotate(3deg)}.bubble-hello i{position:absolute;right:-15px;top:-15px;color:#c0883d;font-size:26px;font-style:normal}.cast-caption{position:absolute;left:29%;bottom:-3%;color:#776b47;font-size:11px;text-align:center;padding:8px 16px;border-radius:20px;background:#fff7e1cc;backdrop-filter:blur(6px);white-space:nowrap}.cover-bottom{position:absolute;bottom:30px;left:7%;font-size:11px;color:#7b8061;margin:0}.layer-drift{animation:paper-breathe 13s ease-in-out infinite}
.scene-draft{padding:4vh 7% 130px;min-height:calc(100svh - 100px)}.draft-copy{position:relative;z-index:5;width:47%}.draft-copy h2{font-size:clamp(33px,3.3vw,49px)}.draft-copy .story-kicker{font-size:11px;gap:10px}.draft-copy .narration{max-width:380px}.draft-theatre{position:absolute;right:1%;bottom:88px;width:68%;height:80%;min-height:480px;z-index:4}.meena-art{position:absolute;width:57%;height:auto;right:0;bottom:-100px;max-height:88vh;object-fit:contain;object-position:bottom;filter:drop-shadow(0 18px 20px #4f432c16);transform:translate(calc(var(--mx)*8px),calc(var(--my)*4px));transition:transform 1s ease}.phone{position:absolute;width:290px;min-height:370px;left:7%;bottom:30px;transform:rotate(-6deg);border-radius:39px;background:#fffaf0;border:8px solid #3d4c3c;box-shadow:0 15px 0 #8f886c55,0 25px 55px #52422926;padding:23px 16px 24px}.phone-camera{position:absolute;top:8px;left:calc(50% - 29px);width:58px;height:9px;border-radius:8px;background:#3d4c3c}.phone-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid #9caa8b26;padding-bottom:14px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:17px;font-weight:600;flex:none;border-radius:50%;background:#bbc9a7;color:#294936}.avatar-meena{background:#d9e2c8}.phone-header b{font-size:14px;font-weight:600;display:block;color:#31533d}.phone-header small{display:block;font-size:9px;color:#8b957d;margin-top:3px}.phone-more{margin-left:auto;font-size:23px;color:#859275}.phone-compose{padding:21px 7px 17px;min-height:225px}.draft-label{font-size:10px;color:#9a916d}.draft-message{font-size:23px;line-height:1.75;min-height:120px;margin:13px 0 12px;color:#40553d;letter-spacing:-.01em}.type-cursor{display:inline-block;width:2px;height:23px;background:#a36b43;vertical-align:middle;margin-left:2px;animation:cursor 1s step-end infinite}.typing-dots{display:flex;gap:4px;margin-top:15px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:#b4bf9d;animation:typing 1.4s ease infinite}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}.phone-unsent{font-size:9px;color:#97977e;display:flex;align-items:center;justify-content:center;gap:6px}.phone-unsent span{width:5px;height:5px;border-radius:50%;background:#bda47b}.floating-thought{position:absolute;bottom:410px;left:15%;font-size:13px;color:#8d7249;transform:rotate(-7deg);background:#fff8e4e0;padding:9px 17px;border-radius:22px 13px 23px 12px}
.scene-listen{padding:3.5vh 7% 115px;min-height:calc(100svh - 100px)}.listen-heading{position:relative;z-index:7}.listen-heading h2{font-size:clamp(33px,3.1vw,47px)}.conversation-theatre{position:absolute;left:5%;right:2%;bottom:75px;height:80%;min-height:480px;z-index:3}.listen-meena{position:absolute;left:0;bottom:-160px;width:38%;max-height:84vh;object-fit:contain;object-position:bottom;filter:drop-shadow(0 16px 24px #5b4d3020);transform:rotate(-3deg)}.listen-aree{position:absolute;right:0;bottom:-170px;width:39%;max-height:90vh;object-fit:contain;object-position:bottom;filter:drop-shadow(0 16px 24px #5b4d3020)}.speech-bubble{position:absolute;border-radius:34px 32px 10px 34px;background:#fffdf2;box-shadow:0 16px 35px #765e2820;padding:24px 31px;color:#30543d}.aree-speech{right:24%;top:16%;transform:rotate(1.5deg);animation:arrive .65s .2s both}.speaker{display:flex;align-items:center;gap:7px;color:#8c805f;font-size:11px;font-weight:600}.speaker-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.rose{background:#c48b7f}.moss{background:#789366}.speech-bubble p{font-size:31px;line-height:1.7;margin:13px 0 0;font-weight:600;letter-spacing:-.025em}.bubble-tail{position:absolute;width:23px;height:23px;background:#fffdf2;right:0;bottom:-11px;clip-path:polygon(0 0,100% 0,100% 100%)}.thought-bubble{position:absolute;left:29%;bottom:8%;background:#f8f0d9e8;border:1px solid #fff8e5;border-radius:30px 31px 31px 7px;padding:17px 24px;transform:rotate(-2deg);box-shadow:0 9px 23px #604b2d12;animation:arrive .65s .8s both}.thought-bubble>span{font-size:10px;color:#a18b61}.thought-bubble p{font-size:18px;line-height:1.85;color:#667153;margin:7px 0 0}
.scene-choice{padding:3vh 7% 140px;display:grid;grid-template-columns:1fr 1fr;gap:50px;min-height:calc(100svh - 100px)}.choice-heading{position:relative}.choice-heading h2{font-size:clamp(35px,3.3vw,50px)}.choice-heading .narration{font-size:17px}.choice-meena{position:absolute;left:7%;width:54%;bottom:-150px;max-height:47vh;object-fit:contain;object-position:top;opacity:.9;filter:drop-shadow(0 8px 15px #6f543020)}.message-options{position:relative;z-index:5;padding-top:18px;max-width:530px}.message-choice{display:block;width:100%;background:#fffdf1;border:2px solid #d8c6a2;border-radius:27px 29px 28px 9px;text-align:left;padding:22px 25px 17px;box-shadow:0 6px 0 #d3bfa16e,0 15px 29px #67543312;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.message-choice:hover{transform:translate(3px,-5px) rotate(.4deg);border-color:#9fbb8b;background:#fffff7;box-shadow:0 9px 0 #c9b58a7a,0 20px 35px #6754331a}.message-choice[aria-pressed=true]{border-color:#7b9d67;background:#f6faee}.message-tag{display:flex;gap:9px;align-items:center;font-size:11px;color:#9b865d}.choice-marker{width:9px;height:9px;flex:none;border:2px solid #9aab7c;border-radius:50%;background:#d4ddbb}.message-quote{display:block;font-size:20px;line-height:1.9;color:#3a5c40;margin:14px 0 12px;letter-spacing:-.01em}.choice-invitation{font-size:10px;color:#a07149;display:flex;justify-content:flex-end;gap:12px;align-items:center}.choice-invitation b{font-size:20px;font-weight:400}.or-note{display:block;font-size:11px;color:#9b8b60;text-align:center;margin:17px 0 12px;transform:rotate(-2deg)}.choice-footnote{font-size:10px;text-align:center;color:#838b6a;line-height:1.9;margin:19px 0 0}
.scene-together{padding:3vh 7% 140px;min-height:calc(100svh - 100px)}.together-copy{position:relative;width:47%;z-index:5}.together-copy h2{font-size:clamp(33px,3.2vw,48px)}.chat-thread{margin-top:26px;max-width:465px}.chat-message{padding:17px 21px;box-shadow:0 7px 22px #715b3314;background:#fffdf3;border-radius:23px 23px 7px 23px}.chat-message p{font-size:17px;line-height:1.9;margin:8px 0 0;color:#3f6245}.meena-message{margin-right:30px;transform:rotate(-1deg)}.aree-message{margin:18px 0 0 30px;background:#edf2d9;border-radius:23px 23px 23px 7px;transform:rotate(1deg);animation:arrive .6s .4s both}.try-other{font-size:12px;color:#9a7449;background:transparent;padding:13px 0;margin:14px 0 0}.try-other:hover{text-decoration:underline;text-underline-offset:5px}.together-cast{position:absolute;right:-2%;bottom:115px;width:59%;z-index:3}.takeaway-note{position:absolute;right:10%;bottom:-14%;padding:19px 27px;border-radius:6px 15px 8px 17px;transform:rotate(-3deg);background:#f3deb0;box-shadow:0 7px 19px #79603520;border:1px solid #f8e8bf;color:#5c6b40}.takeaway-note>span{font-size:10px;color:#a2844e}.takeaway-note p{font-size:17px;font-weight:600;line-height:1.85;margin:7px 0 0}.takeaway-note i{font-style:normal;font-size:29px;position:absolute;top:-20px;right:6px;color:#b7813c}
body[data-kind="finale"] .world-image{filter:brightness(.48) saturate(.8)}body[data-kind="finale"] .world-wash{background:#0d3528b8}.scene-next{padding:4vh 7% 140px;display:grid;grid-template-columns:1.06fr 1fr;gap:40px;min-height:calc(100svh - 100px)}.next-copy .story-kicker{color:#d3bf8c}.next-copy h2{color:#fff1d3;font-size:clamp(35px,3.4vw,52px)}.next-copy .highlight{color:#e9bf87}.next-copy .highlight:after{background:#e1b06525}.next-copy .narration{color:#cbd4b3;font-size:17px;line-height:1.95}.next-episode{border-left:2px solid #b79b64;padding-left:20px;margin:29px 0 0}.next-episode>span{font-size:11px;color:#c8aa73}.next-episode h3{font-size:27px;font-weight:600;color:#fff0cd;margin:9px 0 0}.next-episode p{font-size:12px;color:#a5ba95;line-height:1.9;margin:7px 0 0}.prototype-note{font-size:10px;color:#b7c2a3;line-height:1.9;margin:26px 0 22px}.scene-next .button{font-size:13px;min-height:47px;padding:12px 20px}.next-visual{padding-top:70px;position:relative}.incoming-message{position:relative;display:flex;gap:13px;background:#fff9e9;box-shadow:0 16px 30px #06251e35;border-radius:22px 27px 24px 9px;padding:23px;transform:rotate(4deg);animation:bubble-float 10s ease-in-out infinite}.avatar-natee{background:#edd39c;color:#8c6a37;width:42px;height:42px}.incoming-message small{font-size:11px;color:#9c895e}.incoming-message p{font-size:18px;color:#3e5c40;line-height:1.85;margin:9px 0 0}.incoming-message div>span{font-size:10px;color:#96997b;display:block;margin-top:10px}.notification-light{position:absolute;top:-6px;right:20px;width:15px;height:15px;border:3px solid #fff2da;border-radius:50%;background:#e6a665;box-shadow:0 0 20px #ffc86a80;animation:notice 3s ease infinite}.closing-motto{color:#f1deb2;font-size:30px;line-height:1.75;text-align:center;margin:58px 0 0;font-weight:400}.closing-motto b{font-size:43px;font-weight:600}.closing-motto span{font-size:12px;display:block;color:#bbca9f;margin-top:21px}
.story-dock{position:fixed;z-index:25;bottom:24px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 40px));display:flex;align-items:center;gap:20px;padding:12px 15px;border:1px solid #fff8e399;background:#fff7e3e0;border-radius:39px 31px 40px 32px;box-shadow:0 13px 35px #5d4b2825;backdrop-filter:blur(14px)}body[data-kind="cover"] .story-dock{display:none}.back-button{width:43px;height:43px;display:flex;align-items:center;justify-content:center;flex:none;background:#e4e8d4;border-radius:50%;color:#507044}.back-button:hover{background:#d7e0bf;transform:translateX(-2px)}.back-button svg{width:22px;height:22px}.scene-position{flex:1;min-width:70px;text-align:center}.scene-position>span{font-size:11px;color:#74835c;display:block;line-height:1.8}.scene-markers{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.scene-markers button{width:8px;height:8px;padding:0;border-radius:50%;background:#c6caaa;position:relative;transition:background .2s,transform .2s}.scene-markers button:before{content:"";position:absolute;inset:-10px}.scene-markers button[aria-current=step]{background:#b87845;transform:scale(1.4)}.scene-markers button.past{background:#829868}.dock-next{min-height:47px;padding:12px 21px;font-size:14px;border-radius:26px}.dock-next>span:last-child{font-size:20px;margin-left:4px}
dialog{width:min(590px,calc(100vw - 28px));max-height:88svh;padding:27px 33px;background:#fff9e8;color:#4a6545;border:2px solid #e2cf9f;border-radius:29px 33px 31px 15px;box-shadow:0 22px 80px #153b2c40;scrollbar-width:thin;scrollbar-color:#d6c39e transparent}dialog::backdrop{background:#193c2bc4;backdrop-filter:blur(9px)}.contents-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.contents-top .story-kicker{margin:0;font-size:10px}.close-button{width:39px;height:39px;border-radius:50%;background:#eee9cf;font-size:27px;line-height:1;flex:none;color:#697e51}.close-button:hover{background:#e1dabb}dialog h2{font-size:35px;line-height:1.6;letter-spacing:-.03em;color:var(--green);margin:12px 0 10px}.contents-intro{font-size:12px;color:#8a8a65;line-height:1.8;margin:0 0 23px}.chapter-group{margin-top:20px}.chapter-group h3{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:400;color:#758258;margin:0 0 11px}.chapter-group h3>span{background:#e8dbb4;color:#9a7c47;padding:4px 10px;white-space:nowrap;font-size:10px;border-radius:13px}.chapter-group p{font-size:11px;margin:0;padding:10px 13px;color:#9b9d7c;line-height:1.8;display:flex;gap:14px}.chapter-group p>span{font-size:10px;color:#a8a58a;min-width:16px}.available-chapter{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:15px 13px;background:#e6edce;border:1px solid #cdd9ae;border-radius:16px 16px 16px 4px;box-shadow:0 3px 0 #c4d09d66;line-height:1.8}.available-chapter>span{font-size:10px;color:#879a64;flex:none}.available-chapter b{font-size:11px;font-weight:600;color:#4e7146}.available-chapter em{font-style:normal;font-size:10px;color:#9d6e43;margin-left:auto;white-space:nowrap}.contents-status{font-size:10px;color:#a19874;line-height:1.9;text-align:center;margin:25px 0 0}
.page-turn{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden;perspective:1700px;display:none}.page-turn>div{position:absolute;left:50%;top:-7%;height:115%;width:70%;border-radius:1px 18% 10% 1px;background:linear-gradient(90deg,#ead8b2,#fff8e6 11%,#fbf0d3 75%,#d2bd91);transform-origin:0 50%;box-shadow:0 0 70px #73614133;opacity:0}.page-turn.turning{display:block}.page-turn.turning>div{animation:turn-paper .68s ease-in-out both}.scene.scene-enter{animation:scene-arrive .68s ease both}.no-script{position:fixed;bottom:0;background:var(--paper);padding:15px;text-align:center;width:100%}
@keyframes light-drift{0%,100%{opacity:.15;transform:translate(0,0)}50%{opacity:.8;transform:translate(13px,-40px)}}@keyframes sun-breathe{0%,100%{opacity:.4;transform:rotate(32deg) translateX(0)}50%{opacity:.65;transform:rotate(32deg) translateX(30px)}}@keyframes bubble-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes paper-breathe{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes cursor{50%{opacity:0}}@keyframes typing{0%,70%,100%{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes notice{0%,100%{box-shadow:0 0 12px #ffc86a40}50%{box-shadow:0 0 25px #ffc86aaa}}@keyframes scene-arrive{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}@keyframes turn-paper{0%{opacity:0;transform:rotateY(75deg)}18%{opacity:.8}55%{opacity:.9}100%{opacity:0;transform:rotateY(-112deg)}}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important}.motion-off .fireflies,.motion-off .sunlight,.motion-off .type-cursor{display:none}.motion-off .world-image,.motion-off .cover-cast,.motion-off .meena-art{transform:none}
@media(min-width:1500px){.cover-copy{padding-top:9vh}.cover-cast{bottom:11%;right:0}.draft-theatre{right:3%}.together-cast{bottom:130px}}
@media(max-width:1100px) and (min-width:901px){.masthead{padding-inline:30px}.brand>span{font-size:9px}.cover-copy{padding-left:5%;width:51%}.cover-copy h1{font-size:46px}.cover-cast{width:65%;right:-6%;bottom:12%}.cover-intro{font-size:14px}.cover-cta{gap:11px}.hand-note{display:none}.cover-bottom{left:5%}.draft-copy{width:53%}.draft-theatre{right:-3%}.phone{left:4%;width:260px;bottom:10px}.draft-message{font-size:21px}.scene-draft,.scene-listen,.scene-together{padding-left:5%;padding-right:5%}.speech-bubble p{font-size:26px}.aree-speech{right:23%;top:25%}.scene-choice{gap:25px;padding-inline:5%}.message-quote{font-size:18px}.together-copy{width:50%}.together-cast{width:61%;right:-5%}.chat-message p{font-size:16px}.takeaway-note{right:12%;padding:15px 20px}.takeaway-note p{font-size:15px}.scene-next{padding-inline:5%;gap:25px}.next-visual{padding-top:90px}.incoming-message{padding:19px}.incoming-message p{font-size:16px}}
@media(max-width:900px){.world-image{background-position:63% center;transform:none;background-size:auto 110%;opacity:.42}.world-wash{background:linear-gradient(180deg,#fff8e3d9 0,#fff6de9c 35%,#f1e6c8a6 100%)}.sunlight{width:100vw;left:-20%;opacity:.25}.masthead{height:82px;padding:12px 18px;gap:8px}.brand{gap:9px;padding:7px 10px 7px 9px;border-radius:17px 14px 18px 13px;background:#fff9e8df}.brand img{width:58px}.brand>span{font-size:8px;line-height:1.8;max-width:155px}.brand small{font-size:8px}.top-actions{gap:7px}.edition{display:none}.contents-button{padding:9px;min-height:42px;width:42px;border-radius:17px}.contents-button>span{display:none}.motion-switch{width:40px;height:42px;border-radius:17px}.motion-switch svg{width:21px}.contents-button svg{width:20px}main{max-width:650px}.scene{min-height:calc(100svh - 82px)}.story-kicker{font-size:11px;margin-bottom:15px}.scene h1{font-size:clamp(37px,7.6vw,54px);line-height:1.5}.scene h2{font-size:clamp(29px,6.8vw,41px);line-height:1.5}.highlight:after{height:12%}.narration{font-size:16px;line-height:1.9;margin-top:16px}.button{min-height:51px;padding:13px 21px;font-size:15px}.button>span:last-child{font-size:20px}.button svg{width:20px;height:20px}.cover-copy{width:auto;padding:23px 26px 0;z-index:5}.cover-copy .story-kicker{font-size:10px}.cover-copy h1{font-size:clamp(35px,7.8vw,48px)}.motto{font-size:18px;line-height:1.8;margin:18px 0 12px}.motto br{display:none}.cover-intro{font-size:13px;line-height:1.85}.cover-cta{margin-top:23px;gap:12px}.hand-note{font-size:10px}.resume-link{font-size:11px;margin-top:12px}.cover-cast{position:relative;width:114%;right:auto;left:-5%;bottom:auto;margin:36px 0 30px;transform:none}.bubble-hello{font-size:13px;padding:11px 17px;border-radius:23px 23px 23px 5px;top:-8%;left:52%}.float-bubble>span{font-size:10px}.bubble-hello i{font-size:22px;right:-12px;top:-13px}.cast-caption{left:23%;bottom:-5%;font-size:9px;padding:6px 11px}.cover-bottom{position:relative;bottom:auto;left:auto;text-align:center;font-size:10px;margin:15px 0 25px}.scene-cover{overflow:hidden}.scene-draft{padding:18px 25px 130px;min-height:calc(100svh - 82px)}.draft-copy{width:100%}.draft-copy .story-kicker{font-size:9px;gap:8px}.draft-copy .story-kicker>span{font-size:9px;padding:3px 8px}.draft-copy h2{font-size:31px}.draft-copy .narration{font-size:14px;margin-top:14px;line-height:1.9}.draft-theatre{position:relative;right:auto;bottom:auto;width:100%;height:390px;min-height:0;margin-top:14px;margin-bottom:-30px}.meena-art{right:-44px;bottom:-20px;width:79%;max-height:none;z-index:1}.phone{left:-4px;bottom:10px;z-index:2;width:210px;border-width:6px;border-radius:30px;padding:20px 12px 18px;min-height:300px;transform:rotate(-5deg)}.phone-camera{top:6px;height:7px;width:45px;left:calc(50% - 22px)}.phone-header{gap:8px;padding-bottom:11px}.phone-header .avatar{width:29px;height:29px;font-size:14px}.phone-header b{font-size:12px}.phone-header small{font-size:8px}.phone-more{font-size:20px}.phone-compose{padding:16px 4px 12px;min-height:190px}.draft-label{font-size:9px}.draft-message{font-size:18px;line-height:1.8;min-height:110px;margin:12px 0 10px}.type-cursor{height:19px}.phone-unsent{font-size:8px}.typing-dots{margin-top:10px}.floating-thought{left:7px;bottom:335px;font-size:10px;padding:7px 11px;z-index:5}.scene-listen{padding:18px 25px 125px}.listen-heading h2{font-size:31px}.listen-heading .story-kicker{font-size:10px}.conversation-theatre{position:relative;left:auto;right:auto;bottom:auto;height:470px;min-height:0;margin-top:12px;margin-bottom:-60px}.listen-meena{width:65%;left:-40px;bottom:-10px;max-height:none;transform:rotate(-4deg)}.listen-aree{width:68%;right:-42px;bottom:-20px;max-height:none}.aree-speech{right:-2px;top:20px;z-index:5;padding:18px 21px;border-radius:27px 25px 7px 27px;transform:rotate(2deg)}.speech-bubble p{font-size:22px;line-height:1.7;margin-top:11px}.speaker{font-size:10px}.speaker-dot{width:7px;height:7px}.thought-bubble{left:3%;bottom:3%;padding:13px 19px;z-index:6;border-radius:24px 24px 24px 5px}.thought-bubble>span{font-size:9px}.thought-bubble p{font-size:15px;line-height:1.8;margin-top:5px}.scene-choice{display:block;padding:18px 25px 140px}.choice-heading h2{font-size:32px}.choice-heading .narration{font-size:14px;line-height:1.9;margin-top:14px}.choice-heading .story-kicker{font-size:10px}.choice-meena{width:155px;right:-32px;left:auto;bottom:-22px;max-height:170px;opacity:.35;z-index:-1}.message-options{padding-top:25px;width:100%;max-width:none}.message-choice{padding:17px 18px 13px;border-radius:23px 24px 23px 6px;border-width:1.5px;box-shadow:0 5px 0 #d3bfa16e,0 12px 22px #67543312}.message-tag{font-size:10px;gap:8px}.message-quote{font-size:16px;line-height:1.85;margin:12px 0 8px}.choice-invitation{font-size:9px}.choice-invitation b{font-size:18px}.or-note{font-size:10px;margin:16px 0 12px}.choice-footnote{font-size:9px;line-height:1.9;margin-top:17px}.scene-together{padding:18px 25px 150px}.together-copy{width:100%}.together-copy h2{font-size:30px}.together-copy .story-kicker{font-size:10px}.chat-thread{margin-top:20px;max-width:none}.chat-message{padding:14px 17px}.chat-message p{font-size:15px;line-height:1.9}.meena-message{margin-right:13px}.aree-message{margin-left:15px;margin-top:15px}.try-other{font-size:11px;margin-top:8px;padding:11px 0}.together-cast{position:relative;right:auto;bottom:auto;width:118%;left:-9%;margin-top:12px;margin-bottom:55px}.takeaway-note{right:7%;bottom:-21%;padding:14px 19px;transform:rotate(-2deg);border-radius:5px 13px 6px 14px}.takeaway-note>span{font-size:9px}.takeaway-note p{font-size:14px;line-height:1.85;margin-top:5px}.takeaway-note i{font-size:24px;top:-18px}.scene-next{display:block;padding:18px 25px 140px}.next-copy h2{font-size:32px}.next-copy .story-kicker{font-size:10px}.next-copy .narration{font-size:14px;line-height:1.9;max-width:340px}.next-copy .narration br{display:none}.next-episode{margin-top:23px;padding-left:15px}.next-episode>span{font-size:10px}.next-episode h3{font-size:25px;margin-top:8px}.next-episode p{font-size:10px}.prototype-note{font-size:9px;margin:22px 0 18px}.scene-next .button{min-height:44px;font-size:12px;padding:12px 18px}.next-visual{padding-top:45px}.incoming-message{padding:18px 16px;gap:10px;transform:rotate(3deg);border-radius:20px 23px 20px 7px}.incoming-message p{font-size:15px;line-height:1.8}.incoming-message small{font-size:10px}.incoming-message div>span{font-size:9px;margin-top:7px}.avatar-natee{width:32px;height:32px;font-size:15px}.closing-motto{font-size:25px;line-height:1.75;margin-top:40px}.closing-motto b{font-size:34px}.closing-motto span{font-size:10px;margin-top:17px}body[data-kind="finale"] .world-image{filter:brightness(.7) saturate(.8);opacity:.5}body[data-kind="finale"] .world-wash{background:#123c2bea}.story-dock{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);padding:10px 11px;gap:11px;border-radius:31px 24px 32px 25px}.back-button{width:38px;height:38px}.back-button svg{width:19px;height:19px}.scene-position{min-width:50px}.scene-position>span{font-size:9px;line-height:1.7;white-space:nowrap}.scene-markers{gap:7px;margin-top:7px}.scene-markers button{width:6px;height:6px}.dock-next{min-height:43px;padding:11px 15px;font-size:12px;gap:6px;max-width:190px;white-space:normal;line-height:1.6}.dock-next>span:last-child{font-size:17px;margin-left:0}.page-turn>div{left:30%;width:120%;border-radius:0 10% 6% 0}dialog{padding:22px 23px;border-radius:25px 28px 25px 12px}dialog h2{font-size:30px}.contents-top .story-kicker{font-size:9px}.contents-intro{font-size:11px}.chapter-group h3{font-size:10px;gap:8px}.chapter-group h3>span{font-size:9px}.chapter-group p{font-size:10px;gap:10px;padding:10px}.available-chapter{flex-wrap:wrap;gap:9px;padding:12px 11px}.available-chapter b{font-size:10px}.available-chapter em{font-size:9px;margin-left:25px}.contents-status{font-size:9px}.close-button{width:36px;height:36px}}
@media(min-width:600px) and (max-width:900px){.cover-copy{padding-left:40px}.cover-cast{width:105%;left:-1%;margin-top:45px}.scene-draft,.scene-listen,.scene-choice,.scene-together,.scene-next{padding-inline:45px}.draft-theatre{height:470px}.phone{width:260px;left:20px}.draft-message{font-size:21px}.meena-art{width:65%;right:0}.conversation-theatre{height:580px}.listen-meena{width:60%;left:-10px}.listen-aree{width:60%;right:-10px}.aree-speech{right:30px;top:40px}.speech-bubble p{font-size:27px}.thought-bubble{left:20%;bottom:5%}.message-quote{font-size:18px}.choice-footnote{font-size:10px}.scene-draft .narration{font-size:16px}.chat-message p{font-size:17px}.together-cast{margin-bottom:65px}.takeaway-note p{font-size:16px}}
@media(max-width:360px){.brand>span{display:none}.masthead{padding-inline:17px}.cover-copy,.scene-draft,.scene-listen,.scene-choice,.scene-together,.scene-next{padding-left:21px;padding-right:21px}.cover-copy h1{font-size:34px}.motto{font-size:16px}.cover-intro{font-size:12px}.hand-note{display:none}.dock-next{max-width:157px;font-size:11px;padding-inline:12px}.scene-position>span{font-size:8px}.draft-theatre{height:365px}.phone{width:195px}.draft-message{font-size:17px}.meena-art{right:-43px;width:83%}.floating-thought{bottom:320px}.conversation-theatre{height:440px}.speech-bubble p{font-size:20px}.aree-speech{right:-6px;padding:16px 18px}.message-quote{font-size:15px}.message-tag{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fireflies,.sunlight,.type-cursor{display:none}}
.scene{overflow:clip}.edition{background:#fff7dfd9;border-radius:13px 11px 15px 10px;padding:5px 10px;backdrop-filter:blur(6px)}
body[data-kind="choice"] .dock-next{display:none}body[data-kind="choice"] .story-dock{width:min(410px,calc(100% - 40px))}body[data-kind="choice"] .scene-position{padding-right:43px}
@media(max-width:900px){.motto br{display:initial}.cover-cast{margin-top:28px}.draft-copy .narration,.choice-heading .narration,.next-copy .narration{font-size:15px}}
.scene-markers{gap:2px;margin-top:2px}.scene-markers button{width:24px;height:24px;background:transparent}.scene-markers button:before{inset:0}.scene-markers button:after{content:"";position:absolute;left:9px;top:9px;width:6px;height:6px;border-radius:50%;background:#c6caaa}.scene-markers button[aria-current=step]{background:transparent;transform:none}.scene-markers button[aria-current=step]:after{background:#b87845;transform:scale(1.5)}.scene-markers button.past{background:transparent}.scene-markers button.past:after{background:#829868}@media(max-width:900px){.back-button{width:44px;height:44px}.masthead .motion-switch,.masthead .contents-button{width:44px;height:44px;min-width:44px}}