.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}}.app{position:relative;min-height:100vh}.ocean-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;background:var(--ocean-mist);border-radius:50%;opacity:.6;animation:float 6s ease-in-out infinite}.particle:nth-child(odd){animation-delay:-2s;background:var(--ocean-crystal)}.particle:nth-child(3n){animation-delay:-4s;background:var(--ocean-pearl)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--ocean-mist);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-strong{background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2)}.gradient-ocean{background:linear-gradient(135deg,var(--ocean-deep) 0%,var(--ocean-medium) 50%,var(--ocean-surface) 100%)}.gradient-surface{background:linear-gradient(180deg,var(--ocean-surface) 0%,var(--ocean-foam) 100%)}.gradient-mist{background:linear-gradient(45deg,var(--ocean-mist) 0%,var(--ocean-crystal) 100%)}.interactive{transition:var(--transition-smooth);cursor:pointer}.interactive:hover{transform:translateY(-2px)}.interactive:active{transform:translateY(0)}.text-glow{text-shadow:0 0 10px rgba(0,170,255,.5)}.text-ocean{background:linear-gradient(135deg,var(--ocean-crystal) 0%,var(--ocean-pearl) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.data-row{background-color:#00000026;border-radius:8px;padding:16px;display:flex;gap:16px;border:1px solid rgba(255,255,255,.1);margin-bottom:8px}.data-cell{flex:1;min-width:0}.data-key{display:block;font-size:.75rem;color:#fff9;text-transform:capitalize;margin-bottom:4px}.data-value{display:block;font-size:1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-more{text-align:center;margin-top:12px}.data-more .btn.btn-link{background-color:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 16px;font-size:.8rem;cursor:pointer;transition:all .2s ease;font-weight:600;text-transform:uppercase}.data-more .btn.btn-link:hover{background-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0003}@media (max-width: 1024px){button,.btn,a.btn,input[type=button],input[type=submit]{min-height:44px;min-width:44px}button,a,.clickable{-webkit-tap-highlight-color:rgba(0,255,255,.2);-webkit-touch-callout:none}button,.btn{-webkit-user-select:none;user-select:none}*{-webkit-overflow-scrolling:touch}}@media (max-width: 1024px){.main-content{margin-left:0;padding:1rem;width:100%}.home-page{padding:1rem;min-height:100vh;display:flex;align-items:center}.hero{grid-template-columns:1fr;gap:2rem;padding:1rem;text-align:center}.hero-content{gap:1.5rem;align-items:center}.hero-badge{font-size:.85rem;padding:.625rem 1.25rem}.hero-title{font-size:clamp(2rem,8vw,3.5rem)!important}.hero-subtitle{font-size:clamp(1.25rem,5vw,1.75rem)!important}.hero-description{font-size:clamp(1rem,3vw,1.2rem)!important;max-width:100%}.hero-actions{justify-content:center;width:100%}.hero-visual{order:-1}.ocean-depth-indicator{width:200px;height:280px}.features-section{padding:3rem 1rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0}.feature-card{padding:1.5rem}.feature-icon{width:60px;height:60px}.feature-title{font-size:1.1rem;min-height:auto}.feature-description{font-size:.9rem}.chat-page{padding:1rem}.chat-container{height:calc(100vh - 2rem);gap:1rem}.chat-header{padding:1rem 1.5rem}.header-title h1{font-size:1.5rem}.header-actions{gap:.5rem}.header-actions button{width:40px;height:40px;padding:0}.header-actions button span{display:none}.dataviz-page{padding:1rem}.dataviz-container{gap:1rem}.dataviz-header{padding:1.5rem}.guide-page,.guide-container{padding:1rem}.guide-section{padding:1.5rem}}@media (max-width: 768px){body,.app{overflow-x:hidden}.main-content{padding:.75rem;width:100%;max-width:100vw}.home-page{padding:.5rem;overflow-x:hidden}.hero{gap:1.5rem;padding:.5rem;max-width:100%}.hero-content{gap:1.25rem;width:100%}.hero-badge{font-size:.8rem;padding:.5rem 1rem;max-width:100%}.hero-title{font-size:clamp(1.75rem,7vw,2.5rem)!important;word-wrap:break-word}.hero-subtitle{font-size:clamp(1.1rem,4.5vw,1.5rem)!important}.hero-description{font-size:clamp(.9rem,3vw,1.1rem)!important;line-height:1.5}.hero-actions{flex-direction:column;gap:1rem;width:100%}.btn{width:100%;padding:1rem 1.5rem;justify-content:center}.ocean-depth-indicator{width:180px;height:250px}.depth-label{font-size:.95rem}.features-section{padding:2rem .75rem}.features-grid{grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%}.feature-card{padding:1.5rem;text-align:center}.feature-icon{width:56px;height:56px;margin:0 auto 1rem}.feature-title{font-size:1.05rem;margin-bottom:.75rem}.feature-description{font-size:.875rem;line-height:1.5}.language-trigger{padding:.75rem 1rem;font-size:.9rem}.language-dropdown{min-width:250px;right:-10px}.chat-container{gap:.75rem;max-width:100%;width:100%}.chat-header{padding:.75rem 1rem;border-radius:16px}.header-title{gap:.5rem}.header-title h1{font-size:1.25rem}.header-title svg{width:20px;height:20px}.messages-container{border-radius:16px;width:100%;max-width:100%}.messages-list{padding:1rem;gap:.75rem}.message{width:100%;max-width:100%}.message-content{max-width:85%}@media (max-width: 1024px){.chat-container{height:100vh;max-width:100%;padding:0;margin:0;gap:0}.chat-header{padding:.75rem 1rem;border-radius:0;border:none;border-bottom:1px solid rgba(0,255,255,.1)}.header-title h1{font-size:1.25rem}.header-actions{gap:.5rem}.header-actions button{padding:.5rem;min-width:40px;min-height:40px}.messages-container{flex:1;border-radius:0;border:none;background:var(--deep-blue);overflow:hidden}.messages-list{flex:1;padding:1rem;overflow-y:auto;gap:1.5rem;-webkit-overflow-scrolling:touch}.message{display:flex;gap:.75rem;max-width:100%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:36px;height:36px;min-width:36px;border-radius:50%}.message-content{flex:1;max-width:calc(100% - 50px)}.message-text{padding:1rem;font-size:1rem;line-height:1.6;border-radius:16px;word-wrap:break-word;max-width:100%}.message.user .message-content{display:flex;flex-direction:column;align-items:flex-end}.message.user .message-text{max-width:85%}.message.bot .message-text{max-width:100%}.message-time{font-size:.75rem;margin-top:.5rem;opacity:.7}.message-sql{margin-top:1rem;padding:1rem;width:100%;max-width:100%;overflow:visible;border-radius:12px}.sql-header{font-size:.9rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}.sql-code{font-size:.85rem;line-height:1.6;padding:1rem;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;max-width:100%;border-radius:8px;-webkit-overflow-scrolling:touch}.message-data{margin-top:1rem;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.data-header{font-size:.85rem;padding:.875rem;flex-wrap:wrap;gap:.5rem;position:sticky;top:0;background:#0006;z-index:1}.data-header span{font-size:.85rem;flex:1 1 100%}.data-actions{display:flex;gap:.5rem}.data-actions button{padding:.5rem;min-width:40px;min-height:40px}.data-preview{width:100%;max-width:100%;padding:.5rem;display:flex;flex-direction:column;gap:.75rem}.data-row{background:#0000004d;border:1px solid rgba(0,255,255,.15);border-radius:12px;padding:1rem;display:grid;grid-template-columns:1fr;gap:.75rem}.data-cell{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:#00ffff08;border-radius:6px}.data-key{font-size:.75rem;color:var(--crystal-blue);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.data-value{font-size:.95rem;color:var(--foam-white);word-wrap:break-word;word-break:break-word}.data-more{text-align:center;padding:.75rem}.data-more button{color:var(--neon-cyan);font-size:.9rem;padding:.75rem 1.5rem;background:#00ffff1a;border:1px solid rgba(0,255,255,.2);border-radius:20px;min-height:44px}.message-map{margin-top:1rem;width:100%;max-width:100%;border-radius:12px;overflow:hidden}.chat-map{height:350px!important;width:100%!important;border-radius:8px}.map-header{padding:.75rem;font-size:.9rem}.input-container{padding:1rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,255,255,.1);border-radius:0;position:sticky;bottom:0;width:100%;max-width:100%;z-index:10}.input-wrapper{display:flex;gap:.75rem;align-items:flex-end;width:100%}.input-field-wrapper{flex:1;position:relative;background:#0000004d;border:1px solid rgba(0,255,255,.2);border-radius:20px;padding:.75rem 1rem}.input-field{width:100%;background:transparent;border:none;color:var(--foam-white);font-size:1rem;line-height:1.5;resize:none;max-height:120px;min-height:24px}.input-field:focus{outline:none}.input-actions{display:flex;gap:.5rem;align-items:center}.input-actions button{min-width:44px;min-height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.send-button{background:linear-gradient(135deg,var(--neon-cyan),var(--crystal-blue));border:none;color:var(--deep-blue);padding:.75rem;transition:all .3s ease}.send-button:active{transform:scale(.95)}.welcome-message{padding:2rem 1rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.welcome-content{max-width:100%;padding:0 1rem;width:100%}.welcome-content h3{font-size:1.75rem;margin-bottom:1rem}.welcome-content p{font-size:1rem;margin-bottom:1.5rem}.welcome-icon{width:80px;height:80px;margin:0 auto 1.5rem}.example-queries{margin-top:2rem;width:100%}.example-queries h4{font-size:1rem;margin-bottom:1rem;text-align:left}.example-list{width:100%;display:flex;flex-direction:column;gap:.75rem}.example-list button{width:100%;padding:1rem;text-align:left;font-size:.95rem;border-radius:12px;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);color:var(--foam-white);transition:all .3s ease}.example-list button:active{background:#00ffff1a;transform:scale(.98)}}.chat-header{padding:.5rem .75rem}.header-title h1{font-size:1.1rem}.messages-list{padding:.75rem;gap:1rem}.message-text{font-size:.95rem;padding:.875rem 1rem}.sql-code{font-size:.8rem;padding:.875rem}.chat-map{height:300px!important}.input-container{padding:.75rem}.input-field{font-size:.95rem}@media (max-width: 480px){.messages-list{padding:.5rem}.message-avatar{width:32px;height:32px;min-width:32px}.message-text{font-size:.9rem;padding:.75rem}.sql-code{font-size:.75rem}.chat-map{height:250px!important}.input-field{font-size:.9rem}}.welcome-message{padding:1rem;width:100%}.welcome-content{max-width:100%;padding:0 1rem}.welcome-content h3{font-size:1.5rem}.welcome-content p{font-size:1rem}.welcome-icon{width:80px;height:80px}.example-queries{margin-top:1.5rem;width:100%}.example-queries h4{font-size:1rem}.example-list{width:100%}.example-query{padding:.875rem 1.25rem;font-size:.9rem;width:100%}.message-data{padding:.875rem;border-radius:10px}.data-header{font-size:.9rem}.data-actions button{width:28px;height:28px}.data-actions button svg{width:14px;height:14px}.message-sql{padding:.875rem}.sql-code{font-size:.85rem;padding:.875rem}.message-map{padding:.75rem}.chat-map{height:250px!important}.input-container{padding:1rem;border-radius:16px;width:100%;max-width:100%}.input-area{gap:.75rem;width:100%}.input-actions{gap:.5rem}.input-btn{width:42px;height:42px;border-radius:10px;flex-shrink:0}.input-btn svg{width:18px;height:18px}.input-field{flex:1;width:100%}.chat-input{padding:.875rem 1rem;font-size:.95rem;border-radius:14px;width:100%;max-width:100%}.send-btn{width:42px;height:42px;border-radius:10px;flex-shrink:0}.send-btn svg{width:18px;height:18px}.image-preview img{max-width:150px;max-height:100px}.dataviz-container{gap:0;padding:0;height:100vh;max-height:100vh}.dataviz-header{padding:1rem;border-radius:0;border-bottom:1px solid rgba(0,255,255,.1)}.dataviz-header h1{font-size:1.25rem}.filters-container{border-radius:0;max-height:50vh;overflow-y:auto}.filters-content{padding:1rem}.filters-grid{grid-template-columns:1fr;gap:.75rem}.filter-group label{font-size:.9rem}.filter-group select{padding:.75rem;font-size:.95rem}.tabs-container{border-radius:0;overflow:hidden}.tabs-header{flex-wrap:nowrap;padding:0;gap:0}.tab-button{flex:1;padding:1rem;font-size:.95rem;border-radius:0;border-bottom:3px solid transparent}.tab-button.active{border-bottom-color:var(--neon-cyan)}.content-area{padding:0;height:calc(100vh - 180px);overflow:hidden}.map-view{height:100%;width:100%;border-radius:0}.map-container{height:100%!important;border-radius:0}.leaflet-container{height:100%!important;width:100%!important}.charts-grid{grid-template-columns:1fr;gap:1rem;padding:1rem;overflow-y:auto;height:100%}.chart-card{min-height:300px;border-radius:12px}.data-card{padding:1rem;border-radius:12px}.data-card h3{font-size:1rem;margin-bottom:1rem}}@media (max-width: 480px){.main-content{padding:.5rem}.home-page{padding:.25rem;min-height:100vh}.hero{gap:1rem;padding:.25rem}.hero-content{gap:1rem}.hero-badge{font-size:.75rem;padding:.5rem .875rem}.hero-title{font-size:clamp(1.5rem,10vw,2rem)!important;line-height:1.2}.hero-subtitle{font-size:clamp(1rem,5vw,1.25rem)!important}.hero-description{font-size:clamp(.85rem,3.5vw,1rem)!important;line-height:1.6}.hero-actions{gap:.875rem}.btn{padding:.875rem 1.25rem;font-size:.9rem}.ocean-depth-indicator{width:140px;height:200px}.depth-label{font-size:.85rem}.features-section{padding:1.5rem .5rem}.features-grid{gap:.875rem}.feature-card{padding:1.25rem}.feature-icon{width:48px;height:48px;margin-bottom:.875rem}.feature-icon svg{width:24px;height:24px}.feature-title{font-size:1rem;margin-bottom:.625rem}.feature-description{font-size:.8rem;line-height:1.4;margin-bottom:1rem}.feature-link{font-size:.85rem}.chat-container{height:calc(100vh - 1rem);gap:.5rem}.chat-header{padding:.75rem;border-radius:12px}.header-title h1{font-size:1.1rem}.header-title svg{width:18px;height:18px}.header-actions button{width:36px;height:36px}.messages-container{border-radius:12px}.messages-list{padding:.75rem;gap:.5rem}.message-content{max-width:85%}.message-avatar{width:32px;height:32px}.message-avatar svg{width:16px;height:16px}.message-text{padding:.75rem .875rem;font-size:.9rem;border-radius:12px}.message-time{font-size:.7rem}.welcome-content h3{font-size:1.25rem}.welcome-content p{font-size:.9rem}.welcome-icon{width:60px;height:60px}.example-queries h4{font-size:.95rem}.example-query{padding:.75rem 1rem;font-size:.85rem}.message-data{padding:.75rem}.data-header{font-size:.85rem;flex-direction:column;align-items:flex-start;gap:.5rem}.data-actions{align-self:flex-end}.message-sql{padding:.75rem}.sql-header{font-size:.85rem;flex-direction:column;align-items:flex-start;gap:.5rem}.sql-header button{align-self:flex-end}.sql-code{font-size:.75rem;padding:.75rem}.chat-map{height:200px!important}.message-map{padding:.5rem}.map-header{font-size:.85rem}.input-container{padding:.75rem;border-radius:12px}.input-area{flex-wrap:wrap;gap:.5rem}.input-actions{order:2;width:100%;justify-content:center}.input-field{order:1;width:100%}.input-btn{width:40px;height:40px}.chat-input{padding:.75rem .875rem;font-size:.9rem;min-height:42px}.send-btn{width:40px;height:40px}.image-preview{margin-bottom:.75rem}.image-preview img{max-width:120px;max-height:80px}.language-trigger{padding:.625rem .875rem;font-size:.85rem}.language-trigger svg{width:16px;height:16px}.language-dropdown{min-width:220px;max-width:calc(100vw - 2rem)}.language-option{padding:.625rem .875rem;font-size:.85rem}.dataviz-page{padding:.5rem}.dataviz-container{gap:1rem}.dataviz-header{padding:1rem}.header-title h1{font-size:1.25rem}.filters-panel{border-radius:16px}.filters-content{padding:1rem}.filters-header h3{font-size:1.1rem}.filters-grid{gap:.875rem}.filter-select{padding:.625rem .875rem;font-size:.9rem}.filters-actions{flex-direction:column}.filters-actions button{width:100%}.tabs-container{border-radius:16px}.tab-button{padding:.875rem 1rem;font-size:.85rem}.tab-button svg{width:18px;height:18px}.content-area{padding:1rem;min-height:300px}.chart-card{padding:1rem}.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1.25rem!important}.hero-description{font-size:.95rem!important}.hero-actions{flex-direction:column;width:100%}.btn{padding:.75rem 1.25rem;font-size:.95rem;width:100%}.ocean-depth-indicator{width:160px!important;height:220px!important}.depth-label{font-size:.95rem}.nav-mobile{width:280px}.mobile-nav-header{margin-bottom:2rem;padding-bottom:1.5rem}.mobile-brand{font-size:1.25rem}.brand-icon,.close-btn{width:40px;height:40px}.mobile-nav-item{padding:1rem 1.25rem}.mobile-underwater-toggle{padding:1rem}}@media (max-width: 768px) and (orientation: landscape){.chat-container{height:calc(100vh - 1rem)}.messages-list,.input-container{padding:.75rem}.chat-input{min-height:38px;max-height:60px}.chat-map{height:calc(100vh - 200px)!important;min-height:180px!important}}@media (hover: none) and (pointer: coarse){button,.btn,.input-btn,.send-btn,.nav-item,.mobile-nav-item,.language-option,.example-query{min-height:44px;min-width:44px}.data-actions button{min-height:36px;min-width:36px}}.btn,.input-btn,.send-btn,.nav-item,.mobile-nav-item,.tab-button,.language-option,.example-query{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.messages-list,.language-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@supports (padding: max(0px)){.chat-container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.mobile-menu-btn{top:max(1.5rem,env(safe-area-inset-top) + .5rem);left:max(1.5rem,env(safe-area-inset-left) + .5rem)}.language-switcher{top:max(2rem,env(safe-area-inset-top) + .5rem);right:max(2rem,env(safe-area-inset-right) + .5rem)}}:root{--ocean-deep: #001428;--ocean-dark: #002244;--ocean-medium: #003366;--ocean-light: #004488;--ocean-surface: #0066aa;--ocean-foam: #0088cc;--ocean-mist: #00aaff;--ocean-spray: #33bbff;--ocean-crystal: #66ccff;--ocean-pearl: #99ddff;--coral: #ff6b6b;--seafoam: #4ecdc4;--golden: #ffd93d;--plankton: #6bcf7f;--ocean-gradient: linear-gradient(135deg, var(--ocean-deep) 0%, var(--ocean-medium) 50%, var(--ocean-surface) 100%);--surface-gradient: linear-gradient(180deg, var(--ocean-surface) 0%, var(--ocean-foam) 100%);--mist-gradient: linear-gradient(45deg, var(--ocean-mist) 0%, var(--ocean-crystal) 100%);--font-primary: "Inter", sans-serif;--font-display: "Playfair Display", serif;--shadow-ocean: 0 8px 32px rgba(0, 102, 170, .3);--shadow-deep: 0 16px 64px rgba(0, 20, 40, .4);--shadow-surface: 0 4px 16px rgba(0, 136, 204, .2);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);--transition-wave: all .6s cubic-bezier(.25, .46, .45, .94)}body{font-family:var(--font-primary);background:var(--ocean-gradient);color:#fff;overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,170,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,136,204,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,102,170,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ocean-dark)}::-webkit-scrollbar-thumb{background:var(--ocean-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ocean-foam)}::selection{background:var(--ocean-mist);color:var(--ocean-deep)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);background:linear-gradient(135deg,var(--ocean-crystal) 0%,var(--ocean-pearl) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(2rem,4vw,3rem);color:var(--ocean-crystal)}h3{font-size:clamp(1.5rem,3vw,2rem);color:var(--ocean-foam)}.btn{padding:12px 24px;border:none;border-radius:12px;font-family:var(--font-primary);font-weight:500;font-size:1rem;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--mist-gradient);color:var(--ocean-deep);box-shadow:var(--shadow-surface)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-ocean)}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--ocean-crystal);border:1px solid var(--ocean-surface)}.btn-ghost:hover{background:#00aaff1a;border-color:var(--ocean-mist)}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth)}.card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px);box-shadow:var(--shadow-ocean)}.input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-family:var(--font-primary);font-size:1rem;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input:focus{outline:none;border-color:var(--ocean-mist);background:#ffffff14;box-shadow:0 0 0 3px #00aaff1a}.input::placeholder{color:#ffffff80}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wave{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(5px) rotate(1deg)}75%{transform:translate(-5px) rotate(-1deg)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.float{animation:float 3s ease-in-out infinite}.wave{animation:wave 4s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:200% 100%;animation:shimmer 2s infinite}@media (max-width: 768px){.btn{padding:10px 20px;font-size:.9rem}.card{padding:16px}h1{font-size:clamp(2rem,8vw,3rem)}h2{font-size:clamp(1.5rem,6vw,2.5rem)}}@media (max-width: 480px){.btn{padding:8px 16px;font-size:.85rem}.card{padding:12px}}:root{--abyss: #000814;--midnight: #001d3d;--deep-blue: #003566;--ocean-dark: #004d7a;--ocean-medium: #0066a0;--ocean-light: #0080c6;--surface-blue: #0099ec;--crystal-blue: #00b2ff;--foam-white: #33c7ff;--mist-blue: #66d4ff;--pearl: #99e1ff;--seafoam: #ccf0ff;--neon-cyan: #00ffff;--neon-blue: #0080ff;--neon-purple: #8000ff;--bioluminescent: #00ff80;--coral-glow: #ff4081;--depth-shadow: rgba(0, 0, 0, .4);--depth-glow: rgba(0, 178, 255, .3);--surface-reflection: rgba(255, 255, 255, .1);--underwater-caustics: rgba(0, 255, 255, .2);--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-deep: 0 20px 40px rgba(0, 0, 0, .3);--shadow-ocean: 0 15px 35px rgba(0, 102, 160, .2);--shadow-neon: 0 0 20px rgba(0, 255, 255, .5);--shadow-glow: 0 0 30px rgba(0, 178, 255, .4);--shadow-floating: 0 25px 50px rgba(0, 0, 0, .15);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--glass-blur-heavy: blur(40px);--transition-smooth: all .4s cubic-bezier(.25, .46, .45, .94);--transition-bounce: all .6s cubic-bezier(.68, -.55, .265, 1.55);--transition-elastic: all .8s cubic-bezier(.175, .885, .32, 1.275)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;overflow-x:hidden}body{font-family:var(--font-display);background:radial-gradient(ellipse at center,var(--abyss) 0%,var(--midnight) 50%,var(--deep-blue) 100%);color:var(--seafoam);overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,178,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,102,160,.05) 0%,transparent 50%);animation:oceanCaustics 8s ease-in-out infinite;pointer-events:none;z-index:-1}.app{min-height:100vh;position:relative;overflow-x:hidden}.layout{display:flex;min-height:100vh;position:relative}.nav-desktop{width:320px;height:100vh;position:fixed;left:0;top:0;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:2rem;z-index:1000;box-shadow:var(--shadow-floating)}.nav-brand{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--glass-border);position:relative}.brand-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--crystal-blue),var(--neon-cyan));border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);animation:float 6s ease-in-out infinite}.brand-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--crystal-blue),var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(0,178,255,.3)}.nav-links{flex:1;display:flex;flex-direction:column;gap:.75rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:16px;color:#ffffffb3;text-decoration:none;transition:var(--transition-smooth);position:relative;overflow:hidden;background:transparent;border:1px solid transparent}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .6s ease}.nav-item:hover:before{left:100%}.nav-item:hover{background:var(--glass-bg);border-color:var(--glass-border);color:var(--crystal-blue);transform:translate(8px);box-shadow:var(--shadow-ocean)}.nav-item.active{background:linear-gradient(135deg,#00b2ff33,#00ffff1a);border-color:var(--crystal-blue);color:var(--neon-cyan);box-shadow:var(--shadow-glow)}.nav-item.active:after{content:"";position:absolute;right:1rem;width:4px;height:20px;background:var(--neon-cyan);border-radius:2px;box-shadow:0 0 10px var(--neon-cyan)}.nav-controls{padding-top:2rem;border-top:1px solid var(--glass-border)}.underwater-toggle{width:100%;padding:1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;color:#ffffffb3;transition:var(--transition-smooth);font-weight:500;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;position:relative;overflow:hidden}.underwater-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .6s ease}.underwater-toggle:hover:before{left:100%}.underwater-toggle:hover{background:#00b2ff1a;border-color:var(--crystal-blue);color:var(--neon-cyan);transform:translateY(-2px);box-shadow:var(--shadow-ocean)}.underwater-toggle.active{background:linear-gradient(135deg,#00b2ff4d,#0ff3);border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--shadow-glow)}.main-content{flex:1;margin-left:320px;min-height:100vh;position:relative;padding:2rem;width:calc(100% - 320px);max-width:100vw;overflow-x:hidden}.language-switcher{position:fixed;top:2rem;right:2rem;z-index:1001}.language-trigger{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;color:var(--crystal-blue);font-weight:500;transition:var(--transition-smooth);box-shadow:var(--shadow-floating);cursor:pointer;position:relative;overflow:hidden}.language-trigger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .6s ease}.language-trigger:hover:before{left:100%}.language-trigger:hover{background:#00b2ff1a;border-color:var(--crystal-blue);transform:translateY(-2px);box-shadow:var(--shadow-ocean)}.language-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:300px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-heavy);backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-floating);overflow:hidden;z-index:1000}.language-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#0003;border-bottom:1px solid var(--glass-border);color:var(--crystal-blue);font-weight:600}.language-list{max-height:300px;overflow-y:auto;padding:.5rem}.language-option{width:100%;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:12px;color:#fffc;font-size:.95rem;transition:var(--transition-smooth);cursor:pointer;position:relative;overflow:hidden}.language-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .6s ease}.language-option:hover:before{left:100%}.language-option:hover{background:#00b2ff1a;color:var(--crystal-blue)}.language-option.active{background:linear-gradient(135deg,#00b2ff33,#00ffff1a);color:var(--neon-cyan);box-shadow:var(--shadow-glow)}.language-name{flex:1;font-weight:500}.language-code{font-size:.8rem;color:#fff9}.language-check{color:var(--neon-cyan);font-weight:700}.chat-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#001428e6,#048c,#0066aab3)}.chat-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 4rem);gap:1.5rem}.chat-header{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem 2rem;box-shadow:var(--shadow-floating)}.header-title h1{font-size:1.75rem;font-weight:700;color:var(--crystal-blue);margin:0}.header-actions{display:flex;gap:.75rem}.messages-container{flex:1;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-floating);display:flex;flex-direction:column}.messages-list{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.welcome-message{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.welcome-content{max-width:500px}.welcome-content h3{font-size:2rem;color:var(--crystal-blue);margin:1rem 0}.welcome-content p{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.example-queries{margin-top:2rem}.example-queries h4{color:var(--foam-white);margin-bottom:1rem;font-size:1.1rem}.example-list{display:flex;flex-direction:column;gap:.75rem}.example-query{padding:1rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:#fffc;text-align:left;transition:var(--transition-smooth);cursor:pointer}.example-query:hover{background:#00b2ff1a;border-color:var(--crystal-blue);color:var(--crystal-blue);transform:translate(5px)}.message{display:flex;gap:1rem;align-items:flex-start}.message.user{flex-direction:row-reverse}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message.user .message-avatar{background:linear-gradient(135deg,var(--crystal-blue),var(--neon-cyan));color:var(--abyss)}.message.bot .message-avatar{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--crystal-blue)}.message-content{flex:1;max-width:70%}.message.user .message-content{text-align:right}.message-text{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:1rem 1.25rem;color:#fffffff2;line-height:1.6;word-wrap:break-word;font-size:1rem}.message.user .message-text{background:linear-gradient(135deg,#00b2ff33,#00ffff1a);border-color:var(--crystal-blue)}.message-time{font-size:.8rem;color:#ffffff80;margin-top:.5rem}.message-data{margin-top:1rem;background:#0003;border-radius:12px;padding:1rem}.data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:var(--crystal-blue);font-weight:600}.data-actions{display:flex;gap:.5rem}.data-actions button{width:32px;height:32px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--crystal-blue);display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.data-actions button:hover{background:#00b2ff1a;border-color:var(--crystal-blue)}.data-preview{display:flex;flex-direction:column;gap:.5rem}.data-row{display:flex;gap:1rem;padding:.5rem;background:#0000001a;border-radius:8px}.data-cell{display:flex;flex-direction:column;gap:.25rem}.data-key{font-size:.8rem;color:var(--foam-white);font-weight:500}.data-value{font-size:.9rem;color:#fffc}.data-more{text-align:center;color:#fff9;font-style:italic;padding:.5rem}.message-sql{margin-top:1rem;background:#0006;border-radius:12px;padding:1rem;border:1px solid rgba(0,255,255,.15)}.sql-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;color:var(--crystal-blue);font-weight:600;font-size:.95rem}.sql-code{background:#00000080;border-radius:8px;padding:1rem;color:#0ff;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:1px solid rgba(0,255,255,.2)}.message-map{margin-top:1rem;background:#0003;border-radius:12px;padding:1rem;border:1px solid rgba(0,255,255,.2)}.map-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--crystal-blue);font-weight:600}.map-header svg{color:var(--neon-cyan)}.ocean-map-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-ocean)}.chat-map{height:300px!important;border-radius:8px}.leaflet-container{background:var(--deep-blue)!important;font-family:var(--font-display)!important}.leaflet-popup-content-wrapper{background:#001428f2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(0,255,255,.3)!important;border-radius:12px!important;box-shadow:var(--shadow-ocean)!important}.leaflet-popup-content{margin:8px 12px!important;color:var(--foam-white)!important}.leaflet-popup-tip{background:#001428f2!important;border:1px solid rgba(0,255,255,.3)!important}.ocean-popup h4{color:var(--crystal-blue)!important;margin:0 0 8px!important;font-size:14px!important;font-weight:600!important}.ocean-popup p{margin:4px 0!important;font-size:12px!important;color:var(--foam-white)!important}.ocean-popup strong{color:var(--neon-cyan)!important}.ocean-marker{background:none!important;border:none!important}.leaflet-control-zoom{border:1px solid rgba(0,255,255,.3)!important;border-radius:8px!important;overflow:hidden!important}.leaflet-control-zoom a{background:#001428e6!important;border:none!important;color:var(--neon-cyan)!important;font-weight:700!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.leaflet-control-zoom a:hover{background:#0ff3!important;color:#fff!important}.leaflet-control-attribution{background:#001428cc!important;color:#fff9!important;border-radius:6px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.leaflet-control-attribution a{color:var(--neon-cyan)!important}@media (max-width: 768px){.chat-map{height:250px!important}.message-map{padding:.75rem}.ocean-popup{font-size:11px!important}}@media (max-width: 480px){.chat-map{height:200px!important}.message-map{padding:.5rem}}.loading-spinner{animation:spin 2s linear infinite;color:var(--neon-cyan)}.typing-indicator{display:flex;gap:.25rem;align-items:center;margin-right:.5rem}.typing-dot{width:8px;height:8px;background:var(--neon-cyan);border-radius:50%;animation:typing 1.2s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0) scale(1);opacity:.4}30%{transform:translateY(-10px) scale(1.2);opacity:1}}.input-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-floating)}.image-preview{position:relative;margin-bottom:1rem;display:inline-block}.image-preview img{max-width:200px;max-height:150px;border-radius:12px;border:1px solid var(--glass-border)}.remove-image{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--coral-glow);border:none;border-radius:50%;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.input-area{display:flex;gap:1rem;align-items:flex-end}.input-actions{display:flex;gap:.5rem}.input-btn{width:48px;height:48px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--crystal-blue);display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);cursor:pointer}.input-btn:hover{background:#00b2ff1a;border-color:var(--crystal-blue);transform:scale(1.05)}.input-btn.recording{background:linear-gradient(135deg,var(--coral-glow),#ff6b6b);border-color:var(--coral-glow);color:#fff;animation:pulse 1s infinite}.input-field{flex:1;display:flex;gap:.75rem;align-items:flex-end}.chat-input{flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1rem 1.25rem;color:#ffffffe6;font-size:1rem;resize:none;min-height:48px;max-height:120px;transition:var(--transition-smooth)}.chat-input:focus{outline:none;border-color:var(--crystal-blue);box-shadow:var(--shadow-glow)}.chat-input::placeholder{color:#ffffff80}.send-btn{width:48px;height:48px;background:linear-gradient(135deg,var(--crystal-blue),var(--neon-cyan));border:none;border-radius:12px;color:var(--abyss);display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);cursor:pointer;box-shadow:var(--shadow-glow)}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 8px 25px #00b2ff66}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mock-indicator{margin-top:.5rem;display:flex;justify-content:flex-end}.demo-badge{background:linear-gradient(135deg,var(--bioluminescent),#00ff80);color:var(--abyss);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00ff804d}.home-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%;max-width:100%}.hero{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2;padding:0 1rem}.hero-content{display:flex;flex-direction:column;gap:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:25px;color:var(--neon-cyan);font-weight:500;font-size:.95rem;width:fit-content;box-shadow:var(--shadow-ocean);animation:pulse 3s ease-in-out infinite}.hero-title{font-size:clamp(3.5rem,7vw,6rem);font-weight:800;line-height:1.1;background:linear-gradient(135deg,var(--crystal-blue) 0%,var(--neon-cyan) 25%,var(--pearl) 50%,#ffffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(0,178,255,.3);animation:textGlow 4s ease-in-out infinite}.hero-subtitle{font-size:1.75rem;color:var(--foam-white);font-weight:600;margin-bottom:.5rem}.hero-description{font-size:1.25rem;color:#fffc;line-height:1.7;max-width:500px}.hero-actions{display:flex;gap:1.5rem;flex-wrap:wrap}.btn{padding:1rem 2rem;border:none;border-radius:16px;font-family:var(--font-display);font-weight:600;font-size:1.1rem;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--crystal-blue),var(--neon-cyan));color:var(--abyss);box-shadow:var(--shadow-glow);border:1px solid var(--neon-cyan)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00b2ff66}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--crystal-blue);border:1px solid var(--glass-border);box-shadow:var(--shadow-floating)}.btn-secondary:hover{background:#00b2ff1a;border-color:var(--crystal-blue);transform:translateY(-3px);box-shadow:var(--shadow-ocean)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.ocean-depth-indicator{width:280px;height:400px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--glass-border);border-radius:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-floating);animation:float 8s ease-in-out infinite}.depth-meter{position:relative;width:100%;height:100%}.depth-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,var(--surface-blue) 0%,var(--ocean-light) 20%,var(--ocean-medium) 40%,var(--ocean-dark) 60%,var(--deep-blue) 80%,var(--midnight) 100%);transition:height 2s cubic-bezier(.25,.46,.45,.94);box-shadow:inset 0 0 20px #0000004d}.depth-fill:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:waterShimmer 3s ease-in-out infinite}.depth-label{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);color:var(--neon-cyan);font-weight:700;font-size:1.1rem;text-shadow:0 0 10px var(--neon-cyan);z-index:2}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;background:var(--neon-cyan);border-radius:50%;opacity:.6;animation:floatParticle 15s linear infinite}.mobile-menu-btn{display:none;position:fixed;top:1.5rem;left:1.5rem;z-index:1001;width:56px;height:56px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;color:var(--crystal-blue);align-items:center;justify-content:center;transition:var(--transition-smooth);box-shadow:var(--shadow-floating);cursor:pointer}.mobile-menu-btn:hover{background:#00b2ff1a;border-color:var(--crystal-blue);transform:scale(1.05)}.nav-mobile{display:none;position:fixed;top:0;left:-320px;width:320px;height:100vh;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-heavy);backdrop-filter:var(--glass-blur-heavy);border-right:1px solid var(--glass-border);z-index:1000;flex-direction:column;padding:2rem;box-shadow:var(--shadow-floating);transition:left .3s ease-in-out}.nav-mobile.open{left:0}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--glass-border)}.mobile-brand{display:flex;align-items:center;gap:1rem;color:var(--crystal-blue);font-size:1.5rem;font-weight:700}.close-btn{width:48px;height:48px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.close-btn:hover{background:#00b2ff1a;border-color:var(--crystal-blue);color:var(--neon-cyan)}.mobile-nav-links{flex:1;display:flex;flex-direction:column;gap:.75rem}.mobile-nav-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:16px;color:#ffffffb3;text-decoration:none;transition:var(--transition-smooth)}.mobile-nav-item:hover{background:var(--glass-bg);color:var(--crystal-blue);transform:translate(8px)}.mobile-nav-item.active{background:linear-gradient(135deg,#00b2ff33,#00ffff1a);color:var(--neon-cyan);box-shadow:var(--shadow-glow)}.mobile-nav-controls{padding-top:2rem;border-top:1px solid var(--glass-border)}.mobile-underwater-toggle{width:100%;padding:1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;color:#ffffffb3;display:flex;align-items:center;gap:1rem;transition:var(--transition-smooth)}.mobile-underwater-toggle:hover{background:#00b2ff1a;color:var(--neon-cyan)}.mobile-underwater-toggle.active{background:linear-gradient(135deg,#00b2ff4d,#0ff3);color:var(--neon-cyan);box-shadow:var(--shadow-glow)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;display:none;opacity:0;transition:opacity .3s ease}.sidebar-overlay.show{display:block;opacity:1}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes textGlow{0%,to{text-shadow:0 0 40px rgba(0,178,255,.3)}50%{text-shadow:0 0 60px rgba(0,178,255,.6)}}@keyframes waterShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes oceanCaustics{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes floatParticle{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) translate(100px);opacity:0}}.dataviz-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#001428e6,#048c,#0066aab3)}.dataviz-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.dataviz-header{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-floating)}.header-content{display:flex;justify-content:space-between;align-items:center}.header-title h1{font-size:2rem;font-weight:700;color:var(--crystal-blue);margin:0}.header-actions{display:flex;gap:1rem}.filters-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-floating)}.filters-content{padding:2rem}.filters-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;color:var(--crystal-blue)}.filters-header h3{font-size:1.5rem;font-weight:600;margin:0}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--foam-white);font-weight:500;font-size:.9rem}.filter-select{padding:.75rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--crystal-blue);font-size:1rem;transition:var(--transition-smooth)}.filter-select:focus{outline:none;border-color:var(--neon-cyan);box-shadow:var(--shadow-glow)}.filters-actions{display:flex;gap:1rem;justify-content:flex-end}.tabs-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-floating)}.tabs-header{display:flex;background:#0003}.tab-button{flex:1;padding:1.5rem 2rem;background:transparent;border:none;color:#ffffffb3;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:var(--transition-smooth);cursor:pointer}.tab-button:hover{background:#00b2ff1a;color:var(--crystal-blue)}.tab-button.active{background:linear-gradient(135deg,#00b2ff33,#00ffff1a);color:var(--neon-cyan);box-shadow:inset 0 -2px 0 var(--neon-cyan)}.content-area{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;min-height:500px;box-shadow:var(--shadow-floating)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:1rem}.loading-spinner{color:var(--neon-cyan)}.visualization-content,.map-container{height:100%}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;gap:1rem}.map-placeholder h3{font-size:1.5rem;color:var(--crystal-blue);margin:0}.map-placeholder p{color:#fffc;margin:0}.map-features{display:flex;gap:2rem;margin-top:2rem}.feature-item{display:flex;align-items:center;gap:.5rem;color:#fffc}.feature-dot{width:12px;height:12px;border-radius:50%}.charts-container{height:100%}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.chart-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:var(--transition-smooth)}.chart-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-ocean)}.chart-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--crystal-blue)}.chart-header h3{font-size:1.25rem;font-weight:600;margin:0}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;gap:1rem;color:#fff9}.chart-placeholder p{margin:0}.btn-ghost{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff4d;color:var(--crystal-blue)}.features-section{padding:4rem 1rem;margin-top:2rem;width:100%;max-width:100%;overflow-x:hidden}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;padding:0 1rem;width:100%}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;text-align:center;transition:var(--transition-smooth);position:relative;overflow:hidden;box-shadow:var(--shadow-floating)}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.feature-card:hover:before{left:100%}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);box-shadow:var(--shadow-ocean)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-glow)}.feature-title{font-size:1.3rem;font-weight:700;color:var(--crystal-blue);margin-bottom:1rem;line-height:1.4;min-height:2.8rem;text-align:center;word-break:normal;display:block;width:100%}.feature-description{color:#fffc;line-height:1.6;margin-bottom:1.5rem}.feature-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--neon-cyan);text-decoration:none;font-weight:600;transition:var(--transition-smooth)}.feature-link:hover{color:var(--crystal-blue);transform:translate(5px)}@media (min-width: 1025px){.features-grid{grid-template-columns:repeat(3,1fr);max-width:1400px;gap:2rem}}@media (max-width: 1024px){.nav-desktop{display:none}.mobile-menu-btn,.nav-mobile{display:flex}.main-content{margin-left:0;padding:1.5rem;width:100%;max-width:100vw}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 1rem;max-width:100%}.hero{grid-template-columns:1fr;gap:3rem;text-align:center;max-width:100%;padding:0 1rem}.hero-visual{order:-1}.ocean-depth-indicator{width:240px;height:320px}}@media (max-width: 768px){.main-content{padding:1rem;width:100%;max-width:100vw}.features-section{padding:3rem 1rem;width:100%}.features-grid{gap:1.5rem;grid-template-columns:1fr;width:100%;padding:0}.hero{gap:2rem;width:100%;max-width:100%;padding:0 .5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1.1rem}.hero-actions{justify-content:center;width:100%}.language-switcher{top:1rem;right:1rem}.ocean-depth-indicator{width:200px;height:280px}}@media (max-width: 480px){.features-section{padding:2rem .5rem}.features-grid{gap:1rem}.feature-card{padding:1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.btn{padding:.875rem 1.5rem;font-size:1rem}.ocean-depth-indicator{width:180px;height:240px}}.dashboard-page{min-height:100vh;padding:2rem}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-header{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title h1{font-size:2.5rem;font-weight:700;color:var(--crystal-blue);margin:0}.header-subtitle{color:#fffc;font-size:1.1rem;margin:0}.metrics-section{margin-bottom:3rem}.metrics-section h2{font-size:2rem;font-weight:600;color:var(--crystal-blue);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.metric-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:var(--transition-smooth);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-smooth)}.metric-card:hover:before{left:100%}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-icon{color:var(--neon-cyan);background:#00ffff1a;padding:.75rem;border-radius:12px}.metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600}.trend-up{color:var(--bioluminescent)}.trend-down{color:var(--coral-glow)}.trend-stable{color:var(--foam-white)}.metric-content{text-align:left}.metric-value{font-size:2.5rem;font-weight:700;color:var(--crystal-blue);line-height:1}.metric-unit{font-size:1rem;font-weight:400;color:#fff9;margin-left:.25rem}.metric-label{font-size:.875rem;color:#fffc;text-transform:capitalize;margin-top:.5rem}.overview-section{margin-bottom:3rem}.overview-section h2{font-size:2rem;font-weight:600;color:var(--crystal-blue);margin-bottom:1.5rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.overview-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:2rem}.overview-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.overview-header h3{font-size:1.5rem;font-weight:600;color:var(--crystal-blue);margin:0}.coverage-stats{display:flex;flex-direction:column;gap:1rem}.coverage-item{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:1rem}.coverage-label{font-weight:500;color:var(--foam-white);text-transform:capitalize}.coverage-bar{background:#ffffff1a;border-radius:8px;height:8px;overflow:hidden}.coverage-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--bioluminescent));border-radius:8px;transition:width .5s ease}.coverage-percentage{font-weight:600;color:var(--crystal-blue);font-size:.875rem;min-width:40px;text-align:right}.status-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.status-item{text-align:center;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.status-label{font-size:.875rem;color:#ffffffb3;margin-bottom:.5rem}.status-value{font-size:1.5rem;font-weight:700;color:var(--crystal-blue);display:flex;align-items:center;justify-content:center;gap:.5rem}.queries-section h2{font-size:2rem;font-weight:600;color:var(--crystal-blue);margin-bottom:1.5rem}.queries-list{display:flex;flex-direction:column;gap:1rem}.query-item{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-smooth);cursor:pointer}.query-item:hover{border-color:var(--neon-cyan);background:#00ffff0d}.query-content{flex:1}.query-text{font-weight:500;color:var(--foam-white);margin-bottom:.5rem}.query-meta{display:flex;gap:1rem;font-size:.875rem;color:#fff9}.query-results{color:var(--bioluminescent);font-weight:500}.query-arrow{color:var(--neon-cyan);font-size:1.5rem;font-weight:700;opacity:.7;transition:var(--transition-smooth)}.query-item:hover .query-arrow{opacity:1;transform:translate(5px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-container p{color:var(--foam-white);font-size:1.1rem}@media (max-width: 768px){.dashboard-page{padding:1rem}.metrics-grid,.overview-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.status-stats{grid-template-columns:repeat(2,1fr)}.coverage-item{grid-template-columns:1fr;gap:.5rem;text-align:center}}.guide-page{min-height:100vh;padding:2rem}.guide-container{max-width:1200px;margin:0 auto}.guide-header{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;margin-bottom:2rem}.guide-header .header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.guide-header .header-title{display:flex;align-items:center;gap:1rem}.guide-header .header-title h1{font-size:2.5rem;font-weight:700;color:var(--crystal-blue);margin:0}.guide-header .header-subtitle{color:#fffc;font-size:1.1rem;margin:0}.welcome-section{margin-bottom:3rem}.welcome-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;display:flex;align-items:center;gap:2rem}.welcome-icon{color:var(--neon-cyan);background:#00ffff1a;padding:1.5rem;border-radius:16px;display:flex;align-items:center;justify-content:center}.welcome-content h2{font-size:2rem;font-weight:600;color:var(--crystal-blue);margin:0 0 1rem}.welcome-content p{color:#fffc;font-size:1.1rem;line-height:1.6;margin:0}.guide-sections{margin-bottom:3rem}.guide-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:1rem;overflow:hidden;transition:var(--transition-smooth)}.guide-section:hover{border-color:var(--neon-cyan);background:#00ffff05}.section-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition-smooth)}.section-header:hover{background:#ffffff0d}.section-title{display:flex;align-items:center;gap:1rem}.section-title h3{font-size:1.5rem;font-weight:600;color:var(--crystal-blue);margin:0}.section-content{border-top:1px solid rgba(255,255,255,.1);overflow:hidden}.section-description{padding:1.5rem 2rem 1rem}.section-description p{color:#fffc;font-size:1rem;line-height:1.6;margin:0}.section-steps{padding:0 2rem 1.5rem}.step-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff08;border-radius:12px;margin-bottom:1rem;transition:var(--transition-smooth)}.step-item:hover{background:#00ffff0d;transform:translate(5px)}.step-item:last-child{margin-bottom:0}.step-icon{color:var(--neon-cyan);background:#00ffff1a;padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content{flex:1}.step-content h4{font-size:1.1rem;font-weight:600;color:var(--crystal-blue);margin:0 0 .5rem}.step-content p{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0}.quick-actions{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:2rem}.quick-actions h3{font-size:1.75rem;font-weight:600;color:var(--crystal-blue);margin:0 0 1.5rem;text-align:center}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-align:center;cursor:pointer;transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:center;gap:1rem}.action-card:hover{background:#00ffff0d;border-color:var(--neon-cyan);box-shadow:0 10px 30px #0ff3}.action-card svg{color:var(--neon-cyan)}.action-card h4{font-size:1.25rem;font-weight:600;color:var(--crystal-blue);margin:0}.action-card p{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0}@media (max-width: 768px){.guide-page{padding:1rem}.guide-header .header-content{flex-direction:column;gap:1rem;align-items:flex-start}.guide-header .header-title h1{font-size:2rem}.welcome-card{flex-direction:column;text-align:center}.welcome-content h2{font-size:1.5rem}.section-header{padding:1rem 1.5rem}.section-description,.section-steps{padding-left:1.5rem;padding-right:1.5rem}.step-item{flex-direction:column;text-align:center}.actions-grid{grid-template-columns:1fr}.action-card{padding:1.5rem}}.incois-page{min-height:100vh;padding:2rem;transition:var(--transition-smooth)}.incois-page.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:0;z-index:1000;background:var(--deep-blue)}.incois-container{max-width:1400px;margin:0 auto;height:100%}.incois-page.fullscreen .incois-container{max-width:100%;height:100vh;display:flex;flex-direction:column}.incois-header{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;margin-bottom:2rem}.incois-page.fullscreen .incois-header{border-radius:0;margin-bottom:0;flex-shrink:0}.incois-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.incois-header .header-title{display:flex;align-items:flex-start;gap:1rem}.incois-header .title-text h1{font-size:2.5rem;font-weight:700;color:var(--crystal-blue);margin:0 0 .5rem}.incois-header .header-subtitle{color:#fffc;font-size:1.1rem;margin:0;line-height:1.4}.incois-header .header-actions{display:flex;gap:1rem;flex-wrap:wrap}.portal-info{margin-bottom:2rem}.incois-page.fullscreen .portal-info{display:none}.info-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:2rem}.info-content h3{font-size:1.75rem;font-weight:600;color:var(--crystal-blue);margin:0 0 1rem}.info-content p{color:#fffc;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.info-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:var(--transition-smooth)}.feature-item:hover{background:#00ffff0d;border-color:var(--neon-cyan);transform:translateY(-2px)}.feature-icon{font-size:1.5rem}.feature-item span{color:var(--foam-white);font-weight:500}.portal-container{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;height:70vh;margin-bottom:2rem}.incois-page.fullscreen .portal-container{flex:1;height:auto;border-radius:0;margin-bottom:0}.iframe-wrapper{width:100%;height:100%;position:relative}.incois-iframe{width:100%;height:100%;border:none;background:#fff}.loading-overlay,.error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000814f2;display:flex;align-items:center;justify-content:center;z-index:10}.loading-content,.error-content{text-align:center;color:var(--foam-white)}.loading-content svg,.error-content svg{color:var(--neon-cyan);margin-bottom:1rem}.loading-content h3,.error-content h3{font-size:1.5rem;font-weight:600;color:var(--crystal-blue);margin:0 0 .5rem}.loading-content p,.error-content p{color:#fffc;margin:0 0 1.5rem}.error-actions{display:flex;gap:1rem;justify-content:center}.portal-controls{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem}.incois-page.fullscreen .portal-controls{display:none}.controls-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.control-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.control-icon{font-size:1.25rem;background:#00ffff1a;padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center;min-width:45px}.control-text{color:#fffc;font-size:.9rem;line-height:1.4}.control-text strong{color:var(--crystal-blue);font-weight:600}.loading-spinner{animation:spin 2s linear infinite}@media (max-width: 1024px){.incois-header .header-content{flex-direction:column;align-items:flex-start}.incois-header .header-actions{width:100%;justify-content:flex-start}.portal-container{height:60vh}.info-features{grid-template-columns:repeat(2,1fr)}.controls-info{grid-template-columns:1fr}}@media (max-width: 768px){.incois-page{padding:1rem}.incois-header{padding:1.5rem}.incois-header .title-text h1{font-size:2rem}.incois-header .header-actions{flex-direction:column;gap:.75rem}.portal-container{height:50vh}.info-features{grid-template-columns:1fr}.feature-item{padding:.75rem}.control-item{flex-direction:column;text-align:center;gap:.75rem}}@media (max-width: 480px){.incois-header .header-actions .btn{width:100%;justify-content:center}.error-actions{flex-direction:column;width:100%}.error-actions .btn{width:100%;justify-content:center}}.recording-button-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.recording-button{position:relative;width:60px;height:60px;border-radius:50%;border:2px solid var(--crystal-blue);background:linear-gradient(135deg,var(--ocean-medium),var(--deep-blue));color:var(--seafoam);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-ocean)}.recording-button:hover{transform:scale(1.05);box-shadow:var(--shadow-glow);border-color:var(--neon-cyan)}.recording-button.listening{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-color:#ff6b6b;animation:pulse-glow 2s infinite}.recording-button.error{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545}.recording-button.unsupported{background:#ffffff1a;border-color:#fff3;cursor:not-allowed;opacity:.5}.mic-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mic-icon{width:24px;height:24px;fill:currentColor;z-index:2;position:relative}.recording-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:2px}.wave{width:3px;background:#fffc;border-radius:2px;animation:wave-animation 1.5s ease-in-out infinite}.wave-1{height:15px;animation-delay:0s}.wave-2{height:20px;animation-delay:.3s}.wave-3{height:15px;animation-delay:.6s}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid var(--neon-cyan);border-radius:50%;opacity:0;animation:pulse-ring 2s infinite}.recording-status{text-align:center;font-size:.875rem;min-height:1.25rem;display:flex;align-items:center;justify-content:center}.error-text{color:#dc3545;font-weight:500}.listening-text{color:var(--neon-cyan);font-weight:500;animation:text-glow 2s infinite}.idle-text{color:#fff9}.unsupported{color:#fff6}.speech-button{margin-left:1rem}.speech-button .recording-button{width:48px;height:48px}.speech-button .mic-icon{width:20px;height:20px}.speech-button .pulse-ring{width:64px;height:64px}.input-area{display:flex;align-items:flex-end;gap:1rem}.input-field{flex:1;display:flex;align-items:center;gap:.5rem}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #ff6b6b66}50%{box-shadow:0 4px 30px #ff6b6bcc}}@keyframes wave-animation{0%,to{height:15px;opacity:.7}50%{height:25px;opacity:1}}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}@keyframes text-glow{0%,to{text-shadow:0 0 5px rgba(0,255,255,.5)}50%{text-shadow:0 0 10px rgba(0,255,255,.8)}}@media (max-width: 768px){.recording-button{width:50px;height:50px}.mic-icon{width:20px;height:20px}.pulse-ring{width:70px;height:70px}.speech-button .recording-button{width:40px;height:40px}.speech-button .mic-icon{width:18px;height:18px}.input-area{flex-direction:column;gap:.75rem}.recording-status{font-size:.8rem}}