body.sea{--muted:#b7bcc6;--muted-2:#9a9fa9;--deck:rgba(18,20,24,.66);--deck-solid:rgba(18,20,24,.9);--edge:16px;background:var(--bg-black);color:var(--ink);overflow:hidden;overscroll-behavior:none;min-height:100vh}@media(min-width:721px){body.sea{--edge:32px}}body.sea a{color:inherit;text-decoration:none}body.sea button{font-family:inherit;cursor:pointer;color:inherit;background:none;border:none}body.sea #sea{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}body.sea #fallback{position:fixed;inset:0;z-index:-1;background:radial-gradient(120% 90% at 22% 8%,rgba(255,247,214,.55),transparent 42%),linear-gradient(180deg,#8fb7cf,#5f96b4 34%,#2f7f93 64%,#1c5f74)}body.sea #topscrim{position:fixed;inset:0 0 auto;height:44vh;z-index:5;pointer-events:none;background:linear-gradient(180deg,#08090b8c,#08090b00)}body.sea nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:14px var(--edge);background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}body.sea .wordmark{font:600 16px/1 var(--mono);letter-spacing:.02em;color:var(--ink);white-space:nowrap;text-shadow:0 1px 12px rgba(0,0,0,.5)}body.sea .wordmark b{color:var(--accent);font-weight:600}body.sea .navright{display:flex;align-items:center;gap:var(--space-2)}body.sea .lang{display:inline-flex;border:1px solid rgba(255,255,255,.22);border-radius:999px;overflow:hidden;background:var(--deck);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.sea .lang .lang-seg{font:600 11px/1 var(--mono);letter-spacing:.06em;padding:7px 11px;color:var(--muted);min-height:auto;display:inline-flex;align-items:center;text-decoration:none}body.sea .lang .lang-seg.on{background:var(--accent-deep);color:#fff}body.sea .storybtn{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;color:var(--ink);border:1px solid rgba(255,255,255,.22);border-radius:999px;background:var(--deck);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.sea .storybtn:hover{border-color:var(--accent);color:#fff}body.sea .hero{position:fixed;left:var(--edge);top:19vh;z-index:8;max-width:min(560px,80vw);pointer-events:none}body.sea .eyebrow{font:600 11px/1 var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);text-shadow:0 1px 10px rgba(0,0,0,.6)}body.sea .hero h1{margin-top:12px;font-weight:600;line-height:1.04;letter-spacing:-.01em;font-size:clamp(30px,7.4vw,60px);text-shadow:0 2px 22px rgba(0,0,0,.55);text-transform:none}body.sea .hero p{margin-top:14px;font-size:clamp(14px,3.6vw,17px);color:var(--ink);max-width:34ch;text-shadow:0 1px 12px rgba(0,0,0,.6)}body.sea .deck{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:var(--space-4) var(--edge) calc(var(--space-4) + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(8,9,11,.34) 22%,rgba(8,9,11,.5))}body.sea .deck-inner{max-width:940px;margin:0 auto;background:var(--deck);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:var(--space-3) var(--space-4) var(--space-4)}body.sea .deck-label{font:600 10px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--muted-2);margin-bottom:10px}body.sea .moods{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;margin-bottom:var(--space-4)}body.sea .moods::-webkit-scrollbar{display:none}body.sea .mood{flex:0 0 auto;white-space:nowrap;font:500 13px/1 var(--sans);padding:10px 15px;border-radius:999px;color:var(--muted);border:1px solid rgba(255,255,255,.16);background:#ffffff08;transition:color .2s,border-color .2s,background .2s}body.sea .mood:hover{color:var(--ink);border-color:#ffffff4d}body.sea .mood[aria-pressed=true]{color:#fff;background:var(--accent-deep);border-color:var(--accent)}body.sea .controls{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:600px){body.sea .controls{grid-template-columns:1.3fr auto 1.3fr;align-items:center;gap:var(--space-6)}}body.sea .ctl{min-width:0}body.sea .ctl-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:9px}body.sea .ctl-name{font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}body.sea .ctl-val{font:500 12px/1 var(--sans);color:var(--ink);text-align:right}body.sea input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}body.sea input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent) var(--fill,0%),rgba(255,255,255,.16) var(--fill,0%))}body.sea input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:#ffffff29}body.sea input[type=range]::-moz-range-progress{height:3px;border-radius:3px;background:var(--accent)}body.sea input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:0 1px 6px #00000080}body.sea input[type=range]::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 6px #00000080}body.sea .compass-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}body.sea .compass{position:relative;width:64px;height:64px;border-radius:50%;touch-action:none;border:1px solid rgba(255,255,255,.24);background:#ffffff0a}body.sea .compass .card{position:absolute;font:600 9px/1 var(--mono);color:var(--muted-2);letter-spacing:.04em}body.sea .compass .n{top:5px;left:50%;transform:translate(-50%)}body.sea .compass .s{bottom:5px;left:50%;transform:translate(-50%)}body.sea .compass .e{right:5px;top:50%;transform:translateY(-50%)}body.sea .compass .w{left:5px;top:50%;transform:translateY(-50%)}body.sea .needle{position:absolute;left:50%;top:50%;width:2px;height:24px;border-radius:2px;background:linear-gradient(180deg,var(--accent),rgba(79,135,194,.15));transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(0)}body.sea .needle:after{content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--accent);transform:translate(-50%);box-shadow:0 0 10px #4f87c2cc}body.sea .scrim{position:fixed;inset:0;z-index:29;background:#0607098c;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}body.sea .scrim.open{opacity:1;visibility:visible}body.sea .drawer{position:fixed;z-index:30;left:0;right:0;bottom:0;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--deck-solid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.14);border-radius:20px 20px 0 0;transform:translateY(101%);transition:transform .42s cubic-bezier(.2,.7,.2,1)}body.sea .drawer.open{transform:translateY(0)}@media(min-width:721px){body.sea .drawer{left:auto;right:24px;bottom:24px;width:min(460px,92vw);max-height:min(80vh,720px);border-radius:16px;border:1px solid rgba(255,255,255,.14)}}body.sea .drawer-in{padding:var(--space-6) var(--edge) var(--space-6)}@media(min-width:721px){body.sea .drawer-in{padding:var(--space-6)}}body.sea .drawer-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}body.sea .drawer-hd .eyebrow{text-shadow:none}body.sea .closebtn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:18px;line-height:1}body.sea .closebtn:hover{color:var(--ink);border-color:var(--accent)}body.sea .story sect{display:block;margin-bottom:var(--space-5)}body.sea .story h3{font:600 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}body.sea .story p{color:var(--muted);font-size:15px;line-height:1.62}body.sea .story .quote{color:var(--ink);font-style:italic}body.sea .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line)}body.sea .cta{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--sans);padding:13px 20px;border-radius:999px;background:var(--accent-deep);color:#fff;letter-spacing:.02em}body.sea .cta:hover{background:var(--accent)}body.sea .backlink{font:600 12px/1 var(--mono);letter-spacing:.04em;color:var(--muted)}body.sea .backlink b{color:var(--accent);font-weight:600}body.sea .backlink:hover{color:var(--ink)}@media(prefers-reduced-motion:reduce){body.sea *{transition-duration:.001ms!important}}