.spontaneous-plans { margin:12px 0 26px; padding:20px; border:1px solid var(--line); border-left:4px solid var(--brand-teal,#008489); border-radius:18px; background:#f0faf9; }
.spontaneous-plans[hidden],.spontaneous-published[hidden] { display:none; }
.spontaneous-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.spontaneous-kicker { display:block; margin-bottom:5px; font-size:12px; font-weight:750; color:var(--teal-deep,#006c68); }
.spontaneous-heading h2 { margin:0; font-size:20px; letter-spacing:-.5px; line-height:1.25; }
.spontaneous-heading>.button { flex-shrink:0; min-height:44px; padding:9px 13px; font-size:12px; }
.spontaneous-ideas { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:17px; }
.spontaneous-idea { display:flex; flex-direction:column; align-items:flex-start; gap:7px; padding:15px; min-height:132px; border:1px solid var(--line); border-radius:12px; background:white; color:var(--ink); text-align:left; }
.spontaneous-idea strong { font-size:14px; line-height:1.35; }
.spontaneous-idea>span { font-size:12px; line-height:1.5; color:var(--muted); }
.spontaneous-idea small { margin-top:auto; padding-top:7px; font-size:12px; font-weight:750; color:var(--teal-deep,#006c68); }
.spontaneous-note,.spontaneous-error { margin:12px 0 0; font-size:12px; line-height:1.5; color:var(--muted); }
.spontaneous-error { color:#962f36; }
.spontaneous-refresh { min-height:44px; margin:4px 0 -8px; color:var(--teal-deep,#006c68); font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.spontaneous-replace { margin-top:14px; padding:14px; border:1px solid var(--line); border-radius:12px; background:#fff8df; }
.spontaneous-replace p { margin:0 0 12px; font-size:14px; line-height:1.5; }
.spontaneous-replace>div { display:flex; flex-wrap:wrap; gap:10px; }
.spontaneous-replace .button { min-height:44px; }
.spontaneous-published { display:flex; align-items:center; gap:14px; padding:16px; margin-bottom:18px; border:1px solid var(--line); border-radius:14px; background:#fff8df; }
.spontaneous-published>div { flex:1; }.spontaneous-published strong { font-size:14px; }.spontaneous-published p { margin:5px 0 0; font-size:12px; line-height:1.5; color:var(--muted); }
.spontaneous-dismiss { min-width:44px; min-height:44px; font-size:23px; color:var(--ink); }
#random-availability-now { min-height:44px; margin-bottom:12px; }
@media(max-width:600px) { .spontaneous-plans { padding:16px; }.spontaneous-heading { align-items:flex-start; flex-direction:column; gap:11px; }.spontaneous-heading h2 { font-size:19px; }.spontaneous-ideas { grid-template-columns:1fr; }.spontaneous-idea { min-height:0; padding:13px; }.spontaneous-published { flex-wrap:wrap; }.spontaneous-published>div { flex-basis:calc(100% - 58px); }.spontaneous-published>.button { order:2; width:100%; }.spontaneous-published>.spontaneous-dismiss { order:1; }.spontaneous-replace .button { width:100%; } }