/* Browser surfaces consume the palette exported from SparkTidalColors. */
:root{--paper:var(--spark-canvas);--ink:var(--spark-text);--muted:var(--spark-muted);--pink:var(--spark-brand);--rose:var(--spark-selected);--line:var(--spark-line);--glass:linear-gradient(135deg,color-mix(in srgb,var(--spark-surface) 94%,transparent),color-mix(in srgb,var(--spark-surface) 80%,transparent));--glass-edge:transparent;--glass-shadow:0 6px 24px #00000018}
html,body{background:var(--spark-canvas);color:var(--spark-text)}
body,button,input,select,textarea,h1,h2,h3,h4,p,.table-title,.note strong,.board-question h2,.board-result h3{font-family:var(--spark-font-body)}
h1{letter-spacing:-.055em;font-weight:800}h2,h3{letter-spacing:-.035em}
.hero-backdrop,.hero-light{background:radial-gradient(ellipse at 65% 0%,color-mix(in srgb,var(--spark-selected) 60%,transparent),transparent 70%)}
.demo-shell,.showcase,.scene-wrap,.facilitation-value{background:transparent}
.dialogue,.dialogue:before,.session-record,.summary-sheet,.takeaway-sheet,.workboard,.note,.session-chips button,.session-starts a{background:var(--spark-surface);color:var(--spark-text);border-color:transparent}
.dialogue,.session-record,.summary-sheet{box-shadow:0 12px 40px #00000024}
.recap-decision,.board-result,.table-top{background:var(--spark-selected);color:var(--spark-text)}
.conversion-button,.closing-cta a.conversion-button{background:var(--spark-brand);color:var(--spark-primary-ink);border:0;border-radius:16px;font-weight:700;min-height:48px}
.conversion-button i{background:transparent;color:inherit}
.text-action{color:var(--spark-link)}
.demo-controls{background:var(--glass);border:0;box-shadow:var(--glass-shadow)}
.demo-controls button{color:var(--spark-text)}
.session-wipe{background:var(--spark-selected)}
.halo{background:radial-gradient(ellipse at 60% 45%,color-mix(in srgb,var(--spark-selected) 50%,transparent),transparent 65%)}
.halo-line{border-color:var(--spark-line)}
html[data-spark-theme=dark] .hero-wordmark .logo-fallback{filter:brightness(0) invert(1)}
html[data-spark-theme=dark] .recap-intro img,html[data-spark-theme=dark] .note-drawing img{filter:brightness(0) invert(1)}
a:focus-visible,button:focus-visible{outline:2px solid var(--spark-focus);outline-offset:4px}

.hero h1{font-weight:800;letter-spacing:-.055em}
.hero .hero-light{background:radial-gradient(ellipse at 65% 0%,color-mix(in srgb,var(--spark-selected) 60%,transparent),transparent 70%)}
.facilitation-value{background:var(--spark-hero);color:var(--spark-on-hero)}
.facilitation-value p{color:var(--spark-hero-muted)}
.session-chip{background:var(--spark-surface);color:var(--spark-text);border:0;box-shadow:var(--glass-shadow)}
.session-chip:hover,.session-chip:focus-visible{background:var(--spark-selected);color:var(--spark-text)}
.conversion-button:hover>span{color:var(--spark-primary-ink)}
.takeaway-preview{background:var(--spark-subtle);border-radius:24px}
.summary-sheet{background:var(--spark-surface);border:0;box-shadow:0 12px 32px #00000020}
.summary-sheet:hover{box-shadow:0 12px 32px #00000020}
.decision>span,.recap-check,.agreement-mark{background:var(--spark-brand);color:var(--spark-primary-ink)}
html[data-spark-theme=dark] .sheet-top img{filter:brightness(0) invert(1)}
.control-divider{background:var(--spark-line)}
@media(prefers-contrast:more){.session-chip,.dashboard-link{background:var(--spark-surface);color:var(--spark-text);border:1px solid var(--spark-text)}}

.demo-controls{width:max-content;max-width:100%;margin:0 max(0px,calc((100% - 920px)/2)) 0 auto;padding:4px;border-radius:999px;height:auto}
.person.spark,.person.spark.active{box-shadow:0 25px 50px -22px #0005,0 0 0 2px color-mix(in srgb,var(--spark-brand) 65%,transparent)}
.session-wipe{box-shadow:70px 0 100px color-mix(in srgb,var(--spark-selected) 30%,transparent)}

h1,h2,h3,h4,.table-title,.board-question h2,.board-result h3{font-family:var(--spark-font-display)}