:root{color:#2a2520;background:#faf6ec;font-family:Georgia,Songti SC,STSong,宋体,serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper-100: #faf6ec;--paper-90: #f7f1e4;--paper-80: #f0e9d6;--ink-100: #2a2520;--ink-80: #4a3f32;--ink-60: #6b5d4f;--line-100: #d4c9a9;--line-60: #e0d5c0;--pine-100: #5d7063;--sea-deep: #2a3a4a;--sea-surface: #4a6070;--sea-foam: #8aa0b0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{min-height:100vh;background:linear-gradient(180deg,#faf6eceb,#faf6ec 52%),url(/paper-grain.svg)}.sea-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr);align-items:center;min-height:92vh;gap:clamp(28px,5vw,72px);padding:clamp(28px,6vw,88px);overflow:hidden}.sea-stage:before{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(180deg,#2a3a4a00,#2a3a4a2e),radial-gradient(circle at 28% 82%,rgba(138,160,176,.28),transparent 32%),linear-gradient(140deg,var(--sea-deep),var(--sea-surface));clip-path:polygon(0 20%,14% 26%,29% 17%,46% 24%,63% 14%,82% 23%,100% 16%,100% 100%,0 100%)}.sea-stage__map{position:absolute;right:6vw;bottom:8vh;width:min(46vw,560px);aspect-ratio:1.55;background:url(/sea-chart.svg) center / contain no-repeat;opacity:.52;pointer-events:none}.intro,.letter-stack{position:relative;z-index:1}.mark{display:inline-flex;align-items:center;gap:10px;color:var(--pine-100);font-size:14px;margin-bottom:36px}h1,h2,p{margin:0}h1{max-width:760px;font-size:clamp(36px,6vw,72px);font-weight:400;line-height:1.22;letter-spacing:0}.intro p{max-width:560px;margin-top:24px;color:var(--ink-80);font-size:clamp(18px,2vw,24px);line-height:1.7}.quiet-link{display:inline-flex;margin-top:36px;color:var(--pine-100);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:.5px;font-size:17px}.letter-stack{justify-self:end;width:min(100%,430px)}.letter-sheet{min-height:360px;padding:clamp(34px,5vw,54px) clamp(28px,4vw,42px);border:1px solid var(--line-100);border-radius:2px;background:linear-gradient(90deg,rgba(212,201,169,.2) 0 1px,transparent 1px 100%),url(/paper-grain.svg),var(--paper-90);box-shadow:0 1px 0 var(--line-60),0 24px 44px -32px #2a252047}.letter-sheet p{color:var(--ink-80);font-size:18px;line-height:1.9;text-indent:2em}.letter-sheet p+p{margin-top:24px}.ritual{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:clamp(28px,5vw,72px);padding:clamp(34px,6vw,84px);background:var(--paper-100)}.question-grid{display:grid;gap:18px}.question{margin:0;padding:24px 0;border:0;border-top:1px solid var(--line-60)}.question legend{margin-bottom:18px;color:var(--ink-60);font-size:16px;line-height:1.6}.choice-row{display:flex;flex-wrap:wrap;gap:12px}.choice{min-height:44px;padding:10px 16px;border:1px solid var(--line-100);border-radius:4px;background:transparent;color:var(--ink-80);transition:background .16s ease,border-color .16s ease,color .16s ease}.choice.is-selected{border-color:var(--pine-100);background:var(--paper-80);color:var(--ink-100)}.harbor,.receipt{border:1px solid var(--line-100);border-radius:6px;background:var(--paper-90);padding:28px}.harbor{align-self:start;display:grid;gap:18px}.harbor h2,.receipt h2{font-size:24px;font-weight:400;line-height:1.4}.harbor p,.receipt p{margin-top:8px;color:var(--ink-60);font-size:15px;line-height:1.7;overflow-wrap:anywhere}.harbor .harbor-note{margin-top:0;color:var(--pine-100)}.harbor .harbor-note.is-error{color:#7f4f3d}label{display:grid;gap:8px;color:var(--ink-60);font-size:14px;line-height:1.5}.stage-fields{display:grid;gap:14px}input{width:100%;min-height:46px;border:1px solid var(--line-100);border-radius:4px;background:var(--paper-100);color:var(--ink-100);padding:10px 12px}textarea{width:100%;resize:vertical;border:1px solid var(--line-100);border-radius:4px;background:var(--paper-100);color:var(--ink-100);padding:10px 12px;font:inherit;line-height:1.65}input:focus,textarea:focus,button:focus-visible,.quiet-link:focus-visible{outline:2px solid var(--pine-100);outline-offset:3px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:0;border-radius:4px;background:var(--pine-100);color:var(--paper-100);padding:12px 20px;font-size:17px}.primary-button:disabled{cursor:not-allowed;opacity:.45}.secondary-button{width:fit-content;min-height:42px;border:1px solid var(--line-100);border-radius:999px;background:#f6efe2b3;color:var(--ink-100);padding:0 18px;font:inherit;cursor:pointer}.first-bottle{grid-column:1 / -1;display:grid;grid-template-columns:minmax(92px,140px) minmax(0,1fr);gap:18px;align-items:stretch;max-width:820px;margin:0 auto;border:1px solid rgba(54,43,35,.16);border-radius:8px;background:linear-gradient(180deg,#fffdf7eb,#f1e8d7e6);padding:18px;box-shadow:0 16px 36px #362b231a}.first-bottle__object{min-height:180px;border:1px solid rgba(54,43,35,.14);border-radius:8px;background:radial-gradient(ellipse at 50% 28%,rgba(255,253,247,.9) 0 16%,transparent 17%),linear-gradient(160deg,transparent 22%,rgba(72,101,104,.25) 23% 38%,transparent 39%),linear-gradient(110deg,#9fb7ac6b,#e7ddc6b8)}.first-bottle__body{display:grid;gap:12px;align-content:start}.first-bottle__body h2,.first-bottle__body p{margin:0}.first-letter{border-left:2px solid rgba(74,96,112,.28);padding-left:14px;line-height:1.8}.receipt{grid-column:2;display:none;align-items:flex-start;gap:14px;color:var(--pine-100)}.receipt.is-visible{display:flex}@media(max-width:860px){.sea-stage,.ritual{grid-template-columns:1fr}.sea-stage{min-height:auto;padding-bottom:150px}.letter-stack{justify-self:stretch}.receipt{grid-column:auto}.first-bottle{grid-template-columns:1fr}.first-bottle__object{min-height:110px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}