*{margin:0;padding:0;box-sizing:border-box}:root{--sky-top: #0b0e1a;--sky-mid: #111833;--ocean-deep: #0d1525;--ocean-mid: #132038;--ocean-surface: #1a2d4a;--sand-dark: #1a1612;--sand-light: #231e18;--moon-white: #e8e4d9;--moon-glow: rgba(200, 195, 170, .12);--text-primary: #d6d1c4;--text-secondary: #9a9588;--text-muted: #6a6458;--text-whisper: #4a4540;--accent-warm: #c4b8a0;--accent-border: #2e2a24;--accent-border-hover: #504a3e;--card-bg: rgba(11, 14, 26, .2);--card-border: rgba(80, 74, 62, .35)}[data-theme=komorebi]{--sky-top: #d4ddc2;--sky-mid: #b8c8a0;--ocean-deep: #3a5530;--ocean-mid: #4a6840;--ocean-surface: #5c8050;--sand-dark: #6b5540;--sand-light: #8a7558;--moon-white: #f5e6b8;--moon-glow: rgba(245, 230, 184, .15);--text-primary: #1a1508;--text-secondary: #2a2210;--text-muted: #3a3018;--text-whisper: #524428;--accent-warm: #6a4800;--accent-border: #6a5a38;--accent-border-hover: #4a3a20;--card-bg: rgba(255, 252, 240, .9);--card-border: rgba(100, 80, 40, .5)}body{font-family:"Noto Serif JP",serif;font-weight:300;overflow:hidden;width:100vw;height:100dvh;background:var(--sky-top);color:var(--text-primary);-webkit-font-smoothing:antialiased}.scene{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 2s ease}.scene.active{opacity:1;pointer-events:auto}.silent-icon-wrap{margin-bottom:2rem;display:flex;justify-content:center}.silent-icon{width:clamp(48px,12vw,72px);height:clamp(48px,12vw,72px);color:var(--text-muted);transition:color .6s ease}.silent-bell{opacity:1;transition:opacity .8s ease}.silent-ring{opacity:0;animation:ring-appear .6s .5s ease forwards}@keyframes ring-appear{0%{opacity:0}40%{opacity:.7}to{opacity:0}}.silent-ring--l{transform-origin:14px 23px;animation:ring-shake-l .5s .4s ease forwards}.silent-ring--r{transform-origin:50px 23px;animation:ring-shake-r .5s .4s ease forwards}@keyframes ring-shake-l{0%,to{transform:rotate(0);opacity:0}20%{transform:rotate(-8deg);opacity:.6}50%{transform:rotate(4deg);opacity:.5}80%{transform:rotate(-2deg);opacity:.2}}@keyframes ring-shake-r{0%,to{transform:rotate(0);opacity:0}20%{transform:rotate(8deg);opacity:.6}50%{transform:rotate(-4deg);opacity:.5}80%{transform:rotate(2deg);opacity:.2}}.silent-slash{stroke-dasharray:58;stroke-dashoffset:58;transition:stroke-dashoffset .6s ease}.silent-icon--slash .silent-slash,.silent-icon--done .silent-slash{stroke-dashoffset:0}.silent-icon--done{color:#c8c3aa59}.silent-icon--done .silent-bell{opacity:.5}#temizu{background:var(--sky-top);z-index:5}.temizu-content{text-align:center;opacity:0;animation:temizu-appear 3s ease forwards}.temizu-text{font-size:clamp(1.05rem,3.8vw,1.5rem);line-height:2.4;letter-spacing:.18em;color:var(--text-muted)}.temizu-content:before{content:"";position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(200,195,170,.06) 0%,transparent 70%);animation:breathe 6s ease-in-out infinite;pointer-events:none}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}@keyframes temizu-appear{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.temizu-btn{margin-top:3rem;padding:.8rem 2.5rem;background:none;border:1px solid var(--accent-border);color:var(--text-muted);font-family:"Noto Serif JP",serif;font-weight:300;font-size:.9rem;letter-spacing:.2em;cursor:pointer;transition:all 1s ease;opacity:0;animation:btn-appear 2s 2.5s ease forwards}@keyframes btn-appear{0%{opacity:0}to{opacity:1}}.temizu-btn:hover{border-color:var(--accent-border-hover);color:var(--text-secondary)}.place-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;transition:opacity 3s ease}.place-bg.entered{opacity:1}.sky{position:absolute;top:0;right:0;bottom:0;left:0;height:58%;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 50%,var(--ocean-mid) 100%)}.stars{position:absolute;top:0;right:0;bottom:0;left:0}.stars-small{background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 25% 8%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 40% 22%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 55% 5%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 70% 18%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 85% 12%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 15% 35%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 35% 42%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 50% 30%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 65% 38%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 80% 28%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 92% 35%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 5% 48%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 30% 55%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 48% 50%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 75% 45%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 95% 52%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 18% 60%,rgba(255,255,255,.3),transparent);animation:twinkle-slow 8s ease-in-out infinite alternate}.stars-medium{background-image:radial-gradient(1.5px 1.5px at 12% 10%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 33% 25%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 58% 15%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 78% 32%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 88% 8%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 45% 45%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 22% 50%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 68% 42%,rgba(255,255,255,.5),transparent);animation:twinkle-slow 6s 2s ease-in-out infinite alternate}.stars-large{background-image:radial-gradient(2px 2px at 20% 20%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 62% 12%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 82% 38%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 42% 35%,rgba(255,255,255,.7),transparent);animation:twinkle-slow 10s 1s ease-in-out infinite alternate}@keyframes twinkle-slow{0%{opacity:.6}to{opacity:1}}.shooting-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.shooting-star{position:absolute;width:var(--length, 100px);height:1px;transform:rotate(var(--angle, 30deg));transform-origin:right center;animation:shoot var(--duration, .6s) ease-out forwards}.shooting-star:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(270deg,transparent 0%,rgba(255,255,255,.05) 30%,rgba(220,225,240,.4) 75%,rgba(255,255,255,.7) 100%);border-radius:1px 0 0 1px}.shooting-star:after{content:"";position:absolute;top:-.5px;left:-1px;width:2px;height:2px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 3px #c8d2e666}@keyframes shoot{0%{opacity:0;transform:rotate(var(--angle, 30deg)) translate(20px) scaleX(.3)}15%{opacity:1;transform:rotate(var(--angle, 30deg)) translate(0) scaleX(1)}to{opacity:0;transform:rotate(var(--angle, 30deg)) translate(calc(var(--length, 100px) * -2)) scaleX(.5)}}.moon{position:absolute;top:12%;right:18%;z-index:2}.moon-body{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--moon-white) 0%,#c8c3ae 60%,#a8a08a 100%);box-shadow:0 0 20px #e8e4d94d,0 0 60px #e8e4d91a}.moon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(200,195,170,.08) 0%,transparent 70%);animation:moon-pulse 8s ease-in-out infinite}@keyframes moon-pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.ocean{position:absolute;top:52%;left:0;right:0;height:38%;background:linear-gradient(180deg,var(--ocean-surface) 0%,var(--ocean-mid) 40%,var(--ocean-deep) 100%);overflow:hidden}.moon-reflection{position:absolute;top:0;right:15%;width:60px;height:100%;background:linear-gradient(180deg,rgba(200,195,170,.12) 0%,rgba(200,195,170,.06) 30%,rgba(200,195,170,.02) 60%,transparent 100%);filter:blur(8px);animation:reflection-shimmer 4s ease-in-out infinite;z-index:1}@keyframes reflection-shimmer{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.5)}}.fish-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.fish-shadow{position:absolute;width:32px;height:auto;fill:#0000001a;pointer-events:none;will-change:transform,opacity}.wave-container{position:absolute;bottom:8%;left:0;right:0;height:80px;z-index:2}.wave-layer{position:absolute;left:-5%;width:110%;bottom:0}.wave-far{height:30px;bottom:55px;opacity:.3;fill:#1a2d4a80;animation:wave-drift-far 12s ease-in-out infinite}.wave-mid-1{height:40px;bottom:30px;opacity:.45;fill:#16263c99;animation:wave-drift-mid1 8s ease-in-out infinite}.wave-mid-2{height:40px;bottom:25px;opacity:.35;fill:#13203880;animation:wave-drift-mid2 10s 1.5s ease-in-out infinite}.wave-near-1{height:50px;bottom:8px;opacity:.55;fill:#1e2a3ab3;animation:wave-drift-near1 6s ease-in-out infinite}.wave-near-2{height:50px;bottom:2px;opacity:.45;fill:#1c263499;animation:wave-drift-near2 7s .8s ease-in-out infinite}.wave-foam{height:20px;bottom:0;opacity:.25;fill:#b4c3d226;animation:wave-foam-move 5s ease-in-out infinite}@keyframes wave-drift-far{0%,to{transform:translate(-1.5%) translateY(0)}50%{transform:translate(1.5%) translateY(-2px)}}@keyframes wave-drift-mid1{0%,to{transform:translate(-2%) translateY(0)}30%{transform:translate(.5%) translateY(-4px)}60%{transform:translate(2%) translateY(-1px)}}@keyframes wave-drift-mid2{0%,to{transform:translate(1.5%) translateY(0)}40%{transform:translate(-1%) translateY(-3px)}70%{transform:translate(-2%) translateY(-1px)}}@keyframes wave-drift-near1{0%,to{transform:translate(-3%) translateY(0)}25%{transform:translate(-1%) translateY(-5px)}50%{transform:translate(3%) translateY(-2px)}75%{transform:translate(1%) translateY(-6px)}}@keyframes wave-drift-near2{0%,to{transform:translate(2%) translateY(0)}30%{transform:translate(-1.5%) translateY(-4px)}60%{transform:translate(-3%) translateY(-1px)}80%{transform:translate(0) translateY(-5px)}}@keyframes wave-foam-move{0%,to{transform:translate(-2%) translateY(0);opacity:.25}40%{transform:translate(1%) translateY(-3px);opacity:.4}70%{transform:translate(2%) translateY(-1px);opacity:.2}}.biolum{position:absolute;bottom:4px;height:3px;border-radius:50%;background:radial-gradient(ellipse,rgba(100,180,220,.35) 0%,rgba(80,160,210,.15) 40%,transparent 70%);pointer-events:none;opacity:0;z-index:3;filter:blur(1px)}.biolum--1{left:12%;width:80px;animation:biolum-glow 8s 2s ease-in-out infinite}.biolum--2{left:45%;width:50px;animation:biolum-glow 10s 6s ease-in-out infinite}.biolum--3{left:72%;width:65px;animation:biolum-glow 9s 10s ease-in-out infinite}@keyframes biolum-glow{0%,to{opacity:0}15%{opacity:.7}30%{opacity:.2}45%{opacity:.9}60%{opacity:.3}75%{opacity:.6}90%{opacity:0}}.foam-dots{position:absolute;top:0;left:0;right:0;height:8px}.foam-dot{position:absolute;width:2px;height:2px;border-radius:50%;background:#c8d2dc33;opacity:0}.fd1{left:5%;animation:foam-pop 6s 0s ease-in-out infinite}.fd2{left:14%;animation:foam-pop 7s 1.2s ease-in-out infinite}.fd3{left:28%;animation:foam-pop 5s 3s ease-in-out infinite}.fd4{left:39%;animation:foam-pop 8s .8s ease-in-out infinite}.fd5{left:53%;animation:foam-pop 6s 4.5s ease-in-out infinite}.fd6{left:66%;animation:foam-pop 7s 2.2s ease-in-out infinite}.fd7{left:79%;animation:foam-pop 5s 5.5s ease-in-out infinite}.fd8{left:91%;animation:foam-pop 8s 3.8s ease-in-out infinite}@keyframes foam-pop{0%,to{opacity:0;transform:scale(1)}20%{opacity:.6;transform:scale(1.5)}40%{opacity:.4;transform:scale(1.2)}60%{opacity:.2;transform:scale(.8)}70%{opacity:0;transform:scale(.5)}}.lighthouse{position:absolute;top:52%;left:8%;z-index:3;transform:translateY(-90%)}.lighthouse-base{width:5px;height:18px;margin:0 auto;background:#1e232d99;clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%)}.lighthouse-top{width:7px;height:4px;margin:0 auto 1px;background:#282d3780;border-radius:1px 1px 0 0}.lighthouse-lamp{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:#f0dca0e6;animation:lamp-flash 6s ease-in-out infinite}.lighthouse-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(240,220,160,.2) 0%,rgba(240,220,160,.05) 40%,transparent 70%);animation:lamp-flash 6s ease-in-out infinite}.lighthouse-flare{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:8px;background:radial-gradient(ellipse,rgba(240,220,160,.08) 0%,transparent 70%);animation:lamp-flash 6s ease-in-out infinite;filter:blur(2px)}.lighthouse-reflection{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);width:2px;height:18px;background:linear-gradient(180deg,rgba(240,220,160,.1) 0%,rgba(240,220,160,.03) 50%,transparent 100%);filter:blur(1px);animation:lamp-flash 6s ease-in-out infinite}@keyframes lamp-flash{0%,to{opacity:.05}8%{opacity:1}16%{opacity:.05}24%{opacity:.9}32%{opacity:.05}to{opacity:.05}}.sand{position:absolute;bottom:0;left:0;right:0;height:10%;background:linear-gradient(180deg,var(--sand-light) 0%,var(--sand-dark) 50%,#131010 100%)}.sand-wet{position:absolute;top:0;left:0;right:0;height:15%;background:linear-gradient(180deg,rgba(26,45,74,.2) 0%,transparent 100%);animation:wet-sand-pulse 6s ease-in-out infinite}@keyframes wet-sand-pulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.fireflies{position:absolute;bottom:5%;left:0;right:0;height:20%;pointer-events:none;z-index:3}.firefly{position:absolute;width:3px;height:3px;border-radius:50%;background:#b4c88ccc;box-shadow:0 0 4px #b4c88c80,0 0 8px #b4c88c33;animation:firefly-glow ease-in-out infinite,firefly-drift ease-in-out infinite}.ff1{left:8%;bottom:60%;animation:firefly-glow 4s 0s ease-in-out infinite,firefly-drift-1 10s 0s ease-in-out infinite}.ff2{left:22%;bottom:30%;animation:firefly-glow 3.5s 1.2s ease-in-out infinite,firefly-drift-2 12s 2s ease-in-out infinite}.ff3{left:40%;bottom:70%;animation:firefly-glow 5s 2.5s ease-in-out infinite,firefly-drift-3 9s 1s ease-in-out infinite}.ff4{left:55%;bottom:40%;animation:firefly-glow 4.5s .8s ease-in-out infinite,firefly-drift-1 11s 3s ease-in-out infinite}.ff5{left:68%;bottom:55%;animation:firefly-glow 3s 3.5s ease-in-out infinite,firefly-drift-2 13s .5s ease-in-out infinite}.ff6{left:82%;bottom:35%;animation:firefly-glow 4s 1.8s ease-in-out infinite,firefly-drift-3 10s 4s ease-in-out infinite}.ff7{left:35%;bottom:80%;animation:firefly-glow 5.5s 4.2s ease-in-out infinite,firefly-drift-1 14s 2.5s ease-in-out infinite}@keyframes firefly-glow{0%,to{opacity:0}20%{opacity:.8}40%{opacity:.3}60%{opacity:.9}80%{opacity:.1}}@keyframes firefly-drift-1{0%,to{transform:translate(0)}25%{transform:translate(12px,-8px)}50%{transform:translate(-5px,-15px)}75%{transform:translate(8px,-4px)}}@keyframes firefly-drift-2{0%,to{transform:translate(0)}20%{transform:translate(-10px,-6px)}45%{transform:translate(6px,-12px)}70%{transform:translate(-8px,-3px)}}@keyframes firefly-drift-3{0%,to{transform:translate(0)}30%{transform:translate(8px,-10px)}60%{transform:translate(-12px,-5px)}85%{transform:translate(4px,-14px)}}.content-area{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;z-index:10;opacity:0;pointer-events:none;transition:opacity 2s ease}.content-area.visible{opacity:1;pointer-events:auto}.auth-choice-card{width:100%;max-width:520px;text-align:center;padding:1.25rem 1.5rem;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-choice-title{font-size:.9rem;letter-spacing:.22em;color:var(--text-muted);margin-bottom:1.2rem}.auth-choice-text{font-size:.95rem;line-height:2.2;letter-spacing:.08em;color:var(--text-secondary)}.auth-choice-note{margin-top:1rem;font-size:.78rem;line-height:2;letter-spacing:.12em;color:var(--text-whisper)}.auth-choice-actions{margin-top:1.75rem;display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}.bottle-body{position:relative;width:32px;height:44px;border-radius:4px 4px 10px 10px;overflow:hidden}.bottle-glass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#8cb4a040,#50826e59,#32645566 60%,#2850464d);border:1px solid rgba(140,180,160,.25);box-shadow:inset 0 0 12px #8cb4a01a,0 2px 8px #0000004d,0 0 20px #8cb4a00d}.bottle-liquid{position:absolute;bottom:0;left:2px;right:2px;height:55%;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#64a0b426,#3c789640)}.bottle-highlight{position:absolute;top:4px;left:4px;width:6px;height:18px;border-radius:3px;background:linear-gradient(180deg,#ffffff4d,#ffffff0d)}.bottle-label-paper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);width:14px;height:10px;background:#dcd2be80;border-radius:1px;box-shadow:0 1px 2px #0003}.bottle-neck{position:relative;width:14px;height:16px;margin:0 auto -1px}.bottle-neck-glass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px 3px 0 0;background:linear-gradient(135deg,#8cb4a033,#50826e4d,#32645540);border:1px solid rgba(140,180,160,.2);border-bottom:none}.bottle-neck-highlight{position:absolute;top:3px;left:3px;width:3px;height:8px;border-radius:1.5px;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 100%)}.bottle-cork{width:16px;height:8px;margin:0 auto -1px;border-radius:3px 3px 1px 1px;background:linear-gradient(135deg,#b89a6a,#9a7e52 40%,#7a6242);box-shadow:inset 0 1px 2px #ffffff26,0 1px 3px #0003}.bottle-cap{width:18px;height:6px;margin:0 auto -1px;border-radius:2px 2px 0 0;background:linear-gradient(135deg,#b4b9bee6,#969ba0f2 40%,#787d82e6,#64696ed9);box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 1px #0000004d,0 1px 3px #00000040;position:relative}.bottle-cap:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#64696e99,#82878cb3,#64696e99);border-radius:0 0 1px 1px}.bottle-cap:after{content:"";position:absolute;top:1px;left:3px;width:8px;height:2px;background:linear-gradient(90deg,#ffffff80,#fff3);border-radius:1px}.bottle-scene-icon{display:flex;flex-direction:column-reverse;align-items:center;margin-bottom:1.5rem;animation:bottle-bob 5s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}@keyframes bottle-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.bottle-label{font-size:.8rem;color:var(--text-whisper);letter-spacing:.18em;margin-bottom:1.8rem}.bottle-message{max-width:360px;padding:1.5rem 1.5rem 1.5rem 2rem;border-left:1px solid var(--accent-border);font-size:1rem;line-height:2.2;color:var(--text-secondary)}.cta-card{width:100%;max-width:420px;margin-top:1.75rem;padding:1.25rem 1.5rem;border:1px solid var(--card-border);border-radius:10px;background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cta-lead{font-size:.9rem;line-height:2.1;letter-spacing:.08em;color:var(--text-secondary)}.cta-lead+.cta-lead{margin-top:.8rem}.cta-note{margin-top:1rem;font-size:.78rem;line-height:2;letter-spacing:.12em;color:var(--text-whisper)}.cta-sent{font-size:.8rem;letter-spacing:.18em;color:var(--text-muted);margin-bottom:.8rem;text-align:center}.cta-actions{margin-top:1.25rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.revelation-card{max-width:420px;text-align:center}.revelation-text{font-size:clamp(1rem,3.5vw,1.25rem);line-height:2.6;letter-spacing:.12em;color:var(--accent-warm);margin-bottom:2.5rem}.revelation-source{font-size:.75rem;color:var(--text-whisper);letter-spacing:.25em;opacity:0;transition:opacity 2s ease}.revelation-source.visible{opacity:1}.reveal-line{display:inline;opacity:0;animation:line-appear 1.5s ease forwards}@keyframes line-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reflection-input-wrapper{position:relative;width:100%;max-width:400px}.reflection-input{width:100%;background:none;border:none;border-bottom:1px solid var(--accent-border);color:var(--text-secondary);font-family:"Noto Serif JP",serif;font-weight:300;font-size:1rem;line-height:2.2;letter-spacing:.05em;resize:none;outline:none;padding:1rem 0;transition:border-color 1s ease}.reflection-input::placeholder{color:var(--text-whisper);letter-spacing:.18em}.reflection-input:focus{border-color:var(--accent-border-hover)}.reflection-counter{position:absolute;bottom:.25rem;right:.25rem;display:flex;align-items:center;gap:.5rem;font-size:.65rem;color:var(--text-whisper);letter-spacing:.05em;opacity:.4;transition:opacity .3s ease;pointer-events:none}.reflection-input:focus~.reflection-counter{opacity:.6}.counter-invalid{color:#b4646480}.counter-hint{font-size:.6rem;color:var(--text-whisper);opacity:.7}.reflection-rate-limit{margin-top:1rem;font-size:.8rem;color:#b46464b3;text-align:center}.reflection-actions{margin-top:2.5rem;display:flex;gap:2rem}.subtle-btn{background:none;border:1px solid var(--accent-border);color:var(--text-muted);font-family:"Noto Serif JP",serif;font-weight:300;font-size:.85rem;letter-spacing:.2em;padding:.65rem 1.8rem;cursor:pointer;transition:all 1s ease}.subtle-btn:hover{border-color:var(--accent-border-hover);color:var(--text-secondary)}.subtle-btn.quiet{border-color:transparent;color:var(--text-whisper)}.subtle-btn.quiet:hover{color:var(--text-muted)}.bottle-drift-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18vh;pointer-events:none}.drift-container{position:relative;opacity:0}.drift-container.drifting{animation:drift-journey 6s ease-in-out forwards}.drift-bottle-3d{display:flex;flex-direction:column-reverse;align-items:center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:drift-rock 2s ease-in-out infinite}@keyframes drift-rock{0%,to{transform:rotate(-6deg) translateY(0)}25%{transform:rotate(-2deg) translateY(-3px)}50%{transform:rotate(5deg) translateY(1px)}75%{transform:rotate(1deg) translateY(-2px)}}.drift-ripple{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:6px;border-radius:50%;background:radial-gradient(ellipse,rgba(140,180,200,.2) 0%,transparent 70%);animation:ripple-pulse 2s ease-in-out infinite}.drift-ripple-2{width:60px;height:4px;bottom:-12px;animation-delay:.5s;opacity:.5}@keyframes ripple-pulse{0%,to{transform:translate(-50%) scaleX(1);opacity:.6}50%{transform:translate(-50%) scaleX(1.4);opacity:.2}}@keyframes drift-journey{0%{opacity:1;transform:scale(1) translateY(0)}30%{opacity:1;transform:scale(.7) translateY(-8px)}60%{opacity:.6;transform:scale(.35) translateY(-14px)}85%{opacity:.2;transform:scale(.12) translateY(-18px)}to{opacity:0;transform:scale(.05) translateY(-20px)}}.corner-toggle{width:36px;height:36px;padding:6px;background:none;border:1px solid rgba(100,95,85,.2);border-radius:50%;color:var(--text-whisper);cursor:pointer;transition:all .8s ease;display:flex;align-items:center;justify-content:center}.corner-toggle:hover{border-color:#645f5566;color:var(--text-muted)}.corner-toggle.active{border-color:#8cb4a04d;color:var(--text-secondary)}.bgm-toggle{position:fixed;top:1.2rem;right:1.2rem;z-index:50}.bgm-icon{width:18px;height:18px;stroke-linecap:round}.sound-wave{opacity:.6}.wave-sm{animation:sound-pulse 1.5s ease-in-out infinite}.wave-lg{animation:sound-pulse 1.5s .3s ease-in-out infinite}@keyframes sound-pulse{0%,to{opacity:.3}50%{opacity:.8}}.farewell-content{width:100%;max-width:420px;text-align:center}.farewell-text{font-size:1rem;color:var(--text-muted);letter-spacing:.2em;text-align:center;line-height:2.4}.farewell-note{margin-top:2rem;font-size:.7rem;color:var(--text-whisper);letter-spacing:.08em;line-height:1.8;opacity:.55;text-align:center}.farewell-return-btn{margin-top:3rem;opacity:0;animation:btn-appear 2s ease forwards}.kabin-icon{display:flex;flex-direction:column-reverse;align-items:center;margin-bottom:2rem;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25));animation:icon-gentle-sway 8s ease-in-out infinite}@keyframes icon-gentle-sway{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-3px) rotate(.5deg)}}.floating-petal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:16px;border-radius:50% 50% 50% 0;background:linear-gradient(135deg,#f08ca0d9,#dc6e82e6 40%,#c85a6ee0,#b4465ad1);box-shadow:inset 0 1px 3px #ffffff59,inset -1px -1px 2px #0000001a,0 2px 4px #00000026;animation:petal-float 6s ease-in-out infinite;z-index:2}.floating-petal:before{content:"";position:absolute;top:2px;left:2px;width:1px;height:12px;background:linear-gradient(180deg,rgba(255,200,220,.4) 0%,rgba(200,120,140,.2) 50%,transparent 100%);transform:rotate(20deg)}.floating-petal:after{content:"";position:absolute;top:1px;left:1px;width:4px;height:6px;border-radius:50% 50% 50% 0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 50%,transparent 100%)}@keyframes petal-float{0%,to{transform:translate(-50%,-50%) rotate(-8deg)}25%{transform:translate(-48%,-52%) rotate(-5deg)}50%{transform:translate(-52%,-48%) rotate(-10deg)}75%{transform:translate(-50%,-51%) rotate(-6deg)}}.auth-choice-card .kabin-icon{margin-bottom:1.5rem}.auth-choice-subtitle{font-size:.85rem;line-height:2;letter-spacing:.08em;color:var(--text-secondary);margin-top:.8rem;margin-bottom:.5rem}.bag-icon-btn{position:fixed;top:1.2rem;left:1.2rem;z-index:15}.history-container{max-height:80vh;display:flex;flex-direction:column}.history-status{font-size:.85rem;color:var(--text-muted);letter-spacing:.12em;text-align:center;padding:2rem 0}.history-list{overflow-y:auto;max-height:60vh;padding:.5rem 0}.history-item{padding:1rem 0;border-bottom:1px solid rgba(80,74,62,.2)}.history-item:last-child{border-bottom:none}.history-date{font-size:.7rem;color:var(--text-whisper);letter-spacing:.15em;margin-bottom:.5rem}.history-reflection{font-size:.9rem;line-height:2;letter-spacing:.05em;color:var(--text-secondary);white-space:pre-wrap}.history-bottle{margin-top:.6rem;padding-left:1rem;border-left:1px solid var(--accent-border);font-size:.85rem;line-height:1.9;letter-spacing:.05em;color:var(--text-muted);white-space:pre-wrap}.theme-toggle{position:fixed;top:1.2rem;right:4rem;z-index:50}.theme-icon{width:18px;height:18px;stroke-linecap:round}.canopy{position:absolute;top:0;right:0;bottom:0;left:0;height:55%;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 40%,var(--ocean-surface) 100%);overflow:hidden}.komorebi-spots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(8px 8px at 15% 20%,rgba(255,245,200,.5),transparent),radial-gradient(12px 12px at 35% 12%,rgba(255,245,200,.3),transparent),radial-gradient(6px 6px at 50% 35%,rgba(255,245,200,.4),transparent),radial-gradient(10px 10px at 65% 18%,rgba(255,245,200,.35),transparent),radial-gradient(14px 14px at 80% 28%,rgba(255,245,200,.25),transparent),radial-gradient(8px 8px at 25% 48%,rgba(255,245,200,.3),transparent),radial-gradient(10px 10px at 55% 42%,rgba(255,245,200,.35),transparent),radial-gradient(6px 6px at 72% 52%,rgba(255,245,200,.25),transparent);animation:komorebi-shimmer 10s ease-in-out infinite alternate}@keyframes komorebi-shimmer{0%{opacity:.4}to{opacity:1}}.forest-sun{position:absolute;top:8%;right:20%;z-index:0;pointer-events:none}.forest-sun-body{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 45% 45%,#fffbe8,#f5e6b8,#e0cc8a);box-shadow:0 0 20px #fff5c866,0 0 60px #fff0b426}.forest-sun-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,245,200,.12) 0%,rgba(255,240,180,.05) 40%,transparent 70%);animation:sun-pulse 8s ease-in-out infinite}@keyframes sun-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.falling-leaves{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.falling-leaf{position:absolute;top:-20px;background:linear-gradient(135deg,#b47828b3,#a0641ecc 40%,#8c5014bf,#783c0aa6);border-radius:50% 0;animation:leaf-fall var(--fall-duration, 10s) linear forwards;will-change:transform,opacity}@keyframes leaf-fall{0%{opacity:0;transform:translateY(0) translate(0) rotate(0)}10%{opacity:.8}50%{transform:translateY(50vh) translate(var(--sway, 40px)) rotate(calc(var(--rotation, 360deg) * .5))}90%{opacity:.6}to{opacity:0;transform:translateY(110vh) translate(calc(var(--sway, 40px) * -.5)) rotate(var(--rotation, 360deg))}}.tree-roots{position:absolute;bottom:8%;left:0;right:0;height:12%;pointer-events:none;z-index:1}.tree-root{position:absolute;bottom:0;height:100%;pointer-events:none}.tree-root--left{left:0;width:25%}.tree-root--right{right:0;width:22%}.tree-root svg{width:100%;height:100%;fill:none;stroke:#3c2a1959;stroke-width:2.5;stroke-linecap:round}.tree-root--right svg{stroke:#3726164d;stroke-width:2}.forest-floor{position:absolute;top:50%;left:0;right:0;height:40%;background:linear-gradient(180deg,var(--ocean-surface) 0%,var(--ocean-mid) 40%,var(--ocean-deep) 100%);overflow:hidden}.dragonfly-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:visible}.dragonfly-shadow{position:absolute;width:44px;height:28px;fill:#aa231966;stroke:none;pointer-events:none;will-change:transform,opacity;overflow:visible}.sunbeam{position:absolute;top:0;width:40px;height:100%;background:linear-gradient(180deg,rgba(245,230,184,.1) 0%,rgba(245,230,184,.04) 40%,transparent 80%);filter:blur(6px);pointer-events:none}.sunbeam--1{right:20%;animation:sunbeam-flicker 8s 0s ease-in-out infinite;transform:skew(-5deg)}.sunbeam--2{right:35%;width:25px;opacity:.6;animation:sunbeam-flicker 10s 3s ease-in-out infinite;transform:skew(3deg)}.sunbeam--3{right:55%;width:30px;opacity:.4;animation:sunbeam-flicker 12s 6s ease-in-out infinite;transform:skew(-8deg)}@keyframes sunbeam-flicker{0%,to{opacity:.3}30%{opacity:.8}60%{opacity:.4}80%{opacity:.7}}.grass-container{position:absolute;bottom:8%;left:0;right:0;height:80px;z-index:2}.grass-layer{position:absolute;left:-5%;width:110%;bottom:0}.grass-far{height:30px;bottom:55px;opacity:.4;fill:#5c7a4f80;animation:grass-sway-far 8s ease-in-out infinite}.grass-mid-1{height:40px;bottom:30px;opacity:.55;fill:#4a674199;animation:grass-sway-mid1 6s ease-in-out infinite}.grass-mid-2{height:40px;bottom:25px;opacity:.45;fill:#3c5a328c;animation:grass-sway-mid2 7s 1s ease-in-out infinite}.grass-near-1{height:50px;bottom:8px;opacity:.65;fill:#325028b3;animation:grass-sway-near1 5s ease-in-out infinite}.grass-near-2{height:50px;bottom:2px;opacity:.55;fill:#2d4823a6;animation:grass-sway-near2 5.5s .5s ease-in-out infinite}@keyframes grass-sway-far{0%,to{transform:translate(-1%) skew(0)}50%{transform:translate(1%) skew(1deg)}}@keyframes grass-sway-mid1{0%,to{transform:translate(-1.5%) skew(0)}30%{transform:translate(.5%) skew(1.5deg)}60%{transform:translate(1.5%) skew(-.5deg)}}@keyframes grass-sway-mid2{0%,to{transform:translate(1%) skew(0)}40%{transform:translate(-1%) skew(-1deg)}70%{transform:translate(-1.5%) skew(.5deg)}}@keyframes grass-sway-near1{0%,to{transform:translate(-2%) skew(0)}25%{transform:translate(-.5%) skew(2deg)}50%{transform:translate(2%) skew(-1deg)}75%{transform:translate(.5%) skew(1.5deg)}}@keyframes grass-sway-near2{0%,to{transform:translate(1.5%) skew(0)}30%{transform:translate(-1%) skew(-1.5deg)}60%{transform:translate(-2%) skew(.5deg)}80%{transform:translate(0) skew(1deg)}}.stone-lantern{position:absolute;bottom:10%;left:6%;z-index:3}.lantern-roof{width:16px;height:4px;margin:0 auto;background:#645a4b80;clip-path:polygon(10% 100%,90% 100%,100% 0%,0% 0%)}.lantern-chamber{position:relative;width:10px;height:8px;margin:0 auto;background:#6e645566;border-radius:1px}.lantern-flame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:4px;border-radius:50%/60% 60% 40% 40%;background:#f5c864cc;animation:lantern-glow 4s ease-in-out infinite}.lantern-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(245,200,100,.15) 0%,rgba(245,200,100,.05) 50%,transparent 70%);animation:lantern-glow 4s ease-in-out infinite}@keyframes lantern-glow{0%,to{opacity:.6}50%{opacity:1}}.lantern-pillar{width:4px;height:14px;margin:0 auto;background:#645a4b73}.lantern-base{width:12px;height:3px;margin:0 auto;background:#645a4b80;border-radius:1px}.forest-bench{position:absolute;bottom:11%;right:8%;z-index:3}.bench-seat{width:28px;height:4px;background:linear-gradient(180deg,#785a3799,#5f462a80);border-radius:1px;box-shadow:0 1px 2px #00000026}.bench-leg{position:absolute;bottom:-8px;width:3px;height:8px;background:#5a412680}.bench-leg--l{left:3px}.bench-leg--r{right:3px}.mushroom{position:absolute;bottom:14%;z-index:3;display:flex;flex-direction:column;align-items:center}.mushroom-cap{border-radius:50% 50% 20% 20%}.mushroom-stem{background:#c8b9a066;border-radius:1px}.mushroom--1{left:8%}.mushroom--2{left:18%;bottom:15%}.mushroom--3{left:32%}.mushroom--4{left:45%;bottom:13%}.mushroom--5{left:58%;bottom:15%}.mushroom--6{left:72%}.mushroom--7{left:85%;bottom:14%}.mushroom--brown-l .mushroom-cap{width:9px;height:6px;background:linear-gradient(180deg,#8c643299,#78502380)}.mushroom--brown-l .mushroom-stem{width:3px;height:7px}.mushroom--brown-s .mushroom-cap{width:5px;height:3px;background:linear-gradient(180deg,#966e378c,#825a2873)}.mushroom--brown-s .mushroom-stem{width:2px;height:4px}.mushroom--red-s .mushroom-cap{width:6px;height:4px;background:linear-gradient(180deg,#be32288c,#aa231973)}.mushroom--red-s .mushroom-stem{width:2px;height:5px;background:#dcd2c373}.mushroom--red-l .mushroom-cap{width:8px;height:5px;background:linear-gradient(180deg,#c8372399,#b4281980)}.mushroom--red-l .mushroom-stem{width:3px;height:6px;background:#dcd2c373}.mushroom--white-s .mushroom-cap{width:5px;height:3px;background:linear-gradient(180deg,#e6e1d299,#d2c8b980)}.mushroom--white-s .mushroom-stem{width:2px;height:4px;background:#dcd7c880}.earth{position:absolute;bottom:0;left:0;right:0;height:10%;background:linear-gradient(180deg,var(--sand-light) 0%,var(--sand-dark) 50%,#5a4a35 100%)}.earth-leaves{position:absolute;top:0;left:0;right:0;height:40%;background-image:radial-gradient(3px 2px at 8% 30%,rgba(160,100,30,.3),transparent),radial-gradient(4px 2px at 22% 50%,rgba(140,80,20,.25),transparent),radial-gradient(3px 2px at 38% 20%,rgba(180,120,40,.2),transparent),radial-gradient(4px 3px at 55% 60%,rgba(150,90,25,.3),transparent),radial-gradient(3px 2px at 72% 35%,rgba(170,110,35,.25),transparent),radial-gradient(4px 2px at 88% 45%,rgba(140,80,20,.2),transparent)}.ground-pebbles{position:absolute;bottom:8%;left:0;right:0;height:6%;pointer-events:none;z-index:2}.pebble{position:absolute;border-radius:50%;background:#5a4b374d;box-shadow:0 1px 1px #0000001a}.pb1{left:5%;bottom:30%;width:4px;height:3px}.pb2{left:15%;bottom:60%;width:3px;height:2px;opacity:.7}.pb3{left:35%;bottom:20%;width:5px;height:3px}.pb4{left:48%;bottom:50%;width:3px;height:2px;opacity:.6}.pb5{left:62%;bottom:35%;width:4px;height:3px}.pb6{left:78%;bottom:55%;width:3px;height:2px;opacity:.7}.pb7{left:88%;bottom:25%;width:4px;height:3px;opacity:.8}.pb8{left:42%;bottom:70%;width:3px;height:2px;opacity:.5}.dust-motes{position:absolute;top:30%;left:0;right:0;height:40%;pointer-events:none;z-index:3}.dust-mote{position:absolute;width:3px;height:3px;border-radius:50%;background:#f5e6b899;box-shadow:0 0 4px #f5e6b866,0 0 8px #f5e6b826;animation:dust-glow ease-in-out infinite,dust-float ease-in-out infinite}.dm1{left:10%;top:20%;animation:dust-glow 5s 0s ease-in-out infinite,dust-float-1 12s 0s ease-in-out infinite}.dm2{left:25%;top:60%;animation:dust-glow 4s 1.5s ease-in-out infinite,dust-float-2 14s 2s ease-in-out infinite}.dm3{left:42%;top:30%;animation:dust-glow 6s 3s ease-in-out infinite,dust-float-3 10s 1s ease-in-out infinite}.dm4{left:58%;top:50%;animation:dust-glow 5.5s .5s ease-in-out infinite,dust-float-1 13s 3s ease-in-out infinite}.dm5{left:70%;top:15%;animation:dust-glow 4.5s 4s ease-in-out infinite,dust-float-2 11s .5s ease-in-out infinite}.dm6{left:80%;top:40%;animation:dust-glow 5s 2s ease-in-out infinite,dust-float-3 12s 4s ease-in-out infinite}.dm7{left:35%;top:75%;animation:dust-glow 6.5s 5s ease-in-out infinite,dust-float-1 15s 2.5s ease-in-out infinite}@keyframes dust-glow{0%,to{opacity:0}20%{opacity:.7}40%{opacity:.3}60%{opacity:.8}80%{opacity:.15}}@keyframes dust-float-1{0%,to{transform:translate(0)}25%{transform:translate(8px,-12px)}50%{transform:translate(-4px,-20px)}75%{transform:translate(6px,-8px)}}@keyframes dust-float-2{0%,to{transform:translate(0)}20%{transform:translate(-8px,-10px)}45%{transform:translate(5px,-18px)}70%{transform:translate(-6px,-6px)}}@keyframes dust-float-3{0%,to{transform:translate(0)}30%{transform:translate(6px,-14px)}60%{transform:translate(-10px,-8px)}85%{transform:translate(3px,-18px)}}.paper-plane-overlay{align-items:center;padding-bottom:0}.paper-plane-icon{width:40px;height:40px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.paper-plane-scene-icon{margin-bottom:1.5rem;animation:plane-hover 4s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}@keyframes plane-hover{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.drifting-plane{animation:plane-fly-away 6s ease-in forwards}@keyframes plane-fly-away{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}20%{opacity:1;transform:translate(15px,-30px) rotate(-8deg) scale(.9)}40%{opacity:.9;transform:translate(-10px,-80px) rotate(5deg) scale(.7)}60%{opacity:.6;transform:translate(25px,-150px) rotate(-12deg) scale(.45)}80%{opacity:.3;transform:translate(10px,-220px) rotate(-5deg) scale(.2)}to{opacity:0;transform:translate(30px,-280px) rotate(-15deg) scale(.08)}}html{transition:background-color 1.5s ease}body{transition:background-color 1.5s ease,color 1s ease}.place-bg{transition:opacity 3s ease}