:root{font-family:Manrope,"Segoe UI",sans-serif;color:#172542;background:#edf1fa;font-size:16px;--ink:#192d56;--mint:#b6f6e2;--line:#e1e7f3;--accent:#5361da}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 5% 5%,#cde2ff77,transparent 40%),radial-gradient(ellipse at 95% 20%,#d7d4ff66,transparent 36%),#f0f3fa}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #dce3f1;background:#ffffffcf;border-radius:14px;padding:12px 17px;color:var(--ink);font-weight:650;box-shadow:0 3px 8px #243f6b06;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}button:hover{transform:translateY(-2px);border-color:#aab3ea;box-shadow:0 7px 20px #4255a019;background:#fff}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:default;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7c77ed;outline-offset:4px}.primary{background:linear-gradient(135deg,#586ce4,#6550c8);color:white;border-color:transparent;box-shadow:0 6px 15px #6659cd33}.primary:hover{background:linear-gradient(135deg,#4a60d6,#5941b9);box-shadow:0 9px 22px #6659cd44;color:white}header{display:flex;align-items:center;gap:40px;padding:21px max(calc((100vw - 1380px)/2),4vw);background:#f8faffc9;backdrop-filter:blur(20px);border-bottom:1px solid #fff;position:sticky;top:0;z-index:1001}.brand{color:#22355a;text-decoration:none;font-weight:850;letter-spacing:-.7px;font-size:24px;white-space:nowrap}.brand span{font-weight:500;color:#7271b5;font-size:17px;letter-spacing:1px;margin-left:6px}header nav{display:flex;background:#e8edf6;padding:4px;border-radius:15px;gap:4px}header nav a{color:#64738f;text-decoration:none;font-size:14px;font-weight:750;padding:9px 17px;border-radius:11px}header nav a.active,header nav a:hover{color:#514fd0;background:white;box-shadow:0 3px 10px #3448780d}header button{margin-left:auto;font-size:14px;background:#fff8}main{max-width:1460px;margin:auto;padding:30px 4vw}.location-stage{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:stretch;margin-bottom:20px}.search-panel{padding:10px 0}h1{font-size:clamp(34px,4.2vw,58px);font-weight:800;line-height:1.06;letter-spacing:-2.7px;margin:12px 0 22px}h1 em{font-style:normal;background:linear-gradient(100deg,#565fd3,#8f60c7);background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:25px;letter-spacing:-1px;margin:6px 0 14px;font-weight:800}h3{font-size:16px;margin:0;font-weight:800}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:800;color:#7c89a1;margin:0}label{display:block;margin:8px 0;font-size:14px;font-weight:650;color:#5e6e8b}.search-row{display:flex;gap:8px;background:#ffffff99;border:1px solid white;padding:6px;border-radius:18px;box-shadow:0 6px 28px #384f9310}.search-row input{flex:1;min-width:0;border:0;background:transparent;padding:10px}.search-row button{white-space:nowrap}input,textarea,select{border:1px solid #dce3f1;border-radius:14px;padding:13px;background:#fbfcff;color:var(--ink)}textarea{width:100%;resize:vertical}.shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.shortcuts button,.shortcuts select{padding:8px 12px;font-size:13px;border-radius:30px}.shortcuts button[data-place]{background:#fff7;border-color:#dce3f0}.shortcuts button.selected{background:#e5e3fc;color:#554bc4;border-color:#c7c3f4}.map-panel{position:relative;min-height:280px;border:7px solid #ffffffb3;border-radius:26px;overflow:hidden;box-shadow:0 15px 40px #4c65971a}.map-caption{position:absolute;top:14px;left:14px;right:14px;z-index:500;padding:12px 14px;background:#fffdf5ed;backdrop-filter:blur(12px);border:1px solid #fff;border-radius:13px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;color:#253f58;box-shadow:0 4px 18px #46607512}.map-hint{margin-left:auto;color:#7c8a97;font-size:12px;font-weight:500}.live-dot{width:7px;height:7px;border-radius:50%;background:#36b69b;box-shadow:0 0 0 4px #36b69b17}.map-foot{position:absolute;bottom:12px;left:12px;z-index:500;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:700;color:#3f596b;background:#fffffff0;box-shadow:0 3px 12px #40577312;pointer-events:none}#map{height:100%;min-height:300px;background:#e0edf0}.map-panel.expanded{grid-column:1/-1;height:480px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:25px;align-items:start}.forecast,.dialogue{background:#ffffffdb;border:1px solid #fff;border-radius:27px;padding:27px;min-width:0;box-shadow:0 12px 35px #364b8910,0 1px 2px #40508c06}.section-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.section-title button{font-size:13px;white-space:nowrap;background:#f4f6fc;border:0;padding:10px 13px}.overview{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 92% 0%,#80a5ee88,transparent 60%),radial-gradient(ellipse at 5% 100%,#7873dc66,transparent 70%),linear-gradient(120deg,#234a89,#5052a1);color:white;border-radius:22px;padding:29px;display:flex;gap:22px;flex-wrap:wrap;margin:13px 0 25px;box-shadow:0 13px 24px #405fa02c;border:1px solid #6586c1}.metric{flex:1;min-width:110px;border-left:1px solid #ffffff26;padding-left:22px;display:flex;flex-direction:column;justify-content:center}.metric:first-child{border-left:0;padding-left:0;flex:1.25}.metric strong{display:block;font-size:30px;font-weight:750;letter-spacing:-1.4px}.metric span{display:block;color:#d1e1fd;font-size:13px;margin-top:8px;line-height:1.5}.metric:first-child strong{font-size:54px;letter-spacing:-3px;color:#fff;font-weight:800;line-height:1.1}.metric .metric-icon{font-size:23px;color:#cedcfb;margin-bottom:10px}.timeline-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.timeline-heading span{font-size:12px;color:#8390a7}.hour-cards{display:flex;gap:9px;overflow:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d2d9ee transparent}.hour-card{min-width:83px;text-align:center;padding:15px 9px 11px;border:1px solid #e7ebf6;background:linear-gradient(170deg,#f5f7fd,#fff);border-radius:18px;scroll-snap-align:start}.hour-card:first-child{background:linear-gradient(155deg,#e8e8fc,#f2f4ff);border-color:#c9cdf2;box-shadow:0 4px 12px #625cc315}.hour-card .hour-time{font-size:12px;color:#8190aa;font-weight:650}.hour-card .weather-symbol{font-size:27px;display:block;margin:10px 0}.hour-card strong{font-size:22px;letter-spacing:-1px}.hour-card .rain{display:block;font-size:12px;color:#6979af;margin-top:8px}.table-scroll{overflow:auto;max-height:440px}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}td,th{padding:13px 10px;text-align:left;border-bottom:1px solid #e6edf3}th{color:#7c89a1;font-weight:600;background:white;position:sticky;top:0}details{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:14px;line-height:1.7}summary{cursor:pointer;font-weight:650;color:#627393}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.actions button:first-child{color:#5b53c6;background:#eeedfc;border-color:#dcd9f4}.actions button{font-size:14px}.dialogue{background:linear-gradient(155deg,#f9f8ff,#ffffff);border-color:#e8e5fa;box-shadow:0 12px 35px #61539f0e;position:sticky;top:108px}.spark{color:#8971d9;font-size:17px}.dialogue .eyebrow{color:#9383bb}.dialogue h2{color:#343052}.muted{color:#7c809b;font-size:14px;line-height:1.7}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.suggestions button{font-size:12px;padding:8px 11px;border-radius:20px;color:#766499;border-color:#e4def2;background:#f4f0fb}#messages{min-height:130px;max-height:440px;overflow:auto;display:flex;flex-direction:column;gap:12px;margin:20px 0}.bubble{padding:16px;border-radius:17px;white-space:pre-wrap;font-size:14px;line-height:1.8}.assistant{background:#efedf8;color:#5e5875;border:1px solid #e5e1f0;border-top-left-radius:5px}.user{background:#e5f2f7;color:#35526c;align-self:flex-end;border-bottom-right-radius:5px}#chat{border:1px solid #deddeb;border-radius:18px;padding:13px;background:#fff;box-shadow:0 5px 20px #63568308}#chat label{margin:0 0 7px;color:#8a839c;font-size:12px}#chat textarea{border:0;background:transparent;padding:0;min-height:65px;font-size:14px;line-height:1.7}#chat button{width:100%;margin-top:10px;border-radius:12px;background:linear-gradient(110deg,#6a60ce,#8871cd);box-shadow:0 5px 10px #7666bd26}#status{color:#7a879f;font-size:13px;min-height:20px;margin:17px 4px}#status.loading{color:#6761bb}#chart svg{width:100%;height:100px;margin-top:8px}#history button{display:block;width:100%;text-align:left;margin:8px 0}footer{margin:35px 0 0;color:#8b96ad;font-size:12px;line-height:1.7}footer a{color:inherit}dialog{border:1px solid white;border-radius:26px;padding:30px;max-width:460px;width:95%;background:#f9faff;box-shadow:0 30px 90px #1b255966}dialog::backdrop{background:#202c5866;backdrop-filter:blur(7px)}dialog input{width:100%;margin-bottom:12px}#admin-panel{margin-top:25px;background:white;border-radius:22px;padding:24px;box-shadow:0 5px 25px #3449760b}#admin-result{overflow-wrap:anywhere;white-space:pre-wrap;margin-top:15px}#share-result{margin-top:15px;overflow-wrap:anywhere}#share-result a{display:inline-block;margin:8px;color:#6258c5}.leaflet-control-zoom{margin-top:78px!important;border:0!important;box-shadow:0 4px 15px #29435b22!important;border-radius:10px!important;overflow:hidden}.leaflet-control-attribution{font-size:10px!important}.leaflet-tile-pane{filter:saturate(.72) contrast(.95)}[hidden]{display:none!important}@media(max-width:1100px){header{gap:20px}.location-stage{grid-template-columns:1.2fr 1fr;gap:20px}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.metric{min-width:85px;padding-left:15px}.metric strong{font-size:26px}.metric:first-child strong{font-size:44px}.overview{padding:22px;gap:15px}}@media(max-width:850px){.workspace{grid-template-columns:1fr}.dialogue{position:static}header nav{display:none}header{padding:17px 20px}.location-stage{grid-template-columns:1fr 1fr}.map-panel{min-height:280px}.map-caption{right:10px;left:10px}.map-hint{display:none}main{padding:25px 20px}h1{font-size:42px}.brand{font-size:21px}.brand span{font-size:14px}.forecast,.dialogue{padding:22px}}@media(max-width:600px){.location-stage{grid-template-columns:1fr;gap:18px}h1 br{display:none}h1{font-size:36px;letter-spacing:-1.8px}h1 em{margin-left:8px}.map-panel{height:200px;min-height:200px}#map{min-height:200px}.map-foot{display:none}.search-row input{flex-basis:100%}.map-panel.expanded{height:380px}.overview{padding:22px 18px;gap:12px}.metric:first-child strong{font-size:39px}.metric strong{font-size:24px}.metric{min-width:75px;padding-left:12px}.metric span{font-size:12px}.section-title{flex-wrap:wrap}header button{font-size:12px;padding:10px}.brand span{display:block;font-size:11px;letter-spacing:2px;margin:0}.brand{line-height:1.2}.hour-card{min-width:75px}.forecast,.dialogue{border-radius:22px;padding:20px}main{padding:20px 14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Forest theme: shared semantic colors keep both themes readable. */
:root{--ink:#e5eee5;--muted:#a5bbae;--line:#344b40;--accent:#79d6a6;--surface:#1b2a23;--raised:#24382d;--field:#15231c;--page:#101c18;color-scheme:dark;color:var(--ink);background:var(--page)}
:root[data-theme=light]{--ink:#203a2b;--muted:#526d5d;--line:#ceddd1;--accent:#246e49;--surface:#f8fbf7;--raised:#e7f0e5;--field:#fff;--page:#eef4ee;color-scheme:light}
body{background:radial-gradient(ellipse at 10% 0%,#5b97631a,transparent 48%),var(--page);color:var(--ink)}
header{background:color-mix(in srgb,var(--page) 92%,transparent);border-color:var(--line);gap:22px}.brand,.brand span{color:var(--ink)}.brand span{color:var(--accent)}header nav{background:var(--raised)}header nav a{color:var(--muted)}header nav a.active,header nav a:hover{background:var(--surface);color:var(--accent)}header button{background:var(--surface)}#theme-toggle{margin-left:auto;white-space:nowrap}#account{margin-left:0}
button,input,textarea,select{color:var(--ink);background:var(--field);border-color:var(--line)}button:hover{color:var(--ink);background:var(--raised);border-color:var(--accent);box-shadow:0 6px 20px #0002}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--accent)}
.primary,.primary:hover,#chat button{background:linear-gradient(120deg,#37855a,#28674a);color:#fff;border-color:#68bb853f;box-shadow:0 6px 18px #123e362f}h1 em{background:linear-gradient(100deg,var(--accent),#a7bd71);background-clip:text}.eyebrow,label,.muted,summary,footer,#status,#status.loading,.timeline-heading span{color:var(--muted)}
.search-row{background:var(--surface);border-color:var(--line)}.search-row input{color:var(--ink)}.shortcuts button[data-place],.section-title button,.suggestions button,.actions button:first-child{background:var(--raised);color:var(--ink);border:1px solid var(--line)}.shortcuts button.selected{border-color:var(--accent);color:var(--accent);background:var(--raised)}
.map-panel{border-color:var(--line);box-shadow:0 15px 40px #0002}.map-caption,.map-foot{background:var(--surface);border-color:var(--line);color:var(--ink)}.map-hint{color:var(--muted)}[data-theme=dark] .leaflet-tile-pane{filter:brightness(.68) saturate(.5)}[data-theme=light] .leaflet-tile-pane{filter:saturate(.7)}
.forecast,.dialogue,dialog,#admin-panel{color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 35px #0002}.dialogue h2,.dialogue .eyebrow,.spark{color:var(--accent)}.overview{background:radial-gradient(ellipse at 90% 0%,#b9c9702c,transparent 65%),linear-gradient(120deg,#244e3a,#316348);border-color:#71ac7544;box-shadow:0 12px 26px #001b112f}.metric span,.metric .metric-icon{color:#d3e6cf}.hour-card{background:var(--field);border-color:var(--line)}.hour-card:first-child{background:var(--raised);border-color:var(--accent)}.hour-card .hour-time,.hour-card .rain{color:var(--muted)}th{background:var(--surface);color:var(--muted)}td,th{border-color:var(--line)}.assistant,.user{background:var(--raised);color:var(--ink);border-color:var(--line)}.user{border-left:3px solid var(--accent)}#chat{background:var(--field);border-color:var(--line)}#chat label{color:var(--muted)}#share-result a{color:var(--accent)}
.duration-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;margin-top:22px;background:var(--raised);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:18px;box-shadow:0 7px 20px #0001}.duration-panel .eyebrow{color:var(--accent);font-size:11px}.duration-panel p{margin:5px 0 0;font-size:14px;color:var(--ink)}#hours{min-width:130px;font-weight:800;border:1px solid var(--accent);box-shadow:0 0 0 4px #6ead7510;cursor:pointer}
.hour-navigation{display:flex;gap:8px;align-items:center}.hour-navigation span{font-size:12px;font-variant-numeric:tabular-nums;margin-right:5px}.hour-navigation button{width:44px;height:44px;padding:0;font-size:25px;color:var(--accent);background:var(--raised);border:1px solid var(--accent);border-radius:14px}.hour-navigation button:disabled{opacity:.3;border-color:var(--line)}.hour-cards{scrollbar-width:auto;scrollbar-color:var(--accent) var(--field);padding-bottom:15px}.hour-cards::-webkit-scrollbar{height:9px}.hour-cards::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px}.hour-cards::-webkit-scrollbar-track{background:var(--field);border-radius:8px}
@media(max-width:850px){header{flex-wrap:wrap;gap:10px}header nav{display:flex;order:4;width:100%;justify-content:center}html{scroll-padding-top:145px}.hour-navigation span{display:none}.timeline-heading h3{font-size:15px}}
@media(max-width:600px){header{padding:12px 14px}#theme-toggle{font-size:12px;padding:10px}.duration-panel{padding:14px;gap:10px}#hours{min-width:110px;padding:12px}.map-caption{padding:10px}.timeline-heading{gap:8px}}
.coordinate-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 18px;padding:12px 15px;background:var(--raised);border:1px solid var(--line);border-radius:15px}.coordinate-row span{font-variant-numeric:tabular-nums;font-size:15px;color:var(--accent);font-weight:750;user-select:all}.coordinate-row button{font-size:12px;padding:8px 12px}.marine-panel{border:1px solid var(--line);border-radius:18px;padding:18px;margin:20px 0;background:var(--field)}.marine-panel .section-title{align-items:center;flex-wrap:wrap}.marine-panel h3{margin-top:6px}.marine-panel .muted{font-size:12px}.map-foot{font-variant-numeric:tabular-nums;user-select:all}@media(max-width:600px){.map-foot{display:block;bottom:20px;font-size:11px;padding:6px 10px}.marine-panel{padding:14px}}
/* Sea glass workspace: compact hierarchy inspired by BEAR Hub. */
:root{--ink:#e3f2f2;--muted:#9cb8bd;--line:#29464f;--accent:#58dfcc;--surface:#11262d;--raised:#18333a;--field:#0d2026;--page:#0a181e}
:root[data-theme=light]{--ink:#163c43;--muted:#52767b;--line:#c3dddd;--accent:#007e7e;--surface:#fbfefd;--raised:#e0f1ef;--field:#f1f9f8;--page:#edf7f6}
body{background:radial-gradient(ellipse at 0% 0%,#20c5bb12,transparent 45%),radial-gradient(ellipse at 100% 20%,#2199b410,transparent 40%),var(--page)}
main{max-width:1250px;padding:20px 28px}header{padding:14px max(calc((100vw - 1194px)/2),28px);gap:20px}.brand{font-size:22px}.brand span{font-size:13px}header nav a{padding:7px 13px}.primary,.primary:hover,#chat button{background:linear-gradient(120deg,#137e82,#166775);border-color:#4acbc655;box-shadow:0 4px 14px #008b9222}
.location-stage{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:20px;margin-bottom:8px;align-items:stretch}.search-panel{padding:0}h1{font-size:27px;letter-spacing:-1px;line-height:1.2;margin:5px 0 12px}h1 em{background:linear-gradient(110deg,var(--accent),#55b9d3);background-clip:text}.eyebrow{font-size:10px;letter-spacing:1.2px}.search-row{padding:5px;border-radius:13px}.search-row input{flex-basis:auto;font-size:14px;padding:8px}.search-row button{padding:10px 12px;font-size:13px}label{font-size:12px;margin:6px 0}.shortcuts{margin-top:9px;gap:6px}.shortcuts button{padding:7px 10px;font-size:12px}.duration-panel{margin-top:12px;padding:10px 13px;border-radius:12px;border-left-width:3px}.duration-panel p{font-size:12px;margin-top:3px}#hours{padding:9px 12px;font-size:13px}.map-panel{min-height:235px;border-width:3px;border-radius:17px}#map{min-height:235px}.map-caption{top:9px;left:9px;right:9px;padding:9px 11px;font-size:12px}.map-foot{font-size:11px;padding:7px 10px}.leaflet-control-zoom{margin-top:60px!important}.workspace{display:block}.forecast{padding:20px;border-radius:18px}.section-title h2{font-size:24px;margin:4px 0 5px}.coordinate-row{margin:8px 0 12px;padding:8px 12px;border-radius:11px}.coordinate-row span{font-size:13px}.overview{margin:10px 0 17px;padding:20px 24px;border-radius:15px;background:radial-gradient(ellipse at 90% 0%,#46d7ca22,transparent 60%),linear-gradient(115deg,#164650,#1b5660);border-color:#4ac9c244;box-shadow:0 8px 20px #001e2526}.metric:first-child strong{font-size:42px}.metric strong{font-size:28px}.metric span{color:#c3e5e6;margin-top:5px}.hour-card{padding:11px 9px;min-width:82px;border-radius:12px}.hour-card .weather-symbol{margin:7px 0;font-size:24px}.hour-card strong{font-size:20px}.hour-card .rain{margin-top:5px}#chart svg{height:65px}.hour-navigation button{width:38px;height:38px;border-radius:11px}.actions{margin-top:14px}.actions button{font-size:12px;padding:9px 12px}#status{margin:10px 2px;font-size:12px}details{margin-top:12px;padding-top:12px}summary{font-size:13px}.marine-disclosure{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--field)}.marine-disclosure>summary{color:var(--accent)}.marine-panel{border:0;padding:12px 0 0;margin:0;background:transparent}.dialogue-disclosure{background:var(--surface);border:1px solid var(--line);padding:16px 20px;border-radius:16px;margin-top:14px}.dialogue-disclosure>summary{color:var(--accent);font-size:15px}.dialogue{position:static;border:0;background:transparent;box-shadow:none;padding:20px 0 0;border-radius:0}.dialogue>p.muted{margin:8px 0}.suggestions{margin-top:10px}#messages{min-height:50px;margin:14px 0;max-height:320px}.bubble{padding:12px;font-size:13px}.dialogue h2{font-size:21px}footer{margin-top:20px;font-size:11px}
@media(max-width:850px){main{padding:16px 20px}.location-stage{grid-template-columns:1.1fr 1fr;gap:14px}.search-row input{flex-basis:100%}.search-row{flex-wrap:wrap}header{padding:12px 20px}.map-panel,#map{min-height:270px}.hour-navigation span{display:block}}
@media(max-width:600px){main{padding:12px}.location-stage{grid-template-columns:1fr;gap:12px}header{padding:10px 12px;gap:8px}h1{font-size:24px}h1 em{margin-left:0}.map-panel{height:185px;min-height:185px}#map{min-height:185px}.map-panel.expanded{height:360px}.map-foot{bottom:19px}.forecast{padding:14px}.overview{padding:16px;gap:12px}.metric:first-child strong{font-size:34px}.metric strong{font-size:22px}.metric span{font-size:11px}.coordinate-row span{font-size:12px}.hour-navigation span{display:none}.section-title h2{font-size:21px}.dialogue-disclosure{padding:14px}.map-caption{font-size:11px}.search-row input{flex-basis:100%}}
/* Dialogue is a first-class workspace panel, never below all forecast details. */
.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);gap:16px;align-items:start}.workspace>.forecast{grid-column:1;grid-row:1}.workspace>.dialogue-disclosure{grid-column:2;grid-row:1;margin:0;position:sticky;top:85px;padding:16px}.dialogue-disclosure>summary{font-size:14px}.dialogue-disclosure .dialogue{padding-top:14px}.dialogue-disclosure #messages{max-height:230px}.dialogue-disclosure .suggestions{gap:5px}.dialogue-disclosure .suggestions button{font-size:11px;padding:7px 9px}@media(max-width:950px){.workspace{grid-template-columns:1fr}.workspace>.dialogue-disclosure{grid-column:1;grid-row:1;position:static}.workspace>.forecast{grid-column:1;grid-row:2}.dialogue-disclosure .dialogue>p.muted,.dialogue-disclosure .suggestions{display:none}.dialogue-disclosure #messages{min-height:0;max-height:180px;margin:10px 0}.dialogue-disclosure textarea{min-height:45px}}
dialog{max-height:90dvh;overflow:auto}dialog p{font-size:13px;line-height:1.6;color:var(--muted)}dialog h3{color:var(--accent);margin:15px 0 8px}dialog hr{border:0;border-top:1px solid var(--line);margin:20px 0}dialog button{margin:5px 4px 5px 0;font-size:13px}#device-url{font-size:12px;margin-top:12px}

[hidden]{display:none!important}#install-dialog{max-width:440px}#install-app{white-space:nowrap}@media(display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom)}header{padding-top:max(10px,env(safe-area-inset-top))}}