.weather-canvas{position:absolute;left:0;top:0;z-index:20;pointer-events:none!important;max-width:100%}.weather-picker h3{font-size:15px;font-weight:550;margin:0 0 14px}.weather-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.weather-options button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 7px;border:1px solid #dddde2;border-radius:9px;background:#fff;color:#53535a;font-size:14px}.weather-options button.chosen{border-color:#262629;background:#f3f0f4;color:#252328}.weather-density{display:flex;gap:6px;margin-top:12px}.weather-density button{flex:1;padding:9px 5px;font-size:12px;border-radius:6px;background:#f5f5f6;border:1px solid transparent}.weather-density .chosen{border-color:#333;background:white}.weather-setup{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:34px;padding-top:28px;border-top:1px solid #ddd}.weather-demo{position:relative;overflow:hidden;isolation:isolate;min-height:230px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}.weather-demo>span{font-size:38px;letter-spacing:-1px}.weather-demo>small{font-size:12px}.overall-mood .weather-picker{margin:24px 0}.overall-mood .mood-switcher{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.mood-switcher button{min-width:0;font-size:12px!important;gap:6px!important}.composer-page .mood-grid{gap:22px 20px}.composer-page .mood-surface{min-height:185px}.composer-page .mood-surface>strong{font-size:36px;letter-spacing:-1.4px;margin:30px 0}@media(max-width:750px){.composer-page .mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-page .mood-surface{min-height:165px;padding:15px}.composer-page .mood-surface>strong{font-size:28px;letter-spacing:-1px;margin:30px 0}.weather-setup{grid-template-columns:1fr;gap:20px}.weather-demo{min-height:180px}.mood-caption p{font-size:12px}.composer-page .mood-surface>svg{width:18px}.mood-colors>span{display:none}}@media(max-width:390px){.composer-page .mood-surface>strong{font-size:23px}.mood-caption h3{font-size:14px}.composer-page .mood-grid{gap:18px 12px}}@media(prefers-reduced-motion:reduce){.weather-canvas{display:none}.mood-card .mood-surface{transition:none;transform:none}}:is(.invitation,.theme-palette,.mood-card,.draft-art,.mood-dot,.weather-demo,.mood-switcher button){--paper:#ffffff;--ink:#34312e;--accent:#766653;--tint:#f6f6f5;--surface:#ffffff;--on-accent:#ffffff;--line:color-mix(in srgb,var(--accent) 18%,var(--paper));--muted:color-mix(in srgb,var(--ink) 72%,var(--paper))}.weather-demo.mood-demo-garden,:is(.invitation,.theme-palette,.mood-card,.draft-art,.mood-dot,.mood-switcher button).garden{--paper:#ffffff;--ink:#30392f;--accent:#5d6f55;--tint:#f6f6f5}.weather-demo.mood-demo-modern,:is(.invitation,.theme-palette,.mood-card,.draft-art,.mood-dot,.mood-switcher button).modern{--paper:#ffffff;--ink:#292929;--accent:#555555;--tint:#f6f6f5}.weather-demo.mood-demo-blush,:is(.invitation,.theme-palette,.mood-card,.draft-art,.mood-dot,.mood-switcher button).blush{--paper:#ffffff;--ink:#403337;--accent:#8c5e6b;--tint:#f6f6f5}.weather-demo.mood-demo-lavender,:is(.invitation,.theme-palette,.mood-card,.draft-art,.mood-dot,.mood-switcher button).lavender{--paper:#ffffff;--ink:#38333f;--accent:#736183;--tint:#f6f6f5}.weather-demo.mood-demo-ocean,:is(.invitation,.theme-palette,.mood-card,.draft-art,.mood-dot,.mood-switcher button).ocean{--paper:#ffffff;--ink:#2d3943;--accent:#546f84;--tint:#f6f6f5}.weather-demo.mood-demo-sunset,:is(.invitation,.theme-palette,.mood-card,.draft-art,.mood-dot,.mood-switcher button).sunset{--paper:#ffffff;--ink:#443730;--accent:#88614d;--tint:#f6f6f5}.weather-demo.mood-demo-champagne,:is(.invitation,.theme-palette,.mood-card,.draft-art,.mood-dot,.mood-switcher button).champagne{--paper:#ffffff;--ink:#403a30;--accent:#776747;--tint:#f6f6f5}.weather-demo.mood-demo-midnight,:is(.invitation,.theme-palette,.mood-card,.draft-art,.mood-dot,.mood-switcher button).midnight{--paper:#ffffff;--ink:#2c3446;--accent:#586783;--tint:#f6f6f5}.draft-art,.mood-card .mood-surface,.weather-demo{background:var(--tint);color:var(--ink)}.mood-card .mood-colors i,.mood-dot,.mood-switcher button i{background:var(--accent)}.mood-card .mood-colors i:nth-child(2){background:var(--ink)}.mood-card .mood-colors i:nth-child(3){background:var(--paper);border:1px solid var(--line)}.quick-colors .theme-palette,.welcome-swatches .theme-palette{--swatch:var(--accent);--swatch-ink:var(--on-accent)}.quick-colors button[aria-pressed=true] i,.welcome-swatches button[aria-pressed=true] i{outline-color:var(--accent)}