.scene-nine { --orb-main:#eec77ccf;--orb-soft:#e9c9979c;--orb-edge:#f7eac858;background:radial-gradient(ellipse at 50% 43%,#fffdf5 0%,#fbf3e3 65%,#eee4d3 100%);transition:background .9s ease; }
.scene-ten { --ten-glow:#f4e0b878;background:radial-gradient(ellipse at 52% 43%,#fffdf5 0%,#faf3e5 66%,#e7e6d5 100%);transition:background .9s ease; }
body[data-light="morning"] .scene-nine { --orb-main:#f4c34cf0;--orb-soft:#f3d17ac9;--orb-edge:#ffe4a4b8;background:radial-gradient(ellipse at 52% 44%,#fffdf2 0%,#fff0cb 65%,#ead5a8 100%); }
body[data-light="night"] .scene-nine { --orb-main:#bb806ecf;--orb-soft:#d4a18faa;--orb-edge:#bb87807d;background:radial-gradient(ellipse at 52% 44%,#f6e9dd 0%,#dfc9bd 65%,#c5aaa8 100%); }
body[data-light="morning"] .scene-ten { --ten-glow:#f5d47aba;background:radial-gradient(ellipse at 52% 43%,#fffdf3 0%,#fbefd3 66%,#e8ddb8 100%); }
body[data-light="night"] .scene-ten { --ten-glow:#d6ad9aa8;background:radial-gradient(ellipse at 52% 43%,#f8eee5 0%,#e8d5ca 66%,#cbb9b3 100%); }
.nine-wash { position:absolute;inset:0;background:radial-gradient(ellipse at 50% 64%,var(--orb-edge),transparent 60%);transition:background .9s ease;pointer-events:none; }
.text-area-nine { top:22%;width:min(920px,76vw); }
.text-area-nine .phrase { font-size:clamp(38px,3.75vw,57px); }
.text-area-nine .text-spark { margin-bottom:15px; }.text-area-nine .text-underline { margin-top:18px; }
.light-composition { position:absolute;left:50%;top:38%;width:min(900px,75vw);height:39%;min-height:280px;transform:translateX(-50%);pointer-events:none;transition:opacity .8s ease,filter .8s ease; }
.light-orb { position:absolute;border-radius:50%;opacity:0;transform:scale(.8);filter:blur(7px);background:radial-gradient(circle at 45% 40%,var(--orb-main) 0 22%,var(--orb-soft) 55%,transparent 83%);transition:opacity 1.1s ease,transform 1.1s var(--ease),background 1s ease; }
.orb-one { left:8%;top:29%;width:26%;aspect-ratio:1;filter:blur(7px); }.orb-two { left:34%;top:9%;width:31%;aspect-ratio:1;filter:blur(11px); }.orb-three { left:65%;top:26%;width:23%;aspect-ratio:1;filter:blur(8px); }.orb-four { left:52%;top:55%;width:16%;aspect-ratio:1;filter:blur(10px); }.orb-five { left:76%;top:56%;width:15%;aspect-ratio:1;filter:blur(10px); }
.scene-nine.is-revealed .orb-one,.scene-nine.has-second .orb-two,.scene-nine.has-fourth .orb-three,.scene-nine.has-fourth .orb-four,.scene-nine.has-sixth .orb-five { opacity:1;transform:scale(1); }
.light-arcs { position:absolute;inset:0;width:100%;height:100%;overflow:visible; }
.light-arcs path { stroke:#bca77b;stroke-width:1.4;stroke-linecap:round;opacity:0;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.2s var(--ease),opacity .7s ease; }
.scene-nine.has-second .arc-one,.scene-nine.has-fifth .arc-two,.scene-nine.has-sixth .arc-three { opacity:.58;stroke-dashoffset:0; }
.scene-nine.is-leaving .light-composition { opacity:.2;filter:blur(22px); }
.quiet-find { position:absolute;z-index:10;width:125px;height:118px;padding:0;border:0;background:transparent;color:#5b4a37;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .6s ease,transform .7s var(--ease); }
.quiet-find-label { position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:17px;white-space:nowrap; }
.quiet-find .find-mark { top:0;right:-2px;width:25px;height:25px;opacity:1; }
.quiet-find.is-found .find-mark { opacity:.4; }
.note-trigger { left:clamp(44px,16vw,240px);bottom:12%; }.light-postcard-trigger { right:clamp(44px,16vw,240px);bottom:12%; }
.scene-nine.has-third .note-trigger,.scene-nine.has-fifth .light-postcard-trigger { opacity:1;transform:translateY(0);pointer-events:auto; }
.scene-nine.is-leaving .quiet-find { opacity:0;transform:translateY(10px);pointer-events:none; }
.note-paper { position:absolute;left:12%;top:3%;width:76%;height:78%;background:linear-gradient(140deg,#fffdf7,#f3e7d0);border:1px solid #c2ad89;box-shadow:5px 9px 16px #66523b2c;transform:rotate(-8deg);transition:transform .25s ease; }
.note-trigger:hover .note-paper { transform:rotate(-3deg) translateY(-3px); }
.note-paper::before { content:"";position:absolute;left:0;right:0;top:47%;height:1px;background:#c6b496;transform:rotate(-8deg);box-shadow:0 2px 2px #7868492e; }
.note-paper::after { content:"";position:absolute;inset:0;background:linear-gradient(160deg,#fffdf4 0 48%,transparent 49%);clip-path:polygon(0 0,100% 0,100% 72%,0 43%);border-bottom:1px solid #d7c7ac; }
.note-fold { position:absolute;z-index:2;right:0;bottom:0;width:25%;height:28%;background:linear-gradient(135deg,#dec8a8 0 50%,#fffaf0 51%);clip-path:polygon(100% 0,100% 100%,0 100%);filter:drop-shadow(-2px -2px 2px #795f3c30); }
.note-lines { position:absolute;z-index:2;left:16%;bottom:15%;width:46%;display:grid;gap:5px; }.note-lines i { height:1px;background:#c8b79c; }.note-lines i:last-child { width:70%; }
.light-postcard-paper { position:absolute;left:16%;top:2%;width:71%;height:78%;border:1px solid #bfa986;background:linear-gradient(150deg,#fffbf0,#ecd9bb);box-shadow:5px 9px 16px #66523b27;transform:rotate(8deg);transition:transform .25s ease; }
.light-postcard-trigger:hover .light-postcard-paper { transform:rotate(3deg) translateY(-3px); }
.light-postcard-paper::before { content:"";position:absolute;inset:0;border:5px solid #fff9e9a8; }
.light-postcard-fold { position:absolute;right:0;bottom:0;width:22%;height:23%;background:linear-gradient(135deg,#d2bd99 0 49%,#fff8eb 51%);clip-path:polygon(100% 0,100% 100%,0 100%); }
.light-postcard-sun { position:absolute;left:40%;top:33%;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle,#fff7d8,#e5bd79);box-shadow:0 0 14px #e8c57a8c; }
.note-modal { position:absolute;z-index:95;inset:0;display:grid;place-items:center;padding:18px; }
.note-backdrop { position:absolute;inset:0;background:#51473575;backdrop-filter:blur(4px); }
.note-open-sheet { position:relative;z-index:1;width:min(490px,calc(100vw - 36px));max-height:calc(100svh - 36px);overflow:auto;padding:clamp(25px,4vw,43px) clamp(22px,4vw,42px) 24px;background:linear-gradient(142deg,#fffcf3,#f4e8d6);border:1px solid #bba586;box-shadow:0 22px 55px #291c1482,inset 0 0 0 8px #fff9ed7d;text-align:center;transform-origin:50% 12%;animation:note-unfold .45s var(--ease) both;transition:background .45s ease,border-color .45s ease; }
body[data-light="morning"] .note-open-sheet { background:linear-gradient(142deg,#fffdf0,#ffe6ae);border-color:#c18e43; }
body[data-light="night"] .note-open-sheet { background:linear-gradient(142deg,#f9ece5,#e7c9c7);border-color:#a77e7d; }
.note-open-sheet::before { content:"";position:absolute;left:0;right:0;top:24px;border-top:1px solid #dbcab0;transform:rotate(-2deg); }
.note-open-fold { position:absolute;right:0;top:0;width:39px;height:39px;background:linear-gradient(135deg,#d6c1a2 0 48%,#fffdf5 50%);clip-path:polygon(0 0,100% 100%,100% 0);filter:drop-shadow(-2px 2px 2px #51412d26); }
@keyframes note-unfold { from { opacity:.3;transform:scaleY(.54) translateY(20px); } to { opacity:1;transform:none; } }
.note-message { position:relative;margin:18px 0 28px;font-size:clamp(25px,3vw,35px);line-height:1.32;text-wrap:balance; }
.note-message span.is-selected { font-weight:600;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-skip-ink:none; }
body[data-light="morning"] #note-morning-word.is-selected { color:#87500a;text-decoration-color:#c87810; }
body[data-light="night"] #note-night-word.is-selected { color:#683e4c;text-decoration-color:#9b5064; }
.note-options { display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:29px; }
.note-options button { min-height:44px;padding:8px 15px;border:1px solid #b9a17f;border-radius:99px;background:#fff9ee;color:#4f3d31;font-size:17px; }
.note-options button[aria-pressed="true"] { font-weight:600;box-shadow:inset 0 0 0 2px #fff8e7; }
body[data-light="morning"] #note-morning[aria-pressed="true"] { background:#edb541;border-color:#9f6318;color:#382714; }
body[data-light="night"] #note-night[aria-pressed="true"] { background:#784c58;border-color:#663d4c;color:#fff9f0; }
.note-open-sheet .postcard-close { margin:auto; }
.postcard-modal-content { max-height:calc(100svh - 28px);overflow:auto;overscroll-behavior:contain; }
.postcard-modal.has-translation img { max-height:calc(100svh - 162px); }
.postcard-translation { max-width:min(90vw,740px);margin:1px 0 3px;color:#fff8e7;font-size:clamp(17px,2vw,22px);line-height:1.3;text-align:center;text-wrap:balance; }
.light-bridge { position:absolute;z-index:44;inset:0;pointer-events:none;background:#fff9ebc9;opacity:0;transition:opacity .7s ease; }.light-bridge.is-visible { opacity:1; }
.light-bridge i { position:absolute;display:block;border-radius:50%;background:radial-gradient(circle,#fff9dd 0,#efd6a581 37%,transparent 74%);filter:blur(8px);transform:scale(.65);transition:transform .7s var(--ease); }
.light-bridge i:nth-child(1) { width:25vw;aspect-ratio:1;left:15%;top:41%; }.light-bridge i:nth-child(2) { width:35vw;aspect-ratio:1;left:38%;top:33%; }.light-bridge i:nth-child(3) { width:21vw;aspect-ratio:1;right:12%;top:49%; }
.light-bridge.is-visible i { transform:scale(1); }
.scene-ten::before { content:"";position:absolute;left:18%;top:36%;width:64%;height:45%;border-radius:50%;background:radial-gradient(ellipse,var(--ten-glow),transparent 72%);filter:blur(25px);pointer-events:none;transition:opacity 2s ease; }
.scene-ten.has-second::before { opacity:.7; }.scene-ten.has-fourth::before { opacity:.55; }
.ten-light { position:absolute;left:50%;top:37%;width:min(700px,67vw);height:45%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#fffcf5ba,transparent 70%);opacity:.55;pointer-events:none; }
.text-area-ten { top:26%;width:min(930px,77vw); }
.text-area-ten .phrase { font-size:clamp(38px,3.85vw,58px); }
.text-area-ten .text-spark { margin-bottom:16px; }.text-area-ten .text-underline { margin-top:18px; }
.rest-leaf { position:absolute;z-index:5;left:50%;bottom:10%;width:min(1050px,83vw);transform:translateX(-50%) translateY(22px);opacity:0;transition:opacity 1s ease,transform 1.1s var(--ease);filter:drop-shadow(5px 12px 10px #536c5832); }
.rest-leaf svg { display:block;width:100%;height:auto; }
.scene-ten.is-revealed .rest-leaf { opacity:1;transform:translateX(-50%); }
.scene-ten.is-leaving .rest-leaf { opacity:0;transform:translateX(-50%) translateY(10px); }
.scene-ten.is-leaving .text-area { opacity:0;transition:opacity .6s ease; }
body[data-stage="nine"] .bee { left:87%;top:39%;transform:translate(-50%,-50%) scale(.48); }
body[data-stage="ten"] .bee { left:68%;top:64%;transform:translate(-50%,-50%) scale(.48) rotate(-4deg); }
body[data-stage="ten"] .bee-flight { animation:none; }
body[data-stage="ten"] .wing-far { animation-duration:1.3s; }body[data-stage="ten"] .wing-near { animation-duration:1.1s; }
body[data-stage="ten"] .bee.is-quiet .wing-far { animation-duration:3.2s; }body[data-stage="ten"] .bee.is-quiet .wing-near { animation-duration:2.8s; }
body[data-stage="ten"] .bee.is-fading { opacity:0; }
.end-transition { position:absolute;z-index:46;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .7s ease; }
.end-transition i { position:absolute;left:50%;top:52%;width:45vw;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.14);background:radial-gradient(circle,#fffdf4 0,#fff6da 48%,#fff8e8 71%,transparent 80%);transition:transform .9s var(--ease); }
.end-transition.is-visible { opacity:1; }.end-transition.is-visible i { transform:translate(-50%,-50%) scale(7); }
@media (max-width:700px) {
  .text-area-nine,.text-area-ten { top:21%;width:calc(100% - 28px); }.text-area-nine .phrase,.text-area-ten .phrase { font-size:clamp(26px,7.3vw,36px);line-height:1.17; }
  .text-area-nine .text-spark,.text-area-ten .text-spark { margin-bottom:10px; }.text-area-nine .text-underline,.text-area-ten .text-underline { margin-top:12px; }
  .light-composition { top:37%;width:94vw;height:36%;min-height:225px; }.orb-one { width:39%;left:0;top:19%; }.orb-two { width:45%;left:30%;top:5%; }.orb-three { width:34%;left:68%;top:26%; }.orb-four { width:29%;left:39%;top:55%; }.orb-five { width:23%;left:73%;top:60%; }
  .note-trigger { left:10%;bottom:12%; }.light-postcard-trigger { right:10%;bottom:12%; }.quiet-find { width:91px;height:84px; }.quiet-find-label { font-size:14px; }.quiet-find .find-mark { width:24px;height:24px; }
  .rest-leaf { width:135vw;bottom:14%; }.text-area-ten { top:23%; }
  body[data-stage="nine"] .bee { left:13%;top:8%;transform:translate(-50%,-50%) scale(.36); }
  body[data-stage="ten"] .bee { left:67%;top:65%;transform:translate(-50%,-50%) scale(.34) rotate(-4deg); }
  .note-message { font-size:27px; }.note-options button { font-size:15px; }
  .postcard-modal.has-translation img { max-width:calc(100vw - 28px);max-height:calc(100svh - 166px); }
}
@media (max-width:375px) and (max-height:640px) {
  .text-area-nine,.text-area-ten { top:20%; }.text-area-nine .phrase,.text-area-ten .phrase { font-size:25px; }
  .light-composition { top:36%;height:36%;min-height:205px; }.note-trigger,.light-postcard-trigger { bottom:13%; }
  .rest-leaf { width:143vw;bottom:14%; }.note-message { font-size:25px; }
}