#app .top-instruments{gap:12px;width:288px;left:calc(50% - 144px);align-items:flex-start}#app .instrument-circle,#app .top-instruments>.instrument-circle{position:relative;inset:auto;margin:0;transform:none;flex:none;box-sizing:border-box;width:88px;height:88px;border:1px solid #fff9;border-radius:50%;background:#f5f2e986;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 3px 14px #143b3b10;color:var(--ink);padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:inherit;cursor:pointer}#app .instrument-circle:hover{background:#f5f2e9c9}#app .instrument-circle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#app .boat-circle .heading-instrument{width:100%;height:100%;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#app .boat-circle .heading{font-size:20px;line-height:1;margin-top:-5px;letter-spacing:0}#app .boat-circle .speed{font-size:13px;line-height:1.2;margin:5px 0 0;letter-spacing:0;z-index:1;font-variant-numeric:tabular-nums}#app .boat-circle .speed span{font-size:9px;margin-left:3px}#app .circle-label{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-size:10px;line-height:1.2;white-space:nowrap;letter-spacing:.1px;font-weight:550;color:var(--ink)}#app .wind-circle.mobile-wind{flex-direction:column;gap:4px;padding:8px}#app .wind-circle .mobile-wind-arrow{font-size:27px;line-height:1;color:var(--accent)}#app .wind-circle .mobile-wind-speed{font-size:16px;line-height:1.2;font-variant-numeric:tabular-nums}#app .sky-circle-icon{display:block;width:26px;height:26px;color:var(--accent)}#app .sky-circle-icon svg{width:100%;height:100%}#app .sky-circle-time{font-size:16px;line-height:1.2;margin-top:4px;font-variant-numeric:tabular-nums}#app .night-sky .instrument-circle,.night-sky #app .instrument-circle{background:#e5eeeaa6}.night-sky .brand,.night-sky .session-state{color:#d9e8e4}.night-sky .circle-label{color:#d9e8e4!important}@media(min-width:701px)and (pointer:fine){#app .top-instruments{left:calc(50% - 144px + clamp(140px,18vw,270px))}}@media(min-width:1101px){#app:has(.sailing-lobby:not(.dismissed)) .top-instruments{left:calc(74% - 144px)}}#app #weather.environment-panel{inset:214px 24px auto auto;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 238px);margin:0;padding:22px;border-radius:14px;color:var(--ink);background:#f5f2e9f5;border:1px solid #fff9;box-shadow:0 14px 48px #123e3f35;overflow:auto;scrollbar-width:thin}#weather.environment-panel::backdrop{background:transparent}.environment-panel .weather-heading{margin-bottom:18px}.environment-panel .weather-heading h2{font-size:34px;margin-top:6px}.environment-panel .weather-heading .eyebrow{font-size:9px}#weather .environment-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#2144480a;border-radius:9px;margin-bottom:20px}#weather .environment-tabs button{font-size:11px;min-height:42px;border:0;border-radius:6px;background:transparent;color:var(--muted);padding:6px 4px;white-space:nowrap}#weather .environment-tabs [aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 5px #21444816}#weather [hidden]{display:none!important}#app #weather .wind-panel{position:static;inset:auto;width:auto;height:auto;border:0;background:none;box-shadow:none;padding:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;margin:0 0 18px}#app #weather .wind-panel>*{display:block}#app #weather .wind-panel .wind-main,#app #weather .wind-panel .slider-label,#app #weather .wind-panel .wind-foot{display:flex}#app #weather .wind-main{margin:0 0 15px;gap:16px}#app #weather .wind-dial{width:78px;height:78px}#app #weather .wind-value{font-size:40px}#app #weather .wind-value span{font-size:14px}#weather .small-label{font-size:11px}#weather .wind-foot{padding-top:11px;margin-top:6px;font-size:10px}#weather .weather-summary{margin:16px 0;font-size:11px;line-height:1.65}#weather .slider-label{font-size:12px;gap:8px}#weather output{font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink)}#weather input[type=range]{appearance:none;-webkit-appearance:none;height:28px;background:transparent;border:0;padding:0;margin:9px 0 12px;width:100%;touch-action:pan-y;cursor:pointer}#weather input[type=range]::-webkit-slider-runnable-track{height:3px;background:#21444830;border-radius:3px}#weather input[type=range]::-moz-range-track{height:3px;background:#21444830;border-radius:3px}#weather input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;border-radius:50%;margin-top:-7px;background:var(--ink);border:4px solid var(--paper);box-shadow:0 0 0 1px var(--ink)}#weather input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--ink);border:4px solid var(--paper);box-shadow:0 0 0 1px var(--ink)}#weather .weather-hint{font-size:10px;margin:-2px 0 18px;line-height:1.6}#weather .weather-foot{font-size:10px;margin-top:4px}#weather :focus-visible{outline:2px solid var(--accent);outline-offset:3px}#weather :disabled{opacity:.5;cursor:default}#weather .sky-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-top:17px}#weather select{font:inherit;font-size:12px;min-height:42px;padding:8px 12px;max-width:70%;color:var(--ink);border:1px solid #21444830;background:#fff5;border-radius:6px}#weather .sky-note{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 16px}#weather .sky-time-label{align-items:center}#weather #sky-clock{font-size:26px;letter-spacing:-.7px}.sky-daylight{font-size:10px;color:var(--muted);text-align:center}#weather .sky-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 20px}#weather .sky-presets button,#weather .moon-stops button,#weather .sky-clouds button{background:#fff4;color:var(--ink);border:1px solid #21444826;border-radius:7px;min-height:42px;font:inherit;font-size:11px;padding:7px 3px}#weather .sky-presets button:hover,#weather .moon-stops button:hover,#weather .sky-clouds button:hover{background:#fff9}#weather .sky-clouds{border:0;padding:0;margin:0 0 20px}#weather .sky-clouds legend{font-size:12px;padding:0 0 12px}#weather .sky-clouds>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}#weather [aria-pressed=true]{border-color:var(--accent)!important;background:#b75c440c!important}.sky-swatch{display:block;width:46px;height:22px;border-radius:10px;margin:0 auto 6px;background:linear-gradient(#2f6893,#a0c9d7)}.sky-wispy{background:linear-gradient(170deg,#39729a 30%,#d3e1e6 48%,#6594b0 60%)}.sky-scattered{background:radial-gradient(ellipse at 70% 70%,#e1e7e5 32%,transparent 45%),linear-gradient(#3b7299,#accbd6)}.sky-cloudy{background:radial-gradient(ellipse at 30% 50%,#e1e5e3 35%,transparent 60%),linear-gradient(150deg,#51819f,#ccd7d7)}.sky-overcast{background:linear-gradient(160deg,#bbc5c7,#819396)}.sky-stormy{background:linear-gradient(160deg,#869099,#364c5a)}.moon-heading{display:flex;align-items:center;gap:11px;margin:21px 0 3px}.moon-heading>span{width:34px;height:34px;color:var(--accent)}.moon-heading svg{width:100%;height:100%}.moon-heading label{font-size:12px}.moon-heading output{display:block;color:var(--muted)!important;font-size:11px!important;margin-top:3px}.moon-stops{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.moon-stops svg{display:block;width:23px;height:23px;margin:0 auto 4px;color:var(--accent)}#weather .moon-stops button{font-size:9px;min-height:55px}#weather .stargazing-button{width:100%;min-height:42px;font-size:12px;border:1px solid #b75c4450;border-radius:7px;background:#b75c440a;color:var(--ink);margin-top:16px}.sky-more{border-top:1px solid #2144481c;padding-top:13px;font-size:11px}.sky-more summary{cursor:pointer;color:var(--muted);min-height:28px}.sky-save-note{border-top:1px solid #2144481c;padding-top:13px;margin:18px 0 0;font-size:10px;color:var(--muted);line-height:1.5;min-height:28px}@media(max-width:700px),(pointer:coarse){#app .top-instruments{left:50%;transform:translate(-50%);width:272px;gap:10px}#app .instrument-circle,#app .top-instruments>.instrument-circle{width:84px;height:84px}#app .circle-label{font-size:9px}#app #weather.environment-panel{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px;width:auto;padding:18px;max-height:58dvh}.environment-panel .weather-heading{margin-bottom:13px}.environment-panel .weather-heading h2{font-size:30px}#weather .environment-tabs{margin-bottom:17px}.sky-preview .thumb-controls,.sky-preview .sailing-note{visibility:hidden}}@media(max-width:700px)and (min-height:650px){.sky-preview #viewport{bottom:min(var(--sky-panel-space,480px),62dvh)}.sky-preview .sailing-app{background:#15343c}}@media(max-height:500px){#app #weather.environment-panel{inset:12px 12px auto auto;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}}.night-instruments #app :is(.top-instruments,.cockpit,#weather,.masthead,.sailing-toolbar,.thumb-controls,.touch-controls,.instruments-launcher){--ink:#ff3933;--muted:#ce413a;--paper:#140d0d;--accent:#ff201c;color:var(--ink);color-scheme:dark}.night-instruments #app .instrument-circle{background:#120b0bf2;border-color:#d82b258f;box-shadow:inset 0 0 18px #08030380,0 3px 15px #0005;color:var(--ink)}.night-instruments #app .instrument-circle:hover{background:#241010f5;border-color:#f13931}.night-instruments #app .boat-circle .heading-instrument{background:transparent;color:inherit}.night-instruments #app .mobile-compass{color:var(--muted)}.night-instruments #app .mobile-compass [fill="#ad5c43"]{fill:var(--accent)}.night-instruments #app .circle-label{color:#ee443c!important}.night-instruments #app .instrument-circle :is(.heading,.mobile-speed,.mobile-wind-speed,.sky-circle-time){text-shadow:0 0 5px #ff160c24}.night-instruments #app :is(.brand,.session-state){color:var(--muted)}.night-instruments #app :is(.cockpit,#weather.environment-panel){background:#140d0df5;border-color:#b8322a66;box-shadow:0 10px 40px #0008;color:var(--ink)}.night-instruments #app :is(.cockpit,.thumb-controls) :is(.panel-label,.small-label,.gauge-labels,.gauge-heading output,.controls-strip,.render-stats output){color:var(--muted)}.night-instruments #app :is(.controls-strip,.voyage,.heading-instrument,kbd){border-color:#d12c2538}.night-instruments #app :is(.tiller-track,.sheet-track,.thumb-track){background:#d82b2535}.night-instruments #app :is(#tiller-needle,#sheet-fill,#sheet-fill:after,.thumb-track i){background:var(--accent)}.night-instruments #app .track-center{background:var(--muted)}.night-instruments #app .thumb-track i{border-color:var(--paper)}.night-instruments #app :is(.masthead .button,.sailing-toolbar button,.instruments-launcher,.thumb-pad,.steer-area button,.touch-controls button){background:#140d0ded;color:var(--ink);border-color:#d82b2577;box-shadow:0 2px 12px #0003}.night-instruments #app .masthead .button.primary{background:#5e1714;color:#ff5148;border-color:#e2352c}.night-instruments #app #weather :is(select,.sky-presets button,.moon-stops button,.sky-clouds button,.stargazing-button){background:#e02c2210;color:var(--ink);border-color:#d82b2555}.night-instruments #app #weather :is(.sky-presets button,.moon-stops button,.sky-clouds button):hover{background:#e02c2222}.night-instruments #app #weather :is([aria-pressed=true],[role=tab][aria-selected=true]){background:#e02c2224!important;border-color:var(--accent)!important}.night-instruments #app #weather :is(.environment-tabs,.sky-more,.sky-save-note,.weather-foot,.wind-foot){border-color:#d82b2538}.night-instruments #app #weather input[type=range]::-webkit-slider-runnable-track{background:#d82b2555}.night-instruments #app #weather input[type=range]::-moz-range-track{background:#d82b2555}.night-instruments #app #weather .wind-dial [stroke="#bf6148"]{stroke:var(--accent)}.night-instruments #app :is(.instrument-circle,.cockpit,#weather,.thumb-pad){transition:background-color .7s,color .7s,border-color .7s}@media(prefers-reduced-motion:reduce){.night-instruments #app :is(.instrument-circle,.cockpit,#weather,.thumb-pad){transition:none}}.clip-controls{display:flex;align-items:center}.clip-controls[hidden],.clip-frame[hidden],.clip-ready[hidden],.clip-notification[hidden]{display:none!important}.friends-app .sailing-toolbar{position:absolute;z-index:5;right:170px;bottom:24px;display:flex;align-items:center;gap:8px;pointer-events:none}.friends-app .sailing-toolbar>*{pointer-events:auto}.friends-app .sailing-toolbar .camera-picker{position:static}#clip-open{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:8px 12px;background:#f5f2e9d9;border:1px solid #fff9;border-radius:11px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#214448;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}#clip-open:disabled{opacity:.7;cursor:wait}.clip-rec-dot{width:9px;height:9px;background:#ae433a;border-radius:50%;box-shadow:0 0 0 4px #ae433a18}#clip-options{position:fixed;inset:auto 24px 82px auto;margin:0;width:min(310px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;box-sizing:border-box;padding:20px;background:#f6f3e7fa;border:1px solid #fff9;border-radius:16px;box-shadow:0 12px 48px #123e3f30;color:#214448}.clip-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.clip-heading small{font:9px Arial,sans-serif;letter-spacing:1.8px;color:#657d73}.clip-heading h2{font:32px "Instrument Serif",Georgia,serif;margin:5px 0 0;font-weight:400}.clip-close{background:transparent!important;border:0!important;font:26px Arial,sans-serif!important;color:#657d73;padding:2px 5px!important;cursor:pointer}#clip-options p{font:12px/1.6 Arial,sans-serif;margin:15px 0;color:#657d73}#clip-options fieldset{border:0;padding:0;margin:18px 0}#clip-options legend{font:11px Arial,sans-serif;margin-bottom:8px}.clip-camera-options{display:flex;gap:7px}.clip-camera-options button{flex:1;padding:11px 8px;border:1px solid #21444830;border-radius:9px;background:transparent;color:#214448;font:12px Arial,sans-serif;cursor:pointer}.clip-camera-options button[aria-pressed=true]{background:#214448;color:#f6f3e7}.clip-sound{display:flex;align-items:center;gap:8px;font:12px Arial,sans-serif}.clip-sound input{width:16px;height:16px;accent-color:#214448}.clip-quality{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font:12px Arial,sans-serif}.clip-quality select{padding:7px;border:1px solid #21444830;border-radius:7px;background:#fffcf5;color:#214448;font:inherit}.clip-message:empty{display:none}#clip-options .clip-message{color:#97492a}#clip-start{width:100%;margin-top:3px;cursor:pointer}.clip-frame{position:absolute;z-index:2;box-sizing:border-box;border:1px solid #ffffffe0;border-radius:2px;pointer-events:none;box-shadow:0 0 0 1px #21444840}.clip-frame-label,.clip-frame-clock{position:absolute;left:12px;top:14px;font:9px Arial,sans-serif;letter-spacing:1.5px;color:#fff;text-shadow:0 1px 4px #143b3d,0 0 8px #143b3d}.clip-frame-clock{left:auto;right:12px;letter-spacing:.5px}.clip-frame.recording{border-color:#fff8}.clip-frame.recording .clip-frame-label{display:none}.clip-ready{position:absolute;z-index:6;left:50%;transform:translate(-50%);bottom:88px;border:1px solid #fff9;border-radius:24px;background:#f6f3e7eb!important;box-shadow:0 4px 18px #143b3d22;color:#214448;cursor:pointer;font:12px Arial,sans-serif!important;min-height:40px;padding:10px 16px!important}.clip-notification{position:absolute;z-index:7;left:50%;transform:translate(-50%);bottom:140px;max-width:min(420px,calc(100vw - 40px));width:max-content;border-radius:12px;background:#f6f3e7f5;padding:12px 16px;color:#97492a;font:12px/1.5 Arial,sans-serif;pointer-events:none}.clip-result{padding:22px;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border:1px solid #fff9;border-radius:18px;background:#f6f3e7;color:#214448;box-shadow:0 20px 90px #123e3f44}.clip-result::backdrop{background:#10313470;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.clip-result video{display:block;width:auto;max-width:100%;height:min(53dvh,510px);aspect-ratio:9/16;margin:18px auto 12px;border-radius:9px;background:#143b3d}.clip-result .clip-specs{font:11px/1.6 Arial,sans-serif;text-align:center;color:#657d73}.clip-result-actions{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.clip-result-actions>*{cursor:pointer;text-decoration:none;font:12px Arial,sans-serif}.clip-result-actions [hidden]{display:none!important}#clip-share-message{font:12px/1.5 Arial,sans-serif;color:#97492a}.clip-controls :is(button,select,input):focus-visible,.clip-ready:focus-visible,.clip-result :is(button,a):focus-visible{outline:3px solid #bd7054;outline-offset:3px}@media(max-width:700px),(pointer:coarse){#clip-open{width:44px;height:46px;padding:8px;font-size:11px}.clip-button-label{display:none}#clip-open:has(.clip-rec-dot){width:auto;min-width:80px;padding:8px}#clip-options{right:16px;bottom:calc(80px + env(safe-area-inset-bottom))}.clip-frame-label{font-size:8px;top:72px;left:10px}.clip-frame-clock{top:72px;right:10px}.clip-ready{bottom:calc(92px + env(safe-area-inset-bottom))}.clip-result{padding:18px}.clip-result video{height:min(50dvh,510px)}}@media(max-width:700px),(pointer:coarse){.friends-app .sailing-toolbar{left:max(12px,env(safe-area-inset-left));right:calc(100px + max(12px,env(safe-area-inset-right)));bottom:calc(18px + env(safe-area-inset-bottom));justify-content:flex-end;gap:6px}}#clip-preview-saved{width:100%;margin-top:9px;cursor:pointer}#clip-preview-saved[hidden]{display:none!important}