*{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: #e0dbd0;--text-secondary: #b5b0a3;--text-muted: #8a8478;--text-whisper: #635e54;--accent-warm: #c4b8a0;--accent-border: #2e2a24;--accent-border-hover: #504a3e;--card-bg: rgba(11, 14, 26, .2);--card-border: rgba(80, 74, 62, .35)}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-secondary);text-shadow:0 0 12px rgba(11,14,26,.9),0 0 24px rgba(11,14,26,.6)}.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-hover);color:var(--text-secondary);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-warm);color:var(--text-primary)}.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-muted);letter-spacing:.18em;margin-bottom:1.8rem;text-shadow:0 0 12px rgba(11,14,26,.9),0 0 24px rgba(11,14,26,.6)}.bottle-reflection{max-width:360px;margin-bottom:1.5rem;padding:1rem 1.2rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(80,74,62,.25)}.bottle-reflection-label{font-size:.7rem;color:var(--text-whisper);letter-spacing:.18em;margin-bottom:.5rem}.bottle-reflection-text{font-size:.85rem;line-height:2;letter-spacing:.05em;color:var(--text-muted);white-space:pre-wrap}.bottle-message{max-width:360px;padding:1.5rem 1.5rem 1.5rem 2rem;border-left:1px solid var(--accent-border-hover);font-size:1rem;line-height:2.2;color:var(--text-primary);text-shadow:0 0 12px rgba(11,14,26,.9),0 0 24px rgba(11,14,26,.6)}.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}.history-container .cta-actions .subtle-btn{border-color:var(--accent-border-hover);color:var(--text-secondary)}.history-container .cta-actions .subtle-btn:hover{border-color:var(--accent-warm);color:var(--text-primary)}.bottle-scene .subtle-btn{border-color:var(--accent-border-hover);color:var(--text-secondary)}.bottle-scene .subtle-btn:hover{border-color:var(--accent-warm);color:var(--text-primary)}.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-hover);color:var(--text-primary);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;text-shadow:0 0 12px rgba(11,14,26,.9),0 0 24px rgba(11,14,26,.6)}.reflection-input::placeholder{color:var(--text-muted);letter-spacing:.18em}.reflection-input:focus{border-color:var(--accent-warm)}.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:.7;transition:opacity .3s ease;pointer-events:none}.reflection-input:focus~.reflection-counter{opacity:.9}.counter-invalid{color:#c87878cc}.counter-hint{font-size:.6rem;color:var(--text-whisper);opacity:.7}.reflection-rate-limit{margin-top:1rem;font-size:.8rem;color:#d28282e6;text-align:center}.reflection-actions{margin-top:2.5rem;display:flex;gap:2rem}.reflection-actions .subtle-btn{border-color:var(--accent-border-hover);color:var(--text-secondary)}.reflection-actions .subtle-btn:hover{border-color:var(--accent-warm);color:var(--text-primary)}.reflection-actions .subtle-btn.quiet{border-color:transparent;color:var(--text-muted)}.reflection-actions .subtle-btn.quiet:hover{color:var(--text-secondary)}.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-secondary);letter-spacing:.2em;text-align:center;line-height:2.4;text-shadow:0 0 12px rgba(11,14,26,.9),0 0 24px rgba(11,14,26,.6)}.farewell-note{margin-top:2rem;font-size:.7rem;color:var(--text-muted);letter-spacing:.08em;line-height:1.8;opacity:.85;text-align:center;text-shadow:0 0 12px rgba(11,14,26,.9),0 0 24px rgba(11,14,26,.6)}.farewell-return-btn{margin-top:3rem;opacity:0;animation:btn-appear 2s ease forwards}.farewell-actions .subtle-btn{border-color:var(--accent-border-hover);color:var(--text-secondary)}.farewell-actions .subtle-btn:hover{border-color:var(--accent-warm);color:var(--text-primary)}.farewell-actions .subtle-btn.quiet{border-color:transparent;color:var(--text-muted)}.farewell-actions .subtle-btn.quiet:hover{color:var(--text-secondary)}.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-secondary);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,.35)}.history-item:last-child{border-bottom:none}.history-date{font-size:.7rem;color:var(--text-muted);letter-spacing:.15em;margin-bottom:.5rem}.history-reflection{font-size:.9rem;line-height:2;letter-spacing:.05em;color:var(--text-primary);white-space:pre-wrap}.history-bottle{margin-top:.6rem;padding-left:1rem;border-left:1px solid var(--accent-border-hover);font-size:.85rem;line-height:1.9;letter-spacing:.05em;color:var(--text-secondary);white-space:pre-wrap}.place-bg{transition:opacity 3s ease}