.night-integrations{background:var(--read-paper);color:var(--read-ink);padding:clamp(24px,5vw,64px)}.night-integrations h2{margin:0 0 24px;font-size:clamp(1.8rem,4vw,3rem)}.night-integrations__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start;gap:20px;display:grid}.night-integrations article{border:1px solid var(--read-line);background:var(--read-panel);border-radius:16px;min-width:0;padding:24px}.night-integrations h3{margin:0 0 16px;font-size:1.3rem}.night-integrations p,.night-share p{color:var(--read-muted);font-size:1rem;line-height:1.6}.night-integrations small,.night-share small{color:var(--read-muted);margin-top:12px;font-size:.875rem;line-height:1.5;display:block}.night-integrations__actions{flex-wrap:wrap;gap:10px;display:flex}.night-integrations button,.night-integrations__actions a,.night-share button{border:1px solid var(--read-line);background:var(--read-paper);min-height:44px;color:var(--read-ink);font:inherit;cursor:pointer;border-radius:8px;align-items:center;padding:12px 16px;text-decoration:none;display:inline-flex}.night-integrations button:disabled{opacity:.65;cursor:wait}.night-integrations a{color:var(--read-ink)}.night-share textarea{box-sizing:border-box;width:100%;color:var(--read-ink);background:var(--read-paper);font:inherit}:is(.night-integrations :focus-visible,.night-share :focus-visible){outline:3px solid var(--read-accent);outline-offset:3px}.night-integrations details{margin-top:20px}.night-integrations summary{cursor:pointer;padding:12px 0;font-size:1rem;line-height:1.5}#outing-extras{scroll-margin-top:90px}.night-invitation__header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.night-invitation__icon{border:1px solid var(--read-line);background:var(--read-paper);width:44px;height:44px;color:var(--read-accent);border-radius:12px;flex-shrink:0;place-items:center;font-size:24px;display:grid}.night-integrations .night-invitation__eyebrow{letter-spacing:.12em;color:var(--read-muted);margin:0 0 4px;font-size:.75rem;font-weight:700}.night-invitation__header h3{margin:0}.night-invitation__preview{border:1px solid var(--read-line);border-left:3px solid var(--read-accent);background:var(--read-paper);border-radius:12px;margin-bottom:20px;padding:20px}.night-integrations .night-invitation__label{color:var(--read-muted);margin:0 0 12px;font-size:.875rem}.night-invitation__preview h4{color:var(--read-ink);text-wrap:balance;margin:0 0 12px;font-size:1.35rem;line-height:1.3}.night-invitation__preview p{margin:6px 0}.night-integrations .night-invitation__when{color:var(--read-ink);font-weight:600}.night-invitation__pairing{border-top:1px dashed var(--read-line);gap:6px;margin-top:16px;padding-top:16px;display:grid}.night-invitation__pairing>span{letter-spacing:.08em;color:var(--read-muted);font-size:.75rem}.night-invitation__pairing strong{color:var(--read-ink);font-size:1rem}.night-integrations .night-invitation__pairing small{margin:0}.night-invitation .night-share button{justify-content:center;gap:10px;width:100%;font-weight:600}.night-share>button{gap:10px}.night-share>p:empty{margin:0}.calendar-provider-buttons{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;max-width:480px;margin:16px 0 20px;display:grid}.calendar-provider-buttons a{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:84px;padding:12px 8px;font-size:.875rem;font-weight:600;line-height:1.4;text-decoration:none;display:flex;color:#172033!important}.calendar-provider-buttons svg{flex-shrink:0;width:26px;height:26px}.calendar-provider-buttons a:hover{background:#f1f5f9;border-color:#64748b}.calendar-provider-buttons a:focus-visible{outline:3px solid var(--read-accent);outline-offset:3px}.event-plan-calendar .event-plan-calendar-panel{display:block}.event-plan-calendar .event-plan-calendar-panel>div:first-child{padding:clamp(20px,3vw,32px)}.event-plan-calendar .event-plan-calendar-panel p{font-size:1rem;line-height:1.6}.event-plan-calendar .calendar-choice-intro{margin:0 0 16px}.calendar-help{color:var(--read-muted);margin-top:16px}.calendar-help summary{cursor:pointer;padding:8px 0;font-size:.875rem;line-height:1.5}.calendar-help summary:focus-visible{outline:3px solid var(--read-accent);outline-offset:3px}.calendar-record{margin:0;padding:0 clamp(20px,3vw,32px) 20px}.weather-card{scroll-margin-top:100px}.weather-card label{gap:8px;margin:16px 0;font-size:.875rem;display:grid}.weather-card input{box-sizing:border-box;border:1px solid var(--read-line);background:var(--read-paper);width:100%;min-width:0;color:var(--read-ink);font:inherit;border-radius:8px;padding:12px}.weather-card__hero{flex-wrap:wrap;align-items:center;gap:20px;margin:24px 0;display:flex}.weather-card__symbol{font-size:4rem;line-height:1}.weather-card__temperature{color:var(--read-ink);font-size:3.5rem;font-weight:600;line-height:1}.weather-card__temperature span{font-size:1.25rem}.weather-card__hero p{margin:8px 0 0}.weather-card__metrics{border-block:1px solid var(--read-line);flex-wrap:wrap;gap:12px 20px;padding:16px 0;font-size:.875rem;line-height:1.6;display:flex}.weather-card__tip{padding:12px 0}.weather-card__empty{align-items:center;gap:16px;min-height:130px;display:flex}.weather-card__empty>span{font-size:2.5rem}.weather-card>button{margin-top:20px}.night-integrations article.weather-card{color:#f5f8ff;background:radial-gradient(at 100% 0,#284d76 0%,#0000 65%),linear-gradient(145deg,#182d49,#101c30);border:1px solid #476383;align-self:start;padding:24px;box-shadow:0 12px 32px #0002,inset 0 1px #ffffff18}.weather-card__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.night-integrations .weather-card h3{color:#f5f8ff;margin:6px 0 0;font-size:1.65rem}.night-integrations .weather-card p,.night-integrations .weather-card small{color:#cbd9ec}.night-integrations .weather-card a{color:#d6eaff}.night-integrations .weather-card .weather-card__eyebrow{color:#a9c8ef;letter-spacing:.1em;margin:0;font-size:.75rem;font-weight:700}.weather-card__date{text-align:center;background:#ffffff0d;border:1px solid #779bc066;border-radius:10px;flex-shrink:0;min-width:54px;padding:8px 10px;display:grid}.weather-card__date span{text-transform:uppercase;letter-spacing:.08em;color:#cbd9ec;font-size:.75rem}.weather-card__date strong{font-size:1.65rem;line-height:1.2}.weather-card__empty{border-block:1px solid #6686ad55;gap:14px;min-height:0;margin:24px 0 0;padding:20px 0}.weather-card__empty strong{font-size:1.05rem}.night-integrations .weather-card__empty p{margin:6px 0 0;font-size:.875rem;line-height:1.5}.weather-card__standby{color:#9fc8f4;flex:0 0 48px}.weather-card__standby svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:48px;height:48px}.weather-card__temperature{color:#f5f8ff;letter-spacing:-.06em;font-size:4rem}.weather-card__metrics{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;display:grid}.weather-card__metrics>span{color:#cbd9ec;background:#ffffff0b;border:1px solid #6686ad55;border-radius:10px;padding:12px}.weather-card__metrics strong{color:#f5f8ff;margin-top:6px;font-size:1.35rem;display:inline-block}.weather-card__metrics small{margin-top:2px}.night-integrations .weather-card>button{color:#10233c;background:#c8def8;border-color:#c8def8;justify-content:center;width:100%;font-weight:700}.night-integrations .weather-card>button:hover:not(:disabled){background:#e3efff}.night-integrations .weather-card details{margin-top:12px}.weather-card input{color:#f5f8ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#142740;border-color:#6686ad}
