:root{--bg:#07161b;--panel:#0d2229;--panel2:#102a32;--text:#f4f7f5;--muted:#91a6aa;--line:#1b3b44;--accent:#7ad9c4;--accent2:#b6f1e1;--warn:#f5c56f}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at top,#12313a 0,#07161b 42%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{width:min(100%,720px);margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(36px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}.topbar h1{margin:0;font-size:30px;letter-spacing:-.03em}.icon-button{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.03);color:var(--text)}.icon-button,.region-switch{border:1px solid var(--line)}.region-switch{display:grid;grid-template-columns:1fr 1fr;background:#061216;padding:4px;border-radius:14px;margin-bottom:14px}.region-switch button{border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:750;padding:11px}.region-switch button.active{background:var(--panel2);color:var(--text);box-shadow:0 3px 12px rgba(0,0,0,.25)}.error-card,.hero-card,.loading-card,.metric-card,.panel,.warning-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,48,57,.96),rgba(10,29,35,.96));border-radius:20px;box-shadow:0 14px 30px rgba(0,0,0,.22)}.hero-card{padding:20px;margin-bottom:12px}.hero-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.hero-meta span{display:flex;align-items:center;gap:5px}.best-label{margin:20px 0 5px;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.hero-card h2{font-size:34px;margin:0 0 22px;letter-spacing:-.04em}.scores{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.scores>div{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:15px;padding:13px}.scores small,.scores span{display:block;color:var(--muted)}.scores strong{font-size:27px;margin-right:2px}.conditions-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:12px}.metric-card{display:flex;gap:10px;padding:14px}.metric-icon{color:var(--accent)}.metric-card small,.metric-card span{color:var(--muted);font-size:11px}.metric-card strong{display:block;margin:3px 0;font-size:15px}.metric-card p{margin:0 0 4px;font-size:12px;line-height:1.35}.panel{padding:17px;margin-bottom:12px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title h3{margin:0;font-size:17px}.panel-title>span,.panel-title>svg{color:var(--muted);font-size:12px}.reason-list{display:grid;grid-gap:10px;gap:10px}.reason-list>div{display:flex;align-items:flex-start;gap:9px;line-height:1.4;font-size:14px}.reason-list svg{color:var(--accent);flex:none;margin-top:2px}.reason-list.compact{gap:8px;color:#c8d4d4}.history-list{display:grid;grid-gap:9px;gap:9px}.history-list article{padding:12px;border-radius:14px;background:rgba(0,0,0,.18)}.history-list article>div{display:flex;justify-content:space-between}.history-list span{color:var(--accent);font-size:12px}.history-list b{display:block;color:var(--muted);font-size:12px;margin-top:3px}.history-list p{margin:8px 0 0;color:#c8d4d4;font-size:13px}.alternatives{display:grid;grid-gap:9px;gap:9px}.alternatives article{display:grid;grid-template-columns:30px 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:11px;border-radius:14px;background:rgba(0,0,0,.18)}.rank{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--panel2);color:var(--accent);font-weight:800}.alternatives p{margin:3px 0 0;color:var(--muted);font-size:12px}.alt-score{text-align:right}.alt-score b{display:block;font-size:18px}.alt-score small{color:var(--muted)}.tides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.tide-event-card{display:grid;grid-template-columns:auto 1fr;grid-gap:3px 8px;gap:3px 8px;padding:12px;background:rgba(0,0,0,.18);border-radius:14px}.tide-event-card svg{grid-row:1/3;color:var(--accent)}.tide-event-card span{color:var(--muted);font-size:11px}.tide-event-card strong{font-size:18px}.tide-event-card b{grid-column:2;color:#c8d4d4;font-size:12px}.tides-empty{margin:0;padding:12px;border-radius:14px;background:rgba(0,0,0,.18);color:var(--muted);font-size:13px}.refresh-button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:15px;background:var(--accent);color:#062018;font-weight:850;font-size:15px;padding:15px;margin-top:14px}.refresh-button:disabled{opacity:.68}.last-updated{text-align:center;color:var(--muted);font-size:11px}.error-card,.warning-card{padding:13px 15px;color:var(--warn);margin-bottom:12px}.loading-card{display:flex;gap:10px;align-items:center;padding:22px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:480px){.conditions-grid{grid-template-columns:1fr}.hero-card h2{font-size:31px}}.brand-lockup{display:flex;align-items:baseline;gap:9px}.brand-lockup h1{color:var(--accent2)}.brand-lockup p{margin:0;color:var(--muted);font-size:12px;font-weight:650}.assessment-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.assessment-heading .best-label{margin:0}.assessment-state{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.assessment-state.good{border-color:#2c685c;color:var(--accent2)}.assessment-state.marginal{border-color:#80672b;color:#ffe19a}.assessment-state.poor{border-color:#8d5656;color:#ffaaa2}.hero-card .assessment-heading+h2{font-size:30px;margin:7px 0 8px}.assessment-detail{max-width:620px;margin:0;color:#c8d4d4;font-size:14px;line-height:1.5}.recommendation-summary{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.recommendation-summary .best-label{margin:0 0 4px}.recommendation-summary h3{margin:0 0 14px;font-size:27px;letter-spacing:-.03em}@media(max-width:480px){.brand-lockup{display:grid;grid-gap:1px;gap:1px}.hero-card .assessment-heading+h2{font-size:27px}}.login-shell{min-height:100svh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,48,57,.98),rgba(10,29,35,.98));border-radius:24px;box-shadow:0 18px 50px rgba(0,0,0,.34)}.login-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--panel2);color:var(--accent);margin-bottom:20px}.login-card h1{font-size:34px;margin:0 0 10px}.login-copy{color:var(--muted);line-height:1.5;margin:0 0 22px}.login-card label{display:grid;grid-gap:8px;gap:8px;font-weight:700;font-size:13px}.login-card input{width:100%;border:1px solid var(--line);border-radius:13px;background:#061216;color:var(--text);font:inherit;padding:14px}.login-card form button,.settings-row button{border:0;border-radius:12px;background:var(--accent);color:#062018;font-weight:850;padding:13px 15px}.login-card form button{width:100%;margin-top:14px}.login-card button:disabled,.settings-row button:disabled{opacity:.6}.login-success{color:var(--accent2)}.login-error{color:#ff9f96}.settings-backdrop{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.62);display:flex;align-items:flex-end;justify-content:center}.settings-sheet{width:min(100%,720px);max-height:88svh;overflow:auto;background:#081b21;border:1px solid var(--line);border-radius:24px 24px 0 0;padding:20px 16px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.48)}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.settings-header h2{margin:0;font-size:27px}.settings-block{padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--panel);margin-bottom:12px}.settings-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:11px;gap:11px;align-items:center}.settings-icon{color:var(--accent)}.settings-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.settings-hint,.settings-message{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.4}.settings-message{color:var(--accent2)}.settings-account{display:grid;grid-gap:4px;gap:4px;margin-bottom:13px}.settings-account span{color:var(--muted);font-size:12px}.signout-button{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);font-weight:750;padding:12px}@media(min-width:721px){.settings-backdrop{align-items:center}.settings-sheet{border-radius:24px;max-width:560px}}.success-card{padding:13px 15px;border:1px solid #2c685c;background:#0e302c;color:var(--accent2);border-radius:16px;margin-bottom:12px}.primary-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:14px}.primary-actions .refresh-button{margin-top:0}.log-surf-button,.save-surf-button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--accent);border-radius:15px;background:transparent;color:var(--accent2);font-weight:850;font-size:15px;padding:15px}.save-surf-button{background:var(--accent);color:#062018;border:0}.modal-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.7);display:flex;align-items:flex-end;justify-content:center}.modal-sheet{width:min(100%,720px);max-height:94svh;overflow:auto;background:#081b21;border:1px solid var(--line);border-radius:24px 24px 0 0;padding:20px 16px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.5)}.surf-form{display:grid;grid-gap:14px;gap:14px}.surf-form label{display:grid;grid-gap:7px;gap:7px;color:#dce7e6;font-size:12px;font-weight:750}.surf-form input,.surf-form select,.surf-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#061216;color:var(--text);font:inherit;padding:12px}.surf-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.surf-form fieldset{border:0;padding:0;margin:0}.surf-form legend{margin-bottom:8px;color:#dce7e6;font-size:12px;font-weight:750}.quality-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.quality-grid button{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:11px;background:#061216;color:var(--muted);padding:11px;font-weight:750}.quality-grid button.active{border-color:var(--accent);background:var(--panel2);color:var(--text)}.secondary-button{border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--accent2);padding:11px;font-weight:750}.advanced-conditions{display:grid;grid-gap:10px;gap:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.18)}.advanced-conditions p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:480px){.primary-actions{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}.modal-sheet{border-radius:20px 20px 0 0}}.settings-navigation-link{display:grid;grid-template-columns:auto 1fr;grid-gap:11px;gap:11px;align-items:center;color:var(--text);text-decoration:none}.settings-navigation-link span{display:grid;grid-gap:3px;gap:3px}.settings-navigation-link small{color:var(--muted);font-size:12px;line-height:1.4}.profile-page-shell{width:min(100%,900px);margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(42px + env(safe-area-inset-bottom))}.profile-page-header{margin-bottom:18px}.profile-page-header h1{font-size:34px;margin:8px 0 9px}.profile-page-header>p:last-child{max-width:680px;margin:0;color:var(--muted);line-height:1.55}.profile-back-link{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;color:var(--accent2);font-weight:750;text-decoration:none}.profile-form{display:grid;grid-gap:15px;gap:15px}.profile-form-section{padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(18,48,57,.96),rgba(10,29,35,.96));box-shadow:0 12px 28px rgba(0,0,0,.18)}.profile-section-heading{display:grid;grid-template-columns:32px 1fr;grid-gap:11px;gap:11px;align-items:start;margin-bottom:17px}.profile-section-heading>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--panel2);color:var(--accent2);font-weight:900}.profile-section-heading h2{margin:1px 0 4px;font-size:20px}.profile-section-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.profile-mode-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;margin-bottom:14px;border:1px solid var(--line);border-radius:14px;background:#061216}.profile-mode-switch button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:11px;font-weight:800}.profile-mode-switch button.active{background:var(--panel2);color:var(--text)}.profile-mode-switch button:disabled{opacity:.45}.profile-form fieldset,.profile-form label{display:grid;grid-gap:7px;gap:7px;color:#dce7e6;font-size:12px;font-weight:750}.profile-form input,.profile-form select,.profile-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#061216;color:var(--text);font:inherit;padding:12px}.profile-form textarea{resize:vertical}.profile-field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px}.profile-field-grid.three{grid-template-columns:repeat(3,1fr)}.profile-field-wide{grid-column:1/-1}.profile-spot-summary{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.17);color:var(--accent2)}.profile-spot-summary div{display:grid;grid-gap:3px;gap:3px}.profile-spot-summary strong{color:var(--text)}.profile-spot-summary small,.profile-spot-summary span{color:var(--muted)}.profile-secret-toggle{grid-template-columns:auto 1fr!important;align-items:start;margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.16)}.profile-secret-toggle input{width:auto;margin-top:3px;accent-color:var(--accent)}.profile-secret-toggle span{display:grid;grid-gap:4px;gap:4px}.profile-secret-toggle small{color:var(--muted);font-weight:500;line-height:1.4}.swell-rule-list{display:grid;grid-gap:12px;gap:12px}.swell-rule-card{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.17)}.swell-rule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.local-rule-row button,.swell-rule-header button{display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:transparent;color:#ffaaa2;width:38px;height:38px}.direction-fieldset,.wind-category{border:0;padding:0;margin:13px 0}.direction-fieldset legend,.wind-category legend{margin-bottom:8px}.direction-chip-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:6px;gap:6px}.direction-chip-grid button{border:1px solid var(--line);border-radius:9px;background:#061216;color:var(--muted);padding:8px 4px;font-size:11px;font-weight:800}.direction-chip-grid button.active{border-color:var(--accent);background:var(--panel2);color:var(--text)}.direction-chip-grid button.active.ideal{background:#143b36}.direction-chip-grid button.active.acceptable{background:#293a30}.direction-chip-grid button.active.poor{background:#402728}.wind-category{padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.13)}.profile-add-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:12px}.local-rule-list{display:grid;grid-gap:9px;gap:9px}.local-rule-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:start}.profile-review-section{border-color:#2c685c}.profile-action-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px}.profile-action-grid button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin:0}.profile-validation-card{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px;margin-bottom:14px;padding:14px;border:1px solid #80672b;border-radius:15px;background:#342b14;color:#ffe19a}.profile-validation-card strong{display:block;margin-bottom:5px}.profile-validation-card ul{margin:0;padding-left:18px;line-height:1.5}.field-error{color:#ffaaa2;font-weight:600}.field-helper{color:var(--muted);font-weight:500;line-height:1.45}.coordinate-preview{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid #2c685c;border-radius:11px;background:rgba(20,59,54,.55);color:var(--accent2)}.coordinate-preview>span{display:flex;flex-wrap:wrap;gap:6px 16px}.coordinate-preview strong{color:#dce7e6;font-size:12px}.coordinate-warning{display:flex;align-items:flex-start;gap:6px;color:#ffe19a;font-weight:600;line-height:1.4}.profile-success-panel{display:grid;justify-items:center;text-align:center;padding:34px 22px;border:1px solid #2c685c;border-radius:24px;background:linear-gradient(145deg,#123a35,#09251f);box-shadow:0 18px 50px rgba(0,0,0,.3)}.profile-success-panel>svg{color:var(--accent2)}.profile-success-panel h1{margin:4px 0 8px;font-size:34px}.profile-success-panel>p:last-of-type{color:var(--muted)}.profile-success-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;width:min(100%,520px);margin-top:18px}.profile-success-actions a{text-decoration:none}.profile-success-actions .save-surf-button,.profile-success-actions .secondary-button{display:flex;align-items:center;justify-content:center;margin:0}@media(max-width:680px){.direction-chip-grid{grid-template-columns:repeat(4,1fr)}.profile-action-grid{grid-template-columns:1fr}.profile-field-grid.three{grid-template-columns:1fr 1fr}.profile-success-actions{grid-template-columns:1fr}}@media(max-width:480px){.profile-page-header h1{font-size:30px}.profile-form-section{padding:15px}.profile-field-grid,.profile-field-grid.three{grid-template-columns:1fr}.profile-field-wide{grid-column:auto}}.primary-swell-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.14)}.primary-swell-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0}.primary-swell-table td,.primary-swell-table th{padding:12px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.primary-swell-table td:last-child,.primary-swell-table th:last-child{border-right:0}.primary-swell-table tbody tr:last-child td,.primary-swell-table tbody tr:last-child th{border-bottom:0}.primary-swell-table thead th{background:#081a20;color:var(--muted);font-size:11px;line-height:1.35;letter-spacing:.02em}.primary-swell-table tbody th{width:105px;background:rgba(8,26,32,.7)}.primary-swell-table tbody th small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:600}.primary-swell-direction{display:inline-grid;place-items:center;min-width:44px;height:34px;padding:0 10px;border:1px solid var(--accent);border-radius:10px;background:var(--panel2);color:var(--text);font-size:15px;font-weight:900}.primary-swell-table input{min-width:112px;padding:10px}.primary-swell-table input:disabled{cursor:not-allowed;opacity:.35;background:#071115}.primary-swell-table tr.unsupported{background:rgba(90,50,50,.09)}.primary-swell-table tr.supported{background:rgba(20,59,54,.09)}.swell-support-choice{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;min-width:230px}.swell-support-choice button{min-height:40px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#061216;color:var(--muted);font-size:11px;font-weight:850}.swell-support-choice button.active.supported{border-color:var(--accent);background:#143b36;color:var(--text)}.swell-support-choice button.active.unsupported{border-color:#8d5656;background:#402728;color:#ffd2ce}.swell-choice-required{display:block;margin-top:6px;color:#ffe19a;font-weight:650}.primary-swell-note{margin:11px 1px 0;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:680px){.primary-swell-table-wrap{overflow:visible;border:0;background:transparent}.primary-swell-table{display:block;min-width:0}.primary-swell-table thead{display:none}.primary-swell-table tbody{display:grid;grid-gap:11px;gap:11px}.primary-swell-table tr{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.15)}.primary-swell-table td,.primary-swell-table th{display:grid;grid-gap:6px;gap:6px;width:auto!important;padding:0;border:0;background:transparent!important}.primary-swell-table td:first-of-type,.primary-swell-table th{grid-column:1/-1}.primary-swell-table td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:750}.primary-swell-table input,.swell-support-choice{min-width:0}}@media(max-width:480px){.primary-swell-table tr{grid-template-columns:1fr}.primary-swell-table td{grid-column:1/-1!important}}