*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#283139;background:#f3eee2;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.letter-page{background-color:#0000;background-image:linear-gradient(90deg,#f5eedc0a 0%,#f5eedc1a 45%,#f5eedc66 72%,#f5eedcb8 100%),url(/images/letter/ship-desktop.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:100svh;padding:5rem 2rem 4rem;display:flex;position:relative}.home-gate{z-index:10;width:2.8rem;height:2.8rem;color:inherit;opacity:.58;flex-direction:column;justify-content:center;gap:.32rem;padding:.65rem;transition:opacity .22s,transform .22s;display:flex;position:fixed;top:1.5rem;left:1.5rem}.home-gate:hover{opacity:1;transform:translateY(-1px)}.home-gate span{background:currentColor;width:100%;height:1px;display:block}.letter-content{z-index:2;width:min(36vw,40rem);margin:0;position:absolute;top:50%;left:61%;transform:translateY(-43%)}.eyebrow{color:#947348;letter-spacing:.24em;margin:0 0 1.2rem;font-family:Georgia,Times New Roman,serif;font-size:.8rem}h1{letter-spacing:.03em;margin:0;font-family:Songti SC,STSong,Noto Serif CJK SC,Georgia,serif;font-size:clamp(2.2rem,2.7vw,3rem);font-weight:400;line-height:1.55}.divider{opacity:.55;background:#aa8a5b;width:4.5rem;height:1px;margin:2.5rem 0}.music{width:100%;max-width:34rem;margin-top:.25rem}.track-info{flex-direction:column;gap:.18rem;margin-bottom:1rem;display:flex}.track-info strong{color:#2d3539;letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:500}.track-info span{color:#756e61;letter-spacing:.03em;font-size:.75rem}.player{grid-template-columns:2rem 2.8rem minmax(8rem,1fr) 2.8rem;align-items:center;gap:.55rem;display:grid}.play-button{color:#987441;cursor:pointer;opacity:.9;background:0 0;border:0;place-items:center;width:2rem;height:2rem;padding:0;font-family:Georgia,serif;font-size:.9rem;transition:color .16s,opacity .16s,transform .16s;display:grid}.play-button:hover{color:#74552e;opacity:1;transform:scale(1.06)}.play-button:focus-visible{outline-offset:3px;border-radius:50%;outline:1px solid #987441}.time{color:#776f62;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem}.progress{--progress:0%;appearance:none;background:linear-gradient(to right, #9b7847 0%, #9b7847 var(--progress), #75695447 var(--progress), #75695447 100%) center / 100% 1px no-repeat;cursor:pointer;border:0;outline:none;width:100%;height:14px;margin:0}.progress::-webkit-slider-runnable-track{background:0 0;border:0;height:1px}.progress::-webkit-slider-thumb{appearance:none;background:#f2e8d3;border:1px solid #9b7847;border-radius:50%;width:9px;height:9px;margin-top:-4px;transition:transform .12s,background .12s;box-shadow:0 0 0 2px #f2e8d373}.progress:hover::-webkit-slider-thumb{background:#9b7847;transform:scale(1.18)}.progress::-moz-range-track{background:#75695447;border:0;height:1px}.progress::-moz-range-progress{background:#9b7847;height:1px}.progress::-moz-range-thumb{width:9px;height:9px;box-shadow:none;background:#f2e8d3;border:1px solid #9b7847;border-radius:50%}.lyrics{opacity:0;min-height:5rem;margin-top:1.35rem;transition:opacity .32s,transform .32s;transform:translateY(4px)}.lyrics.is-visible{opacity:1;transform:translateY(0)}.lyric-original,.lyric-translation{margin:0}.lyric-original{color:#3b3d3b;font-family:Georgia,Times New Roman,serif;font-size:.88rem;font-style:italic;line-height:1.65}.lyric-translation{color:#756e61;margin-top:.3rem;font-family:Songti SC,STSong,Noto Serif CJK SC,Georgia,serif;font-size:.8rem;line-height:1.65}.music{position:relative}.why-trigger{color:#806f56;letter-spacing:.02em;cursor:pointer;white-space:nowrap;opacity:0;pointer-events:none;background:0 0;border:0;padding:.1rem 0;font-family:Georgia,Times New Roman,serif;font-size:.68rem;font-style:italic;transition:opacity .7s,transform .7s,color .18s;position:absolute;top:.05rem;right:0;transform:translateY(3px)}.why-trigger.is-visible{opacity:.56;pointer-events:auto;transform:translateY(0)}.why-trigger:hover,.why-trigger:focus-visible{color:#684e2f;opacity:1}.why-trigger:focus-visible{outline-offset:4px;outline:1px solid #98744173}.why-dialog{color:#2d3539;background:0 0;border:0;width:min(31rem,100vw - 3rem);max-width:none;margin:auto 9vw auto auto;padding:0}.why-dialog::backdrop{backdrop-filter:blur(2px)saturate(.9);background:#1e222047}.why-sheet{background:linear-gradient(145deg,#f9f4e8fb,#efe6d2f6);border:1px solid #8e754f3d;border-radius:2px;padding:3.4rem 3.1rem 3rem;position:relative;box-shadow:0 22px 70px #242a2933,inset 0 0 0 1px #ffffff6b}.why-handle{display:none}.why-close{color:#796b56;cursor:pointer;opacity:.62;background:0 0;border:0;place-items:center;width:2.2rem;height:2.2rem;padding:0;font-family:Georgia,serif;font-size:1.35rem;font-weight:300;line-height:1;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:1.25rem;right:1.35rem}.why-close:hover,.why-close:focus-visible{opacity:1;transform:scale(1.04)}.why-close:focus-visible{outline-offset:2px;outline:1px solid #98744173}.why-kicker{color:#9a7645;letter-spacing:.2em;margin:0 0 .65rem;font-family:Georgia,Times New Roman,serif;font-size:.68rem}.why-sheet h2{color:#343a3b;letter-spacing:.08em;margin:0 0 2rem;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:500}.why-copy{color:#4d4d48;font-family:Songti SC,STSong,Noto Serif CJK SC,Georgia,serif;font-size:.96rem;line-height:2}.why-copy p{margin:0 0 1.25rem}.why-copy p:last-child{margin-bottom:0}.why-well{color:#7b6a52;font-family:Georgia,Times New Roman,serif;font-size:.94em;font-style:italic}.why-dialog[open] .why-sheet{animation:.32s ease-out both why-sheet-in}@keyframes why-sheet-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.letter-page{background-image:linear-gradient(#f5eedc05,#f5eedc14),url(/images/letter/ship-mobile.webp);background-position:top;background-repeat:no-repeat;background-size:cover;min-height:100svh;padding:0;position:relative}.letter-content{width:auto;margin:0;position:absolute;top:55%;left:7%;right:7%;transform:none}.mobile-break{display:block}.eyebrow{letter-spacing:.2em;margin-bottom:.8rem;font-size:.68rem}h1{letter-spacing:.02em;font-size:clamp(1.45rem,6vw,1.85rem);line-height:1.6}.divider{width:4rem;margin:1.5rem 0 1.4rem}.music{max-width:none}.player{grid-template-columns:1.8rem 2.5rem minmax(5rem,1fr) 2.5rem;gap:.4rem}.play-button{width:1.8rem;height:1.8rem}.time{font-size:.6rem}.lyrics{min-height:4.8rem;margin-top:1.05rem}.lyric-original{font-size:.76rem;line-height:1.55}.lyric-translation{margin-top:.25rem;font-size:.72rem;line-height:1.55}.why-trigger{font-size:.62rem;top:.08rem;right:0}.why-dialog{width:100%;max-width:none;max-height:72dvh;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:visible}.why-sheet{overscroll-behavior:contain;max-height:72dvh;padding:2.75rem 1.75rem max(2.35rem, calc(1.8rem + env(safe-area-inset-bottom)));background:linear-gradient(165deg,#f9f4e8fe,#eee4cffb);border-bottom:0;border-left:0;border-right:0;border-radius:14px 14px 0 0;overflow-y:auto}.why-handle{background:#76675257;border-radius:999px;width:2.7rem;height:2px;display:block;position:absolute;top:.72rem;left:50%;transform:translate(-50%)}.why-close{top:1.05rem;right:1.15rem}.why-kicker{margin-bottom:.5rem;font-size:.62rem}.why-sheet h2{margin-bottom:1.5rem;font-size:1rem}.why-copy{font-size:.9rem;line-height:1.9}.why-copy p{margin-bottom:1rem}.why-dialog[open] .why-sheet{animation:.32s cubic-bezier(.2,.75,.25,1) both why-sheet-mobile-in}@keyframes why-sheet-mobile-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.why-trigger,.why-dialog[open] .why-sheet{transition:none;animation:none}}