:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#07111c;--surface:#0d1d2a;--surface-2:#122636;--surface-3:#183246;--border:#244154;--text:#f4f8fb;--muted:#91a8b7;--muted-bright:#b9cbd5;--accent:#35d1b2;--accent-dark:#052d29;--danger:#ffb4ab;--input-bg:#102533;--accent-hover:#58dfc4;--error-bg:#4b2025;--white:#fff;--score-1:#712638;--score-2:#76621f;--score-3:#1d6957;--score-4:#145746;--chart-band-1:#50212f;--chart-band-2:#51411d;--chart-band-3:#3f7d46;--chart-band-4:#073f2d;--chart-dark:#061a18;--chart-card-border:#257965;--chart-card-text:#d8fff7;--chart-arrow-border:#4b9b8c;--chart-term:#a9c1ce;--details-heading:#9fc0d0;--detail-rule:#b8cbd5;--list-bullet:#79c3ef;--chart-band-label:#dceaf0;--chart-label:#c6d9e5;--chart-muted:#8fa7b6;--chart-grid:#345064;--chart-axis:#9ab2bf;--chart-best-fill:#1c5b4e;--chart-best-outline:#5ff0d2;--chart-best-text:#c8fff3;--chart-point-outline:#e8fff9;--chart-tooltip-outline:#56e6cc;--chart-shadow:#0008;--chart-daylight:#020814;--chart-sun:#f0c65b}*{box-sizing:border-box}html,body{background:var(--app-bg);min-height:100%;color:var(--text);margin:0;font-family:Segoe UI Variable,Segoe UI,Arial,sans-serif}body{font-size:14px}.app-shell{width:100%;min-height:100vh;padding:26px 28px 22px}.app-header{justify-content:space-between;align-items:flex-start;height:102px;display:flex}.app-header h1{letter-spacing:.02em;margin:0;font-size:31px;line-height:1.2}.app-header p{color:var(--muted);margin:6px 0 0;font-size:13px}.app-badge{background:var(--accent-dark);color:var(--accent);margin-top:17px;padding:11px 15px;font-size:10px;font-weight:800}.search-shell{border:1px solid var(--border);background:var(--surface);margin-bottom:18px;padding:18px 16px 16px}.search-form{grid-template-columns:2fr 1.25fr 1.25fr 190px;align-items:end;gap:12px;display:grid}.search-form label{color:var(--muted);gap:7px;font-size:10px;font-weight:800;display:grid}.place-field{gap:7px;display:grid}.place-field>label{display:block}.place-combobox{position:relative}.water-suggestions{z-index:30;border:1px solid var(--border);background:var(--surface);max-height:min(320px,50vh);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 32px #00000059}.water-suggestion,.water-suggestion-status{color:var(--text);padding:11px 12px;font-size:13px;line-height:1.3}.water-suggestion{cursor:pointer;justify-content:space-between;gap:12px;display:flex}.water-suggestion+.water-suggestion{border-top:1px solid var(--border)}.water-suggestion[aria-selected=true],.water-suggestion:hover{background:var(--surface-2);color:var(--accent)}.water-suggestion__place,.water-suggestion-status{color:var(--muted-bright)}.water-suggestion__place{text-align:right;flex:none}.search-form input,.search-form select,.search-form button{height:46px;font:inherit;border-radius:0}.search-form input,.search-form select{background:var(--input-bg);width:100%;color:var(--text);border:1px solid var(--border);outline:none;padding:0 12px}.search-form input:focus,.search-form select:focus{border:2px solid var(--accent)}.search-form input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.search-form button{background:var(--accent);color:var(--accent-dark);cursor:pointer;border:0;justify-content:center;align-items:center;gap:12px;font-weight:800;display:flex}.search-form button:hover{background:var(--accent-hover)}.search-form button:disabled{background:var(--accent);cursor:wait;opacity:.8}.error{background:var(--error-bg);color:var(--danger);margin-top:12px;padding:10px 12px}.forecast-grid{grid-template-columns:minmax(540px,1fr) 335px;gap:12px;height:calc(100vh - 226px);min-height:520px;display:grid}.chart-column,.side-column{min-width:0}.side-column{grid-template-rows:auto minmax(0,1fr);gap:11px;display:grid}.section-title{align-items:flex-start;height:30px;display:flex}.section-title h2{margin:0;font-size:11px;font-weight:800;line-height:1}.chart-title{justify-content:space-between}.chart-title p{color:var(--muted);margin:0;font-size:9px}.chart-panel{border:1px solid var(--border);background:var(--surface);height:calc(100% - 30px);min-height:430px;position:relative;overflow:hidden}.chart-help{z-index:3;color:var(--muted);margin:0;font-size:10px;position:absolute;top:9px;left:9px}.chart-wrap{padding:0 8px 5px;position:absolute;inset:0}.chart-wrap svg{width:100%;height:100%;min-height:400px;display:block;overflow:visible}.wind-card{z-index:4;background:var(--chart-dark);border:1px solid var(--chart-card-border);width:123px;height:95px;color:var(--chart-card-text);border-radius:6px;padding:8px 9px;font-size:9px;position:absolute;top:14px;right:16px}.wind-card-title{font-size:10px;font-weight:800}.wind-direction-row{align-items:center;gap:7px;margin-top:1px;display:flex}.wind-direction-row strong{font-size:10px}.wind-arrow{border:1px dashed var(--chart-arrow-border);border-radius:50%;place-items:center;width:31px;height:31px;font-size:17px;display:grid;transform:rotate(90deg)}.wind-to{color:var(--muted-bright);font-size:8px;position:absolute;top:36px;right:9px}.wind-card dl{grid-template-columns:1fr auto;gap:1px 5px;margin:3px 0 0;display:grid}.wind-card dt{color:var(--chart-term)}.wind-card dd{margin:0;font-weight:700}.empty-chart{text-align:center;height:100%;color:var(--muted);place-items:center;font-family:inherit;font-size:1rem;line-height:1.6;display:grid}.best-card{background:var(--chart-dark);min-height:0;color:var(--muted-bright);border:1px solid var(--border);border-left:3px solid var(--accent);padding:14px 16px}.details-panel .forecast-summary{padding:14px 16px}.summary-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 14px;display:flex}.best-card .summary-place{margin:0;font-size:1rem;font-weight:700}.best-card .summary-date{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.8125rem;font-weight:700}.best-card h3{margin:0;font-size:21px;line-height:1.08}.best-card h3 span{padding:0 5px}.best-card p{margin:14px 0 0;font-size:12px;line-height:1.35}.best-card .sun-times{margin:7px 0 0;font-size:.875rem}.best-card .summary-method{margin:9px 0 0;font-size:.875rem;line-height:1.4}.best-card hr{opacity:.2;border:0;border-top:1px solid;margin:10px 0 0}.details-section{grid-template-rows:30px minmax(0,1fr);min-height:0;display:grid}.details-panel{background:var(--surface);border:1px solid var(--border);min-height:0;color:var(--muted-bright);scrollbar-color:var(--surface-3) var(--surface);scrollbar-width:thin;padding:15px;overflow-y:auto}.details-panel h3{color:var(--details-heading);margin:0;font-size:12px;font-weight:500}.details-panel h3:not(:first-child){margin-top:18px}.detail-rule{background:var(--detail-rule);height:2px;margin:8px 0 9px}.details-panel ul{margin:0;padding:0;list-style:none}.details-panel li{margin:2px 0;line-height:1.35}.details-panel li:before{content:"• ";color:var(--list-bullet)}.factor-item__label{font-weight:700}.details-panel .factor-cards{gap:0;display:grid}.details-panel .factor-item{background:0 0;border:0;margin:0;padding:14px 0}.details-panel .factor-item:first-child{padding-top:0}.details-panel .factor-item+.factor-item{border-top:1px solid var(--border)}.details-panel .factor-item:last-child{padding-bottom:0}.details-panel .factor-item:before{content:none}.factor-item__title{color:var(--muted-bright);line-height:1.45}.details-panel .factor-item__explanation{color:var(--muted);margin:6px 0 0;font-size:.875rem;line-height:1.45}.factor-item--positive .factor-item__label{color:var(--accent)}.factor-item--negative .factor-item__label{color:var(--danger)}.factor-item--neutral .factor-item__label{color:var(--muted)}.details-panel p{margin:7px 0;line-height:1.45}.detail-content--empty{width:100%;height:100%;color:var(--muted);text-align:center;place-items:center;font-family:inherit;font-size:1rem;line-height:1.6;display:grid}.details-panel .detail-content--empty p{line-height:inherit;margin:0}.selected-meta{background:var(--surface-2);border-left:3px solid var(--accent);margin:0 0 14px;padding:10px;line-height:1.45}.selected-meta strong{font-weight:700}.selected-meta__title{margin-bottom:5px}.selected-meta__status{flex-wrap:wrap;justify-content:space-between;gap:2px 14px;display:flex}.details-panel #detail-heading{margin-top:0}.recommendation-card,.lake-recommendation-card{border:0;border-top:1px solid var(--border);background:0 0;margin-top:20px;padding:18px 0 0}.details-panel .recommendation-card h3,.details-panel .lake-recommendation-card h3{color:var(--accent);margin:0;font-weight:700}.details-panel .recommendation-card p,.details-panel .lake-recommendation-card p{margin:7px 0 0}.data-attribution{color:var(--muted);text-align:center;padding-top:14px;font-size:10px;line-height:1.5}.data-attribution a{color:var(--muted-bright)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chart-band-label{fill:var(--chart-band-label);font-size:11px;font-weight:700}.chart-axis-label,.chart-axis-title{fill:var(--chart-label);font-size:11px;font-weight:700}.chart-time-label{fill:var(--chart-label);font-size:10px}.chart-time-title{fill:var(--chart-muted);font-size:9px}.chart-grid{stroke:var(--chart-grid);stroke-width:1px}.chart-axis{stroke:var(--chart-axis);stroke-width:1px}.chart-best{fill:var(--chart-best-fill);fill-opacity:.35;stroke:var(--chart-best-outline);stroke-width:1px}.chart-best-label{fill:var(--chart-best-text);font-size:10px;font-weight:700}.chart-shadow{fill:none;stroke:var(--chart-dark);stroke-width:7px;stroke-linejoin:round}.chart-line{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linejoin:round}.chart-point{stroke:var(--chart-point-outline);stroke-width:2px;cursor:pointer;transition:r .12s}.chart-point:hover{r:8}.chart-selection{fill:none;stroke:var(--white);stroke-width:2px;pointer-events:none}.chart-hit{fill:#0000;cursor:pointer}.point-tooltip{z-index:6;background:var(--chart-dark);border:1px solid var(--chart-tooltip-outline);width:210px;box-shadow:0 8px 25px var(--chart-shadow);pointer-events:none;border-radius:8px;padding:11px 12px;display:none;position:absolute}.point-tooltip.is-visible{display:block}.point-tooltip strong{font-size:13px;display:block}.point-tooltip span{color:var(--muted-bright);margin-top:4px;font-size:10px;display:block}.point-tooltip .tooltip-rating{color:var(--accent);font-size:11px;font-weight:700}@media (max-width:900px){.app-shell{padding:20px}.app-header{height:90px}.search-form{grid-template-columns:2fr 1fr}.species-field,.search-form button{grid-row:2}.forecast-grid{grid-template-columns:1fr;height:auto}.chart-panel{height:560px}.side-column{grid-template-rows:none;grid-template-columns:1fr 1fr}.details-section{min-height:330px}.best-card{height:100%}}@media (max-width:620px){.app-shell{padding:16px}.app-header h1{font-size:25px}.app-badge{display:none}.search-form{flex-direction:column;align-items:stretch;display:flex}.search-form label,.place-field{width:100%}.water-suggestions{max-height:min(280px,42vh)}.forecast-grid{min-height:0}.chart-title p{display:none}.chart-panel{height:460px;min-height:0}.wind-card{transform-origin:100% 0;transform:scale(.88)}.side-column{grid-template-columns:1fr;display:grid}.best-card{min-height:0}.details-panel .forecast-summary{padding:12px 14px}.selected-meta__status{gap:1px;display:grid}.details-panel{min-height:360px}}
.header-actions{align-items:center;gap:8px;display:flex}.header-actions form{margin:17px 0 0}.header-actions button,.header-link{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--muted-bright);cursor:pointer;justify-content:center;align-items:center;padding:0 11px;font:700 9px Segoe UI,sans-serif;text-decoration:none;display:inline-flex}.header-link{margin-top:17px}.header-actions button:hover,.header-link:hover,.header-link:focus-visible{border-color:var(--accent);color:var(--accent)}.access-page{background:radial-gradient(circle at 50% 20%, #102b38 0, transparent 30rem), var(--app-bg);place-items:center;min-height:100vh;padding:20px;display:grid}.access-card{background:var(--surface);border:1px solid var(--border);width:min(430px,100%);padding:34px;box-shadow:0 24px 70px #0008}.access-brand{letter-spacing:.03em;margin:0 0 38px;font-size:25px;font-weight:800}.app-header h1{font-weight:800}.access-kicker{color:var(--accent);letter-spacing:.12em;margin:0 0 8px;font-size:10px;font-weight:800}.access-card h1{margin:0;font-size:29px}.access-copy{color:var(--muted-bright);margin:9px 0 25px}.access-copy code{color:var(--accent);font-size:12px}.access-form{gap:8px;display:grid}.access-form label{color:var(--muted);font-size:10px;font-weight:800}.access-form input{border:1px solid var(--border);height:48px;color:var(--text);font:inherit;background:#102533;border-radius:0;outline:none;padding:0 13px}.access-form input:focus{border:2px solid var(--accent)}.access-form button{background:var(--accent);height:48px;color:var(--accent-dark);cursor:pointer;border:0;justify-content:center;align-items:center;gap:14px;margin-top:5px;font:800 12px Segoe UI,sans-serif;display:flex}.access-form button:hover{background:#58dfc4}.access-error{color:var(--danger);background:#4b2025;margin-top:13px;padding:10px 12px}.details-panel li{margin:0 0 10px;line-height:1.5}.details-panel li:last-child{margin-bottom:0}.details-panel #explanation-section{margin-top:0;padding-top:18px}.selected-meta{color:var(--muted-bright);background:0 0;border:0;margin:0 0 17px;padding:0;font-weight:400;line-height:1.6}.search-form button{height:44px;margin-block:1px}.access-about-link{color:var(--muted-bright);letter-spacing:.08em;margin-top:24px;font-size:10px;font-weight:800;text-decoration:none;display:inline-block}.access-about-link:hover,.access-about-link:focus-visible{color:var(--accent)}.wind-card{height:76px;font-size:10px;transition:width .16s,height .16s,border-color .16s;overflow:hidden}.wind-card-title{text-transform:uppercase;font-size:9px;line-height:1.15}.wind-card-title span{color:var(--muted-bright)}.wind-direction-row{margin-top:4px}.wind-direction-row strong{font-size:11px}.wind-compact-values{gap:2px;min-width:0;display:grid}.wind-compact-speed{color:#dceaf0;white-space:nowrap}.wind-arrow{font-size:18px}.wind-card-selected{display:none}.wind-card.is-selected{border-color:#56e6cc;width:286px;height:95px}.wind-card.is-selected .wind-card-compact{display:none}.wind-card.is-selected .wind-card-selected{display:block}.wind-selected-header{color:#fff;border-bottom:1px solid #244852;justify-content:space-between;align-items:flex-start;min-height:27px;padding:0 1px 7px;font-size:11px;display:flex}.wind-selected-header #wind-selected-score{color:#c8fff3}.wind-selected-body{grid-template-columns:130px 1px minmax(0,1fr);height:51px;padding-top:7px;display:grid}.wind-selected-body dl{grid-template-columns:auto 1fr;align-content:start;gap:5px 8px;margin:0;font-size:10px;display:grid}.chart-help-row{z-index:3;color:var(--muted);pointer-events:none;font-size:10px;position:absolute;top:9px;left:9px;right:154px}.chart-panel:has(.wind-card.is-selected) .chart-help-row{right:312px}.chart-help-row .chart-help{color:inherit;font-size:inherit;margin:0;position:static}.chart-best-label{font-size:11px}.chart-zoom-controls{display:none}.wind-selected-body dt{color:#8fa7b6;font-weight:700}.wind-selected-body dd{color:#dceaf0;white-space:nowrap;margin:0;font-weight:700}.wind-selected-divider{background:#244852;height:42px}.wind-selected-values{min-width:0;padding-left:10px;position:relative}.wind-selected-values dl{grid-template-columns:34px auto;gap:2px 7px;padding-right:31px}.wind-selected-arrow{position:absolute;top:5px;right:0}@media (min-width:901px){.forecast-grid{grid-template-rows:minmax(0,1fr)}.chart-column,.side-column{height:100%;min-height:0;overflow:hidden}.details-section{min-height:0;overflow:hidden}.details-panel{overscroll-behavior:contain;min-height:0;overflow-y:auto}}@media (max-width:620px){.header-actions .app-badge{display:none}.chart-title{align-items:center}.chart-zoom-controls{gap:6px;display:flex}.chart-zoom-controls button{border:1px solid var(--border);background:var(--surface-2);width:24px;height:24px;color:var(--text);cursor:pointer;touch-action:manipulation;place-items:center;padding:0;font:700 17px/1 Segoe UI,Arial,sans-serif;display:grid}.chart-zoom-controls button:disabled{opacity:.35;cursor:default}.chart-help-row{line-height:1.4;left:12px;right:12px}.chart-panel:has(.wind-card.is-selected) .chart-help-row{left:12px;right:12px}.chart-panel{height:400px}.chart-wrap{overscroll-behavior-x:contain;scrollbar-width:thin;overflow:auto hidden}.wind-card{top:40px;right:12px;transform:none}.wind-card.is-selected{width:min(360px,100% - 24px);top:40px}.chart-band-label{font-size:9px}.wind-card.is-selected .wind-selected-body{grid-template-columns:minmax(0,.8fr) 1px minmax(0,1fr)}.wind-card.is-selected .wind-selected-values dl{grid-template-columns:32px minmax(0,1fr);padding-right:44px}.wind-card.is-selected #wind-selected-direction{white-space:nowrap}.side-column{grid-auto-rows:max-content;gap:18px}.side-column>section{min-width:0}.best-card{height:auto}.details-section{grid-template-rows:30px auto;min-height:0}}
:root{--border:#527183}html{-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.5}button,input,select,textarea{min-width:0;font:inherit;line-height:1.25}::placeholder{color:#a9bdc9;opacity:1}a{text-underline-offset:.16em}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-offset:2px;outline:2px solid #f4f8fb;box-shadow:0 0 0 5px #07111c}.skip-link{z-index:1000;background:var(--text);min-height:44px;color:var(--app-bg);padding:11px 15px;font-weight:800;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.header-actions button,.header-link,.about-back{height:44px;min-height:44px;font-family:inherit;font-size:.8125rem}.header-actions form,.header-link{margin-top:11px}.app-header p{font-size:.875rem}.app-badge,.search-form label,.access-kicker,.access-form label,.about-kicker,.contact-form label{font-size:.8125rem}.search-form input,.search-form select,.search-form button,.access-form input,.access-form button,.contact-form input,.contact-form textarea,.contact-form button{font-size:1rem}.search-shell{padding-block:16px 18px}.search-form button{align-self:end}.search-form button[aria-busy=true] .submit-arrow{display:none}.search-form .submit-arrow{flex:0 0 1.25rem;width:1.25rem;height:.75rem;font-size:0;line-height:0;display:inline-block;position:relative;overflow:hidden}.search-form .submit-arrow:before{content:"";background:currentColor;border-radius:999px;width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.search-form .submit-arrow:after{content:"";border-top:2px solid;border-right:2px solid;width:.45rem;height:.45rem;position:absolute;top:50%;right:1px;transform:translateY(-50%)rotate(45deg)}@media (min-width:621px){.search-form .submit-arrow:before{height:3px}.search-form .submit-arrow:after{border-top-width:3px;border-right-width:3px}}.search-form input:focus,.search-form select:focus,.access-form input:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.section-title{align-items:center;height:auto;min-height:44px}.section-title h2{font-size:.875rem;line-height:1.25}.chart-panel{height:calc(100% - 44px)}.details-section{grid-template-rows:44px minmax(0,1fr)}.side-column--combined{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.details-section--combined{height:100%}.details-panel--combined{padding:0}.forecast-summary{min-height:0;margin:15px 15px 0;padding:18px}.forecast-summary p:first-child{margin-top:0}.detail-content{padding:18px 15px}.chart-help-row{font-size:.8125rem;line-height:1.5;right:180px}.chart-panel:has(.wind-card.is-selected) .chart-help-row{right:356px}.wind-card{width:155px;height:105px;font-size:.75rem;overflow:hidden}.wind-card-title{font-size:.75rem;line-height:1.25}.wind-direction-row strong{font-size:.875rem}.wind-card.is-selected{width:330px;height:105px}.wind-selected-header{min-height:28px;font-size:.8125rem}.wind-selected-body,.wind-selected-body dl{font-size:.6875rem;line-height:1.2}.wind-selected-body{height:56px}.wind-selected-divider{height:47px}.chart-band-label,.chart-axis-label,.chart-axis-title,.chart-best-label{font-size:.75rem}.chart-time-label{font-size:.6875rem}.chart-point:focus-visible{stroke:#fff;stroke-width:4px;outline:none}.best-card p,.details-panel,.selected-meta,.error,.access-copy,.access-error,.contact-status{font-size:1rem;line-height:1.5}.details-panel h3{font-size:.875rem;line-height:1.4}.details-panel li,.details-panel p{line-height:1.5}.data-attribution,.contact-privacy{font-size:.8125rem;line-height:1.6}.point-tooltip{width:min(230px,100% - 16px)}.point-tooltip strong{font-size:.875rem}.point-tooltip span,.point-tooltip .tooltip-rating{font-size:.8125rem}.chart-zoom-controls button{width:44px;height:44px;font-family:inherit;font-size:1.25rem}.about-content h1,.about-content h2,.contact-card h2{font-size:1.125rem;line-height:1.35}.about-content p,.contact-card>p{font-size:1rem;line-height:1.65}.about-back,.access-about-link{font-size:.8125rem}.about-back{height:auto;padding-block:10px}.access-about-link{align-items:center;min-height:44px;display:inline-flex}.access-form button,.contact-form button{font-family:inherit}@media (max-width:620px){.app-header{gap:12px;height:auto;min-height:90px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.search-shell{padding-block:16px}.search-form button{align-self:stretch}.about-header{flex-wrap:wrap;gap:12px;padding-block:8px}.header-actions form,.header-link{margin-top:0}.chart-panel{height:450px}.chart-help-row{left:12px;right:12px}.chart-panel:has(.wind-card.is-selected) .chart-help-row{left:12px;right:12px}.wind-card,.wind-card.is-selected{top:60px;right:12px}.wind-card.is-selected{width:min(360px,100% - 24px)}.chart-band-label{font-size:.625rem}.details-section{grid-template-rows:44px auto}.side-column--combined{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.details-section--combined{height:auto}}@media (max-width:340px){.chart-panel{height:480px}.wind-card,.wind-card.is-selected{top:65px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:where(a,button,input,select,textarea,[tabindex]):focus-visible{box-shadow:none;outline:3px solid canvastext}}