:root{--ivory:#f7f3ea;--bone:#e4ded2;--grey-white:#cfccc4;--gold:#d9a93b;--gold-light:#f2dca0;--olive:#6e7551;--terracotta:#b0623e;--ink:#2a2823;--serif:"Cormorant Garamond", "Iowan Old Style", Palatino, Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:#0d0f10}body{font-family:var(--serif);color:var(--ivory);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}html,body,#root{height:100svh;overflow:hidden}.canvas{display:block}.overlay{pointer-events:none;z-index:2;position:fixed;inset:0}.masthead{mix-blend-mode:normal;align-items:center;gap:12px;display:flex;position:absolute;top:clamp(20px,3.4vh,40px);left:clamp(22px,3.6vw,56px)}.masthead-mark{width:26px;height:28px;color:var(--gold);filter:drop-shadow(0 1px 6px #281e0a59)}.masthead-word{font-family:var(--sans);letter-spacing:.42em;color:var(--ivory);text-shadow:0 1px 12px #28201073;font-size:11px;font-weight:500}.intro{text-align:center;will-change:opacity, transform, filter;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:15vh;left:0;right:0}.intro-mark{width:clamp(44px,4.6vw,64px);height:auto;color:var(--gold);filter:drop-shadow(0 2px 24px #3c280a66)}.intro-word{letter-spacing:.24em;text-indent:.24em;color:var(--ivory);text-shadow:0 2px 40px #30240e8c;margin-top:clamp(14px,2vh,24px);font-size:clamp(40px,7vw,104px);font-weight:300;line-height:.94}.intro-tagline{font-family:var(--sans);letter-spacing:.46em;text-indent:.46em;text-transform:uppercase;color:var(--bone);opacity:.82;text-shadow:0 1px 16px #30240e80;margin-top:clamp(10px,1.6vh,20px);font-size:clamp(9px,.82vw,12px);font-weight:400}.scrim{background:linear-gradient(#12141300 0%,#12141338 45%,#12141385 100%);height:42vh;position:absolute;inset:auto 0 0}.dialogue{text-align:center;width:min(1000px,88vw);position:absolute;bottom:clamp(50px,8vh,104px);left:50%;translate:-50%}.dialogue-line{will-change:opacity, transform;position:absolute;bottom:0;left:0;right:0}.dialogue-speaker{font-family:var(--sans);letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--gold-light);opacity:.9;text-shadow:0 1px 14px #281c0899;margin-bottom:clamp(10px,1.4vh,16px);font-size:10px;font-weight:500;display:block}.dialogue-text{letter-spacing:.012em;white-space:pre-line;color:var(--ivory);text-shadow:0 1px 3px #1e180c59,0 2px 40px #1e180c99;font-size:clamp(19px,2.5vw,37px);font-style:italic;font-weight:300;line-height:1.32}.dip{opacity:0;will-change:opacity;background:#0b0a08;position:absolute;inset:0}.beats{flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute;top:50%;right:clamp(22px,3.6vw,56px);translate:0 -50%}.beat-tick{background:var(--gold-light);transform-origin:100%;opacity:.25;will-change:opacity, transform;filter:drop-shadow(0 1px 3px #181208bf);width:14px;height:1px;display:block}.cue{font-family:var(--sans);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--bone);opacity:.75;flex-direction:column;align-items:center;gap:12px;font-size:9px;display:flex;position:absolute;bottom:clamp(26px,4.2vh,46px);left:50%;translate:-50%}.cue-rule{transform-origin:top;background:linear-gradient(#f2dca0d9,#f2dca000);width:1px;height:46px;animation:2.6s cubic-bezier(.6,0,.3,1) infinite cue-fall;display:block}@keyframes cue-fall{0%{opacity:0;transform:scaleY(0)}28%{opacity:1}62%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(46px)}}.mark-stroke{stroke-dasharray:1;stroke-dashoffset:1px;animation:2.2s cubic-bezier(.22,.61,.24,1) forwards draw-on}@keyframes draw-on{to{stroke-dashoffset:0}}.loader{z-index:10;background:#12100d;place-items:center;transition:opacity 1.2s .2s,visibility 0s linear 1.4s;display:grid;position:fixed;inset:0}.loader[data-done=true]{opacity:0;visibility:hidden;pointer-events:none}.loader[data-again=true]{transition:opacity .22s,visibility 0s linear .22s}.loader[data-again=true][data-done=false]{background:#12100df0;transition:opacity .16s}.loader-inner{flex-direction:column;align-items:center;gap:26px;display:flex}.loader-mark{width:62px;color:var(--gold)}.loader-bar{background:#f2dca02e;width:148px;height:1px;overflow:hidden}.loader-fill{background:var(--gold-light);width:0%;height:100%;transition:width .4s;display:block}@media (prefers-reduced-motion:reduce){.mark-stroke,.cue-rule{stroke-dashoffset:0;animation:none}}.tuner{z-index:20;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f2dca080 #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:300px;max-height:calc(100svh - 28px);font-family:var(--sans);color:var(--bone);pointer-events:auto;background:#12100de6;border:1px solid #f2dca024;border-radius:10px;padding:12px 14px 10px;position:fixed;top:14px;right:14px;overflow-y:scroll}.tuner::-webkit-scrollbar{width:11px}.tuner::-webkit-scrollbar-track{background:#0000004d;border-radius:6px;margin:4px 0}.tuner::-webkit-scrollbar-thumb{background:#f2dca073 padding-box padding-box;border:2px solid #12100de6;border-radius:6px}.tuner::-webkit-scrollbar-thumb:hover{background:#f2dca0cc padding-box padding-box}.tuner-head{letter-spacing:.22em;text-transform:uppercase;color:var(--gold-light);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.tuner-actions{gap:6px;display:flex}.tuner-head button{font:inherit;letter-spacing:.14em;color:var(--ivory);cursor:pointer;background:#f2dca01f;border:1px solid #f2dca03d;border-radius:5px;padding:4px 8px;font-size:9px}.tuner-head button:hover{background:#f2dca033}.tuner-act h2{letter-spacing:.16em;text-transform:uppercase;color:#f2dca0d9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f2dca01c;border-radius:6px;justify-content:space-between;align-items:center;margin:12px 0 2px;padding:7px 8px;font-size:9.5px;font-weight:500;display:flex}.tuner-act h2:hover{background:#f2dca02e}.tuner-act[data-open=true] h2{color:var(--gold-light);background:#f2dca033}.tuner-act h2 i{font-size:13px;font-style:normal;line-height:1}.tuner-act[data-open=true] section{border-left:1px solid #f2dca029;margin-left:7px;padding-left:7px}.tuner h3{letter-spacing:.2em;text-transform:uppercase;color:#f2dca0b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f2dca00f;border-radius:5px;justify-content:space-between;align-items:center;margin:8px 0 4px;padding:5px 7px;font-size:9px;font-weight:500;display:flex}.tuner h3:hover{background:#f2dca01f}.tuner section[data-open=true] h3{color:var(--gold-light)}.tuner h3 i{font-size:12px;font-style:normal;line-height:1}.tuner label{grid-template-columns:74px 1fr 52px 16px;align-items:center;gap:6px;margin:4px 0;font-size:10px;display:grid}.tuner-undo{font:inherit;text-align:center;cursor:pointer;width:16px;color:var(--gold-light);opacity:0;pointer-events:none;background:0 0;border:none;padding:2px 0;font-size:11px;line-height:1;transition:opacity .12s}.tuner-undo[data-moved=true]{opacity:.55;pointer-events:auto}.tuner-undo[data-moved=true]:hover{opacity:1}.tuner-h3-right{align-items:center;gap:8px;display:flex}.tuner-group-undo{font:inherit;letter-spacing:.04em;text-transform:none;cursor:pointer;color:var(--gold-light);background:#f2dca014;border:1px solid #f2dca033;border-radius:4px;padding:2px 6px;font-size:9px}.tuner-group-undo:hover{background:#f2dca02e}.tuner-grip{cursor:grab;-webkit-user-select:none;user-select:none}.tuner-grip:active{cursor:grabbing}.tuner-label{color:#e4ded2b8}.tuner-number{font:inherit;text-align:right;font-variant-numeric:tabular-nums;width:100%;color:var(--gold-light);background:#f2dca014;border:1px solid #f2dca02e;border-radius:4px;padding:3px 4px;font-size:10px}.tuner-number:focus{border-color:#f2dca080;outline:none}.tuner input[type=range]{appearance:none;cursor:pointer;background:#f2dca038;border-radius:2px;width:100%;height:2px}.tuner input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gold-light);border-radius:50%;width:11px;height:11px}.tuner-hint{color:#e4ded26b;margin-top:10px;font-size:9px;line-height:1.5}.recording{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;font-family:var(--sans);letter-spacing:.3em;color:#ffede8;will-change:opacity;background:#10080694;border:1px solid #ff5c4e80;border-radius:999px;align-items:center;gap:12px;padding:8px 16px 8px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;top:clamp(58px,11vh,120px);left:clamp(92px,15vw,226px)}.recording-dot{background:#ff3b2e;border-radius:50%;width:13px;height:13px;animation:1.6s ease-in-out infinite recording-pulse;display:block;position:relative;box-shadow:0 0 12px #ff3b2e,0 0 30px #ff3b2ea6}.recording-dot:after{content:"";border:1.5px solid #ff3b2ecc;border-radius:50%;animation:1.6s ease-out infinite recording-ring;position:absolute;inset:-5px}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}@keyframes recording-ring{0%{opacity:.85;transform:scale(.7)}70%,to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.recording-dot,.recording-dot:after{animation:none}}.notices{pointer-events:none;flex-direction:column;gap:11px;display:flex;position:absolute;top:clamp(112px,19vh,198px);left:clamp(92px,15vw,226px)}.notice[data-lens=true]{transform-origin:0 0;-webkit-backdrop-filter:none;backdrop-filter:none;white-space:nowrap;position:fixed;top:0;left:0}.notice{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;font-family:var(--sans);letter-spacing:.08em;color:var(--ivory);white-space:nowrap;will-change:opacity, transform;background:#14120e9e;border:1px solid #f2dca047;border-radius:13px;align-items:center;gap:13px;padding:14px 24px 14px 20px;font-size:16px;font-weight:500;display:flex}.notice-tick{border-left:2px solid var(--gold-light);border-bottom:2px solid var(--gold-light);width:15px;height:8px;display:block;transform:rotate(-45deg)translateY(-3px)}.reticles{pointer-events:none;position:absolute;inset:0}.reticle{opacity:0;visibility:hidden;will-change:transform, opacity, width, height;position:absolute;top:0;left:0}.reticle-corner{filter:drop-shadow(0 0 3px #0c0904f2)drop-shadow(0 0 9px #ffe0968c);border:2px solid #fff6dc;width:18px;height:18px;position:absolute}.reticle-corner.tl{border-bottom:0;border-right:0;top:0;left:0}.reticle-corner.tr{border-bottom:0;border-left:0;top:0;right:0}.reticle-corner.bl{border-top:0;border-right:0;bottom:0;left:0}.reticle-corner.br{border-top:0;border-left:0;bottom:0;right:0}.reticle-label{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:var(--sans);letter-spacing:.2em;color:#fff6dc;white-space:nowrap;background:#0e0b06b8;border:1px solid #fff6dc57;border-radius:3px;margin-top:7px;padding:3px 7px;font-size:9px;font-weight:500;position:absolute;top:100%;left:0}.voice{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;will-change:opacity;background:#14120e80;border:1px solid #f2dca038;border-radius:999px;align-items:center;gap:16px;padding:9px 20px;display:flex;position:absolute;top:clamp(170px,26vh,268px);left:clamp(92px,15vw,226px)}.voice-who{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#f2dca0db;font-size:10px;font-weight:500}.voice-bars{align-items:center;gap:3px;height:20px;display:flex}.voice-bars i{background:var(--gold-light);transform-origin:50%;will-change:transform;border-radius:2px;width:2.5px;height:20px;display:block}.call,.track{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;font-family:var(--sans);letter-spacing:.08em;color:var(--ivory);white-space:nowrap;will-change:opacity;background:#14120e9e;border:1px solid #f2dca047;border-radius:13px;align-items:center;gap:12px;padding:12px 22px;font-size:15px;display:flex;position:absolute;left:clamp(92px,15vw,226px)}.call{top:clamp(112px,19vh,198px)}.call-dot{background:var(--gold-light);border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite call-ring;display:block}.call[data-live=true] .call-dot{background:#7bd88f;animation:none}@keyframes call-ring{0%,to{opacity:.25}50%{opacity:1}}.track{flex-direction:column;align-items:stretch;gap:9px;padding:12px 18px 13px;top:clamp(170px,26vh,268px)}.track-row{align-items:center;gap:11px;display:flex}.track-name{font-weight:500}.track-by{opacity:.62}.track-pause{border-left:3px solid var(--gold-light);border-right:3px solid var(--gold-light);width:9px;height:12px;display:block}.track-eq{align-items:center;gap:2.5px;height:14px;margin-left:3px;display:flex}.track-eq i{background:var(--gold-light);transform-origin:50%;will-change:transform;border-radius:2px;width:2.5px;height:14px;display:block}.track-bar{background:#f2dca033;border-radius:2px;height:3px;display:block;overflow:hidden}.track-fill{background:var(--gold-light);transform-origin:0;will-change:transform;border-radius:2px;height:100%;display:block;transform:scaleX(0)}.analysing{opacity:0;visibility:hidden;pointer-events:none;will-change:opacity;position:absolute;inset:0;overflow:hidden}.analysing-grid{background-image:repeating-linear-gradient(to right, #f2dca03d 0 1px, transparent 1px var(--grid)), repeating-linear-gradient(to bottom, #f2dca03d 0 1px, transparent 1px var(--grid));-webkit-mask-image:radial-gradient(circle at 50% 52%, #000 0, #000 calc(var(--drawn,0) * 78%), transparent calc(var(--drawn,0) * 96%));-webkit-mask-image:radial-gradient(circle at 50% 52%, #000 0, #000 calc(var(--drawn,0) * 78%), transparent calc(var(--drawn,0) * 96%));mask-image:radial-gradient(circle at 50% 52%, #000 0, #000 calc(var(--drawn,0) * 78%), transparent calc(var(--drawn,0) * 96%));position:absolute;inset:0}.analysing-sweep{will-change:transform;background:linear-gradient(#f2dca000 0%,#f2dca024 46%,#f2dca080 62%,#f2dca000 100%);height:15%;position:absolute;top:0;left:0;right:0}.analysing-say{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#f2dca0eb;text-shadow:0 1px 14px #14120ee6;align-items:center;gap:12px;font-size:11px;font-weight:500;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.analysing-say i{background:var(--gold-light);border-radius:50%;width:7px;height:7px;display:block;box-shadow:0 0 12px #f2dca0cc}.nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;will-change:opacity, transform;background:#14120e9e;border:1px solid #f2dca04d;border-radius:16px;width:216px;padding:16px 18px 14px;position:absolute;top:clamp(112px,19vh,198px);left:clamp(92px,15vw,226px)}.nav-head{align-items:center;gap:14px;display:flex}.nav-glyph{fill:none;width:34px;height:34px;stroke:var(--gold-light);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.nav-what{flex-direction:column;gap:2px;min-width:0;display:flex}.nav-step{font-family:var(--sans);letter-spacing:.05em;color:var(--ivory);white-space:nowrap;font-size:15px;font-weight:600}.nav-far{font-family:var(--sans);letter-spacing:.16em;color:#f2dca0cc;font-size:11px;font-weight:500}.nav-track{background:#f2dca029;border-radius:2px;height:2px;margin:13px 0 12px;position:relative;overflow:hidden}.nav-track i{background:var(--gold);transform-origin:0;width:100%;transform:scaleX(var(--run,0));border-radius:2px;position:absolute;inset:0 auto 0 0}.nav-map{width:100%;height:128px;display:block;overflow:visible}.nav-route{fill:none;stroke:#f2dca042;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.nav-sailed{fill:none;stroke:var(--gold);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.nav-boat{fill:var(--ivory);stroke:#14120ed9;stroke-width:1.2px;stroke-linejoin:round}.nav-to{font-family:var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#f2dca099;margin-top:10px;font-size:10px;font-weight:500;display:block}.nav-mark circle{fill:#14120ee6;stroke:#f2dca08c;stroke-width:1px}.nav-mark text{fill:#f2dca0e6;font-family:var(--sans);text-anchor:middle;font-size:5px;font-weight:700}.nav-mark.is-now circle{fill:var(--gold);stroke:var(--ivory)}.nav-mark.is-now text{fill:#17150f}.nav-where{font-family:var(--mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.06em;color:#f2dca0b8;margin-top:10px;font-size:10px;display:block}.nav.is-tuning{width:250px}.nav.is-tuning .nav-map{height:232px}.nav-hole{fill:#78aac81a;stroke:#96c8e180;stroke-width:1px;stroke-dasharray:3 2.5}.nav-rock path{fill:#96b9a580;stroke:#bedcc8b3;stroke-width:.8px}.agenda{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;will-change:opacity, transform;background:#14120e9e;border:1px solid #f2dca04d;border-radius:16px;width:268px;padding:15px 18px 16px;position:absolute;top:clamp(112px,19vh,198px);left:clamp(92px,15vw,226px)}.agenda-head{border-bottom:1px solid #f2dca02e;justify-content:space-between;align-items:baseline;margin-bottom:4px;padding-bottom:11px;display:flex}.agenda-when{font-family:var(--sans);letter-spacing:.04em;color:var(--ivory);font-size:14px;font-weight:600}.agenda-where{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#f2dca099;font-size:10px;font-weight:500}.agenda-row{opacity:0;will-change:opacity, transform;gap:11px;padding:10px 0 2px;display:flex}.agenda-spine{background:var(--gold);border-radius:3px;flex:none;width:3px}.agenda-row.is-urgent .agenda-spine{background:var(--terracotta)}.agenda-what{flex-direction:column;gap:3px;min-width:0;display:flex}.agenda-time{font-family:var(--sans);letter-spacing:.16em;color:#f2dca0d1;font-size:10px;font-weight:500}.agenda-title{font-family:var(--sans);letter-spacing:.02em;color:var(--ivory);font-size:13.5px;font-weight:500;line-height:1.35}.agenda-app{font-family:var(--sans);letter-spacing:.04em;color:var(--ivory);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.agenda-mark{border:1.5px solid #f2dca0d9;border-radius:3px;width:14px;height:14px;display:block;position:relative}.agenda-mark b{background:#f2dca0d9;height:3.5px;position:absolute;inset:0 0 auto}.agenda-day{padding:9px 0 0}.agenda-day .agenda-when{font-size:13px}.notice-app{background:var(--ivory);color:#17150f;font-family:var(--sans);letter-spacing:.06em;border-radius:5px;padding:3px 8px;font-size:10px;font-style:normal;font-weight:700;display:block}.shutter-flash{z-index:60;pointer-events:none;visibility:hidden;background:#fffaf0;position:fixed;inset:0}.shutter-lens{z-index:58;pointer-events:none;visibility:hidden;mix-blend-mode:screen;background:radial-gradient(at 50% 46%,#fffcf0fa 0%,#fff4d6b8 38%,#ffecbe42 66%,#ffe8b400 100%);border-radius:50%;position:fixed;top:0;left:0}.shutter-marks{z-index:55;pointer-events:none;visibility:hidden;position:fixed;inset:7vmin}.shutter-corner{border:1.5px solid var(--gold-light);filter:drop-shadow(0 0 3px #0000008c);width:34px;height:34px;position:absolute}.shutter-corner.is-tl{border-bottom:none;border-right:none;top:0;left:0}.shutter-corner.is-tr{border-bottom:none;border-left:none;top:0;right:0}.shutter-corner.is-bl{border-top:none;border-right:none;bottom:0;left:0}.shutter-corner.is-br{border-top:none;border-left:none;bottom:0;right:0}.notice-cart{fill:none;width:26px;height:17px;stroke:var(--gold-light);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}