.chatspark-page{--spark-bg:#f5f6f0;--spark-surface:#fffef8;--spark-ink:#20362e;--spark-muted:#68756d;--spark-line:#d9e2d9;--spark-mint:#c4ead8;--spark-deep:#28654d;--spark-coral:#edafa1;--spark-gold:#f1dfab;--spark-lilac:#d5cee9;--spark-card:#e0f2e8;min-height:100svh;background:var(--spark-bg);color:var(--spark-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.chatspark-page svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.chatspark-page button,.chatspark-page textarea,.chatspark-page select,.chatspark-page input{font:inherit}.chatspark-page button{cursor:pointer}.chatspark-page button:disabled{cursor:default;opacity:.42}.chatspark-page :focus-visible{outline:3px solid var(--spark-deep);outline-offset:4px}.chatspark-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chatspark-page .eyebrow{font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;font-weight:600;color:var(--spark-muted)}
.chatspark-page .spark-header{width:100%;min-height:90px;margin:0;padding:14px 3.4%;gap:18px;border-bottom:1px solid var(--spark-line);background:var(--spark-bg)}.spark-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:850;font-size:27px;letter-spacing:-1.3px;line-height:1.1;flex:none}.brand-spark{height:43px;width:43px;border-radius:14px;background:var(--spark-mint);display:grid;place-items:center;transform:rotate(-9deg);color:var(--spark-deep)}.brand-spark svg{width:29px;height:29px;fill:currentColor;stroke-width:0}.brand-byline{display:block;font:9px/1.6 ui-monospace,monospace;letter-spacing:.045em;color:var(--spark-muted);margin-top:4px}.chatspark-page .spark-header nav{gap:9px;flex-wrap:nowrap}.chatspark-page .spark-header nav a{color:var(--spark-muted);font-size:12px;font-weight:550;gap:15px;padding:8px 12px;min-height:44px}.header-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid var(--spark-line);color:var(--spark-ink);background:transparent;border-radius:50px;padding:9px 15px;font-size:12px;font-weight:600}.icon-button{height:44px;width:44px;min-width:44px;padding:0}.header-button:hover,.icon-button:hover{background:var(--spark-surface);border-color:#a6bbae}.header-button[aria-expanded=true]{background:var(--spark-deep);border-color:var(--spark-deep);color:#f4fff6}.tiny-count{min-width:20px;height:20px;border-radius:50%;background:var(--spark-mint);color:#214c39;display:grid;place-items:center;font:10px/1 ui-monospace,monospace}.spark-main{display:grid;grid-template-columns:minmax(0,1fr);min-height:calc(100svh - 90px);max-width:none;width:100%;isolation:isolate;outline:none}.spark-main[data-source-open=true]{grid-template-columns:310px minmax(0,1fr)}
.source-panel{padding:28px 24px 30px;border-right:1px solid var(--spark-line);background:var(--spark-surface);min-width:0;max-height:calc(100svh - 90px);overflow:auto;scrollbar-width:thin}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:26px}.panel-heading h2{margin:7px 0 0;font-size:30px;letter-spacing:-1.2px;font-weight:700}.panel-heading .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;border:0;margin:0 -8px 0 0}.source-panel label,.spark-dialog form>label:not(.toggle-field),.collector-body>label{display:block;font-size:12px;font-weight:650;margin:0 0 9px}.source-panel textarea{display:block;width:100%;resize:vertical;min-height:160px;max-height:360px;border:1px solid var(--spark-line);background:var(--spark-bg);color:var(--spark-ink);border-radius:13px;padding:15px;line-height:1.7;font-size:13px;outline-offset:2px}.source-panel textarea::placeholder,.source-panel input::placeholder{color:var(--spark-muted);opacity:.9}.field-hint,.source-summary{font-size:11px;line-height:1.65;color:var(--spark-muted);margin:10px 0 0}.source-summary{min-height:18px;overflow-wrap:anywhere}.source-warning{margin:10px 0 0;padding:10px 12px;background:#f7e9ca;color:#755315;border-radius:9px;font-size:11px;line-height:1.6}.import-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-top:15px}.import-row .file-button{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin:0;font-size:11px;border-radius:8px;text-decoration:underline;text-decoration-color:#bcc9c0;text-underline-offset:4px;cursor:pointer}.file-button svg{width:16px;height:16px}.import-row>span{font:9px/1.5 ui-monospace,monospace;color:var(--spark-muted)}.file-button:has(+input:focus-visible){outline:3px solid var(--spark-deep);outline-offset:3px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid var(--spark-deep);border-radius:12px;padding:12px 17px;background:var(--spark-deep);color:#f5fff9;font-size:13px;font-weight:650;line-height:1.4}.primary-button:hover{background:#214e3e}.primary-button>span:last-child{margin-left:auto;font-size:18px}.secondary-button{background:transparent;border-color:var(--spark-line);color:var(--spark-ink);min-height:44px;font-size:12px}.secondary-button:hover{background:var(--spark-bg)}.quiet-button{border:0;background:transparent;color:var(--spark-muted);font-size:11px;min-height:44px;padding:9px 5px;text-decoration:underline;text-decoration-color:#bfc8be;text-underline-offset:4px}.quiet-button:hover{color:var(--spark-ink)}.source-controls{margin-top:20px}.source-controls .primary-button{width:100%}.source-controls .quiet-button{display:block;margin:3px auto 0}.source-divider{display:flex;align-items:center;gap:10px;color:var(--spark-muted);font-size:10px;margin:14px 0}.source-divider:before,.source-divider:after{content:"";height:1px;flex:1;background:var(--spark-line)}.demo-button{width:100%;display:flex;align-items:center;justify-content:space-between;background:#eaf5ee;color:var(--spark-deep);border:1px solid #cee1d3;border-radius:11px;padding:13px 16px;min-height:46px;font-size:12px;font-weight:650}.demo-button>span:last-child{font-size:20px}.collector-info{margin-top:21px;border-top:1px solid var(--spark-line)}.collector-info>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;cursor:pointer;font-size:11px;color:var(--spark-muted)}.collector-info>summary::-webkit-details-marker{display:none}.collector-info>summary>span{font-size:19px;font-weight:300;transition:transform .15s}.collector-info[open]>summary>span{transform:rotate(45deg)}.collector-body{padding-bottom:17px}.collector-body>p{font-size:11px;line-height:1.7;color:var(--spark-muted);margin:0 0 15px}.collector-body>p.field-hint{margin:11px 0}.collector-body .secondary-button{width:100%;margin-top:12px;font-size:11px}.collector-body a{font-size:11px;text-underline-offset:4px}.handle-input{display:flex;align-items:center;border:1px solid var(--spark-line);border-radius:9px;background:var(--spark-bg);gap:7px;padding:0 10px;color:var(--spark-muted)}.handle-input input{border:0;background:transparent;color:var(--spark-ink);width:100%;min-width:0;min-height:43px;font-size:12px}.handle-input input:focus-visible{outline-offset:0;outline-width:1px}.ai-entry{display:flex;align-items:center;gap:12px;padding:15px 0;border:0;border-top:1px solid var(--spark-line);color:var(--spark-ink);background:transparent;width:100%;text-align:left;font-size:12px;font-weight:650;line-height:1.4}.ai-entry>svg{color:var(--spark-deep)}.ai-entry>span:last-child{margin-left:auto}.ai-entry small{display:block;font-size:9px;color:var(--spark-muted);font-weight:400;margin-top:4px}
.conversation-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:26px 36px 24px;overflow:hidden;position:relative}.deck-heading{width:100%;max-width:850px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px}.mode-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--spark-line);border-radius:30px;padding:7px 10px;font:10px/1.4 ui-monospace,monospace;color:var(--spark-muted);white-space:nowrap}.mode-pill>span:first-child,.status-dot{width:5px;height:5px;border-radius:50%;background:#62a67f;flex:none}.category-filters{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;z-index:2;margin-bottom:20px}.category-filter{border:1px solid var(--spark-line);background:transparent;color:var(--spark-muted);font-size:11px;border-radius:40px;padding:9px 14px;min-height:36px;display:flex;align-items:center;gap:7px;transition:background .15s,border-color .15s}.category-filter:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--category-color)}.category-filter[aria-pressed=true]{background:var(--spark-surface);color:var(--spark-ink);border-color:#aebeb0}.category-filter:hover{border-color:var(--spark-deep)}.deck-stage{position:relative;width:min(100%,690px);display:grid;place-items:center;min-height:330px;padding:20px 18px 25px;flex:1;max-height:570px}.deck-aura{position:absolute;width:90%;height:88%;border-radius:50%;background:radial-gradient(ellipse,#d9ece06b 0,#d9ece025 58%,transparent 72%);pointer-events:none;z-index:-1}.stage-symbol{position:absolute;font-size:40px;font-weight:400;color:#6b967966;pointer-events:none;user-select:none}.symbol-one{left:0;top:17%;transform:rotate(-12deg)}.symbol-two{right:0;bottom:21%;font-size:65px;color:#c2ab7b66;transform:rotate(13deg)}.card-stack{width:min(100%,520px);min-height:310px;height:min(44svh,420px);position:relative;isolation:isolate}.back-card{position:absolute;inset:0;border:1px solid #b8cdbe;border-radius:25px;pointer-events:none}.back-card-two{background:var(--spark-gold);transform:rotate(-5deg) translate(-8px,5px);z-index:-2}.back-card-one{background:var(--spark-mint);transform:rotate(4deg) translate(9px,6px);z-index:-1}.question-card{background:var(--spark-card);border:1px solid #bed5c7;border-radius:23px;padding:25px 31px 20px;box-shadow:0 16px 38px #35594110;display:flex;flex-direction:column;position:relative;width:100%;height:100%;touch-action:pan-y;user-select:none;will-change:transform;cursor:grab;overflow:hidden;transition:background .18s}.question-card:active{cursor:grabbing}.question-card[data-category=professional]{--spark-card:#f0e8cb}.question-card[data-category=values]{--spark-card:#e7e2f1}.question-card[data-category=debate]{--spark-card:#f4e0d7}.question-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.category-tag{display:inline-flex;align-items:center;border:1px solid #47675232;padding:7px 10px;border-radius:20px;font:9px/1.3 ui-monospace,monospace;letter-spacing:.065em;font-weight:600;max-width:85%;color:var(--spark-deep)}.card-counter{font:11px/1.5 ui-monospace,monospace;color:#5e766a}.question-body{display:flex;flex:1;flex-direction:column;justify-content:center;position:relative;padding:14px 0 20px;min-height:0}.quote-mark{position:absolute;font:100px/.5 Georgia,serif;left:-3px;top:35px;color:#44614f;opacity:.08;pointer-events:none}.question-body h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3.4vw,46px);line-height:1.2;letter-spacing:-1.7px;font-weight:400;margin:0;position:relative;text-wrap:pretty;overflow-wrap:anywhere;white-space:pre-line;color:var(--spark-ink)}.question-body h2.long-question{font-size:clamp(22px,2.9vw,35px);line-height:1.28;letter-spacing:-1px}.question-body h2.extra-long-question{font-size:clamp(19px,2.2vw,27px);line-height:1.32;letter-spacing:-.6px}.empty-note{margin:17px 0 0;font-size:13px;line-height:1.6;color:#5f786a;max-width:290px}.card-demo{display:flex;align-items:center;gap:14px;align-self:flex-start;background:var(--spark-deep);color:#f7fffa;border:0;border-radius:9px;padding:11px 14px;min-height:43px;font-size:11px;font-weight:600;margin-top:20px}.card-demo svg{width:15px;height:15px}.question-bottom{border-top:1px solid #49634f25;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:1}.topic-tag{font-size:10px;line-height:1.55;color:#5e7669;max-width:80%;overflow-wrap:anywhere}.question-bottom .icon-button{border:0;height:33px;width:33px;min-height:33px;min-width:33px;color:var(--spark-deep)}.question-bottom .icon-button svg{width:16px;height:16px}.choice-stamp{position:absolute;top:76px;z-index:4;border:2px solid currentColor;padding:9px 13px;font-size:20px;font-weight:850;letter-spacing:1px;border-radius:9px;opacity:0;pointer-events:none;transition:opacity .08s}.stamp-skip{right:25px;color:#b64d39;transform:rotate(10deg)}.stamp-like{left:25px;color:#36765b;transform:rotate(-10deg)}.question-card[data-choice=skip] .stamp-skip,.question-card[data-choice=like] .stamp-like{opacity:var(--drag-opacity,1)}.deck-controls{display:flex;align-items:center;justify-content:center;gap:26px;padding-top:10px;position:relative;z-index:2}.choice-button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--spark-line);border-radius:100px;padding:12px 20px;min-height:54px;color:var(--spark-ink);font-size:12px;font-weight:650;background:var(--spark-surface);box-shadow:0 5px 16px #25493906}.choice-button svg{width:19px;height:19px}.skip-button:hover{background:#fae9e3;border-color:#d3afa5}.skip-button svg{color:#b77564}.like-button{background:var(--spark-deep);color:#f0fff6;border-color:var(--spark-deep)}.like-button svg{color:#bfe8d3}.like-button:hover{background:#21563f}.save-question{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--spark-line);background:var(--spark-bg);color:var(--spark-muted)}.save-question:hover{background:var(--spark-surface)}.save-question[aria-pressed=true]{background:var(--spark-mint);color:#285b44;border-color:#accaba}.save-question[aria-pressed=true] svg{fill:#285b4433}.deck-bottom{width:100%;max-width:590px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px;color:var(--spark-muted)}.more-button{border:0;background:transparent;color:var(--spark-deep);font-size:11px;min-height:40px;display:flex;align-items:center;gap:7px;padding:7px 3px;font-weight:650}.more-button svg{width:15px;height:15px}.deck-bottom>p{margin:0;white-space:nowrap;font-size:9px}.deck-bottom>span{font:9px/1.5 ui-monospace,monospace;text-align:right}.deck-bottom kbd{font:11px/1.4 ui-monospace,monospace;background:var(--spark-surface);border:1px solid var(--spark-line);border-radius:4px;padding:3px 5px;margin-left:3px}.deck-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;max-width:610px;min-height:28px}.deck-status p{color:var(--spark-muted);font-size:10px;line-height:1.6;margin:0;text-align:center}.status-dot{background:#a4b9a9}.spark-main[data-moving=false] .back-card{transform:none}.spark-main[data-moving=false] .stage-symbol{display:none}
.spark-dialog{border:1px solid var(--spark-line);background:var(--spark-surface);color:var(--spark-ink);border-radius:24px;max-width:580px;width:calc(100% - 34px);max-height:calc(100svh - 42px);padding:27px;box-shadow:0 24px 100px #1835242a;scrollbar-width:thin}.spark-dialog::backdrop{background:#20332b66;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.dialog-heading h2{margin:7px 0 0;font-size:30px;letter-spacing:-1.1px;font-weight:700;line-height:1.15}.dialog-heading h2>span{font:12px/1.5 ui-monospace,monospace;background:var(--spark-mint);color:#285b44;border-radius:50px;padding:5px 10px;vertical-align:middle;margin-left:13px}.dialog-heading .icon-button{flex:none}.dialog-note{font-size:13px;line-height:1.7;color:var(--spark-muted);margin:0 0 20px}.favorites-list{display:grid;gap:10px}.favorite-item{border:1px solid var(--spark-line);border-radius:14px;padding:16px;background:var(--spark-bg)}.favorite-item>p{font:21px/1.4 Georgia,serif;letter-spacing:-.4px;margin:12px 0 14px;overflow-wrap:anywhere;white-space:pre-line}.favorite-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.favorite-top .category-tag{font-size:8px;padding:5px 8px}.favorite-origin{font:8px/1.5 ui-monospace,monospace;color:var(--spark-muted)}.favorite-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.favorite-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;font-size:10px;color:var(--spark-muted);border:1px solid var(--spark-line);border-radius:8px;background:var(--spark-surface);padding:7px 10px}.favorite-actions button svg{width:13px;height:13px}.favorite-actions .favorite-remove{margin-left:auto;border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:3px}.dialog-footer{border-top:1px solid var(--spark-line);margin-top:20px;padding-top:17px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dialog-footer .field-hint{width:100%;margin:0}.spark-dialog select{width:100%;padding:12px;border:1px solid var(--spark-line);border-radius:10px;color:var(--spark-ink);background:var(--spark-bg);min-height:47px;font-size:13px;margin-bottom:20px}.toggle-field{display:flex;align-items:flex-start;gap:12px;padding:17px 0;border-top:1px solid var(--spark-line);cursor:pointer}.toggle-field input{width:18px;height:18px;flex:none;accent-color:var(--spark-deep);margin:3px 0 0;cursor:pointer}.toggle-field>span{font-size:13px;line-height:1.5;font-weight:600}.toggle-field small{display:block;font-size:11px;font-weight:400;line-height:1.7;color:var(--spark-muted);margin-top:4px}.settings-dialog .primary-button,.ai-dialog .primary-button{width:100%;margin-top:16px}.settings-divider{height:1px;background:var(--spark-line);margin:25px 0 19px}.memory-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.memory-summary>span{font-size:11px;color:var(--spark-muted)}.memory-summary strong{display:block;font-size:22px;line-height:1.3;margin-top:5px;font-weight:500;letter-spacing:-.7px;color:var(--spark-ink)}.danger-button{min-height:42px;padding:10px 13px;background:transparent;color:#aa4b39;border:1px solid #dda697;border-radius:9px;font-size:11px}.danger-button:hover{background:#fcebe6}.clear-confirm{padding:13px;background:var(--spark-bg);border-radius:11px;margin-top:12px}.clear-confirm p{font-size:11px;line-height:1.6;margin:0 0 10px}.clear-confirm>div{display:flex;justify-content:flex-end;gap:12px}.privacy-details{margin-top:20px;border-top:1px solid var(--spark-line);padding-top:7px}.privacy-details summary{min-height:44px;cursor:pointer;font-size:11px;color:var(--spark-muted);display:list-item;padding-top:13px}.privacy-details p{font-size:11px;line-height:1.8;color:var(--spark-muted);margin:0 0 14px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-block:1px solid var(--spark-line);margin-bottom:20px}.account-row>span{font-size:12px;color:var(--spark-muted)}.send-summary{border:1px solid var(--spark-line);background:var(--spark-bg);padding:16px;border-radius:12px;margin-bottom:18px}.send-summary>span{display:block;font:9px/1.5 ui-monospace,monospace;color:var(--spark-muted);letter-spacing:.08em}.send-summary>strong{display:block;font-size:16px;font-weight:600;margin-top:7px}.send-summary>p{font-size:11px;color:var(--spark-muted);line-height:1.5;margin:8px 0 0}.send-summary details{border-top:1px solid var(--spark-line);margin-top:15px;padding-top:7px}.send-summary summary{cursor:pointer;font-size:11px;min-height:36px;padding-top:10px}.ai-preview{max-height:210px;overflow:auto;scrollbar-width:thin}.ai-preview p{font-size:11px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid var(--spark-line);margin:0;padding:10px 0;color:var(--spark-muted)}.ai-dialog .toggle-field{border-top:0;padding:4px 0}.ai-dialog #ai-cancel{display:block;margin-inline:auto}.noscript-note{text-align:center;padding:15px;color:var(--spark-ink);background:var(--spark-mint)}
html[data-theme=dark] .chatspark-page{--spark-bg:#141e19;--spark-surface:#1c2a22;--spark-ink:#eaf3e8;--spark-muted:#afc1b2;--spark-line:#354a3c;--spark-mint:#304e3d;--spark-deep:#b5dfc5;--spark-card:#233f31;--spark-coral:#654237;--spark-gold:#564d30;--spark-lilac:#463d57}.chatspark-page[data-theme=dark]{color-scheme:dark}html[data-theme=dark] .primary-button,html[data-theme=dark] .card-demo,html[data-theme=dark] .like-button,html[data-theme=dark] .header-button[aria-expanded=true]{background:#b5dfc5;color:#183a2a;border-color:#b5dfc5}html[data-theme=dark] .primary-button:hover,html[data-theme=dark] .card-demo:hover,html[data-theme=dark] .like-button:hover{background:#d3ecd8}html[data-theme=dark] .like-button svg{color:#2e6449}html[data-theme=dark] .question-card{border-color:#486551;box-shadow:0 18px 38px #0003}html[data-theme=dark] .question-card[data-category=professional]{--spark-card:#3e3c28}html[data-theme=dark] .question-card[data-category=values]{--spark-card:#3a3147}html[data-theme=dark] .question-card[data-category=debate]{--spark-card:#4c3028}html[data-theme=dark] .back-card{border-color:#4f6553}html[data-theme=dark] .quote-mark{color:#d2e8d7}html[data-theme=dark] :is(.topic-tag,.empty-note,.card-counter){color:#adbfad}html[data-theme=dark] .question-bottom{border-color:#d8efdb23}html[data-theme=dark] .category-tag{border-color:#d8efdb34;color:#c1dec9}html[data-theme=dark] .category-filter[aria-pressed=true]{border-color:#5a7662}html[data-theme=dark] .deck-aura{background:radial-gradient(ellipse,#457a5b33 0,#457a5b17 58%,transparent 72%)}html[data-theme=dark] .demo-button{background:#273f31;color:#b5dfc5;border-color:#48634f}html[data-theme=dark] .tiny-count,html[data-theme=dark] .dialog-heading h2>span{color:#c6e7d0}html[data-theme=dark] .header-button:hover,html[data-theme=dark] .icon-button:hover{border-color:#5e8168}html[data-theme=dark] .save-question[aria-pressed=true]{color:#b5dfc5;border-color:#597563}html[data-theme=dark] .save-question[aria-pressed=true] svg{fill:#b5dfc526}html[data-theme=dark] .source-warning{background:#493e24;color:#e2c586}html[data-theme=dark] .danger-button{color:#e4b3a4;border-color:#925e4e}html[data-theme=dark] .danger-button:hover,html[data-theme=dark] .skip-button:hover{background:#4a3129}html[data-theme=dark] .stamp-skip{color:#edbaa7}html[data-theme=dark] .stamp-like{color:#b5dfc5}
@media(min-width:1450px){.spark-main[data-source-open=true]{grid-template-columns:350px minmax(0,1fr)}.source-panel{padding-inline:30px}.conversation-area{padding-inline:7vw}.card-stack{width:550px}}
@media(max-height:790px) and (min-width:761px){.conversation-area{padding-top:20px;padding-bottom:15px}.deck-heading{margin-bottom:16px}.category-filters{margin-bottom:9px}.deck-stage{padding-top:10px;padding-bottom:20px;max-height:440px}.card-stack{height:39svh;min-height:275px}.question-body h2{font-size:clamp(25px,3vw,38px)}.question-body h2.long-question{font-size:clamp(21px,2.5vw,30px)}.question-body h2.extra-long-question{font-size:clamp(18px,2vw,24px)}.deck-bottom{margin-top:14px}.deck-status{margin-top:8px}.deck-controls{padding-top:4px}}
@media(max-width:1060px){.spark-main[data-source-open=true]{grid-template-columns:285px minmax(0,1fr)}.source-panel{padding-inline:20px}.conversation-area{padding-inline:28px}.spark-header .tools-back{display:none}.deck-bottom>p{display:none}.card-stack{width:470px}.question-body h2{font-size:clamp(29px,4vw,43px)}.question-card{padding-inline:25px}}
@media(max-width:760px){.chatspark-page .spark-header{flex-wrap:nowrap;min-height:78px;padding:13px 18px;gap:12px}.spark-brand{font-size:24px;gap:9px}.brand-spark{width:36px;height:36px;border-radius:12px}.brand-spark svg{width:25px;height:25px}.brand-byline{font-size:8px}.chatspark-page .spark-header nav{width:auto;gap:6px;justify-content:flex-end;flex-wrap:nowrap}.spark-header .header-button{width:39px;min-width:39px;height:39px;min-height:39px;padding:0;position:relative}.spark-header .header-button>span:not(.tiny-count){display:none}.spark-header .header-button .tiny-count{position:absolute;top:-4px;right:-5px;min-width:16px;width:16px;height:16px;font-size:8px;border:1px solid var(--spark-bg)}.spark-header .icon-button,.spark-header .tools-theme-control{min-width:39px;min-height:39px;width:39px;height:39px;margin:0}.spark-header #fullscreen{display:none}.spark-header #settings-open{border:0}.spark-main{min-height:calc(100svh - 78px)}.spark-main[data-source-open=true]{grid-template-columns:1fr}.spark-main[data-source-open=true] .conversation-area{display:none}.source-panel{min-height:calc(100svh - 78px);max-height:none;border-right:0;width:min(100%,540px);margin:0 auto;padding:25px 27px 40px}.source-panel textarea{min-height:180px}.conversation-area{padding:21px 24px 20px;min-height:calc(100svh - 78px);justify-content:flex-start}.deck-heading{margin-bottom:22px;max-width:540px}.deck-heading .eyebrow{font-size:8px;letter-spacing:.06em}.mode-pill{font-size:8px;padding:6px 8px;gap:5px}.category-filters{gap:6px;margin-bottom:14px;width:100%;max-width:430px}.category-filter{font-size:9px;padding:8px 10px;min-height:32px;gap:5px}.category-filter:before{width:4px;height:4px}.deck-stage{width:100%;flex:1;max-height:600px;padding:14px 11px 27px;min-height:335px}.card-stack{width:min(100%,480px);height:43svh;min-height:325px;max-height:440px}.question-card{padding:23px 24px 18px;border-radius:21px}.question-body h2{font-size:clamp(27px,7.5vw,39px);letter-spacing:-1.25px}.question-body h2.long-question{font-size:clamp(24px,6.3vw,32px);letter-spacing:-.8px}.question-body h2.extra-long-question{font-size:clamp(20px,5.3vw,27px);letter-spacing:-.4px}.empty-note{font-size:12px;line-height:1.6}.category-tag{font-size:8px;padding:6px 8px}.card-counter{font-size:10px}.question-bottom{padding-top:12px}.topic-tag{font-size:9px}.symbol-one{font-size:27px;left:-9px;top:7%}.symbol-two{font-size:45px;right:-10px;bottom:4%}.back-card-two{transform:rotate(-5deg) translate(-5px,5px)}.back-card-one{transform:rotate(4deg) translate(6px,6px)}.deck-controls{gap:20px;padding-top:0}.choice-button{min-height:52px;padding:12px 19px;font-size:11px}.save-question{height:44px;width:44px}.deck-bottom{margin-top:17px;max-width:440px}.deck-bottom>p{display:none}.deck-status{margin-top:8px;max-width:420px;min-height:34px}.deck-status p{font-size:9px;line-height:1.7}.status-dot{display:none}.spark-dialog{padding:23px;max-width:520px;border-radius:20px}.dialog-heading h2{font-size:27px}.dialog-note{font-size:12px}.dialog-footer .secondary-button{font-size:11px}.choice-stamp{top:70px;font-size:18px}.favorite-item>p{font-size:20px}}
@media(max-width:380px){.chatspark-page .spark-header{padding-inline:13px;gap:9px}.spark-brand{font-size:22px}.brand-spark{width:31px;height:31px;border-radius:10px}.brand-spark svg{width:22px;height:22px}.brand-byline{font-size:7px}.chatspark-page .spark-header nav{gap:3px}.spark-header .header-button,.spark-header .icon-button,.spark-header .tools-theme-control{width:35px;height:39px;min-width:35px}.conversation-area{padding-inline:20px}.category-filters{gap:5px}.category-filter{padding-inline:8px;font-size:8px}.deck-controls{gap:14px}.choice-button{padding-inline:17px;font-size:10px}.card-stack{min-height:310px}.question-card{padding-inline:21px}.question-body h2{font-size:29px}.question-body h2.long-question{font-size:24px}.question-body h2.extra-long-question{font-size:20px}}
@media(max-height:740px) and (max-width:760px){.conversation-area{padding-top:15px;padding-bottom:13px}.deck-heading{margin-bottom:15px}.category-filters{margin-bottom:4px}.deck-stage{min-height:290px;padding-bottom:22px}.card-stack{min-height:285px;height:42svh}.question-body h2{font-size:clamp(25px,7vw,34px)}.question-body h2.long-question{font-size:clamp(21px,6vw,27px)}.question-body h2.extra-long-question{font-size:clamp(19px,5vw,23px)}.deck-controls{gap:16px}.choice-button{min-height:48px}.deck-bottom{margin-top:11px}.deck-status{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.chatspark-page *{transition:none!important;scroll-behavior:auto!important}.back-card{transform:none}.stage-symbol{display:none}.question-card{will-change:auto}}
.profile-form{width:min(100%,650px);margin:0 0 24px}.profile-form>label{display:block;font-size:13px;font-weight:650;margin-bottom:10px}.profile-entry{display:flex;gap:10px;align-items:stretch}.profile-entry .handle-input{flex:1;min-width:0}.profile-entry input{min-height:50px;font-size:16px}.profile-entry .primary-button{white-space:nowrap;font-size:13px}.profile-form .field-hint{font-size:11px}.profile-form #profile-status:empty{display:none}.profile-connection{margin-top:6px;font-size:11px;color:var(--spark-muted)}.profile-connection summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.profile-connection label{display:block;margin:4px 0 8px}.profile-connection select{width:100%;min-height:44px;background:var(--spark-surface);color:var(--spark-ink);border:1px solid var(--spark-line);border-radius:9px;padding:10px}.conversation-area:has(.question-card.is-start){justify-content:flex-start;padding-top:clamp(26px,9svh,90px)}.conversation-area:has(.question-card.is-start) .deck-stage,.conversation-area:has(.question-card.is-start) .deck-controls,.conversation-area:has(.question-card.is-start) .deck-bottom,.conversation-area:has(.question-card.is-start) .category-filters,.conversation-area:has(.question-card.is-start) .deck-heading{display:none}.profile-form:has(#profile-collect:disabled){opacity:.85}
@media(max-width:760px){.profile-form{margin-bottom:18px}.profile-entry{gap:8px}.profile-entry .primary-button{padding-inline:13px;font-size:12px}.profile-entry .primary-button svg{width:17px}.conversation-area:has(.question-card.is-start){padding-top:18svh}}
/* Keep every compact mobile control a 44px touch target, including injected PWA controls. */
.question-bottom .icon-button{width:44px;height:44px;min-width:44px;min-height:44px}.favorite-actions button{min-height:44px}
@media(max-width:760px){.spark-header .header-button,.spark-header .icon-button,.spark-header .tools-theme-control{width:44px;height:44px;min-width:44px;min-height:44px}.category-filter{min-height:44px}.chatspark-page .spark-header nav{gap:4px}}
@media(max-width:420px){.chatspark-page .spark-header{padding-inline:10px;gap:8px}.spark-brand{font-size:21px;gap:7px}.brand-spark{width:30px;height:30px;border-radius:10px}.brand-byline{font-size:7px}.chatspark-page .spark-header nav{gap:2px}}
@media(max-width:380px){.spark-brand{font-size:18px;gap:5px}.brand-spark{width:27px;height:27px}.brand-spark svg{width:23px;height:23px}.brand-byline{font-size:6px}.chatspark-page .spark-header{gap:6px}}
@media(max-width:360px){.spark-brand{font-size:17px;gap:5px}.brand-spark{width:24px;height:24px}.brand-spark svg{width:21px;height:21px}.chatspark-page .spark-header nav{gap:1px}}
@media(max-width:345px){.spark-brand>span:last-child{display:none}.brand-spark{width:32px;height:32px}.brand-spark svg{width:25px;height:25px}}