:root{font-family:DM Sans,system-ui,sans-serif;color:#23384c;background:#f4f6f8;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,color .15s}button:disabled{cursor:default;opacity:.4}button:focus-visible,[role=button]:focus-visible,input:focus-visible{outline:3px solid #5eb4ef;outline-offset:3px}header{height:80px;background:#0e1824;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 32px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,system-ui,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px}.brand-icon{color:#80c6e0;display:flex}.brand-dot{color:#7dc8e2}.tag{font:9px DM Sans,sans-serif;letter-spacing:1.6px;border:1px solid #3a4652;padding:6px 8px;border-radius:4px;color:#9faebb;margin-left:10px}.header-right{display:flex;gap:24px;align-items:center}.saved{font-size:11px;color:#a7b5bf;display:flex;align-items:center;gap:7px}.saved i,.status-dot{width:6px;height:6px;background:#7cc3a7;border-radius:50%;display:inline-block}.quiet{background:#202b37;border:1px solid #3b4652;border-radius:7px;color:#e4eaf0;padding:9px 12px;font-size:11px}.quiet:hover{background:#354554}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 80px)}aside{background:#fff;border-right:1px solid #e1e7ed;padding:29px 23px 20px;display:flex;flex-direction:column}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#81909e}h1{font-family:Manrope,system-ui,sans-serif;font-size:21px;letter-spacing:-.8px;line-height:1.35;margin:9px 0}p.intro{font-size:12px;color:#85919d;margin:0}.section-line{height:1px;background:#e9edf1;margin:26px 0 23px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}h2{font-size:12px;margin:0;font-weight:650}.count{background:#f0f3f6;color:#8393a3;font-size:10px;padding:3px 6px;border-radius:4px;font-weight:600}.point-list{display:flex;flex-direction:column;gap:5px}.point-row{padding:13px 10px;border:1px solid transparent;background:transparent;width:100%;text-align:left;justify-content:flex-start;border-radius:8px;gap:10px;color:#253b50}.point-row:hover{background:#f4f8fc}.point-row.selected{border-color:#c2daf1;background:#eff6fc}.point-number{display:flex;align-items:center;justify-content:center;width:27px;height:27px;background:#eef3f8;border:1px solid #dbe5ee;border-radius:50%;font-size:10px;color:#4b7a9e;flex-shrink:0}.point-row.selected .point-number{color:#fff;background:#2877b6;border-color:#2877b6}.point-info{flex:1;min-width:0}.point-info strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.point-info small{font-size:10px;display:block;color:#8a97a3;margin-top:5px}.point-speed{font-size:17px;font-weight:600;white-space:nowrap}.point-speed small{font-size:9px;color:#8b98a5;font-weight:400;margin-left:3px}.tiny-arrow{font-size:20px;color:#5490bc;margin-left:2px}.add-point{border:1px dashed #cddce7;background:#fff;color:#467a9f;font-size:11px;border-radius:6px;width:100%;padding:10px;margin-top:10px}.add-point:hover,.add-point.enabled{background:#eef6fc}.add-point span{font-size:19px;line-height:14px}.editor{margin-top:24px;padding-top:20px;border-top:1px solid #e9edf1}.field-label{font-size:10px;color:#8996a3;display:block;margin:14px 0 6px}input[type=text],input:not([type]){width:100%;border:1px solid #dfe6ed;border-radius:5px;padding:9px 10px;font-size:12px;color:#263f55;background:#fcfdfe}.icon-button{border:0;background:none;color:#9aa8b5;padding:3px}.icon-button:hover{color:#ba5353;background:#fff0f0;border-radius:4px}.compass-row{display:flex;gap:20px;align-items:center;margin:19px 0}.compass{position:relative;width:96px;height:96px;border:1px solid #dce6ef;border-radius:50%;background:radial-gradient(circle,#fff 0 50%,#f7f9fc 51%);flex-shrink:0}.compass span{position:absolute;font-size:8px;color:#8b9ba9}.north{top:5px;left:44px}.east{top:41px;right:6px}.south{bottom:5px;left:44px}.west{top:41px;left:6px}.compass-needle{position:absolute;inset:19px;transition:transform .15s}.compass-needle b{position:absolute;top:0;left:21px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:29px solid #2f80ba}.compass-needle i{position:absolute;bottom:0;left:21px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:29px solid #d5e2ed}.compass-center{position:absolute;top:44px;left:44px;width:7px;height:7px;background:#fff;border:2px solid #426e8b;border-radius:50%}.bearing{font-size:22px;font-weight:650;margin:7px 0}.bearing span{color:#a0aab4;font-size:16px;font-weight:400}.compass-row small{color:#8a99a6;font-size:9px}.range-label{display:flex;justify-content:space-between;font-size:10px;color:#718393;margin:12px 0 8px}.range-label span:last-child{color:#315c7c;font-weight:500}input[type=range]{width:100%;accent-color:#3b80b4;height:4px;margin:4px 0 10px;cursor:pointer}.empty-editor{border:1px solid #e8eef3;background:#f8fafc;border-radius:7px;padding:20px 15px;display:flex;gap:12px;align-items:center;margin:24px 0 0;color:#93a5b6}.empty-editor p{font-size:11px;line-height:1.7;margin:0}.coast-section{border-top:1px solid #e9edf1;margin-top:23px;padding-top:22px}.coast-row{display:flex;align-items:center;gap:9px;font-size:11px;margin:15px 0}.coast-row>span:first-child{width:20px;height:4px;border-radius:3px}.coast-row>span:nth-child(2){flex:1}.outline-button{border:1px solid #dce5ec;background:#fff;border-radius:6px;font-size:11px;color:#6e8394;padding:9px;width:100%}.outline-button:hover{background:#f5f8fb}.sidebar-footer{margin-top:auto;padding-top:35px;display:flex;align-items:flex-start;gap:9px}.sample-dot{width:6px;height:6px;border-radius:50%;background:#abc9bd;margin-top:4px}.sidebar-footer strong{font-size:10px;color:#7b8d9c;font-weight:500}.sidebar-footer p{font-size:9px;color:#a2aeb9;margin:5px 0 0}main{padding:30px 30px 15px;min-width:0;position:relative}.map-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.map-top h2{font-family:Manrope,system-ui,sans-serif;font-size:19px;letter-spacing:-.55px;margin-top:8px}.location-chip{background:#e9eef2;color:#768b9e;font-size:10px;display:flex;align-items:center;gap:5px;padding:8px 10px;border-radius:6px}.map-shell{position:relative;border-radius:12px;border:1px solid #d2e1e5;background:#95d8e7;overflow:hidden;box-shadow:0 3px 10px #23384c08}.map-scroll{overflow:auto;max-height:calc(100vh - 282px);min-height:430px}.map-scroll,.map-inner{touch-action:none;overscroll-behavior:none}.map-inner{min-width:100%}.map{display:block;width:100%;height:auto;min-height:430px;touch-action:none}.mode-point .map,.mode-coast .map{cursor:crosshair}.wind-point [role=button]{cursor:grab}.wind-point [role=button]:active{cursor:grabbing}.wind-trails,.map-label,.coast-path{pointer-events:none}.map-toolbar{position:absolute;z-index:2;top:17px;left:17px;display:flex;gap:8px}.tools{display:flex;padding:4px;background:#fff;border:1px solid #dfe7ed;box-shadow:0 2px 7px #1b354816;border-radius:7px;gap:3px}.tools button{font-size:11px;color:#7a8d9e;background:none;border:none;padding:8px 12px;border-radius:4px}.tools button:hover{background:#f0f4f8}.tools button.active{background:#1b3c55;color:#fff}.undo-button{width:40px;border:1px solid #dfe7ed;background:#fff;color:#526e83;border-radius:7px}.north-indicator{position:absolute;top:22px;right:24px;display:flex;align-items:center;flex-direction:column;gap:4px;pointer-events:none}.north-indicator span{font-weight:700;color:#17304a;font-size:11px}.zoom-controls{position:absolute;bottom:66px;right:18px;display:flex;flex-direction:column;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #34566424}.zoom-controls button{border:0;border-bottom:1px solid #e5eaf0;background:#fff;color:#466175;width:33px;height:32px;font-size:21px}.zoom-controls .fit{font-size:10px;border:0}.zoom-controls button:hover{background:#edf5fb}.map-instruction{position:absolute;bottom:20px;left:18px;max-width:calc(100% - 80px);display:flex;gap:9px;align-items:center;background:#ffffffed;border:1px solid #e4eaee;border-radius:6px;padding:11px 13px;font-size:10px;color:#617b8c;box-shadow:0 2px 8px #34566410}.map-instruction button{font-size:10px;background:#1b3c55;border:none;color:#fff;padding:5px 9px;border-radius:4px}.playback{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8ee;border-radius:9px;padding:14px 16px;margin-top:14px}.play-button{width:34px;height:34px;background:#eff5f9;border:1px solid #dde8f0;border-radius:50%;color:#3d749b;flex-shrink:0}.playback strong{font-size:11px;font-weight:600;display:block}.playback>div>span{font-size:10px;color:#99a5af;display:block;margin-top:5px}.legend{margin-left:auto;display:flex;gap:20px;align-items:center}.playback .legend span{font-size:10px;display:flex;gap:7px;align-items:center;margin:0;color:#80919f}.wind-key{width:16px;height:0;border-top:2px solid #3589c3}.coast-key{width:16px;height:0;border-top:3px solid #ffbf69}footer{display:flex;justify-content:space-between;font-size:9px;color:#97a4af;gap:20px;margin-top:17px;line-height:1.6}.toast{position:fixed;bottom:24px;left:50%;padding:12px 20px;background:#17304a;color:#fff;font-size:12px;border-radius:7px;animation:toast 3s forwards}.wind-particle{animation:wind linear infinite}.map-label[role=button]{pointer-events:all;cursor:pointer;-webkit-user-select:none;user-select:none}.spot-marker,.spot-marker-ring,.wind-trails{transition:opacity .18s ease}@media(prefers-reduced-motion:reduce){.spot-marker,.spot-marker-ring,.wind-trails{transition:none}}.paused .wind-particle{animation-play-state:paused}@keyframes wind{0%{transform:translateY(35px);opacity:0}20%{opacity:.7}80%{opacity:.7}to{transform:translateY(-150px);opacity:0}}@keyframes toast{0%,80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.wind-particle{animation:none;opacity:.6}*{transition:none!important}}@media(min-width:1500px){main{padding:35px 40px}.map-scroll{max-height:calc(100vh - 300px)}.workspace{grid-template-columns:330px minmax(0,1fr)}aside{padding:33px 27px}}@media(max-width:1000px){header{padding:0 20px}.workspace{grid-template-columns:265px minmax(0,1fr)}aside{padding:25px 16px}main{padding:25px 18px}.location-chip{display:none}.legend{gap:10px}.playback .legend span{font-size:9px}.map-top h2{font-size:17px}.map-scroll{max-height:none}.map{min-height:430px}.saved{display:none}footer{flex-direction:column;gap:5px}}@media(max-width:700px){header{height:65px;padding:0 16px}.brand{font-size:23px}.brand .tag{display:none}.quiet{font-size:10px;padding:8px}.workspace{display:flex;flex-direction:column}main{order:-1;padding:21px 12px 12px}.map-top{padding:0 5px;margin-bottom:17px}.map,.map-scroll{min-height:340px}.map-toolbar{top:10px;left:10px}.tools button{padding:7px 9px}.tools button span{display:none}.map-instruction{font-size:9px;left:10px;bottom:12px;gap:6px;flex-wrap:wrap;padding:8px;max-width:calc(100% - 62px)}.north-indicator{right:15px;top:15px}.zoom-controls{right:12px}.playback{padding:12px;gap:9px}.legend{flex-direction:column;align-items:flex-start;gap:7px}.playback>div>span{font-size:9px}.map-top h2{font-size:17px}.eyebrow{font-size:8px}aside{border-top:1px solid #dde6ee;border-right:0;padding:22px}.section-line{margin:20px 0}.sidebar-footer{padding-top:25px}footer span:last-child{max-width:330px}}@media(max-width:700px){.map-inner{min-width:700px}}.map-scroll{height:clamp(430px,calc(100dvh - 282px),900px);min-height:0;overflow:hidden;max-height:none}.map-inner{width:100%;height:100%;min-width:0}.map{width:100%;height:100%;min-height:0;cursor:grab;overflow:hidden}.map:active{cursor:grabbing}.view-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:15px}.view-brand{display:none}.mode-toggle{padding:10px 17px;background:#17304a;color:#fff;border:1px solid #2f506a;border-radius:8px;font-size:12px;box-shadow:0 3px 15px #17304a18}.mode-toggle:hover{background:#2a4c68}.view-mode header,.view-mode aside,.view-mode .map-top,.view-mode .map-toolbar,.view-mode footer{display:none}.view-mode .workspace{display:block;min-height:100dvh}.view-mode main{padding:0;height:100dvh}.view-mode .map-shell{width:100%;height:100%;border:0;border-radius:0}.view-mode .map-scroll{height:100%}.view-mode .view-toolbar{position:absolute;z-index:4;top:22px;left:24px;right:24px;margin:0;justify-content:space-between;pointer-events:none}.view-mode .view-toolbar button{pointer-events:auto}.view-mode .view-brand{display:flex;align-items:center;gap:10px;color:#173b4a}.view-brand strong{font-size:24px;letter-spacing:-1px}.view-brand span{border-left:1px solid #173b4a35;padding-left:12px;margin-left:4px;font-size:12px}.view-mode .playback{position:absolute;bottom:25px;left:24px;right:80px;z-index:3;width:fit-content;gap:15px;background:#ffffffed}.view-mode .map-instruction{bottom:109px;left:24px}.view-mode .north-indicator{top:85px;right:30px}.view-mode .wind-point [role=button]{cursor:grab}.view-mode .legend{margin-left:20px}@media(max-width:700px){.map-scroll{height:390px}.view-mode .view-toolbar{left:16px;right:16px;top:16px}.view-brand span{display:none}.view-mode .playback{bottom:16px;left:12px;padding:10px}.view-mode .legend{display:none}.view-mode .map-instruction{left:12px;bottom:90px}.view-mode .zoom-controls{right:12px;bottom:16px}}textarea{width:100%;border:1px solid #dfe6ed;border-radius:5px;padding:9px 10px;font:inherit;font-size:12px;color:#263f55;background:#fcfdfe;resize:vertical}.mode-place .map{cursor:crosshair}.placement-button{margin-bottom:12px}select{width:100%;padding:9px 7px;border:1px solid #dfe6ed;border-radius:5px;color:#263f55;background:#fcfdfe;font:inherit;font-size:11px}.source-hint{font-size:10px;line-height:1.7;color:#7b8d9c;margin:10px 0}.sources-section{border-top:1px solid #e9edf1;margin-top:24px;padding-top:22px}.source-card{border:1px solid #e0e7ee;border-radius:7px;padding:11px;margin:8px 0}.source-card summary{font-size:11px;font-weight:600;cursor:pointer}.source-card summary small{display:block;font-size:9px;font-weight:400;color:#8b99a7;margin-top:7px}.location-results{display:grid;gap:4px;max-height:210px;overflow-y:auto;margin:8px 0}.location-results button{display:grid;gap:4px;padding:9px;text-align:left;background:#eff6f7;border:1px solid #dce8e9;border-radius:5px;color:#263f55;font-size:11px}.location-results small{color:#617b8c;font-size:9px}.willy-location-picker code{overflow-wrap:anywhere}.coordinate-fields{display:flex;gap:8px;margin:12px 0}.coordinate-fields label{min-width:0;width:50%;font-size:9px;color:#8a98a5}.coordinate-fields input{margin-top:6px;width:100%;padding:8px 4px;border:1px solid #dfe6ed;border-radius:4px;font-size:11px;color:#263f55}.source-error{color:#ab5346;font-size:10px;line-height:1.6}.source-reset{font-size:10px;background:none;border:0;color:#4c7a9c;padding:4px 0}.weather-credit{font-size:9px;color:#7295ae}.map-weather-credit{display:block;text-align:right;font-size:9px;margin:10px 0 -7px;color:#617f95}.map-weather-credit a{color:inherit;margin-left:8px}.view-mode .map-weather-credit{position:absolute;right:24px;bottom:8px;z-index:3;margin:0;font-size:8px}input:disabled{opacity:.5;cursor:default}.point-list{max-height:300px;overflow:auto;scrollbar-width:thin}.break-rules{margin-top:18px;padding:12px 0;border-top:1px solid #e5ecf1}.break-rules summary{cursor:pointer;font-size:11px;font-weight:600}.rule-field{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#778b9c;margin:10px 0}.rule-field input{width:76px;padding:7px;border:1px solid #dfe6ed;border-radius:4px;color:#263f55;font-size:11px}.coast-row select{display:block;margin-top:6px;font-size:9px;padding:5px}.break-detail{position:absolute;z-index:4;right:48px;top:155px;width:290px;max-height:calc(100dvh - 240px);overflow:auto;padding:19px;background:#ffffffef;border:1px solid #e1e9eb;border-radius:11px;box-shadow:0 8px 30px #23445515}.view-mode .break-detail{top:80px;right:24px;max-height:calc(100dvh - 220px)}.detail-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.detail-heading h2{font-size:18px;margin-top:7px}.detail-heading button{border:0;background:none;color:#8195a4;font-size:24px;padding:0 4px}.quality-badge{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:600}.quality-badge i{width:8px;height:8px;border-radius:50%}.condition-check{border-top:1px solid #e7edf0;padding-top:12px;margin-top:12px}.condition-check>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.condition-check p{font-size:10px;color:#8193a1;line-height:1.6;margin:6px 0 0}@media(min-width:701px){.edit-mode aside{max-height:calc(100dvh - 80px);overflow:auto}}@media(max-width:700px){.break-detail,.view-mode .break-detail{top:140px;right:16px;width:265px;max-height:calc(100dvh - 260px)}}.point-list,.point-row,.section-line{flex-shrink:0}.view-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.breaks-toggle{background:#fffffff0;color:#173b4a;border:1px solid #ffffffaa;border-radius:8px;padding:10px 14px;font-size:12px;min-height:44px}.breaks-toggle span{font-size:10px;color:#72929d}.break-picker{position:absolute;z-index:5;top:80px;left:24px;width:320px;max-height:calc(100dvh - 190px);overflow:hidden;background:#fffffff5;padding:17px;border:1px solid #e1e9eb;border-radius:12px;box-shadow:0 8px 30px #23445518;display:flex;flex-direction:column}.break-picker input{margin:16px 0 10px;min-height:44px}.picker-list{overflow:auto;scrollbar-width:thin}.picker-list button{width:100%;min-height:56px;background:none;border:0;border-bottom:1px solid #e9eef1;text-align:left;padding:10px 3px;justify-content:flex-start;gap:12px;color:#173b4a}.picker-list button:hover{background:#eff5f7}.picker-list i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.picker-list span{flex:1;font-size:12px}.picker-list small{display:block;font-size:10px;color:#8a9ba6;margin-top:5px}.picker-list b{color:#8ca1ad;font-size:18px;font-weight:400}@media(max-width:700px){.view-mode{height:100dvh;overflow:hidden}.view-mode .view-toolbar{top:max(12px,env(safe-area-inset-top));left:12px;right:12px}.view-brand strong{font-size:20px}.view-mode .view-brand,.view-actions{gap:6px}.view-actions button{min-height:44px;padding:10px 12px;font-size:11px}.view-mode .map-instruction{display:none}.view-mode .north-indicator{top:78px;right:21px}.view-mode .zoom-controls{bottom:calc(26px + env(safe-area-inset-bottom))}.view-mode .zoom-controls button{width:44px;height:44px}.view-mode .playback{bottom:calc(27px + env(safe-area-inset-bottom));padding:9px 12px}.view-mode .play-button{min-width:44px;min-height:44px}.view-mode .playback>div>span{max-width:180px}.view-mode .map-weather-credit{bottom:calc(7px + env(safe-area-inset-bottom));right:12px}.view-mode .break-detail,.view-mode .break-picker{inset:auto 0 0;width:100%;max-height:54dvh;padding:18px 20px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;border-bottom:0;box-shadow:0 -6px 30px #23445520;touch-action:pan-y}.view-mode .break-detail:before,.view-mode .break-picker:before{content:"";display:block;width:35px;height:4px;border-radius:3px;background:#d1dde3;margin:0 auto 12px;flex-shrink:0}.view-mode .detail-heading h2{font-size:20px}.view-mode .detail-heading button{min-width:44px;min-height:44px;font-size:28px}.view-mode .condition-check>div{font-size:12px}.view-mode .condition-check p,.view-mode .source-hint{font-size:11px}.view-mode:has(.break-detail) .playback,.view-mode:has(.break-picker) .playback{display:none}.view-mode:has(.break-detail) .zoom-controls,.view-mode:has(.break-picker) .zoom-controls{top:128px;bottom:auto}.view-mode .break-picker{max-height:70dvh}.view-mode .picker-list button{min-height:58px}.view-mode .picker-list span{font-size:14px}.view-mode .picker-list small{font-size:11px}.view-mode .break-picker input{font-size:16px}}@media(max-width:700px){.edit-mode .break-detail{display:none}}.view-mode .view-toolbar{pointer-events:none}.zoom-controls .reset-view{font-size:11px;min-width:60px;padding:0 10px;border:0}.view-mode .zoom-controls{bottom:26px;right:24px}@media(max-width:700px){.view-mode .zoom-controls,.view-mode:has(.break-detail) .zoom-controls{top:auto;bottom:calc(27px + env(safe-area-inset-bottom));right:12px}.view-mode .zoom-controls .reset-view{width:auto;min-width:62px;min-height:44px;font-size:12px}.view-mode:has(.break-detail) .zoom-controls{top:80px;bottom:auto}}@media(max-width:700px){.view-mode .desktop-edit-toggle{display:none}}.tide-chart{background:#ffffffed;border:1px solid #e1e9ed;border-radius:12px;padding:12px 16px 9px;margin:0 0 16px;box-shadow:0 3px 18px #23445508}.tide-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tide-heading>div:first-child{display:flex;align-items:baseline;gap:12px}.tide-heading strong{font-size:18px;font-weight:650;color:#315d72;white-space:nowrap}.tide-heading strong small{font-size:10px;font-weight:400;color:#8b9da8;margin-left:5px}.tide-source-label{text-align:right}.tide-source-label strong{display:block;font-size:10px;font-weight:500}.tide-source-label span{display:block;font-size:9px;color:#8c9fa9;margin-top:3px}.tide-plot{width:100%;height:76px;display:block;margin:6px 0 0}.tide-footnote{display:flex;justify-content:space-between;gap:10px;color:#93a3ad;font-size:8px;margin-top:4px}.tide-footnote a{color:#829daa;flex-shrink:0}.tide-footnote>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tide-empty{font-size:11px;color:#8b9ba6;min-height:78px;display:flex;align-items:center}.view-mode .tide-chart{position:absolute;top:72px;left:24px;right:24px;z-index:2;height:140px;margin:0}.view-mode .map-shell{position:absolute;top:224px;bottom:0;height:auto}.view-mode .north-indicator{top:18px}@media(min-width:701px){.view-mode .break-detail{top:236px;max-height:calc(100dvh - 265px)}.edit-mode .break-detail{top:335px}}@media(max-width:700px){.view-mode .tide-chart{top:62px;left:12px;right:12px;height:135px;padding:11px 12px 8px}.view-mode .map-shell{top:207px}.tide-heading>div:first-child{display:block}.tide-heading .eyebrow{display:block;font-size:8px;margin-bottom:4px}.tide-heading strong{font-size:16px}.tide-heading strong small{font-size:9px}.tide-source-label strong{font-size:9px;margin-top:2px}.tide-source-label span{font-size:8px}.tide-plot{height:61px;margin-top:3px}.tide-footnote{font-size:7px;gap:5px}.view-mode:has(.break-detail) .zoom-controls{top:18px}}.view-mode .map-shell{top:0;bottom:0;height:auto}.view-mode .tide-chart{top:72px;left:24px;right:auto;width:360px;height:108px;padding:10px 12px 7px}.view-mode .tide-heading>div:first-child{display:block}.view-mode .tide-heading .eyebrow{display:block;font-size:7px;margin-bottom:3px}.view-mode .tide-heading strong{font-size:15px}.view-mode .tide-heading strong small,.view-mode .tide-source-label strong{font-size:9px}.view-mode .tide-source-label span{font-size:8px}.view-mode .tide-plot{height:42px;margin-top:1px}.view-mode .tide-footnote{font-size:7px;margin-top:2px}@media(min-width:701px){.view-mode .break-detail{top:85px;max-height:calc(100dvh - 145px)}}@media(max-width:700px){.view-mode .tide-chart{top:62px;left:12px;right:12px;width:auto;height:99px;padding:8px 11px 6px}.view-mode .tide-heading strong{font-size:14px}.view-mode .tide-heading>div:first-child{display:flex;align-items:center;gap:9px}.view-mode .tide-heading .eyebrow{margin:0}.view-mode .tide-heading strong small{font-size:8px}.view-mode .tide-plot{height:43px;margin-top:2px}}.opening{position:fixed;inset:0;z-index:100;overflow:hidden;background:transparent}.opening-panel{position:absolute;inset:0;display:grid;place-items:center;background:#1c4d58;animation:opening-wipe 3s linear both}.opening-wordmark{color:#f7f3e8;font-family:Manrope,system-ui,sans-serif;font-size:clamp(34px,8vw,52px);font-weight:800;letter-spacing:-.065em;animation:opening-name 1.1s ease both}.opening-wordmark span{color:#80ced7}.opening-skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));min-width:44px;min-height:44px;padding:8px;border:0;background:none;color:#d1e5e7;font-size:11px}.opening-skip:hover{color:#fff}.opening:not(.opening--playing) .opening-panel,.opening:not(.opening--playing) .opening-wordmark{animation-play-state:paused}@keyframes opening-wipe{0%,33.333333%{clip-path:polygon(-110% 90%,90% -110%,390% -110%,390% 390%,-110% 390%);animation-timing-function:cubic-bezier(.333333,0,.666667,.333333)}to{clip-path:polygon(17.5% 217.5%,217.5% 17.5%,517.5% 17.5%,517.5% 517.5%,17.5% 517.5%)}}@keyframes opening-name{0%{opacity:0}25%,65%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.opening:not(.opening--preview) .opening-panel,.opening:not(.opening--preview) .opening-wordmark{animation:none}}.opening-water{position:absolute;inset:0;pointer-events:none}.shore-wash-canvas{display:block;width:100%;height:100%}.opening--webgl .opening-panel{visibility:hidden}.opening-wordmark{position:absolute;inset:0;display:grid;place-content:center;grid-auto-flow:column;pointer-events:none}.opening--fallback .opening-water{visibility:hidden}.tide-chart.tide-mini{height:auto;padding:8px 12px 6px;background:#ffffffed;border:1px solid #e0ebe4;border-radius:15px;box-shadow:0 3px 16px #285b4710;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tide-mini-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.tide-mini-heading>div{display:flex;align-items:baseline;gap:7px;min-width:0}.tide-mini-label{font-size:10px;color:#79998b}.tide-mini-heading strong{white-space:nowrap;font-size:16px;line-height:18px;letter-spacing:-.4px;color:#3b7568;font-weight:600}.tide-mini-heading strong small{font-size:10px;margin-left:3px;font-weight:400}.tide-mini-trend{white-space:nowrap;color:#7a9b8d;font-size:9px}.tide-mini-heading time{white-space:nowrap;color:#6d8e82;font-size:10px}.tide-mini-clock{position:relative;flex-shrink:0;display:flex;gap:5px;align-items:center;border:0;padding:0;min-height:18px;color:#548875;background:none}.tide-mini-clock:before{content:"";position:absolute;inset:-7px -5px}.tide-mini-clock>span{font-size:13px}.tide-mini-curve{display:block;width:100%;height:34px;margin:2px 0 1px;overflow:visible;touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none}.tide-mini-curve:focus-visible{outline:1px solid #8fb7a2;outline-offset:2px;border-radius:4px}.is-scrubbing .tide-mini-clock{color:#36705e}.tide-mini-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;color:#7a9a8c;line-height:1.25}.tide-mini-footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tide-mini-footer>a{flex-shrink:0;color:#91a79c;text-decoration:none;font-size:8px}.tide-mini-empty{display:flex;align-items:center;min-height:34px;color:#8da197;font-size:10px}.view-mode .tide-chart.tide-mini{top:68px;left:50%;transform:translate(-50%);right:auto;width:300px;height:auto;max-width:calc(100vw - 48px);padding:8px 12px 6px}.edit-mode .tide-chart.tide-mini{max-width:420px;margin-left:auto;margin-right:auto}@media(max-width:700px){.view-mode .tide-chart.tide-mini{top:62px;left:50%;width:276px;max-width:calc(100vw - 48px);padding:8px 12px 6px}.tide-mini-curve{height:34px}}.source-guide{position:fixed;inset:80px 0 0;z-index:25;display:flex;flex-direction:column;background:#f5f8f8;color:#294956}.source-guide-header{display:flex;align-items:center;gap:12px;padding:22px 25px;background:#fff;border-bottom:1px solid #dce7eb}.source-guide-header>div{margin-right:auto}.source-guide-header h1{font-size:21px;letter-spacing:-.65px;margin:6px 0 5px}.source-guide-header p{font-size:11px;line-height:1.7;color:#849ba8;margin:0}.source-guide-header>button{padding:11px 14px;border:1px solid #d3e3e7;border-radius:7px;font-size:11px;white-space:nowrap;color:#688794;background:#fff}.source-guide-header .source-guide-primary{color:#3c7968;background:#e7f3ec;border-color:#bddcca}.source-guide-header .source-guide-advanced{color:#8c9fa9;border-color:transparent;background:none}.source-guide-layout{display:grid;grid-template-columns:230px minmax(350px,1fr) 305px;min-height:0;flex:1}.source-guide-groups{overflow:auto;background:#fff;padding:24px 14px;border-right:1px solid #e0e8ec}.source-guide-groups>.eyebrow{display:block;margin:0 10px 18px}.source-guide-groups>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;padding:14px 12px;margin-bottom:5px;gap:6px;border:0;border-radius:7px;background:none;color:#77919f;line-height:1.6}.source-guide-groups>button strong{font-size:11px;font-weight:600}.source-guide-groups>button span{font-size:10px;color:#a0b1bb}.source-guide-groups>button[aria-pressed=true]{background:#eaf4ef;color:#397a65}.source-guide-groups>p{font-size:10px;line-height:1.9;margin:25px 10px;color:#9aacb5}.source-guide-main{display:flex;flex-direction:column;min-width:0;min-height:0;padding:22px;gap:15px}.source-current-group{display:flex;flex-direction:column;gap:14px}.source-current-group h2{font-size:17px;margin:7px 0 0;letter-spacing:-.4px}.source-input-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.source-input-summary button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:11px 12px;border:1px solid #dbe7e9;border-radius:7px;background:#fff;color:#456b7a;line-height:1.5;min-width:0}.source-input-summary span{font-size:9px;letter-spacing:.3px;color:#94a8b1}.source-input-summary strong{font-size:11px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-map-panel{position:relative;isolation:isolate;min-height:300px;flex:1;overflow:hidden;border:1px solid #cfdee3;border-radius:10px;background:#e6eff0}.source-geography,.source-geography-map{position:absolute;inset:0}.source-geography-map{background:#e4edf0;font-family:DM Sans,sans-serif}.source-map-loading{padding:25px;font-size:12px;color:#839da8}.source-geography-controls{position:absolute;top:12px;left:12px;z-index:1000;display:flex;gap:5px}.source-geography-controls button{padding:8px 10px;border:1px solid #cddde3;border-radius:6px;background:#fffffff2;color:#4f7587;box-shadow:0 2px 4px #25424f0b;font-size:10px}.source-map-north{position:absolute;right:15px;top:16px;z-index:1000;padding:6px 9px;border-radius:5px;color:#40667a;background:#fffffff0;font-size:12px;font-weight:700}.geographic-source-label{background:#ffffffed;border:1px solid #d3e0e6;border-radius:5px;color:#668492;padding:4px 7px;box-shadow:0 1px 3px #23414d12;font-size:10px;white-space:nowrap}.geographic-source-label.is-active{color:#285e76;font-weight:700;border-color:#89b2c0}.geographic-group-label{font-size:10px;color:#9e7b43;border-color:#ead5b7;background:#fff9ed}.source-geography .leaflet-control-attribution{font-size:8px;max-width:90%}.source-map-error{position:absolute;bottom:28px;left:12px;right:48px;background:#fffffff2;padding:8px 10px;z-index:1000;border-radius:5px;color:#7d94a1;font-size:10px;margin:0}.source-selected-explanation{display:flex;flex-direction:column;gap:6px;font-size:11px;line-height:1.6;color:#7f99a7;padding:0 3px}.source-selected-explanation strong{font-size:12px;color:#456d7e}.source-selected-explanation small{font-size:9px;color:#a0b1ba}.source-guide .source-place-guide{display:block;background:#fff;padding:25px 19px;overflow:auto;max-height:none;border-left:1px solid #dce7eb;border-right:0}.source-place-guide h2{font-size:17px;margin:9px 0 22px;letter-spacing:-.3px}.source-place-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:15px;margin-bottom:11px;text-align:left;border:1px solid #e0e8eb;border-radius:8px;background:#fbfdfe;color:#5d7f8f}.source-place-card.forecast{background:#f5fbf8}.source-place-card.is-focused{border-color:#91b7c5;background:#eef6f8}.source-place-card>span{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#93aab5}.source-place-card>strong{font-size:13px;color:#3d687d}.source-place-card>b{font-size:10px;line-height:1.6;font-weight:500;color:#71909f}.source-place-card>p{font-size:10px;line-height:1.8;color:#90a5b0;margin:3px 0 0}.source-guide-footnote{font-size:10px;line-height:1.9;color:#99abb4;margin-top:20px}.evaluation-source-box details>summary{cursor:pointer;font-size:10px;color:#8ba1ad;line-height:1.8;padding:5px 0}.evaluation-source-summary{font-size:10px;line-height:1.8;color:#809ba8;margin:0 0 7px}.evaluation-source-box details[open] summary{color:#527c8e}@media(max-width:1200px){.source-guide-layout{grid-template-columns:200px minmax(300px,1fr) 265px}.source-guide-header{gap:7px;padding:16px}.source-guide-main{padding:15px}.source-guide-header>button{padding:10px;font-size:10px}}@media(max-width:950px){.source-guide-layout{grid-template-columns:190px minmax(320px,1fr)}.source-guide .source-place-guide{grid-column:2;max-height:340px;border-top:1px solid #dce7eb}.source-guide-layout{overflow:auto}.source-guide-groups{grid-row:span 2}.source-guide-main{min-height:650px}.source-guide-header{flex-wrap:wrap}.source-guide-header>div{width:100%}}@media(max-width:700px){.source-guide{top:65px}.source-guide-layout{grid-template-columns:150px minmax(260px,1fr)}.source-guide-header h1{font-size:18px}.source-input-summary{grid-template-columns:1fr}.source-guide-main{padding:12px}.source-input-summary button{padding:7px 10px;flex-direction:row;align-items:center}.source-map-panel{min-height:350px}.source-guide-groups{padding:18px 7px}.source-geography-controls button{font-size:8px;padding:7px}.source-map-north{display:none}}.data-links-editor{position:fixed;inset:80px 0 0;z-index:25;display:flex;flex-direction:column;background:#f4f7f8;color:#233d4c}.data-links-toolbar{min-height:88px;display:flex;align-items:center;gap:24px;padding:16px 26px;background:#fff;border-bottom:1px solid #dee7eb}.data-links-title{margin-right:auto}.data-links-title h1{font-size:20px;margin:3px 0}.data-links-title p{margin:0;font-size:11px;color:#8497a3}.data-channel-tabs{display:flex;padding:4px;border-radius:8px;background:#eef3f5}.data-channel-tabs button{background:none;border:0;border-radius:5px;padding:8px 18px;color:#7a8e9d;font-size:12px}.data-channel-tabs button[aria-pressed=true]{color:var(--link-color);background:#fff;box-shadow:0 1px 5px #253c4d12;font-weight:700}.data-links-back{color:#335363;border:1px solid #d5e1e6;border-radius:7px;padding:10px 14px;font-size:12px;background:#fff}.data-links-body{display:flex;flex:1;min-height:0}.data-links-board{display:flex;flex:1;flex-direction:column;min-width:0}.graph-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:#f9fbfc;border-bottom:1px solid #e6edef}.graph-context>span{font-size:9px;color:#8397a3;letter-spacing:1.2px;font-weight:700}.graph-context b{margin:0 12px;color:#adc1cb}.graph-context input{max-width:180px;font-size:11px;padding:8px 11px;border:1px solid #dbe5e9;border-radius:6px;color:#3c5c6c;background:#fff}.data-links-stage{flex:1;min-height:0;position:relative;overflow:hidden;touch-action:none;cursor:grab;background-image:radial-gradient(#cbd9df .8px,transparent .8px);background-size:18px 18px}.data-links-stage:active{cursor:grabbing}.graph-world{position:absolute;top:0;left:0;transform-origin:0 0}.graph-edges{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.graph-node{position:absolute;box-shadow:0 3px 8px #183d4f0b;border:1px solid #d4e1e7;background:#fff;border-radius:10px}.graph-node.is-selected{border-color:var(--link-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--link-color) 18%,transparent)}.graph-node.is-dimmed{opacity:.2}.graph-source{width:280px;height:108px}.graph-source.is-disabled{opacity:.45}.graph-node-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;width:100%;height:100%;padding:13px 18px;border:0;background:none;border-radius:inherit;gap:5px;color:#284958}.graph-node-content strong{font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.graph-node-content small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6d8999}.graph-node-location{font-size:11px;color:#8196a4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.graph-kicker{display:flex;justify-content:space-between;font-size:9px;color:var(--link-color);text-transform:uppercase;letter-spacing:1px}.graph-kicker b{font-size:9px;color:#94a7b1;font-weight:400;text-transform:none;letter-spacing:0}.graph-port{position:absolute;z-index:2;width:18px;height:18px;border-radius:50%;padding:0;background:#fff;border:4px solid var(--link-color);box-shadow:0 0 0 4px #f4f7f8;top:50%;margin-top:-9px}.graph-output{right:-9px;cursor:crosshair}.graph-input{left:-9px;cursor:crosshair}.graph-port:hover,.graph-port.is-pending{background:var(--link-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--link-color) 25%,transparent)}.graph-break{width:240px;height:56px}.graph-break-content{display:block;text-align:left;width:100%;height:100%;border:0;border-radius:inherit;padding:10px 17px;background:none;color:#315363}.graph-break-heading{display:flex;gap:8px;align-items:center}.graph-break-heading i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.graph-break-heading strong{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.graph-break-heading small{margin-left:auto;font-size:10px;color:#91a6b0;white-space:nowrap}.graph-break-content>span:last-child{display:block;margin-top:4px;padding-left:15px;font-size:10px;color:#8a9fa9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graph-bottom{display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid #dfe8ec;background:#fff;padding:12px 20px}.graph-bottom p{font-size:10px;line-height:1.5;color:#8298a6;margin:0}.graph-bottom>div{display:flex;gap:5px;align-items:center;flex-shrink:0}.graph-bottom button{padding:7px 9px;border:1px solid #e1e9ed;color:#4c6c7e;background:#fff;border-radius:5px;font-size:11px}.graph-bottom span{min-width:34px;text-align:center;font-size:10px;color:#91a4af}.data-links-inspector{width:310px;flex-shrink:0;border-left:1px solid #dce6eb;background:#fff;padding:26px 24px;overflow:auto}.data-links-inspector h2{font:700 19px Manrope,sans-serif;letter-spacing:-.4px;margin:12px 0}.data-links-inspector h3{font-size:12px;margin-top:30px}.data-links-inspector label{display:block;font-size:11px;color:#6c8493;margin-top:17px}.data-links-inspector select{margin-top:8px}.data-links-inspector .source-card{padding:0;border:0;box-shadow:none}.data-links-inspector .source-card summary{font-size:15px;margin-top:12px}.data-links-inspector .source-card summary small{line-height:1.6}.data-links-inspector input:not([type=range]){width:100%;padding:9px;border:1px solid #dce6eb;border-radius:5px;font-size:12px;color:#37596b}.data-links-inspector .coordinate-fields label{margin:0}.data-links-inspector .tide-settings{border:0;margin:0;padding:0}.data-links-inspector .outline-button{justify-content:center}.graph-explanation{font-size:11px;line-height:1.85;color:#8398a5;margin:16px 0}.graph-how-to{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:13px 9px;margin:28px 0}.graph-how-to span{display:grid;place-content:center;width:25px;height:25px;background:#edf5f6;color:#6b9ba9;border-radius:50%;font-size:11px}.graph-how-to p{font-size:11px;margin:0;line-height:1.7;color:#7e94a2}.graph-readings{padding:16px 0;margin:18px 0;border-top:1px solid #e2ebef;border-bottom:1px solid #e2ebef}.graph-readings p{font-size:10px;color:#8096a3}.graph-readings>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-top:12px}.graph-readings strong{text-align:right;font-weight:500}.add-source-menu{position:relative}.add-source-menu summary{list-style:none;font-size:12px;cursor:pointer;color:#538899;padding:10px 13px;border:1px solid #d2e3e9;border-radius:7px;background:#f3f9fa}.add-source-menu summary::-webkit-details-marker{display:none}.add-source-menu>div{position:absolute;z-index:5;top:calc(100% + 8px);right:0;width:240px;border:1px solid #dbe6eb;border-radius:8px;padding:6px;background:#fff;box-shadow:0 8px 20px #1c44551c}.add-source-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px;width:100%;border:0;border-radius:5px;background:#fff;text-align:left;font-size:12px;color:#395e6d}.add-source-menu button:hover{background:#eff6f8}.add-source-menu small{color:#8aa0ac;font-size:10px}.data-links-toggle{margin-left:auto;margin-right:12px}@media(max-width:1000px){.data-links-toolbar{gap:10px;padding:14px}.data-channel-tabs button{padding:8px 12px}.data-links-inspector{width:280px;padding:20px}}@media(max-width:700px){.data-links-editor{top:65px;overflow:auto}.data-links-toolbar{flex-wrap:wrap}.data-links-title{width:50%}.data-links-body{display:block;overflow:auto}.data-links-board{height:580px}.data-links-inspector{width:100%;border-top:1px solid #dce6eb}.graph-context{padding:10px}.graph-context>span{font-size:8px;letter-spacing:0}.graph-context input{width:140px}.graph-bottom{padding:10px}.graph-bottom p{max-width:150px}}.data-link-key{display:flex;gap:16px;align-items:center;margin-left:auto}.data-link-key span{display:flex;gap:6px;align-items:center;font-size:11px;color:#8096a3}.data-link-key i{width:7px;height:7px;border-radius:50%}.actual-source{width:250px;height:128px}.actual-source .graph-node-content{padding:12px 16px}.actual-source .graph-node-content>*{max-width:164px}.actual-source .graph-node-content strong{white-space:normal;font-size:16px;line-height:1.2}.actual-source .graph-output span{position:absolute;right:17px;padding:2px 4px;background:#fff;color:var(--link-color);font-size:10px}.graph-group{width:300px;height:146px}.graph-group-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;padding:13px 16px 12px 64px;background:none;border:0;border-radius:inherit;color:#315363;width:100%;height:100%}.graph-group-content strong{font-size:16px;line-height:1.2}.graph-group-content>span:not(.graph-kicker){font-size:11px;color:#7e96a4;line-height:1.6}.graph-group-content small{margin-top:auto;font-size:11px;color:#6d8c9b}.graph-group .graph-input span{position:absolute;left:17px;padding:2px 3px;background:#fff;color:var(--link-color);font-size:10px}.source-facts{display:grid;grid-template-columns:95px 1fr;gap:10px;font-size:11px;line-height:1.6}.source-facts dt{color:#8ca1ad}.source-facts dd{color:#456677;margin:0}.source-reading{display:flex;flex-direction:column;gap:6px;border-top:1px solid #e1eaee;padding:15px 0}.source-reading span{font-size:10px;color:#8aa1ad}.source-reading strong{font-size:14px;font-weight:600;line-height:1.6}.source-reading small{font-size:10px;color:#91a6b0;line-height:1.7}.group-match{border-top:1px solid #e2ebef;margin-top:25px;padding-top:5px}.group-match p{font-size:10px;line-height:1.8;color:#8097a5}.group-match strong{display:block;color:#527b8d;font-weight:600}.match-review{display:inline-block;border-radius:5px;padding:5px 7px;font-size:9px;background:#fbf5e9;color:#ac8a53}.file-save-note{padding:18px 0;border-top:1px solid #e2ebef;margin-top:30px;color:#7c96a6}.file-save-note strong{font-size:11px;font-weight:500}.file-save-note p{font-size:10px;line-height:1.8}.setup-menu-wrap{position:relative;z-index:60}.setup-file-menu summary{border-color:#3b4b59;color:#e2edf1;background:#202e3a}.setup-file-menu p,.setup-file-menu>div>small{padding:8px 12px;display:block;color:#7b94a3;font-size:10px;line-height:1.7;margin:0}.setup-message{position:fixed;z-index:100;right:20px;top:88px;max-width:360px;border:1px solid #c7dce3;padding:16px;border-radius:7px;color:#426779;background:#f7fcfd;box-shadow:0 4px 14px #203a4912;font-size:12px;line-height:1.7;cursor:pointer}@media(max-width:1000px){.data-link-key{gap:8px}.data-link-key span{font-size:9px}}.graph-source.actual-source{background:#214956;border-color:#315d6a;border-radius:20px;box-shadow:0 5px 14px #173f5020}.graph-source.actual-source.is-selected{border-color:#88b7c7;box-shadow:0 0 0 3px #a4cfda55}.actual-source .graph-node-content{color:#f0f8fa}.actual-source .graph-kicker{display:flex;align-items:center;gap:5px;color:#a9d0dc;font-size:8px;line-height:1.4}.actual-source .graph-node-location{color:#adc7d1}.actual-source .graph-node-content small{color:#a6cbd7}.actual-source .graph-output span{background:#214956;color:#d9edf4}.actual-source .graph-output{box-shadow:0 0 0 4px #214956;background:#214956}.source-node-icon{width:17px;height:17px;flex-shrink:0}.graph-group{background:#fffdf7;border-color:#dfdaca;border-radius:6px;box-shadow:0 3px 8px #7865470b}.graph-group .graph-kicker{color:#9d9279}.graph-group .graph-input span{background:#fffdf7}.graph-spot-override{background:#f8f3e9;border-style:dashed;border-color:#c5b28f;border-radius:14px}.graph-spot-override .graph-kicker{color:#b09b77}.graph-spot-override .graph-input span{background:#f8f3e9}.data-links-stage:focus{outline:none}.free-node-stage{cursor:crosshair;-webkit-user-select:none;user-select:none}.free-node-stage.is-pan{cursor:grab}.node-board-world{width:1px;height:1px}.board-edges{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;z-index:2}.board-node{position:absolute;z-index:4;box-sizing:border-box;box-shadow:0 4px 10px #193f4f14}.board-source{border:1px solid;border-radius:18px;cursor:grab}.board-source.station{background:#284e76;border-color:#42678c;color:#f0f7ff}.board-source.forecast{background:#def1e9;border-color:#a9d3c1;color:#285d4e}.board-source.is-selected{outline:3px solid #73a5c66b}.board-source-content{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:6px;background:none;border:0;padding:13px 16px;text-align:left;color:inherit;cursor:grab}.board-source-content>span{font-size:9px;letter-spacing:1px;opacity:.75;max-width:170px}.board-source-content strong{font-size:17px;line-height:1.15;max-width:164px}.board-source-content small{font-size:10px;opacity:.8;max-width:166px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-group{position:absolute;z-index:1;background:#f2f0f86b;border:2px solid #c3bad9;border-radius:45px;cursor:grab;box-sizing:border-box}.board-group.is-selected{border-color:#947ab9;background:#eae5f672}.board-group-title{position:absolute;left:45px;right:20px;top:10px;display:flex;gap:9px;align-items:center;justify-content:flex-start;text-align:left;padding:0;background:none;border:0;color:#796b95;cursor:grab}.board-group-title span{font-size:8px;letter-spacing:.8px;white-space:nowrap}.board-group-title strong{font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-spot{background:#fffdf8;border:1px solid #e0d9c9;border-radius:9px;cursor:grab;box-shadow:0 3px 7px #6a563c0d}.board-spot.is-selected{border-color:#ad9bc6}.board-spot.is-multi-selected{background:#e8f2fe;border:2px solid #76a8d6;box-shadow:0 0 0 3px #b3d4ee38}.board-spot-content{width:100%;height:100%;padding:11px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:5px;border:0;background:none;border-radius:inherit;color:#3e5e6d;cursor:grab}.board-spot-content>span{display:flex;gap:7px;align-items:center;font-size:16px;font-weight:650;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.board-spot-content i{width:7px;height:7px;border-radius:50%;background:var(--spot-color);flex-shrink:0}.board-spot-content small{font-size:10px;color:#8ba1ad;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.board-port{position:absolute;z-index:7;width:17px;height:17px;border-radius:50%;border:4px solid var(--port-color);padding:0;background:#fff;margin-top:-8.5px;cursor:crosshair;display:block;box-sizing:border-box}.board-port:hover{box-shadow:0 0 0 5px #96c5d64a}.board-output{right:-9px}.board-input{left:-9px}.board-port span{position:absolute;top:-3px;right:17px;font-size:10px;color:var(--port-color);font-weight:500;white-space:nowrap}.board-source.station .board-output span{color:#d3e8f6}.board-source.forecast .board-output span{color:#517f6f}.group-input span{right:18px;background:#f5f2fb;padding:2px 5px;border-radius:4px}.spot-input{width:14px;height:14px;margin-top:-7px;border-width:3px}.board-marquee{fill:#91bce92b;stroke:#72a5d7;stroke-width:1.5;stroke-dasharray:5 4}.board-node.is-dimmed{opacity:.2}.board-navigation{position:absolute;left:16px;bottom:12px;font-size:9px;color:#90a6b2;padding:6px 9px;border-radius:5px;background:#f8fbfbd9;pointer-events:none;z-index:8}.group-selected-button{background:#e7edf9;color:#5c77a8;border:1px solid #c5d3ed;border-radius:7px;padding:10px 13px;font-size:11px;white-space:nowrap}.data-links-toolbar{gap:13px}.data-links-title{min-width:180px}.data-links-toolbar .data-link-key{gap:9px}.data-links-toolbar .data-link-key span{font-size:9px}.conditions-editor{position:fixed;inset:80px 0 0;z-index:25;display:flex;flex-direction:column;background:#f4f7f8;color:#294958}.conditions-toolbar{min-height:90px;padding:16px 26px;border-bottom:1px solid #dce7ec;background:#fff;display:flex;gap:20px;align-items:center}.conditions-toolbar>div:first-child{margin-right:auto}.conditions-toolbar h1{font-size:20px;margin:6px 0}.conditions-toolbar>button{padding:10px 13px;border:1px solid #d7e4e9;border-radius:6px;background:#fff;color:#4e7283;font-size:11px}.conditions-color-key{display:flex;gap:12px;font-size:10px;color:#839ba7}.conditions-color-key span{display:flex;align-items:center;gap:5px}.conditions-color-key i{width:7px;height:7px;border-radius:50%}.conditions-layout{display:grid;grid-template-columns:250px minmax(360px,1fr) 310px;min-height:0;flex:1}.conditions-nav{overflow:auto;padding:22px 15px;background:#fff;border-right:1px solid #e0e9ed}.conditions-nav>input{width:100%;font-size:11px;border:1px solid #dae6eb;border-radius:6px;padding:10px;margin-bottom:20px}.condition-nav-group{border-bottom:1px solid #edf2f4;padding:8px 0 12px}.condition-nav-group>button{width:100%;background:none;border:0;border-radius:6px;justify-content:flex-start;text-align:left;color:#4b6d7e;padding:10px 9px;font-size:11px;line-height:1.5}.condition-nav-group>button:first-child{justify-content:space-between;font-size:11px}.condition-nav-group small{font-size:9px;color:#92a8b3;font-weight:400;white-space:nowrap}.condition-nav-group .condition-nav-spot{padding:8px 9px 8px 18px;color:#7a95a3;font-size:11px}.condition-nav-spot i{width:6px;height:6px;border-radius:50%;flex-shrink:0}.condition-nav-spot small{margin-left:auto;color:#659687}.condition-nav-group>button.selected{background:#ecf5f3;color:#397765}.conditions-content{overflow:auto;padding:30px 36px}.conditions-heading{margin-bottom:26px}.conditions-heading h2{font:700 25px Manrope,sans-serif;letter-spacing:-.8px;margin:9px 0 12px}.conditions-heading p{font-size:12px;color:#8b9fa9;line-height:1.8;max-width:600px}.condition-card{border:1px solid #dce7ec;border-radius:10px;padding:23px;background:#fff;margin-bottom:18px}.condition-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.condition-card-heading h3{margin:0;font-size:14px}.condition-card-heading>span{font-size:10px;color:#91a9b4}.condition-card-heading>label{display:flex;align-items:center;gap:7px;font-size:10px;color:#7b998f}.condition-card input[type=checkbox]{accent-color:#4f9a7e;width:14px;height:14px}.preference-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.preference-number{display:flex;flex-direction:column;gap:8px;font-size:10px;line-height:1.6;color:#8099a6}.preference-number input{width:100%;font-size:15px;border:1px solid #d9e5e9;padding:11px 10px;border-radius:6px;color:#365e70;background:#fbfdfe;min-width:0}.is-inherited .preference-number input{background:#f5f8f9;color:#a2b3bb}.preference-help{font-size:10px;line-height:1.8;color:#92a7b0;margin:13px 0}.wind-preference-picker{display:flex;align-items:center;gap:30px;margin-bottom:25px}.wind-preference-picker svg{width:115px;height:115px;flex-shrink:0}.any-tide{display:flex;align-items:center;gap:8px;font-size:12px;color:#668c7e;margin-bottom:20px}.tide-windows{display:flex;flex-direction:column;gap:14px}.tide-windows>div{display:grid;grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr) 20px;align-items:end;gap:12px}.tide-windows>div>span{font-size:11px;align-self:center;color:#9aafb9;margin-top:22px}.remove-window{background:none;border:0;color:#a9b9c1;font-size:21px;padding:8px 0}.add-tide-window{background:none;border:0;padding:13px 0 0;color:#629b88;font-size:11px}.conditions-preview{overflow:auto;background:#fff;border-left:1px solid #dce7ec;padding:28px 22px}.conditions-preview h2{font-size:16px;line-height:1.5;margin:12px 0 20px}.spot-live-result{display:flex;width:100%;align-items:center;gap:8px;padding:13px 0;border:0;border-top:1px solid #e6edf1;background:none;text-align:left;font-size:11px;color:#4f7384}.spot-live-result i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.spot-live-result strong{font-size:9px;margin-left:auto;font-weight:500;max-width:90px;text-align:right;line-height:1.6}.live-condition-checks{margin-top:20px}.live-condition-checks>div{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-top:1px solid #e6edf1;font-size:11px}.live-condition-checks strong{margin-left:auto;font-weight:600}.live-condition-checks small{width:100%;color:#8ba3af;font-size:10px;line-height:1.8}.evaluation-source-box{border-top:1px solid #dce7ec;padding-top:18px;margin-top:25px}.evaluation-source-box h3{font-size:12px}.evaluation-source-box>p{font-size:10px;color:#8a9fab;line-height:1.7}.source-assignments label{display:block;font-size:10px;color:#8199a6;margin-top:16px}.source-assignments select{margin-top:7px;font-size:10px}.spot-group-controls>label{display:block;font-size:11px;color:#7895a3;max-width:350px;margin-top:24px}.spot-group-controls select{margin-top:8px}.spot-group-controls details{margin-top:16px;font-size:10px;color:#6d9c8d}.spot-group-controls summary{cursor:pointer}.spot-group-controls details>div{display:flex;gap:10px;margin-top:12px}.spot-group-controls input{min-width:0;border:1px solid #d5e3e9;border-radius:5px;padding:9px;font-size:11px}.spot-group-controls button{background:#e6f3ee;color:#4a896f;border:1px solid #c5dfd2;border-radius:5px;padding:8px 12px;font-size:11px}@media(max-width:1150px){.conditions-layout{grid-template-columns:210px minmax(300px,1fr) 270px}.conditions-content{padding:25px 20px}.conditions-preview{padding:24px 17px}.conditions-color-key{display:none}}@media(max-width:800px){.conditions-layout{grid-template-columns:180px minmax(300px,1fr);overflow:auto}.conditions-preview{grid-column:2}.conditions-content{overflow:visible}.conditions-toolbar{flex-wrap:wrap;gap:10px}.preference-fields{grid-template-columns:1fr}.conditions-nav{grid-row:span 2}.wind-preference-picker{gap:15px}.conditions-editor{top:65px}.conditions-toolbar h1{font-size:16px}}.tide-preference-mode{display:flex;flex-direction:column;gap:8px;margin:12px 0;color:#688896;font-size:11px}.tide-preference-mode select{width:100%;border:1px solid #d4e1e5;border-radius:6px;padding:10px;background:#fff;color:#3f6c7d}.tide-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.tide-choices button{min-height:44px;padding:9px 6px;border:1px solid #d8e5e8;border-radius:9px;background:#fff;color:#557686;font-size:12px}.tide-choices button[aria-pressed=true]{background:#e6f3ec;border-color:#9ccab5;color:#286d53}.tide-choices button[aria-pressed=true]:disabled{opacity:1}.tide-choices button:nth-child(4){grid-column:1 / -1}.surf-estimate{margin:0 0 15px;padding:13px 15px 11px;border:1px solid #d7e5df;border-radius:14px;background:#fff}.surf-estimate-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#587d70}.surf-estimate-badge{padding:3px 6px;border-radius:5px;background:#eef4f1;color:#7a9488;font-size:9px}.surf-estimate-size{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:9px}.surf-estimate-size>div{display:grid;gap:3px}.surf-estimate-size>div+div{border-left:1px solid #e5ede8;padding-left:14px}.surf-estimate-size strong{font-size:28px;line-height:1.1;font-weight:600;letter-spacing:-.8px;color:#315f54}.surf-estimate-size b{font-size:21px;line-height:1.45;font-weight:500;color:#6b8b7c}.surf-estimate-size span{font-size:10px;color:#82988c}.surf-estimate p{font-size:11px;line-height:1.7;color:#7f9589}.surf-estimate .surf-estimate-caption{margin:10px 0 0;font-size:10px}.surf-estimate-unavailable{margin:10px 0 5px}.surf-estimate-method{margin-top:5px}.surf-estimate-method summary{padding:7px 0;font-size:10px;color:#587f6c;cursor:pointer}.surf-estimate-method a{color:#3e7b5b}.surf-estimate-method summary:focus-visible{outline:2px solid #4c8a65;outline-offset:3px;border-radius:3px}.spot-preferences{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;background:#f5f8f7;color:#244654}.spot-preferences-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;touch-action:pan-y}.preferences-intro{margin:0 4px 17px;font-size:12px;line-height:1.7;color:#728b85}.spot-preference-card{margin:0 0 13px;padding:18px;background:#fff;border:1px solid #e0e9e5;border-radius:15px}.spot-preference-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.spot-preference-title h3{font-size:15px;margin:0 0 5px}.spot-preference-title>div>span{color:#8ba096;font-size:10px}.spot-preference-title>button{flex-shrink:0;min-height:44px;padding:8px 10px;border:1px solid #dce9e1;border-radius:9px;background:#f4f9f5;color:#4e7e65;font-size:11px}.preferred-bearing{display:flex;align-items:baseline;justify-content:center;gap:9px;margin-bottom:7px;color:#588574}.preferred-bearing strong{font-size:25px;letter-spacing:-1px;color:#2c7155}.preferred-bearing span{font-size:11px}.spot-preferences .wind-preference-picker{display:flex;flex-direction:column;gap:10px;align-items:center}.spot-preferences .wind-preference-picker>svg{width:195px;height:195px;max-width:100%;cursor:crosshair}.wind-preference-picker>svg:focus-visible{outline:2px solid #458a71;outline-offset:3px;border-radius:50%}.spot-preferences .preferences-help{font-size:11px;line-height:1.7;color:#81968d;margin:12px 0}.preferences-tolerance{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;color:#6a877a;font-size:12px}.preferences-tolerance input{width:100%;min-height:36px;padding:0;accent-color:#438c6c}.preferences-orange{margin-top:16px}.preferences-orange input{accent-color:#d29a44}.spot-preferences .preference-number{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#6c897d}.spot-preferences .preference-number input,.spot-preferences select{width:100%;min-height:48px;padding:11px 12px;border:1px solid #d7e5de;border-radius:9px;background:#fbfdfb;color:#2d6154;font-size:16px}.preferences-swell-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spot-preferences .tide-choices button{min-height:48px;font-size:12px}.preferences-tide-summary{margin:10px 0;font-size:12px;font-weight:600;color:#4f8667}.preferences-advanced{border-top:1px solid #edf1ed;padding-top:5px;margin-top:15px}.preferences-advanced>summary{cursor:pointer;min-height:40px;padding:12px 0;color:#8a9e93;font-size:11px}.preferences-advanced[open]>summary{margin-bottom:8px;color:#438064}.spot-preferences .preference-fields{grid-template-columns:1fr}.spot-preferences .preferences-reset{min-height:44px;margin-top:12px;padding:9px;border:0;background:none;color:#70977e;font-size:11px}.spot-preferences-footer{flex-shrink:0;padding:13px 18px max(16px,env(safe-area-inset-bottom));border-top:1px solid #dce8df;background:#fff}.preferences-preview{display:flex;gap:7px;align-items:center;color:#81968d;font-size:10px;margin-bottom:11px;line-height:1.5}.preferences-preview>span:first-child{width:7px;height:7px;border-radius:50%;flex-shrink:0}.preferences-preview strong{color:#5c7768;font-weight:500}.spot-preferences-footer .preferences-save{width:100%;min-height:50px;border-radius:11px;border:1px solid #367453;background:#3e7b5b;color:#fff;font-size:14px;font-weight:600}.spot-preferences-footer>p{font-size:11px;color:#aa594f;line-height:1.6}.spot-preferences button:focus-visible{outline:2px solid #3c8064;outline-offset:2px}.spot-preferences button,.spot-preferences input{-webkit-tap-highlight-color:#3e7b5b20}@media(max-width:350px){.spot-preferences-body{padding:12px}.spot-preference-card{padding:14px}.preferences-swell-range{gap:7px}}@media(prefers-reduced-motion:reduce){.spot-preferences{animation:none}}.preferences-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}.preferences-cancel{min-height:50px;padding:10px 13px;border:1px solid #dbe6df;border-radius:11px;color:#658573;background:#f7faf7;font-size:12px}.preferences-fieldset{margin:0;border:0;min-width:0}.spot-preferences .wind-preference-picker{margin-bottom:12px}.spot-preferences-footer .preferences-save{display:flex;align-items:center;justify-content:center;gap:9px}.preferences-save:disabled,.preferences-cancel:disabled{opacity:.65;cursor:default}.preferences-save-spinner{width:15px;height:15px;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:preferences-save-spin .75s linear infinite}@keyframes preferences-save-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.preferences-save-spinner{animation:none}}.break-sheet{--sheet-enter-offset: 20px;--sheet-keyboard-inset: 0px;position:fixed;z-index:40;right:24px;bottom:calc(16px + var(--sheet-keyboard-inset));width:430px;max-width:calc(100vw - 48px);display:flex;flex-direction:column;overflow:hidden;background:#f7faf8;color:#294b53;border:1px solid #dae6df;border-radius:22px;box-shadow:0 12px 48px #183b4921;transition:height .28s cubic-bezier(.22,1,.36,1),bottom .2s ease;isolation:isolate;animation:sheet-enter .3s cubic-bezier(.22,1,.36,1)}.break-sheet.is-closing{transform:translateY(calc(100% + 24px));opacity:0;transition:transform .24s ease-in,opacity .22s ease;pointer-events:none}.break-sheet.is-dragging{transition:none;-webkit-user-select:none;user-select:none}.sheet-chrome{background:#fff;flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none}.sheet-grabber{display:none}.sheet-heading{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;padding:16px 18px 12px}.sheet-heading>div{text-align:center}.sheet-heading-space{width:44px;height:44px}.sheet-heading>div>span{font-size:10px;color:#86a195}.sheet-heading h2{margin:4px 0 0;font-size:22px;letter-spacing:-.6px;line-height:1.25}.sheet-heading>button{width:44px;height:44px;border:0;border-radius:12px;background:none;color:#80968a;padding:11px}.sheet-heading>.sheet-settings{background:#f0f7f2;color:#51806b;border:1px solid #e2ece4}.sheet-heading>.sheet-settings[aria-pressed=true]{color:#367655;background:#e4f2e8;border-color:#b5d7c0}.sheet-heading svg{width:22px;height:22px}.sheet-close svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.sheet-tabs{display:flex;flex-shrink:0;gap:4px;padding:4px;margin:0 18px 14px;background:#eaf0eb;border-radius:11px}.sheet-tabs>button{flex:1;min-width:0;min-height:37px;border:0;border-radius:8px;background:none;font-size:12px;color:#789081}.sheet-tabs>button[aria-selected=true]{background:#fff;color:#376851;box-shadow:0 1px 4px #263e2c12;font-weight:600}.sheet-tabs i{width:5px;height:5px;border-radius:50%;background:#8aa97c}.sheet-pane{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden}.sheet-pane[hidden]{display:none}.sheet-scroll{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;touch-action:pan-y}.sheet-readings{flex:1;padding:4px 22px max(24px,env(safe-area-inset-bottom))}.sheet-quality{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600;margin:6px 0 17px}.sheet-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 16px}.sheet-signal{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:76px;padding:10px 4px 8px;border:1px solid;border-radius:12px;color:var(--signal-color)}.sheet-signal svg{width:23px;height:23px}.sheet-signal>span{font-size:10px;font-weight:600;color:#59776b}.sheet-signal>small{font-size:9px;line-height:1.3}.sheet-tide{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;margin:-6px 0 16px;padding:13px 15px;border:1px solid;border-radius:12px;color:var(--signal-color);text-align:left}.sheet-tide>svg{width:25px;height:25px;flex-shrink:0}.sheet-tide-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.sheet-tide-copy>span{color:#59776b;font-size:10px;font-weight:600}.sheet-tide-copy>strong{font-size:13px;font-weight:600;line-height:1.4}.sheet-tide-value{max-width:35%;font-size:10px;line-height:1.5;text-align:right}.sheet-condition{scroll-margin-top:10px}.sheet-quality i{width:7px;height:7px;border-radius:50%}.sheet-preferences-summary{padding:14px 16px;border-radius:12px;background:#edf5ef;margin-bottom:20px}.sheet-preferences-summary>span{color:#85a08b;font-size:10px}.sheet-preferences-summary p{color:#47735a;font-size:12px;line-height:1.8;margin:5px 0 0}.sheet-condition{border-top:1px solid #e2eae4;padding:16px 0}.sheet-condition>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px}.sheet-condition strong{font-size:13px}.sheet-condition>div>span{text-align:right}.sheet-condition>p{color:#81978a;font-size:11px;line-height:1.8;margin:8px 0 0}.sheet-sources{margin:4px 0 0;padding-top:10px;border-top:1px solid #e2eae4}.sheet-sources>summary{cursor:pointer;min-height:40px;padding:11px 0;color:#809489;font-size:11px}.sheet-sources p{font-size:10px;line-height:1.7;color:#8b9f92;margin:5px 0}.break-sheet .detail-save-status{font-size:11px;line-height:1.7;color:#638b6d}.break-sheet button:focus-visible{outline:2px solid #4c8a65;outline-offset:2px}.break-sheet .sheet-grabber:focus-visible{outline:none}.sheet-grabber:focus-visible>span{outline:2px solid #4c8a65;outline-offset:4px}.break-sheet button{-webkit-tap-highlight-color:#3e7b5b20}@media(max-width:700px){.break-sheet{--sheet-enter-offset: 100%;left:0;right:0;bottom:var(--sheet-keyboard-inset);width:100%;max-width:none;border-radius:24px 24px 0 0;border-bottom:0;box-shadow:0 -8px 40px #1b413b20}.sheet-grabber{display:flex;width:100%;height:26px;min-height:26px;padding:0;border:0;background:none;cursor:grab;touch-action:none}.is-dragging .sheet-grabber{cursor:grabbing}.sheet-grabber>span{display:block;width:36px;height:4px;border-radius:4px;background:#ccdcd0}.sheet-heading{padding:0 18px 14px}.sheet-heading h2{font-size:23px}.sheet-tabs{margin-bottom:12px}.sheet-readings{padding-left:22px;padding-right:22px}.view-mode:has(.break-sheet) .zoom-controls{top:6px;bottom:auto;right:12px}}@keyframes sheet-enter{0%{opacity:0;transform:translateY(var(--sheet-enter-offset))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.break-sheet{transition:none;animation:none}.break-sheet.is-closing{transition:none}}