:root{--primary-color:#046380;--accent-color:#3fc1c9;--spacing-unit:1rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;height:100%;font-size:16px;line-height:1.8;overflow-x:hidden}img,picture{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit}body{color:#0d1619;background-color:#fff;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1rem}h1,h2,h3{letter-spacing:0;color:#333}button,p{letter-spacing:.02em}.breadcrumb-link,.breadcrumb-current{letter-spacing:.03em}.button{letter-spacing:.01em;text-transform:none;font-weight:600}h1,h2,h3,h4{color:#333;font-family:Inter,Helvetica Neue,Arial,sans-serif;line-height:1.4}h1,h2{margin-bottom:1rem}h1{font-size:2.25rem}h2{font-size:2rem}h3,h4{margin-bottom:.5rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:.5rem;font-size:1rem}a:not(.button){color:#046380;text-decoration:underline}a:not(.button):hover{color:#3fc1c9}.bold{font-weight:600}.text-secondary{color:#666}.font-small{font-size:.875rem}.font-x-small{font-size:.75rem}.fill{width:100%;height:100%}.w-full{width:100%}.h-full{height:100%}.gap{gap:1rem}.border{border:1px solid #d9d9d9;border-radius:1rem}.row{flex-flow:wrap;width:100%;display:flex}.column{flex-direction:column;display:flex}.center{justify-content:center;align-items:center;display:flex}.center-horizontal{justify-content:center;display:flex}.center-vertical{align-items:center;display:flex}.space-between{justify-content:space-between;align-items:center;display:flex}.space-around{justify-content:space-around;align-items:center;display:flex}.flex-start{justify-content:start;display:flex}.flex-end{justify-content:end;display:flex}.flex-1{flex:1}.content{padding:0}@media (width<=640px){.content{padding:0 1rem}}.content-container{flex-direction:column;flex:1;width:100%;max-width:100%;min-height:calc(100vh - 56px);margin:0 auto;padding:0 1rem;display:flex}@media (width<=768px){.content-container{max-width:560px}}@media (width>=1024px){.content-container{max-width:720px}}.content-container .map-wrapper.h-full{flex:1;min-height:0}.card{box-shadow:none;background:#fff;border-radius:1rem;margin:1rem 0;padding:1rem}.scroll{scrollbar-width:thin;scrollbar-color:#0003 transparent;overflow-y:auto}.scroll::-webkit-scrollbar{width:8px;height:auto}.scroll::-webkit-scrollbar-track{background:0 0}.scroll::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.scroll::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.p{padding:1rem}.m{margin:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pv{padding:1rem 0}.pv-l{padding:2rem 0}.ph{padding:0 1rem}.pt{padding-top:1rem}.pb{padding-bottom:1rem}.mv{margin:1rem 0}.mv-l{margin:2rem 0}.mh{margin:0 1rem}.mh-s{margin:0 .5rem}.mt{margin-top:1rem}.mt-s{margin-top:.5rem}.mt-l{margin-top:2rem}.mb{margin-bottom:1rem}.mb-l{margin-bottom:2rem}.m-0{margin:0}.p-0{padding:0}.center-text{text-align:center}.border-top{border-top:1px solid #d9d9d9}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)translateY(20px)}50%{opacity:.8;transform:scale(1.01)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-on-scroll{opacity:0;will-change:opacity, transform;transition:none;transform:scale(.9)translateY(20px)}.animate-on-scroll.visible{animation:.4s cubic-bezier(.25,.46,.45,.94) forwards bounceIn}.animate-on-scroll.visible:first-child{animation-delay:20ms}.animate-on-scroll.visible:nth-child(2){animation-delay:40ms}.animate-on-scroll.visible:nth-child(3){animation-delay:60ms}.animate-on-scroll.visible:nth-child(4){animation-delay:80ms}.animate-on-scroll.visible:nth-child(5){animation-delay:.1s}.animate-on-scroll.visible:nth-child(6){animation-delay:.12s}.animate-on-scroll.visible:nth-child(n+7){animation-delay:.14s}.animate-bounce-in{will-change:opacity, transform;animation:.6s cubic-bezier(.25,.46,.45,.94) both bounceIn}.animate-bounce-in:first-child{animation-delay:50ms}.animate-bounce-in:nth-child(2){animation-delay:.1s}.animate-bounce-in:nth-child(3){animation-delay:.15s}.animate-bounce-in:nth-child(4){animation-delay:.2s}.animate-bounce-in:nth-child(5){animation-delay:.25s}.animate-bounce-in:nth-child(6){animation-delay:.3s}form{width:100%}.form-submit{margin-top:2rem}.form-item{text-align:start;flex-direction:column;width:100%;padding-top:.5rem;display:flex}.form-item.no-top-padding{padding-top:0}.form-item label{opacity:0;margin-left:.5rem;font-size:.875rem;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(-.5rem)}.form-item label.visible{opacity:1;transform:translateY(0)}.form-item .form-error{margin-left:.5rem}input,textarea,select{box-sizing:border-box;border:1px solid #d9d9d9;border-radius:1rem;width:100%;height:40px;padding:.5rem;font-size:1rem;line-height:1.5}input:disabled,textarea:disabled,select:disabled{opacity:.4;background:#d7d7d7}select{appearance:auto;cursor:pointer;background-color:#fff;padding-right:.5rem}input[type=checkbox]{cursor:pointer;width:auto;margin-left:1rem}input[type=checkbox]:checked{accent-color:#046380}textarea{resize:vertical;min-height:100px}input:focus,textarea:focus,select:focus{border-color:#046380;outline:none;box-shadow:0 0 4px #0077b680}.form-item.error input,.form-item.error textarea,.form-item.error select{border-color:#d9d9d9;outline:none;box-shadow:0 0 4px #b22222}.form-status-container{margin-bottom:1rem}.form-success{color:green;opacity:1;transition:opacity 1s;display:inline-block}.form-error{color:#b22222;font-size:.875rem;display:inline-block}.form-label-required{color:#b22222}.form-inline{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}@media (width<=768px){.direction-selector-wrapper{width:100%}}.disclaimer{margin-top:.5rem;font-size:.875rem}.profile-links{flex-direction:column;gap:.5rem;margin-top:1rem;font-size:.875rem;display:flex}.auth-cta{gap:.5rem;display:flex}.auth-options .auth-cta p,.auth-options a{margin-bottom:0}.auth-title h1{text-align:center;margin:0;font-size:2rem}.auth-layout{flex-direction:row;width:100%;height:100%;display:flex}.auth-layout.reversed{flex-direction:row-reverse}.auth-options{flex-direction:column;display:flex}.auth-content{flex-direction:column;width:100%;max-width:420px;padding:1rem 1rem 2rem;display:flex;position:relative}.auth-content footer{width:100%;position:absolute;bottom:0;left:0}.auth-content .content-status{flex:initial;justify-content:center;margin-top:0;padding-bottom:0}.auth-copyright{text-align:center;width:100%;padding:.5rem 0;position:absolute;bottom:0}.auth-copyright p{color:#0d1619;margin:0;font-size:.75rem}.auth-hero{background:linear-gradient(135deg,#046380 0%,#022a36 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";opacity:.3;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"waves\" x=\"0\" y=\"0\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><path d=\"M0 50 Q25 40 50 50 T100 50 V100 H0 Z\" fill=\"rgba(255,255,255,0.1)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23waves)\"/></svg>");position:absolute;inset:0}.auth-hero>*{z-index:2;position:relative}@media (width<=1008px){.auth-hero{display:none}}.sign-in-nav{align-items:center;gap:.5rem;margin:0 1rem;display:flex}.guest-link{margin-bottom:1rem;font-size:.875rem}.page-content h1{text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:600}.page-content h2{margin:2rem 0 1rem;font-size:1.75rem}.page-content h3{margin:2rem 0 .5rem;font-size:1.25rem}.page-content p{color:#666;margin-bottom:1rem;line-height:1.6}.page-content ul,.page-content ol{color:#666;margin-bottom:1rem;padding-left:2rem;line-height:1.6}.page-content li{margin-bottom:.5rem}.page-content a{color:#046380;text-decoration:none;transition:color .3s}.page-content a:hover{color:#023d4f}.accordion-list{flex-direction:column;gap:1rem;display:flex}.accordion-card{background:#fff;border:1px solid #d9d9d9;border-radius:1rem;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.accordion-card:hover{border-color:#ddd;box-shadow:0 2px 8px #0d161914}.accordion-card-top{flex:1;min-width:0;display:flex}.accordion-card-row{background:#f0f6f7;align-items:stretch;min-height:56px;transition:background-color .12s;display:flex}.accordion-card-row:hover{background:#e6eff2}.accordion-card-toggle{text-align:left;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:1rem;min-width:0;margin:0;padding:12px .5rem 12px 14px;display:flex}.accordion-card-toggle:focus-visible{outline-offset:-2px;outline:2px solid #046380}.accordion-card-chevron{color:#666;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.accordion-card-chevron svg{width:1rem;height:1rem}.accordion-card-chevron-open{transform:rotate(180deg)}.accordion-card-primary{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.accordion-card-title{color:#333;white-space:normal;overflow-wrap:anywhere;font-size:1rem;font-weight:600;line-height:1.3}.accordion-card-panel{background:#fff;border-top:1px solid #f0f0f0;border-radius:0 0 1rem 1rem;padding:1rem 1rem 2rem}.accordion-card-panel p{margin:0}@media (width<=576px){.accordion-card-toggle{gap:.5rem;padding:10px .5rem 10px 12px}}.button{color:#fff;cursor:pointer;text-align:center;box-sizing:border-box;background-color:#035061;border:1px solid #023d4d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:56px;padding:.5rem 2rem;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.25;text-decoration:none;transition:background-color .2s,border-color .2s,transform .15s,color .2s;display:flex}.button:focus-visible{outline-offset:2px;outline:2px solid #046380}.button:focus:not(:focus-visible){outline:none}.button.cancel{color:#0d1619;background:#fff;border:1px solid #bebebe;height:56px}.button.cancel:hover:not(:disabled){background:#f8fafc;border-color:gray;transform:translateY(-1px)}.button.cancel:active:not(:disabled){background:#f1f5f9;transform:translateY(0)}.button.secondary{color:#fff;background:#217276;border:1px solid #134043}.button.secondary:hover:not(:disabled){color:#fff;background:#1b5b5f;border-color:#0b2527;transform:translateY(-1px)}.button.secondary:active:not(:disabled){background:#164b4f}.button.danger{color:#fff;background:#981d1d;border:1px solid #7f1818}.button.danger:hover:not(:disabled){background:#b22222;border-color:#901b1b;transform:translateY(-1px)}.button.danger:active:not(:disabled){background:#7f1818}.button:hover:not(:disabled){text-decoration:none}.button:hover:not(:disabled):not(.cancel):not(.secondary):not(.danger):not(.icon){background:#046380;border-color:#035061;transform:translateY(-1px)}.button:active:not(:disabled):not(.cancel):not(.secondary):not(.danger):not(.icon){background:#022a36;border-color:#022a36;transform:translateY(0)}.button.cancel:active:not(:disabled),.button.secondary:active:not(:disabled),.button.danger:active:not(:disabled){transform:translateY(0)}.button:disabled{color:#545454;cursor:not-allowed;background:#d7d7d7;border-color:#c3c3c3;font-weight:600;transform:none}.button:disabled:hover,.button:disabled:active{background:#d7d7d7;border-color:#c3c3c3;transform:none}.button.loading{pointer-events:none;min-height:56px;position:relative}.button.loading .button-content{visibility:hidden}.button.loading .button-loading-spinner{margin:-12px 0 0 -12px;position:absolute;top:50%;left:50%}.button.small{white-space:nowrap;height:40px;padding:.5rem 1rem;font-size:.875rem}.button.small.loading{min-height:40px}.button-loading-spinner{vertical-align:middle;opacity:1;border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:24px;height:24px;line-height:1;animation:.6s linear infinite buttonSpinner;display:inline-block}.button-content{opacity:1;align-items:center;gap:.5rem;min-width:0;display:inline-flex}@keyframes buttonSpinner{to{transform:rotate(360deg)}}.button.icon{width:2rem;height:2rem;min-height:unset;color:#0d1619;box-shadow:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.5rem;transition:color .2s,background .2s,transform .15s;display:flex}.button.icon .button-content{justify-content:center;align-items:center;display:flex;transform:translateY(-1px)}.button.icon:hover:not(:disabled){color:#0d1619;box-shadow:none;background:#e6ecf3;transform:none}.button.icon:hover:not(:disabled) .button-content{transform:translateY(-1px)}.button.icon:active:not(:disabled){background:#dbe5ee}.button.icon:focus-visible{outline-offset:2px;outline:2px solid #046380}.button.icon:disabled{box-shadow:none;color:#545454;background:0 0;border:none}.breadcrumb .breadcrumb-list{border-bottom:1px solid #d9d9d9;margin:0 0 1rem;padding:1rem 0;font-size:.875rem;list-style:none;display:flex}@media (width<=670px){.breadcrumb .breadcrumb-list{padding:1rem;font-size:.75rem}}.breadcrumb .breadcrumb-item:not(:last-child):after{content:">";color:#d9d9d9;margin:0 1rem}.breadcrumb .breadcrumb-link{text-transform:capitalize;text-wrap:nowrap}.breadcrumb .breadcrumb-current{text-transform:capitalize;text-wrap:nowrap;padding-right:.5rem}.checkbox-option{justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}.checkbox-option input[type=checkbox]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.checkbox-option .custom-checkbox{cursor:pointer;background-color:#fff;border:2px solid #046380;border-radius:4px;width:1rem;height:1rem;transition:background-color .2s,border-color .2s;position:relative}.checkbox-option .custom-checkbox:after{content:"";transform-origin:50%;opacity:0;border:3px solid #fff;border-width:0 3px 3px 0;width:6px;height:12px;transition:transform .2s ease-in-out;position:absolute;top:calc(50% - 1px);left:50%;transform:translate(-50%,-50%)rotate(45deg)}.checkbox-option input[type=checkbox]:checked+.custom-checkbox{background-color:#046380;border-color:#046380}.checkbox-option input[type=checkbox]:checked+.custom-checkbox:after{opacity:1;transform:translate(-50%,-50%)rotate(45deg)}.checkbox-option input[type=checkbox]:focus+.custom-checkbox{box-shadow:0 0 4px #0077b680}.checkbox-option.checkbox-option-disabled{opacity:.6;cursor:not-allowed}.checkbox-option.checkbox-option-disabled .custom-checkbox{cursor:not-allowed}.chip{box-sizing:border-box;color:#3fc1c9;background:#fff;border:2px solid #3fc1c9;border-radius:12px;width:fit-content;max-width:100%;padding:4px 1rem;transition:background-color .2s,color .2s;display:inline-block}.chip.filled{color:#046380;background:#3fc1c9;border-color:#3fc1c9}.chip.filled:hover{color:#035067;background-color:#34b2ba;border-color:#34b2ba}.chip-selector{flex-wrap:wrap;gap:1rem;display:flex}.chip-selector>div,.chip-selector>div .chip{cursor:pointer}.chip-selector>div .chip:hover{color:#2f9fa6;border-color:#2f9fa6}.chip-selector>div .chip.filled:hover{color:#035067;background-color:#34b2ba;border-color:#34b2ba}.content-status{margin-top:3rem}.content-status .column.error{gap:1rem}.content-container>.content-status{box-sizing:border-box;flex:1;justify-content:center;align-items:center;margin-top:0;padding-bottom:3rem;display:flex}.surf-spots-list-view .content-status{flex:initial;margin-top:2rem;padding-bottom:0}.card{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:1rem;margin:0;padding:1rem;transition:border-color .2s}.card:hover{border-color:#046380}.card h3{margin:0 0 .5rem;padding-top:0}.card .card-image+h3{margin-top:0}.card p{color:#666;margin:.5rem 0}.card .card-image{background:#f8fafc;border-radius:1rem;width:100%;height:200px;margin-bottom:1rem;overflow:hidden}.card .card-image img{object-fit:cover;width:100%;height:100%}.card.animate-on-scroll,.card.animate-on-scroll.visible{transition:border-color .2s}.card.animate-on-scroll:hover,.card.animate-on-scroll.visible:hover{border-color:#046380}.direction-selector{justify-content:center;align-items:center;margin:1rem 0;padding:2rem 0;display:flex}.direction-selector-wrapper{margin:1rem 0}.direction-selector-help{color:#666;text-align:center;margin:0 0 .5rem;font-size:.75rem;font-style:italic}.direction-selector-compass{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.direction-selector-svg{pointer-events:none;position:absolute;top:0;left:0}.direction-selector-button{left:var(--button-left);top:var(--button-top);color:#0d1619;cursor:pointer;z-index:2;background:#fff;border:1.5px solid #d9d9d9;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:all .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.direction-selector-button:hover{background:#f0f4f8;border-color:#046380;transform:translate(-50%,-50%)scale(1.2)}.direction-selector-button.start,.direction-selector-button.end,.direction-selector-button.in-range{color:#fff;z-index:3;background:#046380;border-color:#046380;box-shadow:0 2px 6px #04638066}.direction-selector-button:active{transform:translate(-50%,-50%)scale(.9)}@media (width<=420px){.form-inline{flex-direction:column}}.direction-selector-wrapper{flex:1;min-width:200px}@media (width<=420px){.direction-selector-wrapper{width:100%;min-width:0}}.details{align-items:center;gap:.5rem;padding-right:1rem;display:flex}.details p{margin:0}.details .label{font-weight:700}.details .value{font-weight:500}.drawer-backdrop{z-index:400;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.drawer{z-index:410;will-change:transform;background:#fff;flex-direction:column;width:100%;max-width:444px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:fixed;top:0;transform:translate(-100%)}.drawer.drawer--left{left:0}.drawer.drawer--right{right:0;transform:translate(100%)}.drawer.drawer--open{box-shadow:none;transform:translate(0)}.drawer.drawer--swiping{transform:translateX(var(--drawer-translate-x,0));transition:none}.drawer .drawer-content{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#0003 transparent;flex:1;overflow-y:auto}.drawer .drawer-content::-webkit-scrollbar{width:8px;height:auto}.drawer .drawer-content::-webkit-scrollbar-track{background:0 0}.drawer .drawer-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.drawer .drawer-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@media (width<=768px){.drawer{width:calc(100% - 2rem);max-width:none}}.drawer-header{background:#fff;border-bottom:1px solid #d9d9d9;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:56px;padding:1rem;display:flex}.drawer-header .drawer-title{color:#0d1619;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1.25rem;overflow:hidden}.drawer-header .drawer-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.drawer-header .drawer-actions .button{width:auto}.drawer-header .drawer-actions .dropdown-menu-trigger{color:#0d1619;padding:4px}.drawer-header .drawer-actions .dropdown-menu-trigger:focus{outline-offset:1px;outline:1px solid #046380}.drawer-header .drawer-actions .dropdown-menu-trigger svg{width:20px;height:20px}.drawer-header .drawer-close-button{color:#0d1619;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;font-size:1.25rem;transition:background .2s;display:flex}.drawer-header .drawer-close-button:hover,.drawer-header .drawer-close-button:focus{background:#f0f4f8;outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-form-actions{background:#fff;flex-flow:row;flex-shrink:0;gap:1rem;width:100%;padding:1rem;display:flex}.drawer-form-actions .button{flex:1;width:auto;min-width:0}body.drawer-open{overflow:hidden}.error-boundary-fallback{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:40vh;padding:0 1rem;display:flex}.error-recovery-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;display:flex}.error-recovery-actions .button{width:auto}.footer{color:#fff;background:#023d4f;padding:2rem 0}.footer-content{grid-template-columns:2fr repeat(4,1fr);gap:2rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.footer-content{grid-template-columns:repeat(3,1fr)}.footer-content .footer-section:first-child{grid-column:1/-1}}@media (width<=768px){.footer-content{text-align:center;grid-template-columns:repeat(2,1fr)}.footer-content .footer-section:first-child{grid-column:1/-1}}@media (width<=480px){.footer-content{grid-template-columns:1fr}.footer-content .footer-section:first-child{grid-column:1}}.footer-section h3{color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.footer-section h4{color:#fff;margin-bottom:1rem;font-size:1rem}.footer-section p{color:#fffc;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fffc;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #fff3;padding-top:2rem}.footer-bottom p{color:#ffffffb3;margin:0}.filters-container{flex-direction:column;height:100%;min-height:0;display:flex}.filters-content{scrollbar-width:thin;scrollbar-color:#0003 transparent;flex:1;padding:1rem;overflow-y:auto}.filters-content::-webkit-scrollbar{width:8px;height:auto}.filters-content::-webkit-scrollbar-track{background:0 0}.filters-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.filters-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.filters-content .filters-content-section{margin-bottom:2rem}.filters-content .filters-content-section:last-of-type{margin-bottom:1rem}.filters-content .filters-content-title{color:#0d1619;border-bottom:1px solid #d9d9d9;margin-bottom:1rem;padding-bottom:.5rem;font-size:.875rem;font-weight:600}.filters-content .filters-content-options{flex-direction:column;gap:.5rem;display:flex}.filters-content .filters-content-options .checkbox-option{border-radius:1rem;padding:.5rem;transition:background-color .2s}.filters-content .filters-content-options .checkbox-option:hover{background-color:#f0f4f8}.filters-content .filters-content-options .checkbox-option p.bold{margin-bottom:0;font-size:.875rem;font-weight:400!important}.filters-content .filters-content-options .checkbox-option p.font-small{display:none}header{z-index:300;text-align:center;background-color:#fff;border-bottom:1px solid #d9d9d9;height:56px;padding-left:1rem;position:sticky;top:0}@media (width<=752px){header{padding-left:.5rem}}header .logo{cursor:pointer;padding-bottom:4px}header .logo img{height:56px}.info-message{border:1px solid #d9d9d9;border-radius:1rem;justify-content:center;align-items:flex-start;gap:.5rem;margin:1rem 0;padding:1rem;display:flex}.info-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;display:flex}.info-content{overflow-wrap:break-word;flex-grow:1;align-items:center;display:flex}.loading-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:120px;display:flex}.animated-tide-loader{justify-content:center;align-items:center;display:flex}.wave-line{opacity:0;animation:.5s ease-out forwards waveFadeIn}.wave-line[data-wave-index="0"]{animation-delay:0s}.wave-line[data-wave-index="1"]{animation-delay:.1s}.wave-line[data-wave-index="2"]{animation-delay:.2s}.wave-line[data-wave-index="3"]{animation-delay:.3s}.wave-line[data-wave-index="4"]{animation-delay:.4s}@keyframes waveFadeIn{0%{opacity:0;transform:scale(.8)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.menu{display:flex;position:relative}.menu .desktop-menu{cursor:pointer;margin-right:1px;display:flex}.menu .desktop-menu ul{display:flex}.menu .desktop-menu .nav-item{cursor:pointer;max-height:56px;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;align-items:center;gap:.5rem;padding:1rem;display:flex}.menu .desktop-menu .nav-item:hover{color:#000;background:#f0f4f8;border-bottom:1px solid #d9d9d9;transition:transform .3s ease-in-out;transform:scale(1.02)}.menu .menu-icon{margin-bottom:-4px}.menu .profile-menu-wrapper{align-items:center;display:flex;position:relative}.menu .hamburger-icon{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-family:inherit;transition:transform .2s;display:flex;position:relative}.menu .hamburger-icon:hover{transform:scale(1.1)}.menu .hamburger-icon>span:not(.menu-attention-dot){background:#046380;width:24px;height:2px;margin:2px 0;transition:all .3s}.menu .hamburger-icon .menu-attention-dot{z-index:1;background:#3fc1c9;border-radius:50%;width:10px;height:10px;margin:0;position:absolute;bottom:calc(1rem - 2px);left:calc(1rem - 2px);box-shadow:0 0 0 2px #fff}.menu .menu-section{border-bottom:1px solid #d9d9d9}.menu .menu-section:last-child{border-bottom:none}.menu .menu-section .menu-section-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;font-family:inherit;display:flex}.menu .menu-section .menu-section-header:hover{background:#f0f4f8}.menu .menu-section .menu-section-header .menu-section-title{color:#0d1619;font-size:1rem}.menu .menu-section .menu-section-header{color:#0d1619;font-size:1rem;transition:background-color .2s}.menu .menu-section .menu-section-header .menu-section-icon{color:#666;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s;display:flex}.menu .menu-section .menu-section-header .menu-section-icon.open{transform:rotate(180deg)}.menu .menu-section .menu-section-content{padding:0 .5rem 1rem}.menu .menu-list{margin:0;padding:0;list-style:none}.menu-drawer-content .menu-section:not(:first-child){border-top:1px solid #f0f0f0}.menu-drawer-content .menu-section .menu-section-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;font-family:inherit;display:flex}.menu-drawer-content .menu-section .menu-section-header:hover{background:#f0f4f8}.menu-drawer-content .menu-section .menu-section-header .menu-section-title{color:#0d1619;font-size:1rem}.menu-drawer-content .menu-section .menu-section-header{transition:background-color .15s}.menu-drawer-content .menu-section .menu-section-header .menu-section-icon{color:#666;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex}.menu-drawer-content .menu-section .menu-section-header .menu-section-icon.open{transform:rotate(180deg)}.menu-drawer-content .menu-section .menu-section-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1),opacity .25s ease-out;display:grid}.menu-drawer-content .menu-section .menu-section-content>div{min-height:0;overflow:hidden}.menu-drawer-content .menu-section .menu-section-content.open{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-in}.menu-drawer-content .menu-list{margin:0;padding:0;list-style:none}.menu-drawer-content .menu-item{cursor:pointer;align-items:center;gap:1rem;height:56px;padding:1rem 2rem 1rem 3rem;transition:background-color .15s;display:flex;position:relative}.menu-drawer-content .menu-item:before{content:"";background:#f0f0f0;height:1px;position:absolute;bottom:0;left:2rem;right:2rem}.menu-drawer-content .menu-item:hover{background:#f0f4f8}.menu-drawer-content .menu-item:last-child:before{display:none}.menu-drawer-content .menu-item .menu-item-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.menu-drawer-content .menu-item .menu-item-label{min-width:0}.menu-drawer-content .menu-item .menu-item-attention-dot{background:#3fc1c9;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px #fff}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-container{color:#0d1619;box-sizing:border-box;background-color:#fff;border:1px solid #d9d9d9;border-radius:1rem;flex-direction:column;width:560px;max-width:90%;max-height:90vh;padding:1rem;display:flex;overflow:hidden}.modal-header{box-sizing:border-box;flex-shrink:0;margin-bottom:0;padding:0}.modal-content{box-sizing:border-box;flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1rem;display:flex;overflow:hidden}.modal-content h2{flex-shrink:0;margin:0 0 1rem}.modal-content p{margin:0}.modal-content ul{padding-left:1rem}.modal-content .modal-scrollable-content{scrollbar-width:thin;scrollbar-color:#0003 transparent;flex:1;min-height:0;overflow:hidden auto}.modal-content .modal-scrollable-content::-webkit-scrollbar{width:8px;height:auto}.modal-content .modal-scrollable-content::-webkit-scrollbar-track{background:0 0}.modal-content .modal-scrollable-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.modal-content .modal-scrollable-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.modal-content .modal-footer{flex-shrink:0;margin-top:1rem}.modal-content .modal-footer .button{box-sizing:border-box;width:100%}.modal-actions{flex-direction:column;gap:1rem;width:100%;margin-top:2rem;padding-top:1rem;display:flex}.modal-actions .button{width:100%}.info-modal-content{flex-direction:column;display:flex}.info-modal-content h2{margin:0 0 .5rem}.info-modal-content p{margin:0 0 2rem}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.page-wrapper>header,.page-wrapper>.live-session-banner,.page-wrapper>footer{flex-shrink:0}.page{border:none;flex-direction:column;flex:1;display:flex}.page-content{flex:1;width:100%;max-width:560px}@media (width>=1440px){.page-content{max-width:840px}}.page-loading-state{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding-bottom:3rem;display:flex}footer{text-align:center;width:100%;padding-top:2rem;padding-bottom:.5rem;font-size:.75rem}footer.alternate,.page.alternate{color:#fff;background:#046380}footer.alternate h1,footer.alternate h2,footer.alternate h3,.page.alternate h1,.page.alternate h2,.page.alternate h3{color:#fff}.rating{gap:.5rem;margin-top:-.5rem;display:flex}.rating-compact{gap:2px;margin-top:0}.rating-compact .star{font-size:.875rem}.rating-read-only{margin-top:0}.rating-container{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-bottom:1rem;display:flex}@media (width>=768px){.rating-container{flex-wrap:nowrap}}.rating-description{margin:0;font-size:.875rem;line-height:1.5}@media (width>=768px){.rating-description{margin-top:8px;margin-left:1rem}}.star{cursor:pointer;opacity:.6;color:#d7d7d7;font-size:2rem;transition:color .2s ease-in-out}.star.filled{color:#3fc1c9}.star.read-only{cursor:default}.sign-in-providers-container{flex-direction:column;justify-content:center;align-items:center;padding-top:.5rem;display:flex}.sign-in-providers{flex-direction:row;justify-content:center;align-items:center;gap:1rem;padding:1rem 0;display:flex}.sign-in-providers button.social-auth-button{color:#046380;background:#fff;border:1px solid #c5c5c5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:.8rem;transition:transform .15s,border-color .2s,background-color .2s;display:flex}.sign-in-providers button.social-auth-button:hover:not(:disabled){background:#f8fafc;border-color:#035061;transform:translateY(-2px)}.sign-in-providers button.social-auth-button:active:not(:disabled){transform:translateY(0)}.sign-in-providers button.social-auth-button .button-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sign-in-providers button.social-auth-button .button-content svg,.sign-in-providers button.social-auth-button .button-content img{object-fit:contain;flex-shrink:0;width:24px;height:24px}.skeleton-loader{pointer-events:none;background:#d9d9d9;border-radius:1rem;width:100%;height:100%;animation:2s infinite pulse-opacity;position:absolute;top:0;left:0}@media (width<=640px){.skeleton-loader{border-radius:0}}@keyframes pulse-opacity{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.social-links{gap:1rem;margin-top:1rem;display:flex}.social-links .social-link{background:#0463801a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex}.social-links .social-link:hover{background:#04638033;transform:translateY(-2px)}.social-links .social-link svg{color:#046380;width:20px;height:20px}.footer .social-links{justify-content:center}.footer .social-links .social-link{background:#fff;box-shadow:0 2px 4px #0000001a}.footer .social-links .social-link:hover{background:#3fc1c9;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.footer .social-links .social-link svg{color:#046380}.footer .social-links .social-link:hover svg{color:#fff}.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-bottom-left{display:none}.mapboxgl-marker{cursor:pointer}.static-map .mapboxgl-marker{cursor:auto}.map-wrapper,.find-spot-map{padding-bottom:2rem}@media (width<=640px){.map-wrapper,.find-spot-map{margin-left:-1rem;margin-right:-1rem;padding-bottom:0}}.map-wrapper.h-full,.h-full.find-spot-map{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex;overflow:hidden}.map-wrapper.h-full .map-container,.h-full.find-spot-map .map-container{width:100%;height:100%;min-height:0;aspect-ratio:unset;flex:1;overflow:hidden}.map-container{aspect-ratio:16/9;border-radius:1rem;width:100%;height:100%;min-height:320px;position:relative;overflow:hidden}.map-container.border{border:1px solid #d9d9d9}@media (width<=430px){.map-container.border{border:1px solid #d9d9d9;border-left:0;border-right:0}}@media (width<=640px){.map-container{border-radius:0;margin:0}}.map{opacity:0;touch-action:manipulation;width:100%;height:100%;transition:opacity .4s ease-in}.map-visible{opacity:1}ellipse{display:none}.find-spot-map{margin-top:2rem;margin-bottom:.5rem}@media (width<=640px){.find-spot-map{margin-top:1rem}}.map-spots-error-overlay{z-index:100;text-align:center;background:#fffc;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.map-spots-error-overlay .content-status{max-width:280px}.map-spots-loading-overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-spots-loading-chip{color:#046380;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.map-spots-loading-chip .button-loading-spinner{border-width:2px;width:18px;height:18px}.map-error-retry-wrap{justify-content:center;display:flex}.map-error-retry-wrap .button{width:auto}.map-instructions-overlay{text-align:center;z-index:10;background:#fff;border-radius:6px;width:fit-content;margin:0 auto;padding:.5rem 1rem;font-size:.75rem;position:absolute;bottom:.5rem;left:0;right:0;box-shadow:0 2px 8px #0000001a}@media (width<=640px){.map-instructions-overlay{max-width:340px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.map-marker-dot{background-color:#046380;border:2px solid #fff;border-radius:50%;width:1rem;height:1rem;box-shadow:0 0 0 2px #04638059}.map-marker-dot-pulse{pointer-events:none;width:20px;height:20px;position:relative}.map-marker-dot-pulse:before{content:"";border:2px solid #04638073;border-radius:50%;animation:2s ease-out infinite map-marker-pulse;position:absolute;inset:-10px}.map-marker-dot-pulse:after{content:"";background-color:#046380;border:2px solid #fff;border-radius:50%;position:absolute;inset:2px;box-shadow:0 0 0 2px #04638073}.map-marker-pin,.custom-pin{cursor:pointer;background-image:url(/images/png/pin.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;position:relative}.map-marker-pin{width:34px;height:34px}.custom-pin{background-position:50%}.map-marker-pin-selected{z-index:3;width:40px;height:40px}.map-marker-dot-legend{background-color:#046380;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 0 1px #04638073}.map-marker-pin-legend,.map-marker-pin-legend-selected{background-image:url(/images/png/pin.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;flex-shrink:0}.map-marker-pin-legend{width:14px;height:18px}.map-marker-pin-legend-selected{width:17px;height:22px}@keyframes map-marker-pulse{0%{opacity:.85;transform:scale(.85)}70%{opacity:0;transform:scale(1.35)}to{opacity:0;transform:scale(1.35)}}.actions{flex-wrap:wrap;width:100%;display:flex}.actions button.text-button{flex-grow:0;flex-shrink:0;justify-content:flex-start}@media (width<=640px){.actions{gap:.5rem}.actions button.text-button{width:auto;min-width:auto;padding:.5rem}}.benefits-list{padding:0;list-style-type:disc}.benefits-list li{color:#046380;align-items:center;margin:1rem}.note-form-container{flex-direction:column;height:100%;min-height:0;display:flex}.note-form-content{scrollbar-width:thin;scrollbar-color:#0003 transparent;flex:1;padding:2rem;overflow-y:auto}.note-form-content::-webkit-scrollbar{width:8px;height:auto}.note-form-content::-webkit-scrollbar-track{background:0 0}.note-form-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.note-form-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.surf-session-page .surf-session-lead{max-width:40rem;margin:0 0 1rem}.surf-session-page .surf-session-fields,.surf-session-page .start-live-session-fields{gap:2rem}.surf-session-page .surf-session-timing-section,.surf-session-page .surf-session-live-location,.surf-session-page .end-session-spot-section,.surf-session-page .end-session-spot-header,.surf-session-page .surf-session-conditions-block,.surf-session-page .surf-session-rating-field{flex-direction:column;gap:1rem;display:flex}.surf-session-page .surf-session-timing-section,.surf-session-page .end-session-spot-header{gap:.5rem}.surf-session-page .surf-session-rating-field .rating{margin-top:.5rem}.surf-session-page .surf-session-rating-row{flex-wrap:nowrap;align-items:center;gap:1rem;display:flex}.surf-session-page .surf-session-rating-row .rating-compact{margin-top:0}.surf-session-page .surf-session-recorded-details{background:#f8fafc;border:1px solid #d9d9d9;border-radius:1rem;flex-direction:column;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:flex}.surf-session-page .end-session-spot-list-panel{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.surf-session-page .end-session-spot-list{scrollbar-width:thin;scrollbar-color:#0003 transparent;flex-direction:column;gap:.5rem;max-height:12.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.surf-session-page .end-session-spot-list::-webkit-scrollbar{width:8px;height:auto}.surf-session-page .end-session-spot-list::-webkit-scrollbar-track{background:0 0}.surf-session-page .end-session-spot-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.surf-session-page .end-session-spot-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.surf-session-page .end-session-spot-list-button{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:1rem;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;display:flex}.surf-session-page .end-session-spot-list-button:focus-visible{outline-offset:2px;outline:2px solid #046380}.surf-session-page .end-session-spot-list-button-selected{border-color:#046380}.surf-session-page .end-session-spot-list-selected-badge{color:#046380;flex-shrink:0;align-items:center;gap:4px;margin-left:.5rem;display:flex}.surf-session-page .end-session-spot-list-selected-badge svg{width:14px;height:14px}.surf-session-page .surf-session-recorded-dl{flex-direction:column;gap:1rem;margin:0;display:flex}.surf-session-page .surf-session-recorded-row{grid-template-columns:minmax(5.5rem,7.5rem) minmax(0,1fr);align-items:baseline;gap:.5rem 1rem;min-width:0;display:grid}.surf-session-page .surf-session-recorded-row dt,.surf-session-page .surf-session-recorded-row dd{min-width:0;margin:0}.surf-session-page .surf-session-recorded-row dd{overflow-wrap:break-word}.surf-session-page .session-inline-map{margin-top:1rem;margin-bottom:0;padding-bottom:0}.surf-session-page .session-inline-map .map-container{aspect-ratio:4/3;min-height:220px}.surf-session-page .end-session-spot-map .map-container{position:relative}.surf-session-page .end-session-spot-map-legend{flex-wrap:wrap;gap:1rem;margin:1rem 0 0;padding:0 1rem;list-style:none;display:flex}.surf-session-page.start-live-session-page .start-live-session-fields>:not(.start-live-session-location-section),.surf-session-page.start-live-session-page .surf-session-fields>:not(.surf-session-live-location),.surf-session-page.start-live-session-page .form-submit,.surf-session-page.start-live-session-page .mt,.surf-session-page.surf-session-form-with-map .start-live-session-fields>:not(.start-live-session-location-section),.surf-session-page.surf-session-form-with-map .surf-session-fields>:not(.surf-session-live-location),.surf-session-page.surf-session-form-with-map .form-submit,.surf-session-page.surf-session-form-with-map .mt{padding-left:1rem;padding-right:1rem}@media (width<=768px){.surf-session-page.start-live-session-page .start-live-session-fields>:not(.start-live-session-location-section),.surf-session-page.start-live-session-page .surf-session-fields>:not(.surf-session-live-location),.surf-session-page.start-live-session-page .form-submit,.surf-session-page.start-live-session-page .mt,.surf-session-page.surf-session-form-with-map .start-live-session-fields>:not(.start-live-session-location-section),.surf-session-page.surf-session-form-with-map .surf-session-fields>:not(.surf-session-live-location),.surf-session-page.surf-session-form-with-map .form-submit,.surf-session-page.surf-session-form-with-map .mt{padding-left:.5rem;padding-right:.5rem}}.end-session-spot-drawer{flex-direction:column;height:100%;min-height:0;display:flex}.end-session-spot-drawer-body{scrollbar-width:thin;scrollbar-color:#0003 transparent;flex:1;min-height:0;overflow-y:auto}.end-session-spot-drawer-body::-webkit-scrollbar{width:8px;height:auto}.end-session-spot-drawer-body::-webkit-scrollbar-track{background:0 0}.end-session-spot-drawer-body::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.end-session-spot-drawer-body::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.end-session-spot-drawer-footer{border-top:1px solid #d9d9d9;flex-shrink:0}.end-session-spot-drawer-footer-hint{align-items:center;gap:.5rem;padding:1rem 2rem .5rem;display:flex}.end-session-spot-drawer-footer-hint-icon{color:#046380;flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:flex}.end-session-spot-drawer-footer-hint-icon svg{width:14px;height:14px;display:block}.start-live-session-page{padding-bottom:2rem}.start-live-session-page .start-live-session-location-section{gap:.5rem}.start-live-session-page .start-live-session-expected-return{width:100%}.start-live-session-page .start-live-session-expected-return-layout{flex-direction:column;gap:.5rem;width:100%;display:flex}@media (width>=641px){.start-live-session-page .start-live-session-expected-return-layout{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}}.start-live-session-page .start-live-session-expected-return-copy{flex:1;min-width:0}.start-live-session-page .start-live-session-expected-return-layout .time-input-wrapper{flex-shrink:0;width:100%}@media (width>=641px){.start-live-session-page .start-live-session-expected-return-layout .time-input-wrapper{width:auto;min-width:10rem;max-width:12rem}}.accordion-card.session-log-accordion-card{overflow:visible}.accordion-card.session-log-accordion-card .accordion-card-row{border-radius:1rem}.accordion-card.session-log-accordion-card.accordion-card-expanded .accordion-card-row{border-radius:1rem 1rem 0 0}@media (width<=576px){.accordion-card.session-log-accordion-card .accordion-card-toggle{padding-right:0}}.session-log-card-spot{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;line-height:1.3;overflow:hidden}.session-log-card-meta{flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-width:0;font-size:.75rem;line-height:1.35;display:flex}.session-log-card-date-line{font-size:inherit;color:inherit}.session-log-card-meta-detail{flex-wrap:wrap;align-items:baseline;gap:4px 1rem;width:100%;min-width:0;display:flex}.session-log-card-time-range{font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:0}.session-log-card-sync-line{overflow-wrap:break-word;min-width:0}.session-log-card-live-line{color:#046380}.session-log-card-status{flex-shrink:0;align-items:center;display:flex}.session-log-card-rating-unset{color:#666;font-size:.75rem}.session-log-card-rating-detail{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.session-log-card-board-link{color:#046380;text-decoration:none}.session-log-card-board-link:hover{text-decoration:underline}.session-log-card-board-link:focus-visible{outline-offset:2px;outline:2px solid #046380}.session-log-card-actions{background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;display:flex}.session-log-card-actions .dropdown-menu-wrapper{align-items:center;display:flex}.session-log-card-actions .dropdown-menu-trigger{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .12s,color .12s;display:flex}.session-log-card-actions .dropdown-menu-trigger svg{width:18px;height:18px}.session-log-card-actions .dropdown-menu-trigger:hover,.session-log-card-actions .dropdown-menu-trigger:focus-visible{color:#333;background:#0d16191a}.session-log-card-dl{flex-direction:column;gap:1rem;margin:0;display:flex}.session-log-card-dl-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;display:grid}.session-log-card-dl-group-text-fields{border-top:1px solid #ddd;padding-top:2rem}@media (width<=640px){.session-log-card-dl-group-text-fields{grid-template-columns:1fr}}.session-log-card-dl-row{grid-template-columns:minmax(5.5rem,7.5rem) minmax(0,1fr);align-items:baseline;gap:.5rem 1rem;min-width:0;font-size:.875rem;display:grid}.session-log-card-dl-row dt{color:#666;margin:0;font-weight:600}.session-log-card-dl-row dd{color:#0d1619;overflow-wrap:break-word;word-break:normal;min-width:0;margin:0;line-height:1.45}@media (width<=640px){.session-log-card-dl-row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.session-log-card-dl-row dt{flex-shrink:0}.session-log-card-dl-row dd{text-align:right}}.session-log-card-dd-with-condition{align-items:center;gap:.5rem;display:flex}.session-log-card-condition-svg{color:#046380;flex-shrink:0;line-height:0}.session-log-card-condition-svg svg{display:block}.session-log-card-notes{border-top:1px dashed #f0f0f0;width:100%;margin-top:.5rem;padding-top:1rem}.session-log-card-notes dt{color:#666;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.session-log-card-notes-body{color:#0d1619;white-space:pre-wrap;margin:0;font-size:1rem;line-height:1.5}.session-log-card-media-toggle-link{color:#046380;cursor:pointer;background:0 0;border:none;border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:4px;width:100%;margin:2rem 0 1rem;padding:1rem 0 0;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.session-log-card-media-toggle-link:hover{text-decoration:underline}.session-log-card-media-toggle-link:focus-visible{outline-offset:2px;outline:2px solid #046380}.session-log-card-media-toggle-chevron{order:1;justify-content:center;align-items:center;transition:transform .2s;display:flex}.session-log-card-media-toggle-chevron svg{width:14px;height:14px}.session-log-card-media-toggle-chevron-open{transform:rotate(180deg)}.session-log-card-media-reveal{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .26s,opacity .2s;display:grid}.session-log-card-media-reveal-inner{min-width:0;transition:transform .26s;overflow:hidden;transform:translateY(-4px)}.session-log-card-media-reveal-open{opacity:1;grid-template-rows:1fr}.session-log-card-media-reveal-open .session-log-card-media-reveal-inner{transform:translateY(0)}@media (width<=576px){.session-log-card-actions{padding:0 4px}.session-log-card-dl-group{grid-template-columns:1fr}.session-log-card-dl-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem 1rem}}.spot-session-insights-card{border:1px solid #d9d9d9;border-radius:1rem;padding:1rem 2rem}.spot-session-insights-summary{flex-direction:column;gap:.5rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.spot-session-insights-summary li{padding-left:1rem;line-height:1.5;position:relative}.spot-session-insights-summary li:before{content:"";background:#046380;border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.spot-session-insights-footnote{margin:0}.content section.spot-session-insights p{margin-bottom:0}.selection-modal{flex-direction:column;flex:1;min-height:0;display:flex}.selection-modal .selection-header{flex-direction:column;flex-shrink:0;margin-bottom:1rem;display:flex}.selection-modal .selection-header h2{margin-bottom:.5rem}.selection-modal .selection-header .selection-description{color:#666;margin-bottom:0}.selection-modal .selection-loading{text-align:center;justify-content:center;align-items:center;min-height:200px;padding:3rem;display:flex}.selection-modal .selection-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.selection-modal .selection-list{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#0003 transparent;flex-direction:column;flex:1;gap:.5rem;min-height:0;margin:1rem 0;padding-bottom:1rem;display:flex;overflow:hidden auto}.selection-modal .selection-list::-webkit-scrollbar{width:8px;height:auto}.selection-modal .selection-list::-webkit-scrollbar-track{background:0 0}.selection-modal .selection-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.selection-modal .selection-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.selection-modal .selection-item{background:#f8fafc;border:1px solid #d9d9d9;border-radius:1rem;flex-direction:column;gap:.5rem;width:100%;padding:1rem;display:flex}@media (width<=640px){.selection-modal .selection-item{padding:.5rem}}.selection-modal .selection-item .selection-item-content{flex-direction:column;width:100%;display:flex}.selection-modal .selection-item .selection-item-header{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}@media (width<=640px){.selection-modal .selection-item .selection-item-header{gap:.5rem}}.selection-modal .selection-item .selection-item-header .selection-item-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.selection-modal .selection-item .selection-item-header .selection-item-name{color:#0d1619;word-break:break-word;margin:0;font-size:1rem}.selection-modal .selection-item .selection-item-header .selection-item-subtitle{font-size:.875rem}.selection-modal .selection-item .selection-item-header .selection-item-action{flex-shrink:0}@media (width<=640px){.selection-modal .selection-item .selection-item-header .selection-item-action .text-button{padding:.5rem}.selection-modal .selection-item .selection-item-header .selection-item-action .text-button .text-button-text{display:none}.selection-modal .selection-item .selection-item-header .selection-item-action .text-button .text-button-icon{width:20px;height:20px}.selection-modal .selection-item .selection-item-header .selection-item-action .text-button .text-button-icon svg{width:12px;height:12px}}.selection-modal .selection-item .selection-item-metadata{margin:0;font-size:.875rem}.selection-modal .selection-item p{margin:0}.selection-modal .selection-empty-state{text-align:center;flex-direction:column;padding-top:1rem;display:flex}.selection-modal .selection-empty-state .selection-empty-title{color:#0d1619}.selection-modal .selection-empty-state .selection-empty-description{max-width:400px;margin-bottom:1rem;margin-left:auto;margin-right:auto}.selection-modal .selection-actions{flex-shrink:0;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.selection-modal .selection-actions .button{width:auto;min-width:200px;padding:0 2rem}@media (width<=640px){.selection-modal .selection-actions .button{width:100%;min-width:0;height:40px;padding:.5rem 1rem;font-size:.875rem}}.surf-spot-wizard-stepper{width:100%;margin-top:2rem;margin-bottom:1rem}@media (width<=768px){.surf-spot-wizard-stepper{padding:0 .5rem}}.surf-spot-wizard-stepper-nodes{align-items:flex-start;width:100%;min-width:100%;display:flex}.surf-spot-wizard-stepper-slot,.surf-spot-wizard-stepper-sep{flex:1;min-width:0}.surf-spot-wizard-stepper-slot{justify-content:center;align-items:center;display:flex}.surf-spot-wizard-stepper-sep{align-self:flex-start;align-items:center;margin-top:11px;display:flex}.surf-spot-wizard-stepper-sep-line{opacity:.6;box-sizing:border-box;background:#d9d9d9;width:100%;height:2px;margin:0 .5rem}.surf-spot-wizard-stepper-node{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.surf-spot-wizard-stepper-node-circle{color:#666;background:#fff;border:2px solid #d9d9d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;transition:border-color .2s,background .2s,color .2s;display:flex}.surf-spot-wizard-stepper-node-circle svg{width:12px;height:12px}.surf-spot-wizard-stepper-node.completed .surf-spot-wizard-stepper-node-circle{color:#fff;background:#046380;border-color:#046380}.surf-spot-wizard-stepper-node.current .surf-spot-wizard-stepper-node-circle{color:#fff;background:#046380;border-color:#046380;box-shadow:0 0 0 3px #fff,0 0 0 5px #046380}.surf-spot-wizard-stepper-node-label{color:#0d1619;font-size:.75rem;font-weight:400}.surf-spot-wizard-stepper-node.current .surf-spot-wizard-stepper-node-label{font-weight:700}@media (width<=767px){.surf-spot-wizard-stepper-node:not(.current) .surf-spot-wizard-stepper-node-label{display:none}}.surf-spot-form-basics-spacer{margin-top:2rem}.surf-spot-wizard-nav{justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;margin-bottom:2rem;display:flex}.surf-spot-wizard-arrow{color:#046380;background:0 0;border:2px solid #046380;border-radius:50%;min-width:48px;min-height:48px;padding:0}.surf-spot-wizard-arrow .button-content{justify-content:center;align-items:center;display:flex}.surf-spot-wizard-arrow:hover:not(:disabled){color:#fff;background:#046380}.surf-spot-wizard-arrow:hover:not(:disabled) svg{stroke:#fff}.surf-spot-wizard-arrow:disabled{opacity:.5;cursor:not-allowed;color:#046380!important;background:0 0!important}.surf-spot-wizard-arrow-next{margin-left:auto}.surf-spot-wizard-arrow-back{margin-right:auto}.spot-type .type-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#046380;border-radius:20px;padding:.5rem 1rem}.surf-spot-form-success-page{margin-top:0;padding:0}@keyframes success-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.surf-spot-form-success-wrapper{padding:3rem 0}@media (prefers-reduced-motion:no-preference){.surf-spot-form-success-wrapper{animation:.35s ease-out both success-arrive}}.surf-spot-form-success{justify-content:center;align-items:center;gap:2rem;display:flex}.surf-spot-form-success .surf-spot-form-success-icon{color:green}.surf-spot-form-success .surf-spot-form-success-icon svg{transform:scale(2)}.surf-spot-form-success .surf-spot-form-success-message{text-align:center;margin:0}.surf-spot-form-success .surf-spot-form-success-subtext{text-align:center;color:#666;margin:0}.surf-spot-form-success .surf-spot-form-success-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.surf-spot-form-success .surf-spot-form-success-actions .button{flex:none;width:auto}.surf-spot-form-error-state.surf-spot-form-success{gap:2rem}.surf-spot-form-error-state-icon{color:#b22222}.surf-spot-form-error-state-icon svg{transform:scale(1)}.surf-spot-form-error-state-message{text-align:center;margin:0}.surf-spot-form-error-state-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.surf-spot-form-error-state-actions .button{flex:none;width:auto}.surf-spot-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent;font-size:.875rem;overflow-x:auto}.surf-spot-container::-webkit-scrollbar{width:auto;height:4px}.surf-spot-container::-webkit-scrollbar-track{background:0 0}.surf-spot-container::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:4px}.surf-spot-container::-webkit-scrollbar-thumb:hover{background-color:silver}.surf-spot-table{border-collapse:collapse;width:100%;max-width:100%;margin-bottom:.5rem;overflow-x:scroll}.surf-spot-table th,.surf-spot-table td{text-align:left;white-space:nowrap;padding:.5rem}.surf-spot-table thead tr{border-bottom:2px solid #d9d9d9}.surf-spot-table tr{border-bottom:1px solid #d9d9d9}.surf-spot-table tbody tr:hover{color:#069cca;cursor:pointer}td.center-td,th.center-td{text-align:center}.surf-spot-preview{box-sizing:border-box;width:100%}.surf-spot-preview .surf-spot-preview-content{padding:1rem 2rem 3rem}.surf-spot-preview .surf-spot-preview-session-distance{margin:0 0 1rem}.surf-spot-preview .surf-spot-preview-status-chips{flex-flow:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.surf-spot-preview .surf-spot-preview-status-chips .chip{width:auto;display:inline-block}.surf-spot-preview .preview-section{padding-bottom:1rem}.surf-spot-preview .preview-section .details{margin-bottom:2px;padding:2px 0}.surf-spot-preview .preview-section .details .label{color:#666;min-width:90px;font-size:.875rem}.surf-spot-preview .preview-section .details .value{color:#0d1619;font-size:.875rem}.surf-spot-preview .preview-section .condition-item{align-items:center;gap:.5rem;margin-bottom:.5rem;padding:2px 0;display:flex}.surf-spot-preview .preview-subtitle{color:#333;border-bottom:1px solid #d9d9d9;margin-top:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.surf-spot-preview .surf-spot-preview-link{cursor:pointer;margin:0 0 2rem;font-size:.875rem}button.text-button{cursor:pointer;color:#0d1619;white-space:nowrap;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .2s,color .2s,transform .15s;display:flex}button.text-button:focus-visible{outline-offset:2px;outline:2px solid #046380}button.text-button:focus:not(:focus-visible){outline:none}button.text-button .text-button-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}button.text-button .text-button-icon svg{width:1rem;height:1rem}button.text-button .text-button-icon.icon-chevron-left svg{width:20px;height:20px}button.text-button .text-button-icon.filled{color:#fff;background:#035061;border:1px solid #023d4d}button.text-button .text-button-icon.filled svg{stroke:#fff}button.text-button .text-button-icon.danger svg{stroke:#b22222}button.text-button .text-button-icon.danger.filled{color:#fff;background:#981d1d;border:1px solid #7f1818}button.text-button .text-button-icon.danger.filled svg{stroke:#fff}button.text-button:not(:disabled):hover{color:#0d1619;background-color:#e9eff5}button.text-button:not(:disabled):hover .text-button-icon.filled:not(.danger){background:#046380;border-color:#035061}button.text-button:not(:disabled):hover .text-button-icon.filled.danger{background:#a11f1f;border-color:#871a1a}button.text-button:disabled{color:#d7d7d7;cursor:not-allowed}button.text-button:disabled span.text-button-icon{opacity:.6}button.text-button.loading{pointer-events:none;position:relative}button.text-button.loading .text-button-content{visibility:hidden}button.text-button.loading .button-loading-spinner{margin:-10px 0 0 -10px;position:absolute;top:50%;left:50%}button.text-button .text-button-content{align-items:center;gap:.5rem;min-width:0;display:inline-flex}button.text-button .button-loading-spinner{vertical-align:middle;opacity:1;border:2.5px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:20px;height:20px;line-height:1;animation:.6s linear infinite buttonSpinner;display:inline-block}button.text-button .text-button-badge{color:#046380;text-align:center;vertical-align:middle;background:#3fc1c9;border-radius:10px;min-width:20px;height:20px;margin-left:8px;padding:0 6px;font-weight:700;line-height:20px;display:inline-block}.time-input-wrapper{padding:0;position:relative}.time-input-wrapper.time-input-wrapper-open{z-index:600}.time-input-container{align-items:center;display:flex;position:relative}.time-input{box-sizing:border-box;cursor:text;color:#0d1619;font-variant-numeric:tabular-nums;background-color:#fff;border:1px solid #d9d9d9;border-radius:1rem;width:100%;height:40px;padding:.5rem 40px .5rem .5rem;font-size:1rem;line-height:1.5}.time-input::placeholder{color:#666;opacity:1}.time-input:focus{border-color:#046380;outline:none;box-shadow:0 0 4px #0077b680}.time-input:disabled{opacity:.4;cursor:not-allowed;background:#d7d7d7}.time-input-clock{cursor:pointer;color:#666;justify-content:center;align-items:center;line-height:0;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.time-input-container:has(.time-input:disabled) .time-input-clock{cursor:not-allowed;pointer-events:none}.time-input-clock svg{width:18px;height:18px;display:block}.time-picker-panel{z-index:600;box-shadow:none;box-sizing:border-box;transform-origin:top;background:#fff;border:1px solid #d9d9d9;border-radius:1rem;width:300px;padding:1rem;animation:.16s ease-out time-picker-panel-in;position:absolute;top:calc(100% + .5rem);left:0}@keyframes time-picker-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.time-picker-panel{animation:none}}.time-picker-panel-header{gap:1rem;margin-bottom:.5rem;display:flex}.time-picker-column-label{text-align:center;flex:1}.time-picker-columns{align-items:stretch;gap:1rem;display:flex}.time-picker-column{scroll-snap-type:y mandatory;scroll-behavior:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0003 transparent;background:#f8fafc;border:1px solid #f0f0f0;border-radius:1rem;flex:1;min-width:0;max-height:200px;padding:2px;overflow-y:auto}.time-picker-column::-webkit-scrollbar{width:8px;height:auto}.time-picker-column::-webkit-scrollbar-track{background:0 0}.time-picker-column::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.time-picker-column::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.time-picker-column:focus{outline:none}.time-picker-column:focus-visible{outline-offset:2px;border-color:#c5c5c5;outline:2px solid #046380}.time-picker-option{cursor:pointer;font-variant-numeric:tabular-nums;color:#0d1619;scroll-snap-align:center;background:0 0;border:none;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:34px;min-height:34px;margin:0;padding:0 .5rem;font-size:1rem;transition:background-color .15s,color .15s;display:flex}.time-picker-option:hover:not(.selected){background-color:#fff}.time-picker-option.selected{color:#fff;background-color:#046380}.time-picker-option.selected:hover{background-color:#023d4f}.time-picker-option:focus-visible{outline-offset:-2px;outline:2px solid #046380}.time-picker-option:disabled{opacity:.4;cursor:not-allowed}.form-item.error .time-input{border-color:#d9d9d9;box-shadow:0 0 4px #b22222}@media (width<=435px){.find-by-location{margin-top:1rem}}button.text-button.use-my-location-button:disabled{color:#545454;cursor:not-allowed}button.text-button.use-my-location-button:disabled .text-button-icon{opacity:.7}.use-my-location-button-requesting{pointer-events:none}.use-my-location-spinner{border-width:2px;border-color:#0000 #046380 #046380;width:18px;height:18px}.toolbar{border-bottom:1px solid #d9d9d9;padding:1rem .5rem}.toolbar.toolbar--map-view{border-bottom:none}.view-switch{cursor:pointer;background:#f8fafc;border:1px solid #ddd;border-radius:12px;padding:.5rem 1rem}.view-switch:hover{background:#edf2f7;border-color:#c4c4c4;transition:transform .2s ease-in-out;transform:scale(1.03)}.view-switch .view-switch-label{color:#666;transition:color .3s}.view-switch .view-switch-label.active{color:#046380;font-weight:700}.view-switch .separator{border:1px solid #d9d9d9;margin:0 1rem}.feed-item{border-bottom:1px solid #f0f0f0}.feed-item:last-child{border-bottom:none}a.feed-item-link-wrapper,.feed-item-static{color:inherit;text-decoration:none;display:block}a.feed-item-link-wrapper{cursor:pointer;transition:background-color .15s}a.feed-item-link-wrapper,a.feed-item-link-wrapper:hover,a.feed-item-link-wrapper:focus-visible{color:inherit;text-decoration:none}a.feed-item-link-wrapper:hover{background:#f8fafc}a.feed-item-link-wrapper *{text-decoration:none}.feed-item-static{padding:0}.feed-item-banner{width:100%;height:120px;position:relative;overflow:hidden}.feed-item .feed-item-banner-default{background:linear-gradient(135deg,#046380 0%,#022a36 100%)}.feed-item .feed-item-banner-default:before{content:"";opacity:.35;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"waves\" x=\"0\" y=\"0\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><path d=\"M0 50 Q25 40 50 50 T100 50 V100 H0 Z\" fill=\"rgba(255,255,255,0.1)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23waves)\"/></svg>");position:absolute;inset:0}.feed-item[data-type=promotion] .feed-item-banner-default{background:linear-gradient(135deg,#ff9800 0%,#b36a00 100%)}.feed-item[data-type=promotion] .feed-item-banner-default:before{content:"";opacity:.35;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"waves\" x=\"0\" y=\"0\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><path d=\"M0 50 Q25 40 50 50 T100 50 V100 H0 Z\" fill=\"rgba(255,255,255,0.1)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23waves)\"/></svg>");position:absolute;inset:0}.feed-item[data-type=hazard] .feed-item-banner-default{background:linear-gradient(135deg,#b22222 0%,#721616 100%)}.feed-item[data-type=hazard] .feed-item-banner-default:before{content:"";opacity:.35;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"waves\" x=\"0\" y=\"0\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><path d=\"M0 50 Q25 40 50 50 T100 50 V100 H0 Z\" fill=\"rgba(255,255,255,0.1)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23waves)\"/></svg>");position:absolute;inset:0}.feed-item-banner-overlay{z-index:2;position:absolute;top:1rem;right:1rem}.feed-item-badge{color:#333;text-transform:uppercase;letter-spacing:.5px;background:#fffffff2;border-radius:12px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #00000026}.feed-item[data-type=event] .feed-item-badge,.feed-item[data-type=swell] .feed-item-badge{color:#046380}.feed-item[data-type=promotion] .feed-item-badge{color:#3d2400}.feed-item[data-type=hazard] .feed-item-badge{color:#b22222}.feed-item-body{padding:1rem}.feed-item-row{align-items:flex-start;gap:1rem;display:flex}.feed-item-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feed-item-avatar svg{width:22px;height:22px}.feed-item[data-type=event] .feed-item-avatar{background-color:#e2f6f7}.feed-item[data-type=event] .feed-item-avatar svg{stroke:#3fc1c9;fill:#3fc1c9}.feed-item[data-type=swell] .feed-item-avatar{background-color:#d9e8ec}.feed-item[data-type=swell] .feed-item-avatar svg{stroke:#046380}.feed-item[data-type=promotion] .feed-item-avatar{background-color:#fff0d9}.feed-item[data-type=promotion] .feed-item-avatar svg{stroke:#ff9800;fill:#ff9800}.feed-item[data-type=hazard] .feed-item-avatar{background-color:#f3dede}.feed-item[data-type=hazard] .feed-item-avatar svg{stroke:#b22222;fill:#b22222}.feed-item-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.feed-item-topline{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.feed-item-spot{color:#333}.feed-item-time{white-space:nowrap;flex-shrink:0}.feed-item-headline{color:#333;margin:0;font-size:1rem;line-height:1.35}.feed-item-date-range{color:#333;margin:0;line-height:1.4}.feed-item-body-text{margin:0;line-height:1.5}.feed-item-actions{justify-content:end;padding:0 1rem 1rem;display:flex}.feed-item-external-link{color:#046380;font-weight:600;text-decoration:underline;display:inline-block}.feed-item-external-link:hover,.feed-item-external-link:focus-visible{color:#3fc1c9}.date-picker-wrapper{position:relative}.date-input-container{align-items:center;display:flex;position:relative}.date-input{box-sizing:border-box;cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;border-radius:1rem;width:100%;height:40px;padding:.5rem 40px .5rem .5rem;font-size:1rem;line-height:1.5}.date-input:focus{border-color:#046380;outline:none;box-shadow:0 0 4px #0077b680}.date-input:disabled{opacity:.4;cursor:not-allowed;background:#d7d7d7}.date-picker-toggle{cursor:pointer;color:#666;background:0 0;border:none;border-radius:1rem;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex;position:absolute;right:.5rem}.date-picker-toggle:focus{outline:none}.date-picker-toggle:focus-visible{outline-offset:2px;outline:2px solid #046380}.date-picker-toggle:hover:not(:disabled){color:#046380}.date-picker-toggle:disabled{opacity:.4;cursor:not-allowed}.date-picker-toggle svg{width:20px;height:20px}.date-picker-calendar{z-index:600;box-shadow:none;box-sizing:border-box;background:#fff;border:1px solid #d9d9d9;border-radius:1rem;width:300px;padding:1rem;position:absolute;top:calc(100% + .5rem);left:0}.date-picker-header{border-bottom:1px solid #d9d9d9;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.date-picker-nav-group{align-items:center;gap:2px;display:flex}.date-picker-nav{cursor:pointer;color:#0d1619;background:0 0;border:none;border-radius:1rem;justify-content:center;align-items:center;width:28px;height:28px;padding:.5rem;font-size:1.25rem;transition:background-color .2s;display:flex}.date-picker-nav:hover{background-color:#f0f4f8}.date-picker-nav:focus-visible{outline-offset:-2px;outline:2px solid #046380}.date-picker-month-year{color:#0d1619;font-size:1rem}.date-picker-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:.5rem;display:grid}.date-picker-weekday{text-align:center;color:#666;min-width:32px;padding:4px;font-size:.875rem}.date-picker-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-picker-day{cursor:pointer;color:#0d1619;aspect-ratio:1;background:0 0;border:none;border-radius:1rem;justify-content:center;align-items:center;min-width:32px;padding:0;font-size:1rem;transition:all .2s;display:flex}.date-picker-day:hover:not(.disabled):not(.selected):not(.start-date){background-color:#f0f4f8}.date-picker-day.selected,.date-picker-day.start-date{color:#fff;background-color:#046380}.date-picker-day.selected:hover,.date-picker-day.start-date:hover{background-color:#023d4f}.date-picker-day.in-range{color:#046380;background-color:#0463801a}.date-picker-day.disabled{color:#545454;cursor:not-allowed;opacity:.4}.date-picker-day.empty{cursor:default;pointer-events:none}.date-picker-day:focus:not(.disabled){outline-offset:2px;outline:2px solid #046380}.form-item.error .date-input{border-color:#d9d9d9;box-shadow:0 0 4px #b22222}.dropdown-menu-wrapper{display:inline-block;position:relative}.dropdown-menu-trigger{cursor:pointer;color:#0d1619;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.dropdown-menu-trigger:hover{color:#046380;background:#f0f4f8}.dropdown-menu-trigger:focus-visible{outline-offset:2px;outline:2px solid #046380}.dropdown-menu-trigger:focus:not(:focus-visible){outline:none}.dropdown-menu-trigger svg{width:20px;height:20px}.dropdown-menu-trigger.nav-item{max-height:56px;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;padding:1rem}.dropdown-menu-trigger.nav-item svg{width:24px;height:24px}.dropdown-menu{z-index:600;box-shadow:none;background:#fff;border:1px solid #d9d9d9;border-radius:1rem;flex-direction:column;min-width:280px;padding:.5rem 0;display:flex;position:absolute;top:calc(100% + .5rem)}.dropdown-menu.align-right{right:0}.dropdown-menu.align-left{left:0}.dropdown-menu-item{text-align:left;cursor:pointer;color:#0d1619;background:0 0;border:none;align-items:center;gap:1rem;width:100%;padding:.5rem 1rem;font-size:1rem;transition:background-color .2s;display:flex}.dropdown-menu-item:hover:not(.disabled){background:#f0f4f8}.dropdown-menu-item:focus-visible{outline-offset:-2px;outline:2px solid #046380}.dropdown-menu-item:focus:not(:focus-visible){outline:none}.dropdown-menu-item.disabled{opacity:.5;cursor:not-allowed}.dropdown-menu-item .dropdown-menu-item-icon-slot{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.dropdown-menu-item .dropdown-menu-item-icon-slot svg{flex-shrink:0;width:20px;height:20px}.dropdown-menu-item .dropdown-menu-item-label{flex:1}.dropdown-menu-item-spinner{border-width:2px;border-color:#0000 #046380 #046380;width:18px;height:18px}.emergency-contact-phone{--PhoneInput-color--focus:#046380}.emergency-contact-phone .PhoneInput{box-sizing:border-box;background-color:#fff;border:1px solid #d9d9d9;border-radius:1rem;align-items:stretch;gap:.5rem;width:100%;min-height:40px;padding:0 .5rem;display:flex}.emergency-contact-phone .PhoneInput.PhoneInput--focus{border-color:#046380;box-shadow:0 0 4px #0077b680}.emergency-contact-phone .PhoneInputCountry{border-right:1px solid #d9d9d9;flex-shrink:0;align-self:stretch;width:fit-content;min-width:0;max-width:none;margin-right:0;padding-right:.5rem}.emergency-contact-phone .PhoneInputCountry.emergency-contact-country-select{align-items:center;display:flex;position:relative}.emergency-contact-phone .emergency-contact-country-select-trigger{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:auto;min-height:36px;margin:0;padding:0;display:flex}.emergency-contact-phone .emergency-contact-country-select-trigger:disabled{cursor:not-allowed;opacity:.5}.emergency-contact-phone .emergency-contact-country-select-trigger:focus-visible{outline-offset:2px;outline:2px solid #046380}.emergency-contact-phone .emergency-contact-country-select-trigger-main{align-items:center;gap:.5rem;min-width:0;display:flex}.emergency-contact-phone .emergency-contact-country-select-trigger-flag,.emergency-contact-phone .emergency-contact-country-select-option-flag{flex-shrink:0;justify-content:center;align-items:center;display:flex}.emergency-contact-phone .emergency-contact-country-select-trigger-flag .PhoneInputCountryIcon,.emergency-contact-phone .emergency-contact-country-select-option-flag .PhoneInputCountryIcon{box-sizing:border-box;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin:0;overflow:hidden;box-shadow:0 0 0 1px #d9d9d9}.emergency-contact-phone .emergency-contact-country-select-trigger-flag .PhoneInputCountryIcon.PhoneInputCountryIcon--border,.emergency-contact-phone .emergency-contact-country-select-option-flag .PhoneInputCountryIcon.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #d9d9d9}.emergency-contact-phone .emergency-contact-country-select-trigger-flag .PhoneInputCountryIcon .PhoneInputCountryIconImg,.emergency-contact-phone .emergency-contact-country-select-option-flag .PhoneInputCountryIcon .PhoneInputCountryIconImg{object-fit:cover;object-position:center;width:100%;height:100%}.emergency-contact-phone .emergency-contact-country-select-trigger-flag .PhoneInputCountryIcon>svg,.emergency-contact-phone .emergency-contact-country-select-option-flag .PhoneInputCountryIcon>svg{width:148%;height:100%;margin-left:50%;display:block;transform:translate(-50%)}.emergency-contact-phone .emergency-contact-country-select-trigger-label{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.emergency-contact-phone .PhoneInputCountrySelectArrow{margin-top:0;margin-left:0}.emergency-contact-phone .emergency-contact-country-select-dropdown{z-index:600;box-sizing:border-box;background:#fff;border:1px solid #d9d9d9;flex-direction:column;min-width:min(352px,88vw);max-width:min(448px,88vw);max-height:320px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.emergency-contact-phone .emergency-contact-country-select-search{box-sizing:border-box;width:100%;min-height:36px;font:inherit;color:inherit;background:#fff;border:none;border-bottom:1px solid #d9d9d9;border-radius:0;flex-shrink:0;margin:0;padding:.5rem;font-size:.875rem}.emergency-contact-phone .emergency-contact-country-select-search:focus{outline:none;box-shadow:inset 0 0 0 2px #046380}.emergency-contact-phone .emergency-contact-country-select-list{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#0003 transparent;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.emergency-contact-phone .emergency-contact-country-select-list::-webkit-scrollbar{width:8px;height:auto}.emergency-contact-phone .emergency-contact-country-select-list::-webkit-scrollbar-track{background:0 0}.emergency-contact-phone .emergency-contact-country-select-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.emergency-contact-phone .emergency-contact-country-select-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.emergency-contact-phone .emergency-contact-country-select-empty{color:#666;margin:0;padding:1rem .5rem;font-size:.875rem;list-style:none}.emergency-contact-phone .emergency-contact-country-select-divider{background:#ddd;border:none;height:1px;margin:.5rem 0;padding:0;list-style:none}.emergency-contact-phone .emergency-contact-country-select-row{margin:0;padding:0;list-style:none}.emergency-contact-phone .emergency-contact-country-select-option{cursor:pointer;width:100%;min-height:32px;font:inherit;color:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;margin:0;padding:.5rem;font-size:1rem;line-height:1.5;display:flex}.emergency-contact-phone .emergency-contact-country-select-option:hover{background:#f0f4f8}.emergency-contact-phone .emergency-contact-country-select-option.emergency-contact-country-select-option-selected{background:#eef2f7}.emergency-contact-phone .emergency-contact-country-select-option.emergency-contact-country-select-option-active{background:#f0f4f8;box-shadow:inset 0 0 0 2px #046380}.emergency-contact-phone .emergency-contact-country-select-option-label{flex:1;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.emergency-contact-phone .emergency-contact-country-select-option-country{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.emergency-contact-phone .emergency-contact-country-select-option-dial{color:#666;flex-shrink:0;font-size:.875rem}.emergency-contact-phone .PhoneInputCountryIcon{flex-shrink:0}.emergency-contact-phone .PhoneInputCountryIconImg{object-fit:cover;width:100%;height:100%;display:block}.emergency-contact-phone .PhoneInputInput{background:0 0;flex:1;min-width:0;height:auto;min-height:38px;padding-left:0;box-shadow:none!important;border:none!important}.emergency-contact-phone .PhoneInputInput:focus{outline:none;box-shadow:none!important}.emergency-contact-phone.error .PhoneInput{border-color:#d9d9d9;box-shadow:0 0 4px #b22222}.empty-state{text-align:center;box-shadow:none;background:#fff;border:1px solid #f0f0f0;border-radius:1rem;margin-top:1rem;padding:3rem}@media (width<=768px){.empty-state{padding:2rem 1rem}}.empty-state .empty-icon{margin-bottom:1rem;font-size:4rem}.empty-state h3{border-bottom:none;margin-bottom:1rem;padding-bottom:0;font-size:1.25rem}.empty-state p{color:#666;max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto}.empty-state .empty-actions{justify-content:center;align-items:center;display:flex}.empty-state .empty-actions .button{white-space:normal;word-wrap:break-word;max-width:300px;padding:1rem .5rem}@media (width<=768px){.empty-state .empty-actions .button{max-width:240px;padding:1rem}}button.floating-button{cursor:pointer;background:#fff;border:1px solid #0d16191a;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .15s,border-color .2s;display:flex;position:relative;right:.5rem}button.floating-button:focus-visible{outline-offset:3px;outline:2px solid #046380}button.floating-button:focus:not(:focus-visible){outline:none}button.floating-button.large{width:64px;height:64px}button.floating-button.large .floating-button-icon{width:40px;height:40px}button.floating-button.large .floating-button-icon svg{width:24px;height:24px}button.floating-button.medium{width:56px;height:56px}button.floating-button.medium .floating-button-icon{width:32px;height:32px}button.floating-button.medium .floating-button-icon svg{width:20px;height:20px}button.floating-button .floating-button-icon{color:#fff;background:#035061;border:1px solid #023d4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}button.floating-button .floating-button-icon svg{stroke:#fff}button.floating-button .floating-button-spinner{border:2px solid #046380;border-top-color:#0000;border-radius:50%;width:24px;height:24px;animation:.6s linear infinite buttonSpinner}button.floating-button .floating-button-badge{color:#046380;text-align:center;min-width:20px;height:20px;box-shadow:none;background:#3fc1c9;border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:.875rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}button.floating-button:hover:not(:disabled){border-color:#0d161924;transform:translateY(-2px)}button.floating-button:hover:not(:disabled) .floating-button-icon{background:#046380;border-color:#035061}button.floating-button:active:not(:disabled){transform:translateY(0)}button.floating-button:disabled{opacity:.6;cursor:not-allowed}button.floating-button:disabled:hover{transform:none}@media (width>=1024px){button.floating-button{right:1rem}}.floating-speed-dial{z-index:200;pointer-events:none;position:fixed;bottom:1rem;right:.5rem}@media (width>=1024px){.floating-speed-dial{right:1rem}}body.drawer-open .floating-speed-dial .speed-dial-trigger{pointer-events:none}.speed-dial-container{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.speed-dial-trigger{pointer-events:auto}.floating-speed-dial.open .speed-dial-trigger .floating-button-icon svg{transition:transform .25s;transform:rotate(45deg)}.floating-speed-dial:not(.open) .speed-dial-trigger .floating-button-icon svg{transition:transform .25s}.speed-dial-actions{flex-direction:column-reverse;align-items:flex-end;gap:.5rem;margin:0 1rem 0 0;padding:0;list-style:none;display:flex}.speed-dial-action{opacity:0;transition:opacity .2s,transform .2s;transition-delay:calc(var(--action-index) * 40ms);pointer-events:none;justify-content:flex-end;align-items:center;gap:.5rem;display:flex;transform:translateY(12px)scale(.85)}.floating-speed-dial.open .speed-dial-action{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.speed-dial-action-label{color:#0d1619;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #0d161914;border-radius:8px;padding:4px 10px;font-size:.875rem;font-weight:500;box-shadow:0 1px 6px #0000001f}.speed-dial-action-btn{cursor:pointer;background:#fff;border:1px solid #0d16191a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .15s,border-color .2s;display:flex}.speed-dial-action-btn:focus-visible{outline-offset:3px;outline:2px solid #046380}.speed-dial-action-btn:focus:not(:focus-visible){outline:none}.speed-dial-action-btn:hover{border-color:#0d161924;transform:translateY(-2px)}.speed-dial-action-btn:hover .speed-dial-action-icon{background:#046380}.speed-dial-action-btn:active{transform:translateY(0)}.speed-dial-action-icon{color:#fff;background:#035061;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.speed-dial-action-icon svg{width:16px;height:16px}.live-session-banner{z-index:200;background-color:#eef2f7;border-bottom:1px solid #d9d9d9;flex-shrink:0;width:100%;position:sticky;top:56px}.live-session-banner-content{box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:3.75rem;padding:.5rem 1rem;display:flex}.live-session-banner-reminder{background-color:#d7e4eb}@media (width<=640px){.live-session-banner-reminder .live-session-banner-content{flex-direction:column;align-items:stretch;gap:.5rem;padding-bottom:1rem;display:flex}.live-session-banner-reminder .live-session-banner-action{align-self:flex-end}}.live-session-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.live-session-banner-timer{flex-wrap:wrap;align-items:baseline;gap:.15em .35em;display:flex}.live-session-banner-timer-icon{color:#046380;transform-origin:50%;flex-shrink:0;align-self:center;width:1rem;height:1rem}.live-session-banner-timer-icon svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.live-session-banner-timer-icon{animation:4s ease-in-out infinite live-session-hourglass-flip}}@keyframes live-session-hourglass-flip{0%,18%{transform:rotate(0)}32%,68%{transform:rotate(180deg)}82%,to{transform:rotate(360deg)}}.live-session-banner-timer-value{font-variant-numeric:tabular-nums;font-size:1.25rem}.live-session-banner-action{flex-shrink:0}.live-session-banner-action .button{width:auto}.media-upload-container{margin-top:1rem}.media-upload-card{text-align:center;cursor:pointer;background:#fff;border:2px dashed #d9d9d9;border-radius:1rem;justify-content:center;align-items:center;min-height:200px;padding:3rem;transition:all .2s;display:flex}.media-upload-card:hover:not(.disabled){background:#f8fafc;border-color:#046380}.media-upload-card.dragging{background:#0463800d;border-style:solid;border-color:#046380}.media-upload-card.disabled{opacity:.6;cursor:not-allowed}.media-upload-input-hidden{display:none}.media-upload-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.media-upload-icon{color:#046380;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.media-upload-icon svg{width:32px;height:32px}.media-upload-text{color:#333;margin:0;font-size:1rem}.media-upload-hint{color:#666;margin:0;font-size:.875rem}.image-gallery{box-sizing:border-box;grid-auto-rows:auto;grid-auto-flow:row;grid-template-columns:repeat(var(--gallery-column-count,1), var(--gallery-min-track-px,120px));gap:.5rem;width:fit-content;min-width:0;max-width:100%;margin-top:1rem;margin-bottom:1rem;display:grid}.image-gallery .image-thumbnail{cursor:pointer;aspect-ratio:1;border:1px solid #d9d9d9;border-radius:1rem;width:100%;min-width:0;min-height:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.image-gallery .image-thumbnail:hover{transform:scale(1.03);box-shadow:0 4px 8px #0003}.image-gallery .image-thumbnail img,.image-gallery .image-thumbnail video{object-fit:cover;object-position:center;width:100%;max-width:100%;height:100%;display:block}.image-gallery .image-thumbnail .image-media-loading{opacity:0}.image-gallery .image-gallery-overflow{cursor:pointer}.image-gallery .image-gallery-overflow img,.image-gallery .image-gallery-overflow video{display:block}.image-gallery .image-gallery-overflow:hover .image-gallery-overflow-scrim{background:#000000b8}.image-gallery .image-gallery-overflow:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}.image-gallery .image-gallery-overflow:active .image-gallery-overflow-scrim{background:#000000c7}.image-gallery .image-gallery-overflow-scrim{z-index:2;border-radius:inherit;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;background:#00000094;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute;inset:0}.image-gallery .image-gallery-overflow-label{z-index:1;color:#fff;letter-spacing:.02em;text-shadow:0 1px 3px #0000008c;-webkit-user-select:none;user-select:none;font-size:1.5rem;font-weight:600;line-height:1;position:relative}.media-lightbox-overlay{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000eb;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.button.media-lightbox-control.icon{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.button.media-lightbox-control.icon:hover:not(:disabled){color:#fff;background:#ffffff38;transform:none}.button.media-lightbox-control.icon:active:not(:disabled){background:#ffffff4d}.button.media-lightbox-control.icon:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}.button.media-lightbox-close.icon{z-index:4;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.button.media-lightbox-close.icon .button-content{transform:translateY(-1px)}.media-lightbox-content{flex-direction:column;gap:1rem;width:100%;max-width:1600px;height:100%;max-height:calc(100vh - 24px);display:flex}.media-lightbox-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.media-lightbox-media-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.image-preview-full{object-fit:contain;border-radius:1rem;width:auto;max-width:96vw;max-height:calc(100vh - 150px)}@media (width<=768px){.image-preview-full{max-width:94vw;max-height:calc(100vh - 248px)}}.image-media-loading{opacity:0}.button.image-preview-nav.icon{color:#fff;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,color .2s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.button.image-preview-nav.icon:hover:not(:disabled){color:#fff;background:#ffffff38;transform:translateY(-50%)}.button.image-preview-nav.icon:active:not(:disabled){background:#ffffff4d}.button.image-preview-nav.icon:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}.button.image-preview-nav.icon .button-content{transform:none}.button.image-preview-nav.icon svg{stroke:currentColor;width:22px;height:22px}.button.image-preview-nav-prev.icon{left:max(6px,1vw)}.button.image-preview-nav-next.icon{right:max(6px,1vw)}@media (width<=768px){.media-lightbox-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.media-lightbox-media-wrap{flex:unset;grid-area:1/1/auto/-1;place-self:stretch center;max-width:100%}.button.image-preview-nav.icon{position:static;transform:none}.button.image-preview-nav.icon:hover:not(:disabled),.button.image-preview-nav.icon:active:not(:disabled){transform:none}.button.image-preview-nav-prev.icon{grid-area:2/1;justify-self:start;left:auto}.button.image-preview-nav-next.icon{grid-area:2/3;justify-self:end;right:auto}}.image-preview-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5rem;min-height:48px;padding:.5rem 4px 2px;display:grid}.image-preview-counter{box-sizing:border-box;color:#ffffffe6;background:#ffffff24;border-radius:12px;grid-column:2;justify-self:center;width:fit-content;max-width:100%;padding:5px 12px;font-size:.875rem}.image-preview-actions{grid-column:3;justify-content:flex-end;justify-self:end;min-width:0;display:flex}.image-preview-actions .button{width:auto;min-width:min(110px,100%)}.toast{box-shadow:none;border-radius:1rem;align-items:flex-start;gap:.5rem;min-width:280px;max-width:400px;padding:1rem;animation:.3s cubic-bezier(.25,.46,.45,.94) forwards toastSlideIn;display:flex;position:relative}.toast--success{color:#0f5132;background:#d4edda;border:1px solid #badbcc}.toast--error{color:#58151c;background:#f8d7da;border:1px solid #f1aeb5}.toast--info{color:#055160;background:#cff4fc;border:1px solid #b6effb}.toast--warning{color:#664d03;background:#fff3cd;border:1px solid #ffecb5}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.toast-message{word-wrap:break-word;color:inherit;font-size:1rem;line-height:1.5}.toast-close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;padding:0;font-size:1.5rem;line-height:1;transition:opacity .2s;display:flex}.toast-close:hover{opacity:1}.toast-close:focus{outline-offset:2px;opacity:1;border-radius:2px;outline:2px solid}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast.toast--removing{animation:.2s cubic-bezier(.25,.46,.45,.94) forwards toastSlideOut}.toast-container{z-index:700;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:calc(56px + 1rem);right:1rem}.toast-container .toast{pointer-events:auto}@media (width<=640px){.toast-container{top:calc(56px + .5rem);left:1rem;right:1rem}.toast-container .toast{max-width:100%}}.list-item{padding-bottom:.5rem}.list-map{flex-wrap:wrap;align-items:center;display:flex}.list-map a{padding-bottom:1rem;padding-right:1rem}h2{margin-bottom:1rem;font-size:1.25rem}.surf-spots-content-body,.surf-spots-list-content{min-height:0}.content .surf-spots h2{border-bottom:2px solid #046380;margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.25rem}.spot-details{border:1px solid #d9d9d9;border-radius:1rem;flex-direction:row;justify-content:space-around;align-items:center;margin-bottom:2rem;padding:2rem 1rem;display:flex}.spot-details p{margin-bottom:0}.info-page-content{width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem 3rem}@media (width<=768px){.info-page-content{padding:2rem .5rem}}.info-page-content .back-nav{margin-bottom:1rem}.info-page-content .page-title-with-status{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.info-page-content .page-title-with-status h1{margin:0}@media (width<=768px){.info-page-content .page-title-with-status{flex-wrap:wrap;align-items:flex-start}}.info-page-content.map-content{padding:2rem 0}.info-page-content .content .page-title-with-status{align-items:center;gap:1rem;margin-bottom:0;display:flex}.info-page-content .content .page-title-with-status h1{margin:0}@media (width<=768px){.info-page-content .content .page-title-with-status{flex-wrap:wrap;align-items:flex-start}}.info-page-content h1{margin-bottom:1rem;font-size:2rem;font-weight:700}.info-page-content h2{margin:2rem 0}.info-page-content h3{border-bottom:2px solid #046380;padding-bottom:.5rem;font-size:1.25rem}.info-page-content section{margin-bottom:3rem}.info-page-content section:last-child{margin-bottom:0}.info-page-content section .empty-state h3{border-bottom:none;margin-top:0;padding-bottom:0}.info-page-content .description{color:#0d1619;margin-bottom:2rem;font-size:1rem;line-height:1.6}.info-page-content .spot-actions{flex-flow:wrap;gap:.5rem;display:flex}@media (width<=768px){.info-page-content .spot-actions{margin-bottom:1rem}}.info-page-content ul,.info-page-content ol{margin-bottom:1rem;padding-left:2rem;line-height:1.6}.info-page-content li{margin-bottom:.5rem}@media (width<=768px){.info-page-content .row.space-between{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0}.info-page-content .row.space-between h1{flex:none;width:100%;margin-right:0}}.hero-section{text-align:center;margin-bottom:2rem;padding:3rem 0}.hero-section h1{color:#333;margin-bottom:1rem;font-size:3rem;font-weight:800}.hero-subtitle{color:#666;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.spots-section,.notifications-section,.recent-spots-section{margin-bottom:3rem}.spots-section h2,.notifications-section h2,.recent-spots-section h2{margin-bottom:1rem;font-size:1.25rem}.page-not-found-container{min-height:calc(100vh - 120px)}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-header h1{white-space:nowrap;margin:0}@media (width<=768px){.page-header{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem}.page-header h1{flex:none;width:100%}}.page-empty{text-align:center;color:#666;padding:3rem 0}.page-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}@media (width<=768px){.page-grid{grid-template-columns:1fr}}.page-card{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:1rem;padding:1rem;transition:transform .2s}.page-card:hover{transform:scale(1.03)}.page-card h3{margin:0 0 .5rem}.page-card p{color:#666;margin:.5rem 0}.page-actions{flex-shrink:0;gap:.5rem;display:flex}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.form-row,.form-inline{align-items:flex-start;gap:1rem;display:flex}@media (width<=768px){.form-row,.form-inline{flex-direction:column;align-items:flex-start;gap:0}}.form-row .form-item,.form-inline .form-item{flex:1;min-width:0;margin-bottom:0}.landing-page{flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;font-family:inherit;display:flex}.landing-page .main-content{flex-direction:column;flex:1;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{background:linear-gradient(135deg,#046380 0%,#022a36 100%);min-height:100vh;position:relative;overflow:hidden}.hero:before{content:"";opacity:.3;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"waves\" x=\"0\" y=\"0\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><path d=\"M0 50 Q25 40 50 50 T100 50 V100 H0 Z\" fill=\"rgba(255,255,255,0.1)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23waves)\"/></svg>");position:absolute;inset:0}.hero>*{z-index:2;position:relative}.hero{color:#fff;align-items:center;padding:2rem 0;display:flex}@media (width<=768px){.hero{align-items:flex-start;padding:3rem 1rem}}@media (width<=480px){.hero{padding:2rem .5rem}}.hero-container{z-index:2;width:100%;position:relative}.hero-content{grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}@media (width<=768px){.hero-content{text-align:center;grid-template-columns:1fr;align-items:center;gap:2rem;width:100%;padding:0 1rem}}.hero-text{flex-direction:column;align-items:flex-start;display:flex}@media (width<=768px){.hero-text{align-items:center}.hero-text h1{margin-bottom:1rem;font-size:2rem}.hero-text p{margin-bottom:2rem;font-size:1rem}}.hero-text h1{color:#fff;margin-bottom:2rem;font-size:3rem;font-weight:800;line-height:1.1}@media (width<=480px){.hero-text h1{font-size:1.5rem}}.hero-text p{opacity:.95;margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.hero-subtext{opacity:.9;margin-bottom:2rem;font-size:1rem;line-height:1.5}@media (width<=768px){.hero-subtext{margin-bottom:1rem;font-size:.875rem}}.hero-cta{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:1rem;display:flex}.hero-cta .button{padding:1rem 2rem}@media (width<=768px){.hero-cta{justify-content:center;margin-top:1rem}}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-logo{filter:drop-shadow(0 10px 30px #0000004d);width:320px;height:auto}@media (width<=768px){.hero-logo{margin-bottom:1rem}}@media (width<=480px){.hero-logo{width:240px}}.features{background:#fff;padding:6rem 0}.features-alt{background:#eef2f7}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700}@media (width<=768px){.section-header h2{font-size:2rem}}.section-header p{color:#666;max-width:720px;margin:0 auto;font-size:1.125rem}.features-grid{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}@media (width<=768px){.features-grid{flex-direction:column;align-items:stretch}}.feature-card{text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-shrink:0;max-width:350px;padding:2rem;transition:all .3s;box-shadow:0 4px 6px #0000000d}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000001a}.feature-card h3{margin:1rem 0;font-size:1.25rem}.feature-card p{color:#666;line-height:1.6}.feature-icon{justify-content:center;margin-bottom:1rem;display:flex}.feature-icon svg{width:48px;height:48px}.how-it-works{background:#fff;padding:6rem 0}.steps{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem;display:grid}@media (width<=768px){.steps{grid-template-columns:1fr;gap:2rem}}.step{text-align:center}.step .step-number{color:#fff;background:#046380;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:700;display:flex}.step h3{margin-bottom:1rem;font-size:1.5rem}.step p{color:#666;line-height:1.6}.cta{color:#fff;text-align:center;background:#046380;padding:6rem 0}.cta h2{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}@media (width<=768px){.cta h2{font-size:1.5rem}}.cta p{opacity:.9;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-buttons .button{width:auto;min-width:240px;padding:1rem 2rem}.content h1{word-wrap:break-word;overflow-wrap:break-word;margin-bottom:1rem;font-size:2.5rem;font-weight:700;overflow:hidden}.content h3,.drawer-content h3{border-bottom:2px solid #046380;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.25rem}.content section{margin-bottom:2rem}.content section:last-child{margin-bottom:0}.content .description{color:#0d1619;margin-bottom:2rem;font-size:1rem;line-height:1.6}.content .row.spot-details{margin-bottom:2rem}.best-conditions{border:1px solid #d9d9d9;border-radius:1rem;flex-direction:column;gap:2rem;margin-bottom:2rem;padding:2rem 0 2rem 2rem;display:flex}@media (width>=768px){.best-conditions{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.best-conditions:has(>:nth-child(odd):last-child)>:last-child{grid-column:1/-1;justify-self:center;max-width:fit-content}}.best-conditions-item{align-items:center;gap:1rem;display:flex}.best-conditions-item .details,.best-conditions-item .details p,.content section .best-conditions .details p{margin-bottom:0}.content .map-wrapper{margin-bottom:2rem}.content section p{margin-bottom:1rem;line-height:1.6}.content section .media-upload-text,.content section .media-upload-hint{margin:0}.content .row.gap{gap:1rem}.content .column.mv{margin:1rem 0}.content .column.mv a{color:#046380;border-bottom:1px solid #d9d9d9;padding:.5rem 0;text-decoration:none;display:block}.content .column.mv a:hover{color:#3fc1c9;text-decoration:underline}.content .column.mv a:last-child{border-bottom:none}.amenities-content{flex-direction:column;gap:2rem;display:flex}.amenities-section{border:1px solid #d9d9d9;border-radius:1rem;padding:1rem}.amenities-section h4{color:#333;border-bottom:1px solid #f0f0f0;margin:0 0 .5rem;padding-bottom:.5rem;font-size:1rem}.amenities-details{flex-direction:column;gap:.5rem;display:flex}.amenities-list{flex-wrap:wrap;gap:.5rem;display:flex}.amenities-item{color:#0d1619;background:#fff;border:1px solid #d9d9d9;border-radius:12px;padding:.5rem 1rem;font-size:.875rem}.amenities-item.empty{color:#666;background:#f8fafc;border-color:#d9d9d9;font-style:italic}.closed-chip{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#b22222;border-radius:12px;padding:.5rem 1rem;font-size:.875rem;display:inline-block}.content>.row.space-between{flex-wrap:nowrap}.content>.row.space-between>.page-title-with-status{flex:1;min-width:0;margin-right:1rem}.content>.row.space-between>.page-title-with-status h1{word-break:break-word;overflow-wrap:break-word}.content>.row.space-between>.spot-actions{flex-shrink:0}.content>.surf-spot-detail-meta-row{flex-flow:row;justify-content:flex-start;align-items:center;gap:1rem;width:100%;display:flex}.content>.surf-spot-detail-meta-row .surf-spot-status-chip-wrap{flex-flow:wrap;flex:none;gap:.5rem;min-width:0;display:flex}.content>.surf-spot-detail-meta-row .surf-spot-status-chip-wrap:empty{display:none}.content>.surf-spot-detail-meta-row .surf-spot-detail-meta-row-notes{flex:none;width:auto;max-width:100%;margin-left:auto}@media (width<=560px){.content>.surf-spot-detail-meta-row{flex-wrap:wrap}.content>.surf-spot-detail-meta-row .surf-spot-detail-meta-row-notes{flex:100%;justify-content:flex-end;width:100%;margin-left:0}}.surfed-spots-overview p{font-size:1.25rem}.surfed-spots-overview p.value{font-size:1.5rem}.surfed-spots-overview-secondary{justify-content:space-around;align-items:center}.stats-overview{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem;display:grid}@media (width<=640px){.stats-overview{grid-template-columns:1fr;gap:1rem;padding:0 1rem}}.stat-card{will-change:opacity, transform;animation:.6s cubic-bezier(.25,.46,.45,.94) both bounceIn}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:nth-child(5){animation-delay:.25s}.stat-card:nth-child(6){animation-delay:.3s}.stat-card{box-shadow:none;text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:1rem;flex-direction:column;gap:.5rem;min-height:140px;padding:3rem 2rem;display:flex}.stat-card.primary{color:#fff;background:linear-gradient(135deg,#046380,#023d4f);border:none}@media (width<=640px){.stat-card{min-height:120px;padding:2rem}}.stat-icon{margin-bottom:1rem;font-size:1.5rem;display:block}.stat-value{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.stat-label{font-size:1.25rem}.wave-preferences{margin-bottom:3rem}@media (width<=640px){.wave-preferences{padding:0 1rem}}.wave-preferences h2{margin-bottom:2rem;font-size:1.25rem}.preferences-list{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=640px){.preferences-list{grid-template-columns:1fr;gap:1rem}}.preference-card{box-shadow:none;text-align:center;background:#fff;border:1px solid #d9d9d9;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:120px;padding:3rem 2rem;transition:border-color .2s;display:flex}.preference-card:hover{border-color:#046380}@media (width<=640px){.preference-card{min-height:100px;padding:2rem}}.preference-label{color:#666;text-align:center;font-size:1rem}.preference-value{color:#046380;text-align:center;font-size:1.5rem;font-weight:700}@media (width<=640px){.preference-value{font-size:1.25rem}}.recent-spots-grid{scrollbar-width:thin;scrollbar-color:#0003 transparent;gap:2rem;padding:.5rem 4px;display:flex;overflow:auto hidden}.recent-spots-grid::-webkit-scrollbar{width:auto;height:8px}.recent-spots-grid::-webkit-scrollbar-track{background:0 0}.recent-spots-grid::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.recent-spots-grid::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@media (width<=640px){.recent-spots-grid{gap:1rem}}.recent-spot-card{box-shadow:none;cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:1rem;flex:0 0 300px;justify-content:space-between;align-items:center;min-width:300px;padding:2rem;transition:border-color .2s;display:flex}.recent-spot-card:hover{border-color:#046380}@media (width<=640px){.recent-spot-card{flex:0 0 280px;min-width:280px}}.recent-spot-card.animate-on-scroll,.recent-spot-card.animate-on-scroll.visible{transition:border-color .2s}.recent-spot-card.animate-on-scroll:hover,.recent-spot-card.animate-on-scroll.visible:hover{border-color:#046380}.spot-info{flex:1}.spot-info h4{color:#333;margin-bottom:.5rem}.spot-info .spot-location{color:#666;margin-bottom:.5rem}.spot-info .spot-rating{align-items:center;gap:.5rem;display:flex}.spot-info .spot-rating .rating-text{color:#666}.watchlist-header-actions{text-align:right;margin-bottom:2rem}.watchlist-spots-link{font-size:.875rem}.watched-spots-title{color:#333;border-top:2px solid #f0f0f0;margin:3rem 0 2rem;padding-top:2rem;font-size:1.5rem}.watchlist-feed{margin:2rem 0}.feed-section-title{color:#333;margin:0 0 1rem;font-size:1.25rem}.feed-container{background:#fff;border:1px solid #f0f0f0;border-radius:1rem;flex-direction:column;max-width:640px;margin:0 auto;display:flex;overflow:hidden}@media (width<=768px){.feed-container{max-width:100%}.feed-section-title{font-size:1.25rem}}.trips-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.trips-header h1{white-space:nowrap;margin:0}@media (width<=768px){.trips-header{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem}.trips-header h1{flex:none;width:100%}}.trips-empty{text-align:center;color:#666;padding:3rem 0}.trips-section{margin-bottom:3rem}.trips-section h2{color:#0d1619;margin-bottom:1rem}.trips-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}@media (width<=768px){.trips-grid{grid-template-columns:1fr}}.trip-card{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:1rem;padding:1rem;transition:transform .2s}.trip-card:hover{transform:scale(1.03)}.trip-card h3{margin:0 0 .5rem}.trip-card p{color:#666;margin:.5rem 0}.trip-card h3{color:#0d1619;border-bottom:none;padding-bottom:0;font-size:1.25rem}.trip-card .trip-owner{color:#666;font-size:.85rem;font-style:italic}.trip-card .trip-spots{margin-top:.5rem}.trip-edit-form{max-width:600px}.trip-spots-list,.trip-members-list{border:1px solid #d9d9d9;border-radius:1rem;flex-direction:column;gap:0;margin-top:1rem;margin-bottom:0;padding:1rem;display:flex}.trip-spots-list.empty,.trip-members-list.empty{justify-content:center;align-items:center;min-height:100px;padding:3rem;display:flex}.trip-spots-list.empty p,.trip-members-list.empty p{text-align:center;margin:0}.trip-spot-item,.trip-member-item{border-bottom:1px solid #d9d9d9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.trip-spot-item:last-child,.trip-member-item:last-child{border-bottom:none}.trip-spot-item:first-child,.trip-member-item:first-child{padding-top:1rem}.trip-spot-item>div:first-child,.trip-member-item>div:first-child{flex:1;min-width:0}.trip-spot-item h4,.trip-member-item h4{margin:0}@media (width<=768px){.trip-spot-item,.trip-member-item{gap:1rem}}.trip-spot-item .member-email-row,.trip-member-item .member-email-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.trip-spot-item .member-email-row .chip,.trip-member-item .member-email-row .chip{flex-shrink:0}.trip-spot-item h4,.trip-member-item h4{margin:0 0 .5rem;font-size:1rem}.trip-spot-item h4 a,.trip-member-item h4 a{color:inherit;text-decoration:none}.trip-spot-item h4 a:hover,.trip-member-item h4 a:hover{text-decoration:underline}.trip-spot-item .spot-rating,.trip-member-item .spot-rating{margin-top:.5rem}.trip-spot-item .spot-rating .rating,.trip-member-item .spot-rating .rating,.trip-spot-item .spot-rating .rating .star,.trip-member-item .spot-rating .rating .star{text-decoration:none}.trip-spot-item .member-actions,.trip-member-item .member-actions{flex-wrap:wrap;gap:.5rem;display:flex}.trip-spot-item .member-name,.trip-member-item .member-name{margin:0 0 .5rem}.trip-spot-item p,.trip-member-item p{margin:0}.trip-spot-item{align-items:flex-start}.add-member-form{margin-top:2rem}.add-member-form .form-inline{margin-bottom:0}.trip-media-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem;display:grid}@media (width<=768px){.trip-media-grid{grid-template-columns:1fr}}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;filter:invert(.4);background-size:20px 20px;width:24px;height:24px;margin-left:.5rem;padding:.5rem;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(.6)}input[type=date]::-webkit-datetime-edit{padding:0}input[type=date]::-webkit-datetime-edit-text{color:#0d1619;padding:0 .5rem}input[type=date]::-webkit-datetime-edit-month-field{color:#0d1619;padding:0 .5rem}input[type=date]::-webkit-datetime-edit-day-field{color:#0d1619;padding:0 .5rem}input[type=date]::-webkit-datetime-edit-year-field{color:#0d1619;padding:0 .5rem}input[type=date]::-webkit-datetime-edit-month-field:focus{background-color:#f0f4f8;border-radius:1rem}input[type=date]::-webkit-datetime-edit-day-field:focus{background-color:#f0f4f8;border-radius:1rem}input[type=date]::-webkit-datetime-edit-year-field:focus{background-color:#f0f4f8;border-radius:1rem}input[type=date]::-webkit-inner-spin-button{display:none}input[type=date]::-webkit-clear-button{display:none}input[type=date]::-moz-calendar-picker-indicator{cursor:pointer;opacity:.7;margin-left:.5rem;padding:.5rem;transition:opacity .2s}input[type=date]::-moz-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-calendar-picker-indicator:focus{outline-offset:2px;border-radius:4px;outline:2px solid #046380}input[type=date]:focus::-webkit-calendar-picker-indicator{background-color:#f0f4f8;border-radius:4px}.delete-error{color:#b22222}.sessions-page .stats-overview{grid-template-columns:repeat(3,1fr)}@media (width<=640px){.sessions-page .stats-overview{grid-template-columns:1fr}}.sessions-page .sessions-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.sessions-page .sessions-page-title{color:#333;margin:0;font-size:1.5rem;font-weight:600;line-height:1.2}.sessions-how-to{margin-bottom:3rem}.sessions-how-to .sessions-how-to-heading{color:#333;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.sessions-how-to .sessions-how-to-lead{margin:0 0 2rem;line-height:1.55}.sessions-how-to .sessions-how-to-steps{color:#0d1619;margin:0;padding-left:1.35em;line-height:1.65}.sessions-how-to .sessions-how-to-steps li{margin-bottom:1rem}.sessions-how-to .sessions-how-to-steps li:last-child{margin-bottom:0}.sessions-section{margin-bottom:3rem}.sessions-list-heading{color:#333;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.sessions-list-hint{margin:0 0 1rem;font-size:.875rem;line-height:1.5}.sessions-list{flex-direction:column;gap:1rem;display:flex}.surfboards-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.surfboards-header h1{white-space:nowrap;margin:0}@media (width<=768px){.surfboards-header{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem}.surfboards-header h1{flex:none;width:100%}}.surfboards-empty{text-align:center;color:#666;padding:3rem 0}.surfboards-section{margin-bottom:3rem}.surfboard-card{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:1rem;padding:1rem;transition:transform .2s}.surfboard-card:hover{transform:scale(1.03)}.surfboard-card h3{margin:0 0 .5rem}.surfboard-card p{color:#666;margin:.5rem 0}.surfboard-card .surfboard-image{background:#f8fafc;border-radius:1rem;width:100%;height:200px;margin-bottom:1rem;overflow:hidden}.surfboard-card .surfboard-image img{object-fit:cover;width:100%;height:100%}.surfboard-card .surfboard-type{color:#666;font-size:.875rem;font-style:italic}.surfboard-card .surfboard-dims,.surfboard-card .surfboard-volume{font-size:.875rem}.surfboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.surfboard-header h1{flex:1;min-width:200px;margin:0}.surfboard-actions{flex-shrink:0;gap:.5rem;display:flex}.surfboard-images{margin-bottom:3rem}.surfboard-images h2{margin-bottom:1rem}.surfboard-details{margin-bottom:3rem}.surfboard-details h2{margin-bottom:1rem}.surfboard-details p{color:#0d1619;margin:.5rem 0}.surfboard-details p strong{color:#333;margin-right:.5rem}.surfboard-details-grid{border:1px solid #d9d9d9;border-radius:1rem;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;padding:2rem;display:grid}@media (width<=1024px){.surfboard-details-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.surfboard-details-grid{grid-template-columns:1fr}}.surfboard-details-grid .details{border:none;margin:0;padding:0}.delete-confirm-modal h2{margin:0 0 1rem}.delete-confirm-modal p{color:#0d1619;margin:1rem 0}.delete-confirm-modal p.warning{margin-top:1rem;font-weight:700}.delete-confirm-modal ul{color:#0d1619;margin:.5rem 0 1rem 2rem;padding-left:0}.delete-confirm-modal ul li{margin:.5rem 0}.surfboard-selection-modal h2,.surfboard-selection-modal p{margin-bottom:1rem}.surfboard-selection-modal .text-secondary{color:#666}.surfboard-selection-modal .surfboard-selection-list{scrollbar-width:thin;scrollbar-color:#0003 transparent;flex-direction:column;gap:.5rem;max-height:400px;margin:1rem 0;display:flex;overflow-y:auto}.surfboard-selection-modal .surfboard-selection-list::-webkit-scrollbar{width:8px;height:auto}.surfboard-selection-modal .surfboard-selection-list::-webkit-scrollbar-track{background:0 0}.surfboard-selection-modal .surfboard-selection-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.surfboard-selection-modal .surfboard-selection-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.surfboard-selection-modal .surfboard-selection-item{background:#f8fafc;border:1px solid #d9d9d9;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.surfboard-selection-modal .surfboard-selection-item>div{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.surfboard-selection-modal .surfboard-selection-item .surfboard-name{color:#0d1619;flex:1;margin:0;font-size:1rem}.surfboard-selection-modal .surfboard-selection-item .status-text{color:#046380;white-space:nowrap;align-items:center;min-height:40px;padding-left:1rem;font-size:.875rem;display:flex}.surfboard-selection-modal .surfboard-selection-actions{flex-direction:column;gap:1rem;width:100%;margin-top:1rem;display:flex}.surfboard-selection-modal .surfboard-selection-actions .button{width:100%}.settings-page{max-width:600px;margin:0 auto;padding:2rem 1rem}.settings-page h1{margin-bottom:2rem;font-size:2.5rem;font-weight:700}.settings-page h4{margin-bottom:1rem;font-size:1.25rem}.contact-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.contact-page h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.contact-page>p,.contact-form-section{margin-bottom:2rem}.contact-form{flex-direction:column;gap:.5rem;display:flex}.contact-form .form-row{align-items:flex-start;gap:.5rem;display:flex}@media (width<=768px){.contact-form .form-row{flex-direction:column}}.contact-form .form-row .form-item{flex:1;min-width:0;margin-bottom:0}.contact-form .form-item label{opacity:1;transform:translateY(0)}.contact-info-section{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=768px){.contact-info-section{grid-template-columns:1fr}}.info-card{box-shadow:none;background:#fff;border:1px solid #f0f0f0;border-radius:1rem;padding:1.5rem}.info-card h3{margin-top:0;margin-bottom:1rem}.faq-page .faq-intro{color:#666;margin-bottom:2rem}.faq-page .faq-section{margin-bottom:3rem}.faq-page .faq-section-subtitle{color:#666;margin-top:0;margin-bottom:1rem}.faq-page .faq-note{border-top:1px solid #d9d9d9;margin-top:2rem;padding-top:2rem}.faq-page .faq-note h2{margin-bottom:.5rem}.info-page-content .skill-level-item{padding:2rem 0}.info-page-content .skill-level-item h2{margin-top:0;margin-bottom:1rem}.info-page-content .skill-level-item p{margin-bottom:0;line-height:1.6}.country-emergency-section{margin:2rem 0}.country-emergency-section .country-emergency-title{border-bottom:2px solid #046380;align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.25rem;display:flex}.country-emergency-section .country-emergency-title-icon{align-items:center;display:inline-flex}.country-emergency-section .country-emergency-list{border:1px solid #f0f0f0;border-radius:1rem;flex-direction:column;gap:.5rem;margin-top:1rem;padding:3rem;list-style:none;display:flex}@media (width<=768px){.country-emergency-section .country-emergency-list{padding:2rem 1rem}}.country-emergency-section .country-emergency-list li{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.country-emergency-section .country-emergency-label{color:#0d1619}.country-emergency-section .country-emergency-link{color:#046380;font-variant-numeric:tabular-nums;text-decoration:none}.country-emergency-section .country-emergency-link:hover{text-decoration:underline}body{background:#fff;flex-direction:column;display:flex}section{width:100%}.description{margin-top:1rem;margin-bottom:2rem}.description.alternate{text-align:center;max-width:480px;margin:2rem 0;font-size:1.25rem}.hidden{display:none}