*{box-sizing:border-box}:root{--bg: #f6f7f9;--text: #111111;--muted: #6b7280;--panel-bg: rgba(255, 255, 255, .7);--border: rgba(0, 0, 0, .06);--info-color: #0b66ff;--info-bg: rgba(11, 102, 255, .06);--bubble-bg: rgba(255, 255, 255, .8);--bubble-text: #111111;--error-color: #ff3b30;--accent: #0b66ff;--control-radius: 10px;--panel-radius: 12px;--panel-shadow: 0 6px 18px rgba(17, 24, 39, .06);--chart-temp: rgb(255, 99, 132);--chart-temp-bg: rgba(255, 99, 132, .2);--chart-temp-2: rgb(201, 169, 255);--chart-temp-2-bg: rgba(201, 169, 255, .12);--chart-wind: rgb(54, 162, 235);--chart-wind-bg: rgba(54, 162, 235, .2);--chart-gust: rgb(255, 159, 64);--chart-gust-bg: rgba(255, 159, 64, .15);--chart-tide: rgb(75, 192, 192);--chart-tide-bg: rgba(75, 192, 192, .15);--chart-current: rgb(153, 102, 255);--chart-current-bg: rgba(153, 102, 255, .15);--hover-line-color: var(--accent);--wind-arrow-fill: rgba(54, 162, 235, .95);--wind-arrow-stroke: rgba(12, 60, 110, .9);--chart-pop: rgb(69, 123, 255);--chart-pop-bg: rgba(69, 123, 255, .12);--chart-cloud: rgb(160, 160, 180);--chart-cloud-bg: rgba(160, 160, 180, .12);--chart-rh: rgb(120, 200, 180);--chart-rh-bg: rgba(120, 200, 180, .12);--alert: #c0392b;--chart-height: 150px}@media (prefers-color-scheme: dark){:root{--bg: #0b0d10;--text: #e6eef6;--muted: #99a0aa;--panel-bg: #0f1720;--border: #21303a;--info-color: #7fb8ff;--info-bg: #061428;--error-color: #ff6b6b;--accent: #7fb8ff;--alert: #ff6b6b}}[data-theme=dark]{--bg: #0b0d10;--text: #e6eef6;--muted: #99a0aa;--panel-bg: #0f1720;--border: #21303a;--info-color: #7fb8ff;--info-bg: #061428;--bubble-bg: #0b1220;--bubble-text: #e6eef6;--error-color: #ff6b6b;--accent: #7fb8ff}[data-theme=light]{--bg: #ffffff;--text: #111111;--muted: #666666;--panel-bg: #ffffff;--border: #eeeeee;--info-color: #0b66ff;--info-bg: #f0f7ff;--error-color: crimson;--accent: #0b66ff}body{font-family:system-ui,-apple-system,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;padding:0;color:var(--text);background:var(--bg)}.app-root{max-width:900px;margin:24px auto;padding:0 16px}header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.page-title{display:inline-flex;align-items:center;gap:10px;margin:0}.title-logo{width:64px;height:64px;object-fit:contain;flex:0 0 auto}@media (max-width: 640px){header{flex-direction:column;align-items:stretch}.title-logo{width:32px;height:32px}}.search-form{display:flex;gap:10px;align-items:center}.search-form input{flex:1;padding:10px 12px;font-size:16px;background:var(--panel-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--control-radius);box-shadow:0 1px 2px #1018280a}.search-form input::placeholder{color:var(--muted);opacity:.9}.search-form button{padding:9px 14px;border-radius:var(--control-radius);background:linear-gradient(180deg,var(--accent),#0a58d6);color:#fff;border:none;box-shadow:0 6px 12px #0b66ff1f;cursor:pointer}.location-name{color:var(--muted);font-size:14px}.favorites-panel{margin:12px 0 10px;padding:10px;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--panel-bg)}.favorites-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.favorites-header h2{margin:0;font-size:16px}.favorites-header small{color:var(--muted)}.favorites-empty{color:var(--muted);font-size:14px}.favorites-list{display:flex;flex-direction:column;gap:8px}.favorite-item{display:flex;align-items:center;gap:8px}.favorite-load{flex:1;text-align:left;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.favorite-remove{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}.status{margin:12px 0}.status.error{color:var(--error-color)}.status.info{color:var(--info-color);background:var(--info-bg);padding:8px;border-radius:6px}.stations-panel{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stations-panel h3{margin:0 0 8px}.stations-panel ul{list-style:none;padding:0;margin:0}.stations-panel li{display:flex;align-items:center}.stations-panel button{padding:6px 10px;border-radius:8px;background:transparent;border:1px solid rgba(0,0,0,.06)}.day-list{display:flex;flex-direction:column;gap:20px;margin-top:16px}.day-item{background:var(--panel-bg);border:1px solid var(--border);padding:14px;border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.day-chart{height:auto;width:100%;position:relative}.day-chart canvas{display:block;width:100%!important;height:auto!important;max-width:100%}.summary-bubble{padding:4px 8px;background:var(--bubble-bg);color:var(--bubble-text);border-radius:8px;font-size:13px;display:inline-flex;align-items:center;border:1px solid rgba(0,0,0,.04)}.chartjs-external-tooltip{position:absolute;pointer-events:none;z-index:9999;padding:5px;border-radius:8px;background:var(--bubble-bg);color:var(--bubble-text);font-size:12px;line-height:1.1;max-width:260px;box-shadow:0 10px 30px #1118271f;transition:opacity .12s ease;white-space:nowrap;visibility:hidden;opacity:0;transform-origin:bottom center}.chart-hover-line{position:absolute;width:1px;background:var(--hover-line-color);pointer-events:none;visibility:hidden;z-index:9998;transform-origin:top center}.chartjs-external-tooltip .sub{font-size:11px;color:var(--muted)!important;margin-top:0;line-height:1.1;font-weight:400}.chartjs-external-tooltip .tooltip-title{margin-bottom:6px}.chartjs-external-tooltip .tooltip-line{margin:0}.summary-row{display:flex;gap:0;align-items:center}.summary-row{margin-bottom:8px;font-size:13px}.card-date{font-size:13px;margin-bottom:6px;color:var(--muted)}.summary-row-inner{display:flex;gap:12px}.badge-alert{background:var(--alert);color:#fff;padding:2px 6px;border-radius:6px;font-size:12px}.day-chart[role=button]{cursor:pointer;outline:none}.day-chart[role=button]:focus{box-shadow:0 0 0 3px #0b66ff1f}.badge{display:inline-block;padding:4px 8px;margin-left:8px;border-radius:999px;font-size:12px;font-weight:600;color:#fff}.badge-wt{background:linear-gradient(180deg,#f59e0b,#d97706)}.card-overview{display:block}.card-summary{display:flex}.card-summary-item{padding:2px;border-radius:6px;background:transparent;display:flex;flex-direction:column;flex:1 1 42%;min-width:56px;box-sizing:border-box}@media (min-width: 640px){.card-summary-item{flex:1 1 28%;min-width:64px}}.summary-row:first-of-type .card-summary-item{flex:1 1 33.333%;min-width:56px}.summary-row:nth-of-type(2) .card-summary-item{flex:1 1 25%;min-width:48px}.card-summary-item .label{font-size:11px;color:var(--muted)}.card-summary-item .value{font-weight:600;font-size:13px;color:var(--text);margin-top:0}.status-button{background:var(--info-bg);color:var(--info-color);padding:8px;border-radius:8px;border:1px solid var(--border);cursor:pointer;display:block;font-size:13px}.status-button:focus{box-shadow:0 0 0 3px #0b66ff1f;outline:none}.status-button-body{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);font-size:12px;color:var(--muted)}.stations-panel li{flex-wrap:wrap}footer{margin-top:24px;color:var(--muted);font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061780;display:flex;align-items:center;justify-content:center;z-index:9998}.modal{background:var(--panel-bg);color:var(--text);padding:18px;border-radius:12px;box-shadow:0 12px 40px #02061799;max-width:520px;width:calc(100% - 48px);border:1px solid var(--border);z-index:9999}.modal h3{margin-top:0}@media (max-width: 480px){.app-root{max-width:100%;margin-top:8px;padding:0 6px}header{gap:8px}header h1{font-size:18px;margin:0}.search-form{gap:8px}.search-form input{padding:10px 12px;font-size:16px}.search-form button{padding:10px 12px;min-height:40px}.day-list{gap:12px}.day-item{padding:12px}.card-summary{gap:6px}}