.ask-theme{--ask-accent:#eac4ff;--ask-bright:#f8eaff;--ask-rgb:202,157,244;--ask-deep:#302044;--ask-panel:#251a38;--ask-button:#8253c3;padding-top:14px;padding-bottom:8px;background:radial-gradient(ellipse at 100% 0,rgba(var(--ask-rgb),.12),transparent 540px)}
.ask-theme--love{--ask-accent:#ffc1d0;--ask-bright:#fff0e7;--ask-rgb:249,151,179;--ask-deep:#542641;--ask-panel:#321d35;--ask-button:#bd4f84}
.ask-theme--career{--ask-accent:#8dd7ff;--ask-bright:#e1f4ff;--ask-rgb:103,175,245;--ask-deep:#1e3c59;--ask-panel:#172b41;--ask-button:#307fb4}
.ask-theme--wealth{--ask-accent:#f4d18f;--ask-bright:#fff0cc;--ask-rgb:233,192,112;--ask-deep:#4b3b2a;--ask-panel:#2e272a;--ask-button:#a77a37}
.ask-theme--social{--ask-accent:#a4e6db;--ask-bright:#e4fff7;--ask-rgb:120,212,195;--ask-deep:#234748;--ask-panel:#1c323a;--ask-button:#368c85}
.ask-theme--direction{--ask-accent:#bbc8ff;--ask-bright:#eef0ff;--ask-rgb:155,173,250;--ask-deep:#343e6c;--ask-panel:#242740;--ask-button:#687cc4}
.ask-theme--growth{--ask-accent:#cedc9e;--ask-bright:#f1f4d9;--ask-rgb:177,202,132;--ask-deep:#384736;--ask-panel:#263333;--ask-button:#758c48}
.ask-theme--mood{--ask-accent:#d5c4ff;--ask-bright:#f1eaff;--ask-rgb:177,155,229;--ask-deep:#39305f;--ask-panel:#28213e;--ask-button:#8770bd}
.ask-theme--study{--ask-accent:#f4d2a5;--ask-bright:#fff3dc;--ask-rgb:224,190,139;--ask-deep:#49414c;--ask-panel:#2e293c;--ask-button:#ad7b57}
.ask-scene{position:relative;isolation:isolate;overflow:hidden;min-height:238px;padding:23px 21px;border:1px solid rgba(var(--ask-rgb),.48);border-radius:24px;background:linear-gradient(135deg,var(--ask-deep),#1c152f);box-shadow:inset 0 1px #ffffff15,0 12px 30px #09051b28}
.ask-scene:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 90% 35%,rgba(var(--ask-rgb),.18),transparent 65%)}
.ask-scene-art{position:absolute;right:-8px;top:40px;width:155px;height:155px;color:var(--ask-accent);opacity:.32;z-index:-1;pointer-events:none}
.ask-scene-art svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ask-eyebrow{display:flex;align-items:center;gap:7px;color:var(--ask-accent);font-size:13px;letter-spacing:1.8px;line-height:1.6;margin:0 0 16px}
.ask-identity{display:inline-block;color:var(--ask-accent);font-size:13px;line-height:1.6;margin-bottom:6px}
.ask-scene h1{position:relative;max-width:295px;margin:0 0 10px;color:var(--ask-bright);font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.42;letter-spacing:1px;text-wrap:balance}
.ask-scene h1 span{display:block}
.ask-scene .ask-subtitle{max-width:270px;font-size:14px;line-height:1.7;margin:0;color:#e5dbe9}
.ask-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.ask-tags span{border:1px solid rgba(var(--ask-rgb),.28);background:rgba(var(--ask-rgb),.08);padding:4px 9px;border-radius:20px;color:var(--ask-accent);font-size:13px;line-height:1.6}
.ask-theme .ask-panel{margin-top:19px;padding:18px 15px;background:linear-gradient(145deg,var(--ask-panel),#20172f);border-color:rgba(var(--ask-rgb),.36);box-shadow:none}
.ask-step-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.ask-step-number{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid rgba(var(--ask-rgb),.4);border-radius:50%;color:var(--ask-accent);font-family:var(--serif);font-size:14px}
.ask-step-heading .input-label{margin:0;color:var(--ask-bright);font-size:15px}
.ask-theme .prompt{display:flex;align-items:flex-start;gap:8px;min-width:0;min-height:76px;padding:12px 10px;line-height:1.7;border-color:rgba(var(--ask-rgb),.26);color:#e9e0ec;font-size:14px;background:#ffffff05;transition:border-color .15s,background .15s}
.ask-prompt-copy{flex:1;min-width:0;overflow-wrap:anywhere}
.ask-prompt-index{flex:none;color:var(--ask-accent);font-size:13px;line-height:1.8;font-variant-numeric:tabular-nums}
.ask-prompt-arrow{flex:none;align-self:center;color:var(--ask-accent);font-size:16px;display:none}
.ask-theme .prompt.active{border-color:var(--ask-accent);background:rgba(var(--ask-rgb),.17);color:var(--ask-bright);box-shadow:inset 0 0 0 1px rgba(var(--ask-rgb),.15)}
.ask-theme .gold-line{background:linear-gradient(90deg,transparent,rgba(var(--ask-rgb),.4),transparent);margin:20px 0}
.ask-theme .input-label,.ask-theme .gold,.ask-theme .section-heading h2{color:var(--ask-bright)}
.ask-theme .section-heading h2{font-size:21px}
.ask-theme .text-input{font-size:16px;border-color:rgba(var(--ask-rgb),.38);background:#100c1d33;border-radius:14px;line-height:1.7}
.ask-theme .text-input:focus{border-color:var(--ask-accent);box-shadow:0 0 0 3px rgba(var(--ask-rgb),.12)}
.ask-theme .tip{color:#c6bacf;font-size:13px;line-height:1.7}
.ask-theme details.card-frame{background:linear-gradient(135deg,var(--ask-panel),#20172f);border-color:rgba(var(--ask-rgb),.26);box-shadow:none}
.ask-theme details summary{font-size:14px;line-height:1.7}
.ask-theme .spread{border-color:rgba(var(--ask-rgb),.32);background:var(--ask-panel)}
.ask-theme .spread.active{border-color:var(--ask-accent);background:linear-gradient(150deg,var(--ask-deep),var(--ask-panel));box-shadow:0 0 0 1px rgba(var(--ask-rgb),.45)}
.ask-theme .spread .symbol,.ask-theme .spread em{color:var(--ask-accent)}
.ask-theme .altar{background:linear-gradient(135deg,var(--ask-deep),var(--ask-panel));border-color:rgba(var(--ask-rgb),.35);gap:12px}
.ask-theme .altar .art{color:var(--ask-accent);font-family:var(--serif);font-size:37px;line-height:1}
.ask-theme .altar b{color:var(--ask-bright);font-size:14px;line-height:1.7}
.ask-theme .altar p{color:#d2c8d9;font-size:13px;line-height:1.7}
.ask-theme .ask-submit{margin:20px 0 25px}
.ask-theme .btn{background:linear-gradient(110deg,var(--ask-button),var(--ask-deep));border:1px solid rgba(var(--ask-rgb),.55);box-shadow:0 7px 22px rgba(var(--ask-rgb),.14);color:var(--ask-bright);min-height:52px}
/* Relationship: soft letter edges and paired hearts. */
.ask-theme--love .ask-scene{border-radius:28px 28px 10px 28px;background:radial-gradient(ellipse at 90% 0,#b65c6d55,transparent 70%),linear-gradient(135deg,#592a45,#291a37)}
.ask-theme--love .ask-scene-art{top:58px;right:-22px;width:182px;height:182px;transform:rotate(-12deg)}
.ask-theme--love .ask-tags span{border:0;padding:0;background:transparent}
.ask-theme--love .ask-tags span+span:before{content:"♡";margin-right:7px;opacity:.6}
.ask-theme--love .ask-panel{border-radius:8px 22px 22px 22px;border-top:3px solid var(--ask-accent)}
.ask-theme--love .prompt{border-radius:17px 17px 5px 17px}
.ask-theme--love .ask-prompt-index{display:none}
/* Career: an ascending route, ordered rows and crisp edges. */
.ask-theme--career .ask-scene{border-radius:12px;background-image:linear-gradient(#87c5fa09 1px,transparent 1px),linear-gradient(90deg,#87c5fa09 1px,transparent 1px),linear-gradient(135deg,#1d3b5c,#171e37);background-size:24px 24px,24px 24px,auto;border-left:4px solid var(--ask-accent)}
.ask-theme--career .ask-scene-art{top:58px;right:-15px;width:175px;height:175px}
.ask-theme--career .ask-tags span{border-radius:4px}
.ask-theme--career .prompt-grid,.ask-theme--social .prompt-grid,.ask-theme--direction .prompt-grid,.ask-theme--mood .prompt-grid{grid-template-columns:minmax(0,1fr)}
.ask-theme--career .prompt{min-height:55px;border-radius:7px;align-items:center}
.ask-theme--career .ask-prompt-index{border-right:1px solid rgba(var(--ask-rgb),.3);padding-right:10px}
.ask-theme--career .ask-prompt-arrow,.ask-theme--direction .ask-prompt-arrow{display:block}
.ask-theme--career .ask-panel,.ask-theme--career .spread{border-radius:12px}
/* Wealth: gold medallions and an account-book style card. */
.ask-theme--wealth .ask-scene{border-radius:24px;border:1px solid #edca8c77;outline:1px solid #edca8c22;outline-offset:-7px;background:radial-gradient(ellipse at 100% 30%,#c8943544,transparent 65%),linear-gradient(145deg,#48372a,#211b2b)}
.ask-theme--wealth .ask-scene-art{right:-21px;top:50px;width:176px;height:176px;opacity:.4}
.ask-theme--wealth .ask-eyebrow{letter-spacing:2.8px}
.ask-theme--wealth .ask-tags span{border-style:dashed;border-radius:5px}
.ask-theme--wealth .prompt{flex-direction:column;gap:3px;min-height:101px;border-radius:10px;border-top:2px solid rgba(var(--ask-rgb),.55)}
.ask-theme--wealth .ask-prompt-index:before{content:"✦ ";font-size:13px}
.ask-theme--wealth .ask-panel{border-radius:15px}
/* Social: connected speech bubbles and open conversation rows. */
.ask-theme--social .ask-scene{border-radius:28px 28px 28px 7px;background:radial-gradient(ellipse at 90% 5%,#67caba33,transparent 65%),linear-gradient(140deg,#244448,#1c2335)}
.ask-theme--social .ask-scene-art{right:-13px;top:48px;transform:rotate(8deg)}
.ask-theme--social .ask-tags span{border-radius:12px 12px 12px 3px}
.ask-theme--social .prompt{min-height:61px;border-radius:17px 17px 17px 3px;align-items:center}
.ask-theme--social .prompt:nth-child(even){margin-left:14px;border-radius:17px 17px 3px 17px;background:rgba(var(--ask-rgb),.06)}
.ask-theme--social .ask-prompt-index{font-size:18px}
.ask-theme--social .ask-panel{border-radius:21px 8px 21px 21px}
/* Direction: a compass map and linked waypoints. */
.ask-theme--direction .ask-scene{padding-top:27px;text-align:center;min-height:268px;background:radial-gradient(ellipse at 50% 20%,#6975b34d,transparent 65%),#22233d}
.ask-theme--direction .ask-eyebrow,.ask-theme--direction .ask-tags{justify-content:center}
.ask-theme--direction .ask-scene h1,.ask-theme--direction .ask-subtitle{margin-left:auto;margin-right:auto}
.ask-theme--direction .ask-scene-art{width:224px;height:224px;right:calc(50% - 112px);top:27px;opacity:.15}
.ask-theme--direction .ask-tags span{border:0;background:#c8cfff0a}
.ask-theme--direction .prompt{align-items:center;min-height:58px;border:0;border-left:2px solid rgba(var(--ask-rgb),.48);border-radius:0 13px 13px 0}
.ask-theme--direction .ask-prompt-index{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(var(--ask-rgb),.45);border-radius:50%}
.ask-theme--direction .prompt.active{border-left-color:var(--ask-accent)}
/* Growth: botanical shapes, calm green and rounded seed cards. */
.ask-theme--growth .ask-scene{border-radius:55px 20px 55px 20px;background:radial-gradient(ellipse at 100% 50%,#9eaf5b26,transparent 65%),linear-gradient(135deg,#3b4839,#202c32);padding-left:25px}
.ask-theme--growth .ask-scene-art{top:48px;right:-18px;width:185px;height:185px;opacity:.35}
.ask-theme--growth .ask-tags span{border-radius:18px 3px 18px 3px}
.ask-theme--growth .ask-panel{border-radius:24px 8px 24px 8px}
.ask-theme--growth .prompt{border-radius:20px 5px 20px 5px;flex-direction:column;gap:5px;min-height:100px}
.ask-theme--growth .ask-prompt-index:before{content:"❋ ";font-size:14px}
.ask-theme--growth .spread{border-radius:23px 8px 23px 8px}
/* Mood: a quiet moon, soft surfaces and spacious pill rows. */
.ask-theme--mood .ask-scene{border-radius:60px 60px 24px 24px;text-align:center;padding-top:29px;background:radial-gradient(ellipse at 75% 20%,#9e86c838,transparent 65%),linear-gradient(180deg,#3b315c,#252039);min-height:270px}
.ask-theme--mood .ask-eyebrow,.ask-theme--mood .ask-tags{justify-content:center}
.ask-theme--mood .ask-scene h1,.ask-theme--mood .ask-subtitle{margin-left:auto;margin-right:auto}
.ask-theme--mood .ask-scene-art{right:-29px;top:55px;width:190px;height:190px;opacity:.18}
.ask-theme--mood .ask-tags span{border:0;background:#ffffff09}
.ask-theme--mood .ask-panel{border:0;border-radius:27px;box-shadow:inset 0 0 0 1px rgba(var(--ask-rgb),.2)}
.ask-theme--mood .prompt{min-height:60px;border-radius:23px;align-items:center;padding:14px 17px}
.ask-theme--mood .ask-prompt-index{font-size:19px}
/* Study: notebook ruling, small numbered bookmarks and warm paper accents. */
.ask-theme--study .ask-scene{border-radius:9px 24px 24px 9px;border-left:5px solid var(--ask-accent);background-image:repeating-linear-gradient(0deg,transparent 0 26px,#e7d5b20d 27px 28px),linear-gradient(135deg,#48404a,#292539)}
.ask-theme--study .ask-scene-art{right:-17px;top:55px;width:175px;height:175px;transform:rotate(7deg)}
.ask-theme--study .ask-tags span{border-radius:4px;transform:rotate(-2deg);background:rgba(var(--ask-rgb),.1)}
.ask-theme--study .ask-tags span:nth-child(2){transform:rotate(2deg)}
.ask-theme--study .ask-panel{border-radius:8px 19px 19px 8px;border-left:3px solid rgba(var(--ask-rgb),.6)}
.ask-theme--study .prompt{flex-direction:column;gap:7px;border-radius:7px;min-height:105px;background:repeating-linear-gradient(0deg,transparent 0 24px,#f6dbb207 25px 26px)}
.ask-theme--study .ask-prompt-index{padding:0 6px;border-left:2px solid var(--ask-accent)}
@media(max-width:370px){.ask-scene{padding:21px 16px}.ask-scene h1{font-size:25px;letter-spacing:0}.ask-scene .ask-subtitle{font-size:14px}.ask-theme .ask-panel{padding:16px 12px}.ask-theme .prompt{padding:11px 9px;font-size:14px}.ask-theme .section-heading h2{font-size:19px}.ask-theme--social .prompt:nth-child(even){margin-left:8px}.ask-theme--growth .ask-scene{padding-left:20px}.ask-theme--direction .ask-scene,.ask-theme--mood .ask-scene{min-height:260px}}