.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.weather-window-page-container{width:100%;height:100%;overflow-y:auto;padding:1.5rem 2rem 4rem;box-sizing:border-box;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 50% 10%,#0f172a,#080d1a)}.ww-controls-panel{background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.25);border-radius:14px;padding:1.5rem;box-shadow:0 10px 30px -5px #00000080,0 0 20px #38bdf814;margin-bottom:1.75rem}.ww-controls-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1.25rem}.ww-title-cluster{display:flex;align-items:center;gap:.85rem}.ww-header-icon{width:44px;height:44px;border-radius:12px;background:#38bdf826;border:1px solid rgba(56,189,248,.35);display:flex;align-items:center;justify-content:center}.ww-main-title{margin:0;font-size:1.35rem;font-weight:700;color:#f8fafc;letter-spacing:-.02em}.ww-subtitle{margin:.2rem 0 0;font-size:.84rem;color:#94a3b8}.ww-preset-select-wrapper{display:flex;flex-direction:column;gap:.25rem;min-width:280px}.ww-field-label{font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.ww-field-row-header{display:flex;justify-content:space-between;align-items:center}.ww-select-input{background:#1e293bcc;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#f1f5f9;padding:.45rem .75rem;font-size:.85rem;outline:none;cursor:pointer;transition:all .2s ease}.ww-select-input:hover,.ww-select-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.ww-parameters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.ww-card-field{background:#1e293b73;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.45rem}.ww-distance-badge{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3);padding:.15rem .45rem;border-radius:6px;font-size:.72rem;font-weight:700}.ww-waypoints-inputs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ww-waypoint-pill{display:flex;align-items:center;gap:.35rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);padding:.25rem .55rem;border-radius:6px;font-size:.78rem}.ww-wp-name{color:#94a3b8;font-weight:600}.ww-wp-coords{color:#f1f5f9;font-family:monospace}.ww-wp-arrow{color:#64748b}.ww-btn-link{background:none;border:none;color:#38bdf8;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.3rem;cursor:pointer;padding:.2rem 0;margin-top:.2rem;transition:color .15s ease}.ww-btn-link:hover{color:#7dd3fc;text-decoration:underline}.ww-input-with-icon{position:relative;display:flex;align-items:center}.ww-input-icon{position:absolute;left:.65rem;pointer-events:none}.ww-datetime-input{width:100%;background:#0f172ab3;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#f8fafc;padding:.45rem .65rem .45rem 2.2rem;font-size:.82rem;outline:none;transition:all .15s ease}.ww-datetime-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf840}.ww-btn-text-toggle{background:none;border:none;color:#a855f7;font-size:.72rem;font-weight:600;cursor:pointer;padding:0}.ww-btn-text-toggle:hover{text-decoration:underline}.ww-disabled-end-box{background:#0f172a66;border:1px dashed rgba(255,255,255,.15);border-radius:7px;padding:.45rem .65rem;font-size:.78rem;color:#94a3b8;font-style:italic}.ww-field-hint{font-size:.72rem;color:#64748b}.ww-dual-selects{display:flex;gap:.45rem}.ww-select-input-sm{flex:1;background:#0f172ab3;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#f8fafc;padding:.4rem .5rem;font-size:.8rem;outline:none}.ww-coarseness-chip{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:#38bdf8;background:#38bdf814;border:1px solid rgba(56,189,248,.2);border-radius:5px;padding:.2rem .5rem;width:fit-content}.ww-action-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.ww-error-banner{display:flex;align-items:center;gap:.5rem;background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171;padding:.5rem .85rem;border-radius:8px;font-size:.84rem}.ww-action-right{margin-left:auto}.ww-btn-search{display:flex;align-items:center;gap:.55rem;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid rgba(56,189,248,.4);border-radius:10px;padding:.75rem 1.6rem;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #0284c759}.ww-btn-search:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 6px 20px #0ea5e973;transform:translateY(-1px)}.ww-btn-search:disabled{opacity:.7;cursor:not-allowed;transform:none}.ww-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ww-spin .8s linear infinite}@keyframes ww-spin{to{transform:rotate(360deg)}}.ww-results-section{display:flex;flex-direction:column;gap:1.25rem}.ww-results-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.85rem 1.2rem}.ww-results-counts{display:flex;flex-direction:column;gap:.2rem}.ww-results-title{font-size:1.05rem;font-weight:700;color:#f8fafc}.ww-results-subtitle{font-size:.78rem;color:#94a3b8}.ww-toolbar-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ww-filter-group{display:flex;align-items:center;gap:.35rem}.ww-filter-pill{background:#1e293b99;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:.35rem .7rem;border-radius:20px;font-size:.76rem;font-weight:600;display:flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .15s ease}.ww-filter-pill:hover{background:#334155cc;color:#f8fafc}.ww-filter-pill.active{background:#38bdf833;border-color:#38bdf880;color:#38bdf8}.ww-sort-group{display:flex;align-items:center;gap:.45rem}.ww-sort-label{font-size:.78rem;font-weight:600;color:#94a3b8}.ww-sort-select{background:#1e293bcc;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#f8fafc;padding:.35rem .65rem;font-size:.8rem;outline:none}.ww-table-container{width:100%;background:#0f172acc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 10px 30px #0006;overflow:hidden}.ww-table-scroll-wrapper{position:relative;width:100%;overflow-x:auto}.ww-table{width:100%;border-collapse:collapse;text-align:left;min-width:1100px}.ww-th{padding:.85rem .9rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.1);background:#0f172af2;position:sticky;top:0;z-index:5}.ww-tr{border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .15s ease}.ww-tr:hover{background:#38bdf812}.ww-tr.selected{background:#38bdf81f}.ww-tr.expanded{background:#1e293b80;border-bottom-color:transparent}.ww-td{padding:.65rem .85rem;vertical-align:middle}.ww-td.ww-td-comfort{padding:.65rem .5rem;vertical-align:middle;width:220px;min-width:220px}.ww-td-dep-content{display:flex;flex-direction:column;gap:.15rem}.ww-td-dep-date{font-size:.86rem;font-weight:700;color:#f8fafc}.ww-td-dep-utc{font-size:.74rem;color:#38bdf8;font-family:monospace}.ww-td-rank-chip{margin-top:.15rem}.ww-rank-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;border-radius:12px;font-size:.68rem;font-weight:700}.ww-rank-pill.gold{background:#eab30833;border:1px solid rgba(234,179,8,.5);color:#facc15}.ww-rank-pill.silver{background:#94a3b833;border:1px solid rgba(148,163,184,.4);color:#e2e8f0}.ww-rank-pill.normal{background:#33415580;color:#94a3b8}.ww-comfort-cell{display:flex;align-items:center;justify-content:space-between;width:210px;box-sizing:border-box;position:relative}.ww-comfort-track-spacer{flex-shrink:0}.ww-comfort-score-badge{display:flex;align-items:center;justify-content:center;min-width:38px;height:28px;padding:0 .4rem;border:1.5px solid;border-radius:8px;font-size:.95rem;font-weight:800;background:#0f172ad9;margin-left:auto;box-sizing:border-box;flex-shrink:0}.ww-comfort-overlay-svg{pointer-events:none;z-index:2;overflow:visible;transition:opacity .25s ease}.ww-comfort-overlay-svg.dimmed{opacity:.35}.ww-td-duration-content{display:flex;flex-direction:column;gap:.2rem}.ww-duration-top-row{display:flex;align-items:center;gap:.45rem}.ww-duration-badge{display:inline-block;background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#38bdf8;padding:.18rem .5rem;border-radius:10px;font-size:.78rem;font-weight:700;width:fit-content}.ww-conf-chip{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:10px;font-size:.7rem;font-weight:700;border:1px solid;letter-spacing:.02em;transition:all .15s ease}.ww-arr-text{font-size:.72rem;color:#cbd5e1}.ww-dist-speed-text{font-size:.68rem;color:#64748b}.ww-td-pos-content{display:flex;flex-direction:column;gap:.3rem;width:140px}.ww-pos-label-row{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.ww-pos-mini-bar{height:6px;border-radius:3px;overflow:hidden;display:flex;background:#ffffff14}.ww-pos-seg{height:100%}.ww-td-waves-content{display:flex;flex-direction:column;gap:.15rem}.ww-wave-main{font-size:.82rem;font-weight:700;color:#f1f5f9}.ww-wave-sub{font-size:.72rem;color:#94a3b8;font-weight:400}.ww-wave-period{font-size:.72rem;color:#38bdf8}.ww-sea-state-tag{font-size:.66rem;font-weight:700;text-transform:uppercase}.ww-sea-state-tag.gentle{color:#10b981}.ww-sea-state-tag.rough{color:#ef4444}.ww-td-wind-content{display:flex;flex-direction:column;gap:.15rem}.ww-wind-main{font-size:.82rem;font-weight:700;color:#f1f5f9}.ww-wind-sub{font-size:.72rem;color:#facc15}.ww-heel-text{font-size:.7rem;color:#94a3b8}.ww-td-warn-content{display:flex;align-items:center}.ww-warn-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border-radius:6px;font-size:.72rem;font-weight:700;white-space:nowrap}.ww-warn-badge.gale{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5}.ww-warn-badge.low-wind{background:#f59e0b33;border:1px solid rgba(245,158,11,.5);color:#fcd34d}.ww-warn-badge.night{background:#a855f733;border:1px solid rgba(168,85,247,.5);color:#d8b4fe}.ww-td-action-content{display:flex;align-items:center;gap:.65rem}.ww-td-map-thumb{width:110px;height:55px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#091528;flex-shrink:0}.ww-btn-map-inspect{display:flex;align-items:center;gap:.3rem;background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#38bdf8;border-radius:6px;padding:.35rem .6rem;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.ww-btn-map-inspect:hover{background:#38bdf84d;color:#fff}.ww-btn-expand-row{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.3rem;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.ww-btn-expand-row:hover{color:#f8fafc}.ww-expanded-row{position:relative;z-index:4;background:#0f172a;border-bottom:2px solid rgba(56,189,248,.3)}.ww-expanded-cell{position:relative;z-index:4;background:#0f172a;padding:1.25rem}.ww-expanded-drawer{display:flex;gap:1.75rem;flex-wrap:wrap}.ww-expanded-left{flex:1;min-width:380px;display:flex;flex-direction:column;gap:.5rem}.ww-expanded-header{display:flex;justify-content:space-between;align-items:center}.ww-drawer-title{font-size:.85rem;font-weight:700;color:#f8fafc}.ww-drawer-time{font-size:.76rem;color:#38bdf8;font-family:monospace}.ww-expanded-map-wrap{background:#091528;border:1px solid rgba(56,189,248,.25);border-radius:8px;overflow:hidden;padding:.5rem}.ww-expanded-right{flex:1;min-width:320px;display:flex;flex-direction:column;gap:.75rem}.ww-expanded-h4{margin:0;font-size:.92rem;font-weight:700;color:#f8fafc}.ww-expanded-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.ww-stat-box{background:#1e293b80;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.15rem}.stat-label{font-size:.68rem;text-transform:uppercase;color:#94a3b8}.stat-value{font-size:.8rem;font-weight:700;color:#f1f5f9}.ww-drawer-alert{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:7px;font-size:.78rem;line-height:1.35}.ww-drawer-alert.gale{background:#ef44442e;border:1px solid rgba(239,68,68,.45);color:#fca5a5}.ww-drawer-alert.low-wind{background:#f59e0b2e;border:1px solid rgba(245,158,11,.45);color:#fcd34d}.ww-drawer-alert.night{background:#a855f72e;border:1px solid rgba(168,85,247,.45);color:#d8b4fe}.ww-drawer-actions{margin-top:auto;padding-top:.5rem}.ww-btn-primary-inspect{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid rgba(56,189,248,.4);color:#fff;border-radius:8px;padding:.65rem 1rem;font-size:.82rem;font-weight:700;cursor:pointer;width:100%;transition:all .2s ease}.ww-btn-primary-inspect:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.ww-expanded-pos-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.5rem}.ww-expanded-pos-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.ww-pos-card-title{font-size:.78rem;font-weight:700;color:#f8fafc}.ww-expanded-pos-legend{display:flex;align-items:center;gap:.85rem;font-size:.72rem;color:#cbd5e1}.pos-legend-item{display:flex;align-items:center;gap:.35rem}.pos-dot{width:7px;height:7px;border-radius:50%}.ww-expanded-pos-bar{height:8px;border-radius:4px;overflow:hidden;display:flex;background:#ffffff14}.ww-expanded-wind-rose-wrap{margin-top:.25rem;border-radius:10px;overflow:hidden}.ww-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 1.5rem;max-width:640px;margin:0 auto}.ww-empty-icon-circle{width:88px;height:88px;border-radius:50%;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.ww-empty-state h2{font-size:1.4rem;color:#f8fafc;margin:0 0 .75rem}.ww-empty-state p{font-size:.92rem;line-height:1.6;color:#94a3b8;margin:0 0 2rem}.ww-features-row{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}.ww-feature-item{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;color:#cbd5e1;background:#1e293b80;border:1px solid rgba(255,255,255,.08);padding:.45rem .85rem;border-radius:20px}@media(max-width:900px){.weather-window-page-container{padding:1rem 1rem 3rem}.ww-parameters-grid{grid-template-columns:1fr}.ww-expanded-drawer{flex-direction:column}}:root{--bg-dark: #090e17;--bg-panel: rgba(15, 23, 42, .85);--bg-card: rgba(30, 41, 59, .7);--border-color: rgba(148, 163, 184, .15);--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #0284c7;--primary-hover: #0369a1;--accent: #38bdf8;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);overflow:hidden;height:100%;height:100vh;height:100dvh;min-height:100dvh;width:100%;width:100vw;overscroll-behavior:none}.app-container{display:flex;height:100%;height:100vh;height:100dvh;width:100%;width:100vw;position:relative;overflow:hidden}.sidebar{width:420px;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000;height:100%;overflow-y:auto;box-shadow:4px 0 24px #0006}.sidebar-header{padding:18px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.sidebar-header h1{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-header .badge{font-size:.7rem;padding:2px 8px;border-radius:9999px;background:#38bdf826;color:var(--accent);border:1px solid rgba(56,189,248,.3);font-family:var(--font-mono)}.sidebar-content{padding:20px;display:flex;flex-direction:column;gap:20px}.section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.section-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);display:flex;align-items:center;gap:8px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.8rem;color:var(--text-muted)}.input-field,.select-field{background:#0f172a99;border:1px solid var(--border-color);color:var(--text-main);padding:8px 12px;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s;font-family:inherit}input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{opacity:.75;cursor:pointer;transition:opacity .15s ease}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover,input[type=week]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper,input[type=date]::-webkit-datetime-edit-fields-wrapper{color:inherit}.input-field:focus,.select-field:focus{border-color:var(--accent)}.auto-step-indicator{font-size:.68rem;font-family:var(--font-mono);color:var(--accent);background:#38bdf81a;border:1px solid rgba(56,189,248,.25);padding:1px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.btn-reset-auto-step{background:#38bdf81f;border:1px solid rgba(56,189,248,.25);color:var(--accent);padding:0 10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-reset-auto-step:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.coords-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;padding:12px 18px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #0284c74d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px);box-shadow:0 6px 16px #0284c766}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.main-view{flex:1;position:relative;height:100%;height:100vh;height:100dvh;width:100%;overflow:hidden;background:#090e17}.map-view-container,.map-container{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:#090e17;z-index:1}.leaflet-top.leaflet-left{top:calc(76px + env(safe-area-inset-top,0px))!important;left:calc(18px + env(safe-area-inset-left,0px))!important}.leaflet-control-zoom{border-radius:8px!important;overflow:hidden;border:1px solid var(--border-color)!important;background:var(--bg-panel)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px #0006!important}.leaflet-control-zoom a{background:var(--bg-panel)!important;color:var(--text-main)!important;border-bottom:1px solid var(--border-color)!important}.leaflet-control-zoom a:hover{background:#38bdf833!important;color:#fff!important}.timeline-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 480px);max-width:960px;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;padding:16px 20px;z-index:1000;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 32px #00000080}.timeline-controls{display:flex;align-items:center;gap:12px;width:100%}.play-btn{background:var(--accent);color:#0f172a;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,background-color .2s;flex-shrink:0}.play-btn:hover{transform:scale(1.08);background:#7dd3fc}.timeline-nav-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all .15s;flex-shrink:0}.timeline-nav-btn:hover{color:var(--text-main);background:#ffffff14}.timeline-slider{flex:1;min-width:0;-webkit-appearance:none;height:6px;border-radius:3px;background:#ffffff26;outline:none}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 10px var(--accent)}.speed-controls-group{display:flex;align-items:center;gap:2px;background:#0f172a99;border:1px solid var(--border-color);padding:2px 3px;border-radius:6px;flex-shrink:0}.speed-segmented-bar{display:flex;gap:2px}.speed-pill-btn{background:transparent;border:none;color:var(--text-muted);font-size:.65rem;font-weight:700;padding:2px 5px;border-radius:4px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;outline:none;line-height:1.2}.speed-pill-btn:hover{color:var(--text-main);background:#ffffff14}.speed-pill-btn.active{background:var(--primary);color:#fff;box-shadow:0 1px 4px #0284c766}.timeline-progress-badge{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--accent);background:#38bdf81a;border:1px solid rgba(56,189,248,.25);padding:3px 8px;border-radius:6px;min-width:42px;text-align:center;flex-shrink:0}.timeline-table-root{display:flex;align-items:stretch;width:100%;background:#0f172abf;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 3px #0000004d}.timeline-table-labels{width:58px;min-width:58px;flex-shrink:0;background:#0f172af2;border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:5}.timeline-label-cell{display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-size:.58rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.05)}.timeline-label-cell.label-time{justify-content:center}.unit-sub{font-size:.52rem;font-weight:600;color:#64748b;text-transform:none;font-family:var(--font-mono)}.timeline-label-cell:last-child{border-bottom:none}.timeline-label-cell.label-time{height:25px}.timeline-label-cell.label-wind{height:23px}.timeline-label-cell.label-boat,.timeline-label-cell.label-wave{height:20px}.timeline-label-cell.label-twa{height:22px}.timeline-table-viewport-wrapper{position:relative;flex:1;overflow:hidden;display:flex}.timeline-table-indicator-line{position:absolute;left:0;top:0;bottom:0;width:2px;background:#38bdf8;box-shadow:0 0 8px #38bdf8e6,0 0 16px #38bdf866;z-index:10;pointer-events:none;transform:translate(-50%)}.indicator-pointer-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #38bdf8;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.indicator-pointer-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #38bdf8;filter:drop-shadow(0 -1px 2px rgba(0,0,0,.8))}.timeline-table-scroll-track{width:100%;overflow-x:auto;scrollbar-width:none}.timeline-table-scroll-track::-webkit-scrollbar{display:none}.timeline-table-content{display:flex;height:100%}.timeline-col{display:flex;flex-direction:column;cursor:pointer;border-right:1px solid rgba(255,255,255,.05);transition:background .15s ease;flex-shrink:0}.timeline-col:hover{background:#38bdf81f}.timeline-col.col-active{background:#38bdf82e}.timeline-data-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.05);font-family:var(--font-mono);box-sizing:border-box}.timeline-data-cell:last-child{border-bottom:none}.timeline-data-cell.cell-time{height:25px;gap:1px}.time-elapsed-tag{font-size:.65rem;font-weight:700;color:#f1f5f9;line-height:1}.time-clock-tag{font-size:.54rem;color:var(--text-muted);line-height:1}.timeline-data-cell.cell-wind{height:23px}.wind-divided-chip{display:inline-flex;align-items:stretch;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0006;border:1px solid rgba(255,255,255,.15);height:18px}.wind-chip-segment{display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;font-family:var(--font-mono)}.wind-chip-tws{font-size:.64rem;font-weight:700;border-right:1px solid rgba(0,0,0,.35);min-width:17px}.wind-chip-gust{font-size:.54rem;font-weight:700;opacity:.95;min-width:14px}.timeline-data-cell.cell-boat{height:20px}.boat-speed-val{font-size:.68rem;font-weight:700;color:#38bdf8;line-height:1}.timeline-data-cell.cell-wave{height:20px}.wave-combined-cell{display:flex;align-items:baseline;justify-content:center;gap:2px}.wave-height-val{font-size:.62rem;font-weight:700;color:#cbd5e1;line-height:1}.wave-period-val{font-size:.52rem;font-weight:600;color:#64748b;line-height:1}.timeline-data-cell.cell-twa{height:22px}.twa-combined-row{display:flex;align-items:center;justify-content:center;gap:3px}.twa-deg-val{font-size:.64rem;font-weight:700;line-height:1}.timeline-stats{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding-top:8px;border-top:1px solid var(--border-color)}.stat-box{display:flex;flex-direction:column}.stat-label{font-size:.7rem;color:var(--text-muted)}.stat-value{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-main)}.map-top-right-overlay{position:absolute;top:18px;right:18px;z-index:1000;display:flex;flex-direction:column;gap:10px;width:270px;pointer-events:none}.map-top-right-overlay>*{pointer-events:auto}.layer-toggles{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 20px #00000059}.toggle-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-main);cursor:pointer}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-card{background:#0f172a66;padding:10px;border-radius:8px;border:1px solid var(--border-color)}.metric-title{font-size:.7rem;color:var(--text-muted)}.metric-value{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;color:var(--accent);margin-top:2px}.wind-arrow{display:inline-block;transition:transform .3s ease}.app-tabs-bar{display:flex;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;padding:4px;gap:4px;box-shadow:0 4px 20px #00000059}.tab-nav-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;color:var(--text-muted);border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-nav-btn:hover{color:var(--text-main);background:#ffffff0d}.tab-nav-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0284c766}.simulation-time-chip{display:flex;align-items:center;gap:8px;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;padding:7px 14px;box-shadow:0 4px 20px #00000059;color:var(--text-main);font-size:.82rem;font-weight:600;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;white-space:nowrap}.sim-clock-icon{color:var(--accent);flex-shrink:0}.sim-time-text{color:#f1f5f9;letter-spacing:-.01em}.sim-elapsed-badge{background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:var(--accent);padding:2px 7px;border-radius:6px;font-size:.72rem;font-weight:700}.vpp-inspector-container{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-dark);color:var(--text-main);overflow-y:auto;padding:80px 32px 40px;z-index:500}.vpp-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:16px}.vpp-title-section{display:flex;align-items:center;gap:14px}.vpp-icon-badge{background:#38bdf826;border:1px solid rgba(56,189,248,.3);padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:center}.vpp-title-section h2{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vpp-title-section p{font-size:.8rem;color:var(--text-muted);margin-top:2px}.vpp-actions-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vpp-preset-dropdown{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px}.vpp-select{background:transparent;border:none;color:var(--text-main);font-size:.85rem;font-weight:600;outline:none;cursor:pointer}.vpp-select option{background:#0f172a;color:#fff}.vpp-btn-export{display:flex;align-items:center;gap:6px;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);color:var(--accent);border-radius:8px;padding:7px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.vpp-btn-export:hover:not(:disabled){background:#38bdf838;border-color:var(--accent);transform:translateY(-1px)}.vpp-btn-export:disabled{opacity:.5;cursor:not-allowed}.vpp-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:400px;color:var(--accent);font-size:.95rem;font-weight:600}.vpp-content-layout{display:grid;grid-template-columns:460px 1fr;gap:24px}@media(max-width:1200px){.vpp-content-layout{grid-template-columns:1fr}}.vpp-left-pane,.vpp-right-pane{display:flex;flex-direction:column;gap:20px}.vpp-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #0000004d}.vpp-card-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.vpp-card-header h3{font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:var(--text-main)}.vpp-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vpp-spec-item{background:#0f172a80;border:1px solid rgba(148,163,184,.1);padding:8px 12px;border-radius:8px;display:flex;flex-direction:column;gap:2px}.spec-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.spec-value{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-main)}.vpp-vmg-table-wrap{overflow-x:auto}.vpp-table{width:100%;border-collapse:collapse;font-size:.78rem}.vpp-table th{background:#0f172a99;color:var(--text-muted);font-weight:600;padding:8px 10px;text-align:left;border-bottom:1px solid var(--border-color);font-size:.72rem;text-transform:uppercase}.vpp-table th.upwind-head{color:var(--accent)}.vpp-table th.downwind-head{color:#10b981}.vpp-table td{padding:7px 10px;border-bottom:1px solid rgba(148,163,184,.08);font-family:var(--font-mono)}.vpp-table td.upwind-val{color:#7dd3fc}.vpp-table td.downwind-val{color:#6ee7b7}.vpp-plot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:12px}.vpp-plot-tabs{display:flex;gap:8px}.vpp-tab-btn{display:flex;align-items:center;gap:6px;background:#0f172a99;border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.vpp-tab-btn:hover{background:#ffffff14;color:#fff}.vpp-tab-btn.active{background:var(--primary);border-color:var(--accent);color:#fff}.vpp-heel-control{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--accent);font-family:var(--font-mono)}.vpp-slider{width:100px;accent-color:var(--accent)}.vpp-plot-display{background:#060b13;border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:480px;overflow:hidden;position:relative}.vpp-plot-image{max-width:100%;height:auto;max-height:540px;object-fit:contain;display:block}.vpp-plot-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--accent);font-size:.85rem}.vpp-plot-empty{color:var(--text-muted);font-size:.9rem}.vpp-matrix-scroll{overflow-x:auto;max-height:420px}.vpp-matrix-table{width:100%;border-collapse:collapse;font-size:.78rem;font-family:var(--font-mono)}.vpp-matrix-table th{background:#0f172a;padding:8px 6px;border:1px solid rgba(148,163,184,.12);text-align:center;position:sticky;top:0;z-index:10}.tws-header-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 8px;border-radius:6px;border:1px solid transparent;font-size:.76rem;white-space:nowrap}.tws-color-dot{width:7px;height:7px;border-radius:50%;display:inline-block;box-shadow:0 0 6px currentColor}.vpp-matrix-table td{padding:6px 8px;border:1px solid rgba(148,163,184,.08);text-align:center;transition:all .15s}.vpp-matrix-table td.speed-cell{font-family:var(--font-mono);font-weight:600;font-size:.82rem}.vpp-matrix-table td.speed-cell:hover{filter:brightness(1.35);transform:scale(1.06);cursor:default;z-index:2;box-shadow:0 2px 8px #00000080}.sticky-col{position:sticky;left:0;background:#0f172a;z-index:5;font-weight:700;color:var(--text-main);border-right:2px solid var(--border-color)!important}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.passage-statistics-view{flex:1;height:calc(100vh - 48px);overflow-y:auto;padding:24px 32px 48px;display:flex;flex-direction:column;gap:24px;background:radial-gradient(circle at 50% 0%,rgba(14,165,233,.05) 0%,transparent 60%),var(--bg-dark)}.stats-header-banner{display:flex;justify-content:space-between;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:20px 24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px #00000040}.stats-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:6px}.stats-header-banner h1{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main);margin-bottom:4px}.stats-subtitle{font-size:.85rem;color:var(--text-muted)}.stats-subtitle .highlight{color:#e2e8f0;font-family:var(--font-mono)}.stats-status-badge{display:flex;align-items:center}.badge-reached{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;background:#10b98126;border:1px solid rgba(16,185,129,.35);color:var(--success);font-size:.8rem;font-weight:600}.badge-partial{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:var(--warning);font-size:.8rem;font-weight:600}.stats-table-section{display:flex;flex-direction:column}.table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000040}.table-card-header{padding:16px 20px;background:#0f172a99;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px}.table-card-header h3{font-size:.95rem;font-weight:600;color:var(--text-main)}.responsive-table-wrapper{overflow-x:auto}.passage-summary-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.passage-summary-table thead{background:#0f172ae6;border-bottom:1px solid var(--border-color)}.passage-summary-table th{padding:12px 18px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.passage-summary-table td{padding:12px 18px;border-bottom:1px solid rgba(148,163,184,.08);vertical-align:middle}.passage-summary-table tbody tr:hover{background:#ffffff05}.passage-summary-table .row-category{font-weight:600;color:var(--text-main);background:#0f172a66;border-right:1px solid var(--border-color);width:220px;font-size:.85rem}.passage-summary-table .row-category svg{display:inline-block;vertical-align:text-bottom;margin-right:6px;color:var(--accent)}.passage-summary-table .metric-label{color:#cbd5e1;font-weight:500;width:320px}.passage-summary-table .metric-value{font-size:.95rem;font-weight:600}.highlight-duration{color:#38bdf8!important;font-weight:700!important}.text-cyan{color:#38bdf8!important}.text-emerald{color:#10b981!important}.text-purple{color:#c084fc!important}.text-warning{color:#f59e0b!important}.text-accent{color:#38bdf8!important}.pos-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.pos-close-hauled{background:#ef4444;box-shadow:0 0 6px #ef444499}.pos-close-reach{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.pos-beam-reach{background:#10b981;box-shadow:0 0 6px #10b98199}.pos-broad-reach{background:#06b6d4;box-shadow:0 0 6px #06b6d499}.pos-dead-downwind{background:#a855f7;box-shadow:0 0 6px #a855f799}.pos-upwind{background:#ef4444;box-shadow:0 0 6px #ef444499}.pos-reaching{background:#10b981;box-shadow:0 0 6px #10b98199}.pos-downwind{background:#a855f7;box-shadow:0 0 6px #a855f799}.pos-visual-bar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.pos-bar-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--text-main);flex-wrap:wrap;gap:8px}.pos-legend{display:flex;gap:12px;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dot-red{background:#ef4444}.dot-amber{background:#f59e0b}.dot-emerald{background:#10b981}.dot-cyan{background:#06b6d4}.dot-purple{background:#a855f7}.pos-progress-track{height:14px;background:#0f172acc;border-radius:9999px;overflow:hidden;display:flex;border:1px solid rgba(255,255,255,.08)}.pos-seg{height:100%;transition:width .3s ease}.pos-seg-close-hauled{background:linear-gradient(90deg,#dc2626,#ef4444)}.pos-seg-close-reach{background:linear-gradient(90deg,#d97706,#f59e0b)}.pos-seg-beam-reach{background:linear-gradient(90deg,#059669,#10b981)}.pos-seg-broad-reach{background:linear-gradient(90deg,#0891b2,#06b6d4)}.pos-seg-dead-downwind{background:linear-gradient(90deg,#7e22ce,#a855f7)}.pos-seg-upwind{background:linear-gradient(90deg,#dc2626,#ef4444)}.pos-seg-reaching{background:linear-gradient(90deg,#059669,#10b981)}.pos-seg-downwind{background:linear-gradient(90deg,#7e22ce,#a855f7)}.wind-rose-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 4px 24px #00000059}.wind-rose-header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border-color);padding-bottom:16px}.wind-rose-title-group{display:flex;align-items:center;gap:12px}.wind-rose-icon-badge{background:#38bdf81f;border:1px solid rgba(56,189,248,.25);padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:center}.wind-rose-main-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.01em}.wind-rose-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:9999px;background:#38bdf826;color:var(--accent);border:1px solid rgba(56,189,248,.3);font-family:var(--font-mono)}.wind-rose-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:3px}.wind-rose-body-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}.wind-rose-chart-column{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.wind-rose-svg-container{width:100%;max-width:370px;aspect-ratio:370 / 410;display:flex;align-items:center;justify-content:center;position:relative}.wind-rose-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4))}.wind-rose-sector-group path{transition:all .18s ease}.wind-rose-sector-group:hover path{filter:brightness(1.2)}.wind-rose-hover-detail-bar{width:100%;max-width:440px;height:76px;min-height:76px;max-height:76px;background:#0f172ad9;border:1px solid var(--border-color);border-radius:12px;padding:10px 16px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 3px #0000004d;box-sizing:border-box;overflow:hidden}.hover-detail-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%}.hover-detail-top-row{display:flex;align-items:center;gap:10px}.hover-sector-name{font-size:.92rem;font-weight:700;color:#fff;letter-spacing:-.01em}.hover-pos-tag{font-size:.65rem;font-weight:700;font-family:var(--font-mono);padding:2px 7px;border-radius:4px;letter-spacing:.04em}.hover-detail-bottom-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.hover-stat-pill{font-size:.74rem;color:#cbd5e1}.hover-detail-placeholder{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--text-muted);text-align:center;padding:0 12px;line-height:1.4}.wind-rose-telemetry-column{display:flex;flex-direction:column;gap:16px;width:100%}.wind-rose-legend-card{background:#0f172a99;border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.legend-card-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.legend-items-list{display:flex;flex-direction:column;gap:10px}.legend-pos-item{background:#1e293b73;border:1px solid rgba(148,163,184,.1);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;transition:all .15s ease}.legend-pos-item:hover{background:#1e293bbf;border-color:#38bdf840}.legend-pos-header{display:flex;align-items:center;gap:8px}.legend-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px #00000080}.legend-pos-name{font-size:.82rem;font-weight:600;color:#f1f5f9}.legend-pos-meta{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.legend-range-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:#0f172a99;padding:1px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.legend-pct-val{font-family:var(--font-mono);font-size:.95rem;font-weight:700}.legend-sub-stats{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.wind-rose-dominant-card{background:linear-gradient(135deg,#1e293b99,#0f172ad9);border:1px solid rgba(56,189,248,.25);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.dominant-card-header{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.dominant-sector-display{display:flex;align-items:center;gap:14px}.dominant-sector-badge{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;padding:10px 14px;border-radius:10px;box-shadow:0 4px 14px #0284c759;min-width:54px;text-align:center}.wind-rose-card.compact{padding:14px 16px;gap:12px;border-radius:12px;background:#0f172ab3}.wind-rose-card.compact .wind-rose-header{padding-bottom:10px}.wind-rose-card.compact .wind-rose-main-title{font-size:.95rem}.wind-rose-card.compact .wind-rose-body-grid{grid-template-columns:260px 1fr;gap:16px}.wind-rose-card.compact .wind-rose-svg-container{max-width:260px;aspect-ratio:260 / 280}.wind-rose-card.compact .wind-rose-hover-detail-bar{height:60px;min-height:60px;max-height:60px;padding:6px 10px}.wind-rose-card.compact .hover-sector-name{font-size:.82rem}.wind-rose-card.compact .hover-stat-pill{font-size:.68rem}.wind-rose-card.compact .legend-items-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.wind-rose-card.compact .legend-pos-item{padding:6px 8px;gap:2px}.wind-rose-card.compact .legend-pos-name{font-size:.74rem}.wind-rose-card.compact .legend-range-tag{font-size:.64rem;padding:0 4px}.wind-rose-card.compact .legend-pct-val{font-size:.84rem}.wind-rose-card.compact .legend-sub-stats{font-size:.64rem}.legend-pos-item.highlighted{border-color:#38bdf8;background:#38bdf81f}.dominant-sector-info{display:flex;flex-direction:column;gap:2px}.dominant-sector-pct{font-size:.95rem;font-weight:700;color:#f8fafc;font-family:var(--font-mono)}.dominant-sector-dur,.dominant-sector-wind{font-size:.74rem;color:var(--text-muted);font-family:var(--font-mono)}.stats-plots-section{display:flex;flex-direction:column;gap:16px}.plots-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.plots-header h2{font-size:1.15rem;font-weight:700;color:var(--text-main)}.plot-mode-tabs{display:flex;background:#0f172ab3;border:1px solid var(--border-color);padding:3px;border-radius:10px;gap:4px}.plot-tab-btn{background:transparent;border:none;color:var(--text-muted);font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:7px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s}.plot-tab-btn:hover{color:var(--text-main);background:#ffffff0d}.plot-tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0284c766}.plots-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:1200px){.plots-grid-2x2{grid-template-columns:1fr}}.plot-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 20px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.plot-card-full{width:100%}.plot-card-header{display:flex;justify-content:space-between;align-items:center}.plot-card-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-main)}.plot-card-badge{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);background:#0f172a99;padding:2px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.plot-canvas-container{height:220px;width:100%;position:relative}.plot-canvas-container-large{height:380px;width:100%;position:relative}.statistics-empty-state{flex:1;display:flex;align-items:center;justify-content:center;height:100%;padding:40px}.empty-state-card{max-width:480px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 32px #0006}.empty-state-card h2{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--text-main)}.empty-state-card p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.map-view-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.waypoint-controls-card{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 20px #0006}.waypoint-controls-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(148,163,184,.1);padding-bottom:6px}.waypoint-controls-title{font-size:.72rem;font-weight:700;color:#94a3b8;display:flex;align-items:center;gap:5px;letter-spacing:.05em}.waypoint-dist-badge{font-size:.68rem;font-family:var(--font-mono);color:var(--accent);background:#38bdf81f;border:1px solid rgba(56,189,248,.25);padding:1px 6px;border-radius:4px}.waypoint-buttons-stack{display:flex;flex-direction:column;gap:6px}.waypoint-pill-btn{background:#0f172a99;border:1px solid var(--border-color);padding:6px 10px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--text-main);cursor:pointer;transition:all .2s ease;width:100%;outline:none}.waypoint-pill-btn:hover{background:#ffffff14;border-color:#fff3}.waypoint-pill-btn.start-pill.active{background:#10b9812e;border-color:#10b981;box-shadow:0 0 10px #10b9814d}.waypoint-pill-btn.dest-pill.active{background:#ef44442e;border-color:#ef4444;box-shadow:0 0 10px #ef44444d}.pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pill-dot-start{background:#10b981;box-shadow:0 0 6px #10b981}.pill-dot-dest{background:#ef4444;box-shadow:0 0 6px #ef4444}.pill-label{font-weight:700;font-size:.7rem;letter-spacing:.04em;color:var(--text-muted)}.pill-coords{font-family:var(--font-mono);font-size:.74rem;color:#f8fafc;margin-left:auto}.waypoint-instruction-badge{background:#0f172a99;border:1px dashed rgba(148,163,184,.2);padding:5px 8px;border-radius:6px;font-size:.68rem;color:#94a3b8;text-align:center}.custom-pin-container{display:flex;flex-direction:column;align-items:center;cursor:grab!important;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.65));transition:transform .12s ease}.custom-pin-container:hover{transform:scale(1.1);z-index:9999!important}.custom-pin-container:active{cursor:grabbing!important;transform:scale(1.22)}.pin-bubble-start{background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-weight:800;font-size:10px;padding:3px 8px;border-radius:9999px;border:2px solid #ffffff;box-shadow:0 0 14px #10b981d9;display:flex;align-items:center;gap:4px;letter-spacing:.05em;white-space:nowrap}.pin-bubble-dest{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;font-weight:800;font-size:10px;padding:3px 8px;border-radius:9999px;border:2px solid #ffffff;box-shadow:0 0 14px #ef4444d9;display:flex;align-items:center;gap:4px;letter-spacing:.05em;white-space:nowrap}.pin-pointer{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #ffffff;margin-top:-1px}.map-click-hint-box{display:flex;align-items:center;gap:8px;font-size:.74rem;color:#94a3b8;background:#38bdf814;border:1px dashed rgba(56,189,248,.25);padding:8px 10px;border-radius:8px;line-height:1.35}.classical-wind-barb{pointer-events:none!important;background:transparent!important;border:none!important}.vpp-btn-action{display:flex;align-items:center;gap:6px;border-radius:8px;padding:7px 13px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.btn-create-boat{background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #38bdf8;color:#fff;box-shadow:0 2px 8px #0284c766}.btn-create-boat:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}.btn-upload-pol{background:#a855f726;border:1px solid rgba(168,85,247,.35);color:#c084fc}.btn-upload-pol:hover{background:#a855f740;border-color:#a855f7;color:#f3e8ff;transform:translateY(-1px)}.btn-upload-boat{background:#0f172ab3;border:1px solid var(--border-color);color:#cbd5e1}.btn-upload-boat:hover{background:#ffffff14;color:#fff;border-color:var(--accent)}.btn-download-json{background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#fbbf24}.btn-download-json:hover:not(:disabled){background:#f59e0b40;border-color:#f59e0b;transform:translateY(-1px)}.btn-download-json:disabled{opacity:.5;cursor:not-allowed}.vpp-btn-icon-action{background:#0f172a99;border:1px solid var(--border-color);color:var(--text-muted);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.vpp-btn-icon-action:hover{background:#ffffff14;color:#fff;border-color:var(--accent)}.vpp-btn-icon-action.text-danger:hover{color:#ef4444;border-color:#ef4444;background:#ef444426}.custom-boat-badge{font-size:.68rem;font-weight:700;color:#38bdf8;background:#38bdf826;border:1px solid rgba(56,189,248,.3);padding:2px 8px;border-radius:9999px;letter-spacing:.04em;text-transform:uppercase}.vpp-notification{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:.85rem;font-weight:600;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slideUpFade .3s ease forwards}.notif-success{background:#10b981e6;color:#fff;border:1px solid #10b981}.notif-error{background:#ef4444e6;color:#fff;border:1px solid #ef4444}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop,.custom-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#090e17bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2500;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.custom-modal-card{background:#0b1329;border:1px solid var(--border-color);border-radius:18px;width:100%;max-width:820px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #000000b3;overflow:hidden}.custom-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:#0f172a99}.custom-modal-title{display:flex;align-items:center;gap:12px}.custom-modal-title h3{font-size:1.05rem;font-weight:700;color:var(--text-main);margin:0}.custom-modal-title p{font-size:.75rem;color:var(--text-muted);margin:2px 0 0}.btn-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .15s}.btn-modal-close:hover{color:#fff;background:#ffffff1a}.template-loader-bar{display:flex;align-items:center;gap:10px;background:#38bdf814;border-bottom:1px solid rgba(56,189,248,.2);padding:10px 20px}.template-label{font-size:.78rem;font-weight:600;color:#94a3b8}.template-select{background:#0f172acc;border:1px solid var(--border-color);color:var(--text-main);padding:5px 10px;border-radius:6px;font-size:.8rem;outline:none;cursor:pointer;flex:1}.custom-modal-error{background:#ef444426;border-bottom:1px solid #ef4444;color:#fca5a5;padding:10px 20px;font-size:.8rem;display:flex;align-items:center;gap:8px}.custom-modal-body{padding:16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.form-row-general{display:flex;gap:14px}.flex-2{flex:2}.flex-1{flex:1}.custom-modal-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.modal-tab-btn{background:#0f172a80;border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;padding:8px 14px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.modal-tab-btn:hover{background:#ffffff14;color:#fff}.modal-tab-btn.active{background:var(--primary);border-color:var(--accent);color:#fff}.tab-pane{display:flex;flex-direction:column;gap:14px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.input-hint{font-size:.68rem;color:#64748b;font-family:var(--font-mono)}.spec-summary-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;background:#0f172a99;border:1px solid var(--border-color);border-radius:10px;padding:10px 14px}.banner-label{display:block;font-size:.68rem;color:var(--text-muted);text-transform:uppercase}.banner-val{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-main)}.custom-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--border-color)}.btn-modal-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:9px 18px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-modal-cancel:hover{background:#ffffff14;color:#fff}.btn-modal-submit{background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #38bdf8;color:#fff;padding:9px 22px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px #0284c766;transition:all .2s ease}.btn-modal-submit:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}.btn-modal-submit:disabled{opacity:.6;cursor:not-allowed}.top-navigation-cluster{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));left:calc(18px + env(safe-area-inset-left,0px));z-index:1100;display:flex;align-items:center;gap:12px}.top-nav-primary-row{display:flex;align-items:center;gap:12px}.tab-label-short{display:none}.tab-label-full{display:inline}.hamburger-container{position:relative}.nav-brand-btn{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);color:var(--text-main);height:40px;padding:0 15px 0 10px;border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px #0006}.nav-brand-btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);transition:color .2s ease}.nav-brand-btn:hover,.nav-brand-btn.active{background:#1e293beb;border-color:var(--accent);box-shadow:0 4px 20px #00000073,0 0 14px #38bdf847}.nav-brand-btn:hover .nav-brand-btn-icon,.nav-brand-btn.active .nav-brand-btn-icon{color:var(--accent)}.nav-brand-btn-lockup{padding-left:10px;border-left:1px solid var(--border-color);transition:border-color .2s ease}.nav-brand-btn:hover .nav-brand-btn-lockup,.nav-brand-btn.active .nav-brand-btn-lockup{border-left-color:#38bdf859}.hamburger-dropdown{position:absolute;top:48px;left:0;width:270px;background:#0f172af5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:14px;padding:8px;box-shadow:0 12px 36px #0009;display:flex;flex-direction:column;gap:6px;z-index:1200}.hamburger-dropdown-header{padding:4px 8px;border-bottom:1px solid var(--border-color);margin-bottom:2px}.hamburger-menu-list{display:flex;flex-direction:column;gap:4px}.hamburger-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-main);cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.hamburger-item:hover{background:#ffffff14}.hamburger-item.active{background:#38bdf826;border-color:#38bdf859}.hamburger-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#ffffff0d;flex-shrink:0}.hamburger-item-icon.text-sky{color:#38bdf8}.hamburger-item-icon.text-amber{color:#f59e0b}.hamburger-item-icon.text-emerald{color:#10b981}.hamburger-item-icon.text-purple{color:#c084fc}.hamburger-item-text{display:flex;flex-direction:column}.hamburger-item-name{font-size:.85rem;font-weight:700;color:#f8fafc}.hamburger-item-sub{font-size:.7rem;color:#94a3b8}.waypoint-controls-card{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 20px #00000059;width:100%}.waypoint-controls-header{display:flex;align-items:center;justify-content:space-between}.waypoint-controls-title{font-size:.75rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:6px;letter-spacing:.04em}.waypoint-dist-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:#10b981;background:#10b9811f;border:1px solid rgba(16,185,129,.25);padding:1px 6px;border-radius:4px}.passage-preset-select-wrapper{margin-top:-2px}.passage-preset-select{width:100%;padding:5px 8px;font-size:.75rem}.passage-coord-block{background:#0f172a80;border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.passage-coord-row-header{display:flex;align-items:center;justify-content:space-between}.passage-point-tag{display:flex;align-items:center;gap:6px}.passage-coord-label{font-size:.7rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted)}.passage-map-pick-btn{background:#38bdf81a;border:1px solid rgba(56,189,248,.25);color:var(--accent);font-size:.65rem;font-weight:600;padding:2px 7px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s ease}.passage-map-pick-btn:hover,.passage-map-pick-btn.active{background:var(--primary);color:#fff;border-color:var(--accent)}.passage-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.passage-input-wrapper{display:flex;align-items:center;background:#0f172acc;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.passage-input-prefix{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);padding:0 5px;background:#ffffff0d;border-right:1px solid var(--border-color)}.passage-coord-input{width:100%;background:transparent;border:none;color:var(--text-main);font-family:var(--font-mono);font-size:.75rem;padding:4px 6px;outline:none}.uncalculated-dock{max-width:520px;padding:14px 18px}.uncalculated-dock-inner{display:flex;align-items:stretch;justify-content:space-between;gap:16px}.dock-input-group{display:flex;flex-direction:column;justify-content:space-between;gap:6px;flex:1;min-width:180px}.dock-label{font-size:.75rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:5px}.dock-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.dock-select-row{display:flex;align-items:center;gap:6px}.dock-time-input,.dock-step-select{padding:8px 12px;font-size:.88rem;height:40px}.dock-calc-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;font-size:.95rem;font-weight:700;border-radius:10px;flex-shrink:0;align-self:stretch}.dock-actions-cluster{display:flex;align-items:center;gap:4px;margin-left:2px}.dock-recalc-btn{display:flex;align-items:center;justify-content:center;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:var(--accent);width:26px;height:26px;border-radius:6px;cursor:pointer;transition:all .18s ease;padding:0;flex-shrink:0}.dock-recalc-btn:hover{background:#38bdf840;border-color:#38bdf8;color:#fff}.dock-recalc-btn.active-changed{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border-color:#38bdf8;box-shadow:0 0 10px #38bdf880;animation:pulseHighlight 2s infinite}.dock-recalc-btn.active-changed:hover{background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 0 14px #38bdf8b3}.dock-recalc-btn.disabled,.dock-recalc-btn:disabled{opacity:.35;cursor:not-allowed;background:#94a3b814;border-color:#94a3b82e;color:#94a3b8;box-shadow:none}@keyframes pulseHighlight{0%{box-shadow:0 0 #38bdf880}70%{box-shadow:0 0 0 5px #38bdf800}to{box-shadow:0 0 #38bdf800}}.dock-gpx-btn{display:flex;align-items:center;justify-content:center;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981;width:26px;height:26px;border-radius:6px;cursor:pointer;transition:all .15s ease;padding:0;flex-shrink:0}.dock-gpx-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.settings-page-container{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-dark);color:var(--text-main);overflow-y:auto;padding:84px 32px 40px;z-index:500}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:16px}.settings-header-title-group{display:flex;align-items:center;gap:12px}.settings-header-icon{padding:8px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);border-radius:12px;display:flex;align-items:center;justify-content:center}.settings-title{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.settings-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.settings-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:24px;max-width:1200px}.settings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 24px #0000004d}.settings-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:12px}.settings-card-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);display:flex;align-items:center;gap:8px}.settings-card-body{display:flex;flex-direction:column;gap:16px}.settings-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.settings-label-row label{font-size:.8rem;color:var(--text-muted);font-weight:500}.boat-specs-quad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#00000059;border:1px solid var(--border-color);padding:12px;border-radius:10px}.spec-item{display:flex;flex-direction:column;gap:4px}.spec-label{font-size:.7rem;color:var(--text-muted)}.spec-val{font-family:var(--font-mono);font-size:.9rem;color:#f8fafc;font-weight:700}.btn-add-custom-boat{display:flex;align-items:center;gap:4px;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:var(--accent);padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-add-custom-boat:hover{background:var(--primary);color:#fff}.vpp-launcher-banner{display:flex;align-items:center;justify-content:space-between;background:#0f172ab3;border:1px solid var(--border-color);padding:14px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease}.vpp-launcher-banner:hover{border-color:#38bdf880;background:#0f172ae6}.vpp-launcher-info{display:flex;align-items:center;gap:12px}.vpp-launcher-icon{padding:8px;background:#38bdf826;border-radius:10px;display:flex;align-items:center;justify-content:center}.vpp-launcher-texts{display:flex;flex-direction:column;gap:2px}.vpp-launcher-title-row{display:flex;align-items:center;gap:8px}.vpp-launcher-title{font-size:.85rem;font-weight:700;color:#f8fafc}.vpp-launcher-badge{font-size:.65rem;text-transform:uppercase;font-weight:700;background:#38bdf826;color:var(--accent);border:1px solid rgba(56,189,248,.3);padding:1px 6px;border-radius:4px}.vpp-launcher-desc{font-size:.75rem;color:var(--text-muted)}.btn-open-vpp{display:flex;align-items:center;gap:4px;background:var(--primary);color:#fff;border:none;padding:7px 14px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-open-vpp:hover{background:var(--primary-hover)}.delete-custom-boat-row{display:flex;justify-content:flex-end}.btn-delete-custom-boat{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#f43f5e;font-size:.75rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.btn-delete-custom-boat:hover{background:#f43f5e26}.preset-toggle-group{display:flex;gap:6px}.btn-mode-toggle{background:#0f172a99;border:1px solid var(--border-color);color:var(--text-muted);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-mode-toggle:hover{color:#fff;background:#ffffff14}.btn-mode-toggle.active{background:var(--primary);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #0284c766}.settings-card-desc{font-size:.78rem;color:var(--text-muted);line-height:1.45}.penalties-sliders-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.penalty-slider-card{background:#0f172a80;border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.penalty-slider-header{display:flex;justify-content:space-between;align-items:center}.penalty-name{font-size:.78rem;font-weight:600;color:#cbd5e1}.penalty-val{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--accent)}.custom-range-slider{width:100%;height:6px;border-radius:3px;background:#ffffff26;outline:none;-webkit-appearance:none;cursor:pointer;accent-color:var(--accent)}.penalty-hint{font-size:.68rem;color:#64748b}.active-mode-callout{background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:10px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-muted)}.active-mode-left{display:flex;align-items:center;gap:8px}.active-mode-left strong{color:#f8fafc}.active-mode-right{font-family:var(--font-mono);font-size:.7rem;color:#64748b}.passage-stats-page-container{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-dark);color:var(--text-main);overflow-y:auto;padding:84px 32px 40px;z-index:500}.stats-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;text-align:center;max-width:480px;margin:0 auto}.stats-empty-state h2{font-size:1.3rem;font-weight:700;color:#f8fafc}.stats-empty-state p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.vpp-page-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-dark);z-index:500}.vpp-page-header{position:absolute;top:18px;left:70px;z-index:1001}.vpp-back-buttons-row{display:flex;align-items:center;gap:8px}.btn-nav-back{background:#0f172acc;border:1px solid var(--border-color);color:var(--text-main);padding:7px 14px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-nav-back:hover{background:#ffffff14}.btn-nav-map{background:var(--primary);border:1px solid var(--accent);color:#fff;padding:7px 14px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.btn-nav-map:hover{background:var(--primary-hover)}.clickable-stat-box{cursor:pointer;border:1px solid rgba(56,189,248,.25);border-radius:6px;padding:3px 6px;background:#38bdf80f;transition:all .15s ease}.clickable-stat-box:hover{background:#38bdf826;border-color:#38bdf8;box-shadow:0 0 10px #38bdf840}.stat-label-with-icon{display:flex;align-items:center;justify-content:space-between;gap:4px}.time-stat-clickable{color:#38bdf8!important;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.dock-date-change-btn{display:flex;align-items:center;gap:5px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:var(--accent);padding:5px 10px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.dock-date-change-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.departure-time-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:16px 18px;width:100%;max-width:360px;max-height:calc(100dvh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;box-shadow:0 16px 48px #000000b3;animation:modalScaleIn .18s cubic-bezier(.16,1,.3,1)}.departure-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:10px}.departure-modal-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;color:#f8fafc}.departure-modal-body{display:flex;flex-direction:column;gap:10px}.departure-modal-desc{font-size:.72rem;color:var(--text-muted);line-height:1.35;margin:0}.departure-modal-label{font-size:.78rem;font-weight:600;color:#cbd5e1;margin-bottom:4px}.departure-datetime-input{width:100%;font-size:.9rem;padding:10px 12px}.quick-time-shortcuts{display:flex;flex-direction:column;gap:6px}.shortcuts-label{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.shortcuts-buttons{display:flex;flex-wrap:wrap;gap:6px}.btn-time-shortcut{background:#0f172a99;border:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-time-shortcut:hover{background:var(--primary);color:#fff;border-color:var(--accent)}.departure-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;border-top:1px solid var(--border-color);padding-top:10px}.confirm-dialog{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:18px;width:100%;max-width:380px;max-height:calc(100dvh - 32px);overflow-y:auto;display:grid;grid-template-columns:auto 1fr;gap:10px 12px;box-shadow:0 16px 48px #000000b3;animation:modalScaleIn .18s cubic-bezier(.16,1,.3,1)}.confirm-dialog-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:#fbbf24;background:#f59e0b24;border:1px solid rgba(245,158,11,.3)}.confirm-dialog-title{margin:0 0 4px;font-size:.95rem;font-weight:650;color:#f8fafc}.confirm-dialog-message{font-size:.8rem;line-height:1.45;color:var(--text-muted)}.confirm-dialog-coords{display:block;margin-top:8px;font-family:var(--font-mono);font-size:.74rem;color:#cbd5e1}.confirm-dialog-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border-color);padding-top:12px}.floating-overlay-icon-btn{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);color:var(--accent);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #0006;transition:all .2s ease}.floating-overlay-icon-btn:hover{background:var(--primary);color:#fff;border-color:var(--accent);box-shadow:0 0 14px #38bdf866}.btn-overlay-minimize{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-overlay-minimize:hover{background:#ffffff1a;color:#fff}.wind-scale-container{border-top:1px solid rgba(148,163,184,.15);padding-top:8px;margin-top:4px;display:flex;flex-direction:column;gap:4px}.wind-scale-labels{display:flex;justify-content:space-between;font-size:.65rem;color:#94a3b8;font-family:var(--font-mono)}.wind-scale-gradient-bar{height:8px;border-radius:4px;background:linear-gradient(to right,#1d4ed8,#10b981,#facc15,#f97316,#ef4444,#a855f7);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 2px #0000004d}.active-forecast-timestamp{font-size:.72rem;color:#38bdf8;border-top:1px solid rgba(148,163,184,.15);padding-top:6px;margin-top:2px;display:flex;align-items:center;gap:4px}.layer-toggles-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.layer-toggles-title{font-size:.75rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:6px;letter-spacing:.04em}.mobile-expand-toggle-btn{display:none;background:#ffffff14;border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;padding:6px;cursor:pointer;align-items:center;justify-content:center;transition:all .15s ease}.mobile-expand-toggle-btn:hover{background:var(--primary);color:#fff}.mobile-expanded-drawer{display:flex;flex-direction:column;gap:10px;padding-top:10px;margin-top:8px;border-top:1px solid var(--border-color);animation:slideDown .2s ease-out}.mobile-speed-centered-row{display:flex;justify-content:center;align-items:center;width:100%;padding:2px 0}.mobile-actions-unified-row{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:8px;width:100%}.mobile-unified-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border-radius:8px;font-size:.76rem;font-weight:600;cursor:pointer;white-space:nowrap}.btn-departure-trigger{background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:var(--accent);transition:all .15s ease}.btn-departure-trigger:hover{background:var(--primary);color:#fff}.mobile-compact-passage-state{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#0f172a99;border:1px solid var(--border-color);border-radius:8px;padding:6px 8px;width:100%;box-sizing:border-box}.compact-state-chip{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;overflow:hidden}.compact-state-label{font-size:.6rem;font-weight:700;color:var(--text-muted);letter-spacing:.03em}.compact-state-val{font-family:var(--font-mono);font-size:.7rem;color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}@media(max-width:768px){.top-navigation-cluster{top:calc(10px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100vw - 64px);z-index:1100;pointer-events:none}.top-navigation-cluster>*{pointer-events:auto}.top-nav-primary-row{display:flex;align-items:center;gap:6px}.nav-brand-btn{width:36px;height:36px;padding:0;gap:0;justify-content:center}.nav-brand-btn-lockup{display:none}.tab-label-short{display:inline}.tab-label-full{display:none}.app-tabs-bar{padding:3px;gap:2px;border-radius:10px}.tab-nav-btn{padding:5px 8px;font-size:.72rem;font-weight:600;gap:4px;border-radius:7px}.tab-nav-btn svg{width:14px;height:14px}.simulation-time-chip{padding:4px 8px;font-size:.7rem;gap:5px;border-radius:8px;max-width:100%}.sim-clock-icon{width:12px;height:12px}.sim-model-tag{font-size:.64rem;padding:1px 5px;border-radius:4px}.sim-elapsed-badge{padding:1px 5px;font-size:.64rem;border-radius:4px}.map-top-right-overlay{top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));gap:8px;align-items:flex-end;width:auto;max-width:calc(100vw - 24px);z-index:1050}.waypoint-controls-card,.layer-toggles{width:280px;max-width:calc(100vw - 24px)}.leaflet-top.leaflet-left{top:calc(84px + env(safe-area-inset-top,0px))!important;left:calc(10px + env(safe-area-inset-left,0px))!important}.timeline-bar.mobile-bottom-sheet{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:100%;transform:none;border-radius:18px 18px 0 0;border-left:none;border-right:none;border-bottom:none;padding-top:8px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));padding-bottom:max(12px,calc(8px + env(safe-area-inset-bottom,0px)));gap:8px;box-shadow:0 -8px 30px #0009}.uncalculated-dock.mobile-bottom-sheet{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:100%;transform:none;border-radius:18px 18px 0 0;border-left:none;border-right:none;border-bottom:none;padding-top:10px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(14px,calc(10px + env(safe-area-inset-bottom,0px)))}.uncalculated-dock-inner{flex-direction:row;gap:10px}.dock-time-input{font-size:.78rem;padding:6px 8px;height:38px}.dock-calc-btn{padding:0 16px;font-size:.85rem}.desktop-only-control{display:none!important}.timeline-controls{display:flex;align-items:center;gap:5px;width:100%}.play-btn{width:30px;height:30px;flex-shrink:0}.timeline-nav-btn{width:24px;height:24px;padding:2px;flex-shrink:0}.timeline-slider{flex:1;min-width:36px}.model-dropdown-container{flex-shrink:0}.model-dropdown-trigger-btn{padding:3px 5px;font-size:.68rem;gap:4px}.model-btn-name,.model-btn-duration{font-size:.66rem}.dock-actions-cluster{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:0}.dock-recalc-btn,.dock-gpx-btn{width:28px;height:28px;min-width:28px;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px}.timeline-progress-badge{font-size:.68rem;padding:2px 5px;min-width:34px}.settings-page-container{padding:calc(70px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(32px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.settings-header{flex-direction:column;align-items:flex-start;gap:12px}.settings-header-actions{width:100%}.settings-header-actions .btn-primary{width:100%;justify-content:center}.settings-content-grid{grid-template-columns:1fr;width:100%;max-width:100%;gap:12px;box-sizing:border-box}.settings-card{width:100%;max-width:100%;padding:14px 12px;box-sizing:border-box}.boat-specs-quad-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;box-sizing:border-box}.penalties-sliders-grid{grid-template-columns:1fr;gap:10px;width:100%;box-sizing:border-box}.vpp-launcher-banner{flex-direction:column;align-items:stretch;gap:12px}.btn-open-vpp{width:100%;justify-content:center}.vpp-page-header{left:calc(12px + env(safe-area-inset-left,0px));top:calc(60px + env(safe-area-inset-top,0px))}.passage-stats-page-container{padding:calc(70px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.wind-rose-card{padding:14px 12px;gap:14px;border-radius:14px}.wind-rose-header{flex-direction:column;align-items:flex-start;gap:8px}.wind-rose-body-grid{grid-template-columns:1fr;gap:16px}.wind-rose-svg-container{max-width:320px}.wind-rose-hover-detail-bar{height:74px;min-height:74px;max-height:74px;padding:8px 10px}.hover-detail-placeholder{font-size:.72rem;padding:0 6px}.hover-sector-name{font-size:.84rem}.hover-stat-pill{font-size:.7rem}.dominant-sector-display{gap:10px}.dominant-sector-badge{font-size:1.05rem;padding:8px 10px;min-width:44px}}.model-dropdown-container{position:relative;display:flex;align-items:center;flex-shrink:0}.model-dropdown-trigger-btn{display:flex;align-items:center;gap:5px;padding:3px 7px;border-radius:6px;border:1px solid rgba(148,163,184,.25);background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-main);font-size:.74rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.model-dropdown-trigger-btn:hover{border-color:#38bdf880;background:#0f172ae6}.model-dropdown-trigger-btn.open{box-shadow:0 0 10px #38bdf840}.model-dropdown-chevron{color:var(--text-muted);transition:transform .2s ease}.model-dropdown-chevron.rotated{transform:rotate(180deg)}.model-dropdown-menu{position:absolute;bottom:calc(100% + 8px);right:0;min-width:190px;background:#0f172af5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 30px #0009;padding:5px;z-index:1200;display:flex;flex-direction:column;gap:2px;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.model-dropdown-header{font-size:.6rem;font-weight:700;color:var(--text-muted);padding:3px 6px 2px;letter-spacing:.06em;font-family:var(--font-mono)}.model-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-radius:5px;background:transparent;border:none;cursor:pointer;color:var(--text-main);transition:all .15s ease;width:100%}.model-dropdown-item:hover{background:#38bdf81f}.model-dropdown-item.selected{background:#38bdf82e}.model-dropdown-item-left{display:flex;align-items:center;gap:6px}.model-dropdown-item-name{font-size:.74rem;font-weight:600;color:#f1f5f9}.model-dropdown-item-right{display:flex;align-items:center;gap:6px}.model-dropdown-item-dur{font-family:var(--font-mono);font-size:.7rem;font-weight:600}.model-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.model-btn-name{font-family:var(--font-sans);font-size:.72rem}.model-btn-duration{font-family:var(--font-mono);font-size:.7rem;font-weight:600}.sim-model-tag{font-size:.7rem;font-family:var(--font-mono);font-weight:600;padding:2px 7px;border-radius:6px}.multi-model-comparison-card{margin-bottom:20px;border:1px solid rgba(56,189,248,.25)!important;background:linear-gradient(180deg,#1e293bcc,#0f172ae6)!important}.multi-model-table tr.active-model-row{background:#38bdf814}.multi-model-table tr.active-model-row td{border-bottom-color:#38bdf84d}.btn-table-switch{transition:all .2s ease}.btn-table-switch:hover{border-color:#38bdf8!important;color:#38bdf8!important;background:#38bdf840!important}.timeline-slider-wrapper{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center}.confidence-slider-track{position:absolute;bottom:-4px;left:0;right:0;height:3px;border-radius:2px;opacity:.85;pointer-events:none;box-shadow:0 1px 4px #0006}.waypoint-confidence-pill{display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:9999px;border:1px solid rgba(56,189,248,.3);font-family:var(--font-mono);font-size:.72rem;font-weight:700;cursor:help;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:all .2s ease}.confidence-score-val{font-size:.75rem;font-weight:800}.confidence-score-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.label-conf{color:#34d399!important}.cell-conf{display:flex;align-items:center;justify-content:center}.conf-score-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:6px;border:1px solid transparent;display:inline-block;line-height:1.2}.ensemble-confidence-card{border:1px solid rgba(16,185,129,.25)!important;background:linear-gradient(180deg,#0f172af2,#0f172acc)!important;margin-bottom:24px}.confidence-overview-grid{display:grid;grid-template-columns:1fr 1fr 1fr .9fr;gap:16px;margin-top:14px}@media(max-width:1024px){.confidence-overview-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.confidence-overview-grid{grid-template-columns:1fr}}.confidence-metric-box{background:#1e293b80;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.main-score-box{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border-color:#38bdf840}.confidence-box-title{font-size:.78rem;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.03em}.confidence-box-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.conf-strat-pill{font-family:var(--font-mono);font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:6px}.pill-strat-a{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.pill-strat-b{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.confidence-large-dial{display:flex;flex-direction:column;align-items:flex-start;margin:4px 0}.confidence-dial-number{font-family:var(--font-mono);font-size:2.2rem;font-weight:900;line-height:1}.confidence-dial-sub{font-size:.72rem;color:#94a3b8;margin-top:4px}.confidence-meter-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.confidence-meter-fill{height:100%;border-radius:3px;transition:width .5s ease}.confidence-box-desc{font-size:.75rem;color:#94a3b8;line-height:1.35}.strat-metrics-list{display:flex;flex-direction:column;gap:6px;margin-top:auto}.strat-metric-row{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;color:#cbd5e1}.strat-metric-row strong{font-family:var(--font-mono);color:#f1f5f9}.agreement-val-display{display:flex;align-items:baseline;gap:6px;margin:4px 0}.agreement-pct{font-family:var(--font-mono);font-size:1.8rem;font-weight:900;line-height:1}.agreement-sub{font-size:.72rem;color:#94a3b8}.agreement-desc{font-size:.74rem;color:#94a3b8;line-height:1.35}.ensemble-members-dispersion-section{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.members-dispersion-title{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#cbd5e1;margin-bottom:12px}.members-dispersion-bars{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.member-dispersion-row{display:flex;align-items:center;gap:8px;background:#0f172a99;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.member-id-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:#94a3b8;width:24px;flex-shrink:0}.member-bar-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.member-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.member-dur-val{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:#f1f5f9;flex-shrink:0}.stale-polar-notice{display:flex;gap:10px;align-items:flex-start;background:#f59e0b1a;border:1px solid rgba(245,158,11,.32);border-radius:10px;padding:11px 13px;margin-bottom:10px}.stale-polar-icon{color:#fbbf24;flex-shrink:0;margin-top:1px}.stale-polar-body{display:flex;flex-direction:column;gap:5px;min-width:0}.stale-polar-title{font-size:.8rem;font-weight:650;color:#fbbf24}.stale-polar-sub{font-size:.74rem;line-height:1.4;color:var(--text-muted)}.stale-polar-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.btn-resolve-polar{display:inline-flex;align-items:center;gap:5px;background:#f59e0b29;border:1px solid rgba(245,158,11,.4);color:#fde68a;font-size:.73rem;font-weight:600;padding:4px 9px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-resolve-polar:hover:not(:disabled){background:#f59e0b47;color:#fff}.btn-resolve-polar:disabled{opacity:.6;cursor:default}.passage-placement-hint{display:flex;align-items:center;gap:6px;margin:0 0 2px;padding:7px 9px;font-size:.74rem;line-height:1.35;color:#7dd3fc;background:#38bdf81a;border:1px dashed rgba(56,189,248,.35);border-radius:8px}.passage-placement-hint svg{flex-shrink:0}.passage-map-pick-hint{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;color:#7dd3fc;opacity:.85}.passage-coord-input:disabled{opacity:.45;cursor:not-allowed}.waypoint-controls-actions{display:flex;align-items:center;gap:6px}.btn-clear-passage{display:inline-flex;align-items:center;gap:4px;background:#94a3b81f;border:1px solid var(--border-color);color:var(--text-muted);font-size:.68rem;font-weight:600;padding:3px 7px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-clear-passage:hover{background:#ef44442e;border-color:#ef444473;color:#fca5a5}.route-loading-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px;background:#090e17c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.route-loading-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;padding:26px 24px 22px;text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 16px 48px #000000b3;animation:modalScaleIn .2s cubic-bezier(.16,1,.3,1)}.route-loading-compass{color:#38bdf8;animation:compass-sweep 3.2s ease-in-out infinite}@keyframes compass-sweep{0%{transform:rotate(-32deg)}50%{transform:rotate(32deg)}to{transform:rotate(-32deg)}}.route-loading-title{margin:0;font-size:1.02rem;font-weight:650;color:#f8fafc}.route-loading-quip{margin:0;min-height:2.6em;display:flex;align-items:center;font-size:.86rem;line-height:1.4;color:#7dd3fc;animation:quip-in .35s ease-out}@keyframes quip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.route-loading-track{position:relative;width:100%;height:3px;overflow:hidden;background:#94a3b82e;border-radius:2px}.route-loading-wake{position:absolute;top:0;left:0;width:38%;height:100%;border-radius:2px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);animation:wake 1.6s ease-in-out infinite}@keyframes wake{0%{left:-38%}to{left:100%}}.route-loading-note{margin:0;font-size:.74rem;line-height:1.4;color:var(--text-muted)}.route-loading-elapsed{font-family:var(--font-mono);opacity:.75}@media(prefers-reduced-motion:reduce){.route-loading-compass,.route-loading-wake,.route-loading-quip,.route-loading-card{animation:none}.route-loading-wake{left:0;width:100%;opacity:.5}}.brand-mark{display:flex;align-items:center;gap:9px;-webkit-user-select:none;user-select:none}.brand-mark-glyph{display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.brand-mark-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-mark-name{font-size:1rem;font-weight:700;letter-spacing:.01em;color:var(--text-main)}.brand-mark-tagline{font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;font-weight:600;color:var(--text-muted)}.hamburger-dropdown-header .brand-mark{padding:2px 4px 6px}
