.spark{--bg:var(--brand-cream);--ink:var(--brand-espresso);--muted:var(--brand-taupe-text);--card:var(--brand-card);--line:var(--brand-line);--accent:var(--brand-amber-text);--accent-soft:color-mix(in srgb, var(--brand-amber) 18%, var(--card));--coral:var(--brand-coral-text);background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif}.spark-shell{width:min(100%,720px);margin:0 auto;padding:0 20px 32px}.spark-header{border-bottom:1px solid var(--line);padding-top:20px;padding-bottom:24px}.spark-header h1{margin:12px 0 8px;font-size:clamp(1.8rem,4vw,2.4rem)}.spark-sub{max-width:52ch;color:var(--muted);margin:0 0 18px;line-height:1.5}.spark-compose{flex-wrap:wrap;gap:10px;display:flex}.spark-input{border:1px solid var(--line);background:var(--card);min-width:0;font:inherit;border-radius:999px;flex:220px;padding:12px 16px;font-size:.95rem}.spark-input:focus{outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}.spark-btn{border:1px solid var(--line);background:var(--card);font:inherit;cursor:pointer;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:600}.spark-btn.primary{border-color:var(--accent);background:var(--accent);color:var(--bg)}.spark-btn.primary:disabled{opacity:.45;cursor:not-allowed}.spark-btn.primary:not(:disabled):hover{filter:brightness(.95)}.spark-section{margin-top:24px}.spark-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:.82rem;font-weight:700}.spark-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.spark-card{border:1px solid var(--line);background:var(--card);border-radius:14px;grid-template-columns:1fr auto;align-items:start;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:grid}.spark-card.jb-deep-link-focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}.spark-card-main{gap:8px;display:grid}.spark-promoted{flex-wrap:wrap;gap:6px;display:flex}.spark-promoted span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.spark-footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px;margin-top:28px;padding-top:18px;font-size:.85rem;font-weight:600;display:flex}.spark-footer a{color:var(--accent);text-decoration:none}.spark-footer a:hover{text-decoration:underline}.spark-card-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.98rem;line-height:1.45}.spark-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.spark-action,.spark-send,.spark-delete{border:1px solid var(--line);background:var(--bg);width:2rem;height:2rem;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:.95rem;display:inline-flex}.spark-action:hover,.spark-send:hover,.spark-delete:hover{border-color:var(--accent)}.spark-action-active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.spark-send{color:var(--coral);font-weight:700}.spark-send:disabled{opacity:.55;cursor:default}.spark-send-done{color:var(--accent)}.spark-delete{color:var(--muted)}.spark-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:14px;margin:24px 0 0;padding:18px}.spark-archive{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.spark-archive-toggle{width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;font-size:.95rem;font-weight:600;display:flex}.spark-archive-toggle-label{color:var(--muted);font-size:.82rem;font-weight:600}.spark-list-archive .spark-card{opacity:.88}.spark-toast{z-index:50;border:1px solid var(--line);background:var(--card);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;max-width:min(92vw,360px);padding:12px 14px;font-size:.92rem;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #2b10171f}.spark-toast-link{color:var(--coral);font-weight:600;text-decoration:none}.spark-toast-link:hover{text-decoration:underline}.spark svg{width:1em;height:1em}