:root {--navy:#0d2c50;--navy2:#153e68;--blue:#2479ad;--cyan:#0ba0ca;--ink:#183247;--gray:#6c7d8d;--line:#dde7ee;--pale:#f1f7fb;--white:#fff;--shadow:0 16px 48px rgba(9,44,77,.11)}
*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#eaf0f4}body{margin:0;min-width:320px}.backdrop{position:absolute;inset:0 0 auto;height:335px;background:linear-gradient(120deg,#0b2b4d,#176080);z-index:-1}.site-top{max-width:1080px;margin:auto;padding:24px 24px;display:flex;justify-content:space-between;align-items:center;color:white}.brand{font-size:24px;letter-spacing:-.9px;font-weight:800}.brand-symbol{font-size:25px;color:#42c3dd;margin-right:8px}.brand-light{font-weight:400}.site-tag{font-size:11px;letter-spacing:1.4px;font-weight:700;color:#b9d9e9}.shell{max-width:1080px;margin:auto;padding:0 24px 60px}.hero{display:grid;grid-template-columns:1fr 355px;gap:48px;align-items:start;padding:38px 0 36px;color:white}.eyebrow{text-transform:uppercase;font-weight:800;letter-spacing:1.7px;font-size:11px;color:#72d3ee}.hero h1{font-size:clamp(28px,4vw,43px);line-height:1.08;letter-spacing:-1.4px;margin:13px 0 15px}.hero p{font-size:14px;line-height:1.8;color:#c8dbe9;max-width:455px;margin:0}.settings{border-radius:15px;padding:22px 23px;background:white;box-shadow:var(--shadow);color:var(--ink)}.settings h2{margin:0 0 16px;font-size:18px;letter-spacing:-.5px}.settings label:not(.check){font-weight:700;font-size:12px;display:block;margin:11px 0 6px}.settings select{width:100%;border:1px solid #d3e2eb;background:#f8fbfc;padding:11px 13px;border-radius:8px;font-size:14px;color:var(--ink)}.check{display:flex;align-items:center;gap:10px;margin:17px 0;font-size:12px;font-weight:600}.check input{accent-color:var(--blue);width:17px;height:17px}.primary{display:flex;justify-content:space-between;align-items:center;border:0;border-radius:8px;width:100%;padding:12px 16px;background:linear-gradient(110deg,#12669c,#0e80b6);color:white;font-size:13px;font-weight:700;cursor:pointer}.primary span{font-size:20px}.settings .micro{color:#7a8b99;font-size:10px;line-height:1.5;margin:12px 0 0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:10px 0 16px;flex-wrap:wrap}.toolbar-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.55px;color:#9d5820}.dot{width:7px;height:7px;border-radius:50%;background:#e6a141}.actions{display:flex;gap:9px}.secondary{background:white;border:1px solid #d4e0e9;color:#194568;font-size:12px;font-weight:750;padding:9px 14px;border-radius:8px;cursor:pointer}.secondary:hover{background:#eaf4f8}.sheet{background:white;border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.sheet-head{padding:29px 33px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.sheet-brand{font-weight:850;font-size:30px;letter-spacing:-1.2px;color:#14608e}.sheet-brand span{font-weight:450;color:#366c92}.sheet-subtitle{font-size:11px;color:#83909b;margin-top:4px}.sheet-place{text-align:right}.place-name{font-size:22px;letter-spacing:.2px;font-weight:800;color:#16436e}.place-sub{font-size:11px;color:#6d8292;margin-top:4px}.sheet-band{background:#0e3b65;color:white;padding:16px 33px;display:flex;justify-content:space-between;gap:20px;align-items:center}.sheet-band strong{display:block;font-size:16px}.sheet-band span{display:block;color:#b6d6e9;font-size:10px;margin-top:4px}.edition{font-size:10px;color:#bee4f4;white-space:nowrap}.demo-warning{margin:16px 28px 0;background:#fff7e8;color:#854e13;border:1px solid #f3d8ab;border-radius:7px;display:flex;align-items:center;gap:10px;padding:10px 13px;font-size:11px;line-height:1.5}.warn-sign{flex:0 0 21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#eccb8b;color:#7d4a15;font-weight:800}.day-container{padding:8px 28px 6px}.day-card{border:1px solid var(--line);border-radius:9px;margin:15px 0;overflow:hidden;break-inside:avoid;page-break-inside:avoid}.day-heading{padding:11px 17px;background:#e7f2f8;display:flex;align-items:center;justify-content:space-between;gap:10px}.day-heading .date{font-size:16px;color:#164a70;font-weight:800;text-transform:capitalize}.day-heading .summary{font-size:11px;color:#4a6e84;font-weight:600}.slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.slot{padding:14px 12px 12px;text-align:center;min-width:0;border-right:1px solid #e6edf1}.slot:last-child{border-right:none}.slot-name{font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:850;color:#536c7e}.wx-icon{height:50px;margin:7px auto 0;display:flex;align-items:center;justify-content:center}.wx-icon svg{height:49px;width:62px}.temp{font-size:27px;font-weight:850;color:#173d5a;letter-spacing:-1px;margin:0}.condition{font-size:10px;color:#6c8190;margin:3px 0 12px;min-height:14px}.metric{padding:6px 0;border-top:1px solid #e7eef2;display:flex;justify-content:space-between;gap:4px;text-align:left;align-items:center}.metric .metric-name{color:#79909f;font-size:10px}.metric .metric-value{color:#344e62;font-size:10px;font-weight:800;text-align:right;white-space:nowrap}.metric .metric-value.sea{color:#126a9b}.metric.wave{border-top:1px solid #bcdee9;background:#f4fafc;margin:2px -12px -12px;padding:9px 12px 10px}.metric.wave .metric-name{color:#2477a2}.metric.wave .metric-value{font-size:10px}.sheet-footer{border-top:1px solid #d9e6ed;margin:10px 28px 0;padding:18px 4px 23px;display:grid;grid-template-columns:1fr 1.3fr;gap:14px 22px;align-items:center;color:#658091;font-size:10px;line-height:1.55}.sheet-footer strong{font-size:14px;color:#17628f}.sheet-footer>div:nth-child(2){text-align:right}.sheet-footer .legal{grid-column:1/-1;border-top:1px solid #e7eef2;padding-top:10px;font-size:9px}.bottom-note{margin-top:20px;text-align:center;color:#657d8c;font-size:12px;line-height:1.6}.loading{padding:30px;text-align:center;color:#657d8c}
@media(max-width:740px){.site-top{padding:17px}.site-tag{font-size:9px}.shell{padding:0 12px 34px}.hero{display:block;padding:20px 5px 17px}.hero h1{font-size:30px}.hero p{font-size:13px;line-height:1.5;margin-bottom:18px}.settings{padding:17px}.toolbar{margin-top:18px}.sheet-head{padding:17px 14px}.sheet-brand{font-size:20px}.sheet-subtitle{font-size:9px}.place-name{font-size:17px}.place-sub{font-size:9px}.sheet-band{padding:11px 14px}.sheet-band strong{font-size:13px}.sheet-band span,.edition{font-size:8px}.day-container{padding:5px 8px 4px}.demo-warning{margin:12px 9px 0;padding:8px;font-size:9px}.day-heading{padding:10px}.day-heading .date{font-size:13px}.day-heading .summary{font-size:9px}.slot{padding:9px 3px 9px}.slot-name{font-size:8px;letter-spacing:0}.wx-icon{height:42px;margin-top:3px}.wx-icon svg{height:42px;width:49px}.temp{font-size:22px}.condition{font-size:8px;margin-bottom:8px}.metric{padding:5px 1px;flex-direction:column;gap:2px}.metric .metric-name{font-size:8px}.metric .metric-value{font-size:9px}.metric.wave{margin:2px -3px -9px;padding:7px 2px;min-height:48px}.metric.wave .metric-value{font-size:8px;white-space:normal}.sheet-footer{margin:8px 9px 0;padding:12px 1px 16px;font-size:9px}.toolbar-label{font-size:9px}.actions{width:100%}.secondary{flex:1}}
@media print{@page{size:A4 portrait;margin:8mm}html,body{background:white!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print,.backdrop{display:none!important}.shell{max-width:none;padding:0;margin:0}.sheet{border-radius:0;box-shadow:none}.sheet-head{padding:11px 18px 9px}.sheet-band{padding:10px 18px}.demo-warning{margin:8px 14px 0;padding:6px 10px}.day-container{padding:2px 14px}.day-card{margin:9px 0}.day-heading{padding:8px 13px}.slot{padding:8px 8px}.wx-icon{height:40px;margin-top:4px}.wx-icon svg{width:53px;height:40px}.temp{font-size:23px}.condition{margin:1px 0 8px}.metric{padding:4px 0}.metric.wave{margin:1px -8px -8px;padding:6px 8px}.sheet-footer{padding:9px 0 0;margin:7px 14px 0}.sheet-brand{font-size:25px}.page-break{break-before:page}}
.demo-warning[hidden]{display:none!important}