:root{--ink:#211b33;--muted:#716b7d;--line:#e8e3ef;--paper:#faf8fc;--teal:#7050f4;--teal2:#e84491;--brand-purple:#7050f4;--brand-purple-dark:#5132bf;--brand-purple-soft:#f1edff;--brand-coral:#ff5e73}
header #admin-link{margin-left:auto;text-decoration:none}
.preview-pill{background:var(--brand-purple-soft);color:var(--brand-purple-dark)}
.progress i{background:#514967}.progress i.done{background:linear-gradient(90deg,var(--brand-purple),var(--brand-coral))}
.option:hover{border-color:#a895ff}.option.selected{border-color:var(--brand-purple);background:var(--brand-purple-soft);box-shadow:inset 0 0 0 1px var(--brand-purple)}
header #admin-link+#logout{margin-left:8px}
.selection-summary{display:grid;gap:10px;margin:22px 0}
.selection-summary:empty{display:none}
.selection-summary div{border-left:2px solid var(--brand-purple);padding-left:10px}
.selection-summary small::after{content:":\00a0"}.selection-summary small{font-size:11px;color:#d8d1ee}.selection-summary strong{font-size:13px;color:#fff}
.selection-summary b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#86a39d}
.selection-summary span{font-size:12px;color:#fff}
.theme-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}
.theme-chips::-webkit-scrollbar{display:none}
.theme-chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700}
.theme-chip.selected{background:var(--brand-purple);color:#fff;border-color:var(--brand-purple)}
.inline-choice{margin:24px 0 4px;padding:18px;background:#f4f8f7;border-radius:15px}
.inline-choice h3{margin:0 0 10px;font-size:14px}
.inline-choice .options{grid-template-columns:repeat(2,1fr)}
.persona+.persona{margin-top:22px}.persona h2{font-size:16px;margin:0 0 14px}.persona h2 span{color:var(--brand-coral)}
.persona h3{font-size:12px;margin:16px 0 8px;color:var(--muted)}.persona h3 em{font-weight:400}
.options.compact .option{padding:12px}.choice-pills{display:flex;flex-wrap:wrap;gap:7px}
.mini-choice{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700}
.mini-choice.selected{background:var(--brand-purple-soft);border-color:var(--brand-purple);color:var(--brand-purple-dark)}
@media(max-width:820px){
  main{margin:24px auto}.app-shell{grid-template-columns:1fr}aside{position:static;padding:20px}
  aside h2,aside>p:not(.eyebrow),aside .safety{display:none}.progress{margin:12px 0}
  .selection-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 0}
  .options{grid-template-columns:1fr}.result{grid-template-columns:1fr}.wizard{padding:20px;min-height:560px}
  .step-title{font-size:1.55rem;margin-top:24px}header{padding:0 3vw}
  header #admin-link{font-size:11px;padding:8px;margin-left:auto}.product-name{font-size:13px}
}

header .account-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.credit-chip{padding:8px 12px;border-radius:999px;background:#f0ecff;color:#5f32e6;font-size:12px;font-weight:800}.signup-link{display:block;text-align:center;margin-top:14px;color:#6c3bf1;font-weight:800;text-decoration:none}.cirplas-modal{position:fixed;inset:0;z-index:50;background:rgba(24,17,45,.58);display:grid;place-items:center;padding:18px}.cirplas-modal-card{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(24,17,45,.25)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:28px}.modal-intro{color:var(--muted);max-width:620px}.plan-grid,.credit-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.plan-grid button,.credit-pack-grid button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:7px;cursor:pointer}.plan-grid button:hover,.credit-pack-grid button:hover{border-color:#6c3bf1;background:#faf8ff}.plan-grid span{font-size:13px;color:var(--muted)}.plan-grid strong,.credit-pack-grid strong{color:#6c3bf1;font-size:18px}@media(max-width:820px){header{height:auto;flex-wrap:wrap}header .account-actions{width:100%;overflow-x:auto}.plan-grid,.credit-pack-grid{grid-template-columns:1fr}.cirplas-modal-card{padding:22px 18px}.credit-chip{white-space:nowrap}}