:root{--ink:#211632;--muted:#61556f;--purple:#140137;--gold:#f5cb46;--gold-ink:#765800;--line:#e6e0ed}*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:var(--ink);font:15px/1.6 system-ui,sans-serif}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;color:var(--ink);text-decoration:none;font-weight:750;font-size:20px;line-height:1.3}.brand small{display:block;font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-top:5px}.mark{display:grid;place-items:center;background:var(--purple);color:#fff;width:43px;height:47px;border-radius:12px 12px 20px 20px;font-size:27px}.badge{font-size:10px;letter-spacing:1.5px;color:var(--purple);background:#eee8f5;border:1px solid #e0d5ee;padding:7px 12px;border-radius:30px}main{max-width:1160px;margin:auto;padding:65px 25px 30px;display:grid;grid-template-columns:1fr 1.05fr;gap:55px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:700}h1{font:normal 60px/1.08 Georgia,serif;letter-spacing:-2px;margin:22px 0}h1 em{font-style:normal;color:var(--purple)}.intro>p{max-width:400px;color:var(--muted);font-size:17px}.note{display:flex;gap:12px;margin-top:30px;max-width:410px;color:var(--muted);font-size:12px}.note>span{color:var(--gold);font-size:25px}.note strong{color:var(--ink);font-weight:600}.road{position:relative;height:125px;overflow:hidden;margin-top:28px;border-bottom:1px solid #e4ddce}.road span{position:absolute;width:150px;height:180px;border:25px solid #ece7de;border-bottom:none;border-radius:100px 100px 0 0;transform:rotate(35deg);left:130px;top:25px}.road i{position:absolute;bottom:8px;left:0;font-size:9px;font-style:normal;letter-spacing:2px;color:#9b8e77}.navigator{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 15px 50px #29203908;overflow:hidden;align-self:start}.panel-head{display:flex;gap:9px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);font-size:13px}.online{width:8px;height:8px;border-radius:50%;background:var(--gold)}.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer;margin-left:auto;font-size:11px}.progress{height:3px;background:linear-gradient(to right,var(--gold) var(--completion,15%),#f3f0f5 0)}#conversation{padding:28px;min-height:345px}.step{font-size:10px;letter-spacing:1.5px;color:var(--purple);font-weight:700}h2{font:normal 26px/1.3 Georgia,serif;margin:12px 0}#conversation p{color:var(--muted);font-size:13px}.choices{display:grid;gap:9px;margin-top:20px}.choice{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 15px;text-align:left;cursor:pointer;color:var(--ink);font:inherit;font-size:13px;display:flex;justify-content:space-between}.choice:hover{border-color:var(--purple);background:#faf7fd}.choice:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary{background:var(--purple);color:#fff;border:0;border-radius:10px;padding:13px 16px;cursor:pointer;font:inherit;font-size:13px;margin-top:16px}.result{background:#f7f3fb;border-left:3px solid var(--purple);padding:14px 17px;border-radius:5px;margin:18px 0}.result strong{display:block}.result p{margin-bottom:0}.panel-foot{font-size:10px;color:var(--muted);background:#fcfbfd;text-align:center;border-top:1px solid var(--line);padding:14px}.details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:30px;margin-top:10px}.details span{font-size:9px;color:var(--gold);letter-spacing:1.5px}.details h3{font-size:14px;font-weight:600;margin:9px 0}.details p{font-size:12px;color:var(--muted);max-width:260px}footer{max-width:1160px;margin:0 auto;padding:25px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}@media(max-width:800px){header{padding:20px}.badge{font-size:8px;padding:6px 8px}.brand{font-size:16px}.brand small{font-size:7px}main{grid-template-columns:1fr;padding:35px 20px;gap:30px}h1{font-size:46px}.road{display:none}.details{gap:20px;grid-template-columns:1fr}.details p{max-width:none}footer{gap:20px}#conversation{padding:23px}}
/* Conversation experience */
#conversation{min-height:0;padding:24px 24px 0}.chat-message{margin-bottom:16px;padding:14px 16px;border-radius:12px;background:#f7f3fb}.chat-message.user{background:#f6f3eb;margin-left:30px}.chat-message small{font-size:9px;letter-spacing:1px;color:var(--purple)}#conversation .chat-message p{margin:7px 0 0;color:var(--ink);font-size:14px}.composer-area{padding:0 24px 24px}.fiction{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:16px 0}.fiction input{accent-color:var(--purple);width:18px;height:18px}.input-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}textarea{width:100%;resize:vertical;border:1px solid #cfc2df;border-radius:12px;padding:14px;font:16px/1.5 system-ui,sans-serif;color:var(--ink);background:#fff;min-height:105px}textarea:focus{outline:2px solid var(--purple);outline-offset:2px}textarea:disabled{background:#f7f6f8}.send-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.send-row span{font-size:11px;color:var(--muted)}#send{border:0;border-radius:9px;background:var(--purple);color:#fff;padding:10px 22px;font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.quick-starts{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.quick{border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--purple);padding:7px 11px;font:11px system-ui,sans-serif;cursor:pointer}.quick:first-child{border-color:#b79bce;font-weight:600}.quick:hover:enabled{background:#f7f3fb}@media(max-width:800px){.composer-area{padding:0 20px 20px}#conversation{padding:20px 20px 0}.panel-head{flex-wrap:wrap}.quick{min-height:38px}}

/* Legacy website theme: deep purple #140137; gold sampled from its existing logo. */
header{max-width:none;background:var(--purple);padding:14px max(24px,calc((100vw - 1160px)/2));gap:20px}.brand{color:#fff;font-size:18px;letter-spacing:.6px}.brand small{color:#e7deef}.legacy-logo{width:90px;height:72px;object-fit:contain;flex-shrink:0}.badge{color:var(--gold);background:transparent;border-color:#6e5a86;font-size:9px;white-space:nowrap}main{padding-top:42px;gap:42px}h1{font:650 clamp(36px,4.5vw,56px)/1.13 system-ui,sans-serif;letter-spacing:-1.5px;margin:20px 0}h1 em{color:var(--purple)}.eyebrow,.details span{color:var(--gold-ink)}.intro>p{font-size:18px;max-width:440px;color:var(--ink)}.note{margin-top:22px}.note>span{color:var(--gold-ink)}.navigator{border-top:4px solid var(--gold)}.panel-head{padding:16px 22px}.text-button{min-height:44px;font-size:12px;color:var(--purple)}.composer-area{padding:0 22px 22px}.quick-starts{margin:16px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{font-size:13px;min-height:46px;padding:11px 14px;border-radius:10px}.quick-starts>.quick:first-child{background:var(--purple);border-color:var(--purple);color:#fff}.quick-starts>.quick:nth-child(2){background:var(--gold);border-color:var(--gold);color:var(--purple);font-weight:650}.quick-starts>.quick:first-child:hover:enabled{background:#35214e}.quick-starts>.quick:nth-child(2):hover:enabled{background:#ffe28b}.quick-starts details{grid-column:1/-1}.quick-starts summary{cursor:pointer;color:var(--muted);font-size:12px;min-height:36px;display:flex;align-items:center}.quick-starts summary:before{content:'＋';margin-right:7px}.quick-starts details[open] summary:before{content:'−'}.quick-starts details .quick{margin:4px 6px 4px 0}textarea{min-height:112px;border-color:#bcb0ce}#send{min-height:46px;font-weight:650}#handoff{display:flex;gap:10px;flex-wrap:wrap}#chat-status{font-size:13px;color:var(--purple)}.chat-message{overflow-wrap:anywhere}.details{gap:28px;padding-top:22px}.details h3{font-size:14px}.details p{font-size:13px}.panel-foot{font-size:11px}.fiction{font-size:12px;align-items:flex-start}.fiction input{flex-shrink:0}button:disabled{opacity:1;background:#eeeaf1!important;color:#776d80!important;border-color:#d9d2e0!important}.quick:focus-visible,summary:focus-visible{outline:3px solid var(--gold-ink);outline-offset:3px}
@media(max-width:800px){header{padding:12px 18px;gap:12px}.legacy-logo{width:64px;height:52px}.brand{font-size:14px;gap:10px}.brand small{font-size:7px;letter-spacing:.8px}.badge{font-size:8px;letter-spacing:.6px;padding:5px 7px}main{padding:28px 16px 20px;gap:24px}.intro>p{font-size:16px;margin-bottom:12px}.note{margin-top:14px;font-size:11px}.panel-head{padding:10px 16px}.composer-area{padding:0 16px 18px}#conversation{padding:18px 16px 0}.quick-starts{gap:8px}.quick{font-size:12px;padding:10px 9px;min-height:46px}.details{gap:12px}.details p{margin:4px 0}.details h3{margin:4px 0}.chat-message.user{margin-left:18px}footer{padding:20px 16px;flex-wrap:wrap}}
@media(max-width:380px){header{padding:10px 12px}.brand{font-size:12px}.legacy-logo{width:52px;height:44px}.badge{font-size:7px}.brand small{font-size:6px}h1{font-size:34px}.send-row{align-items:flex-start}.send-row span{max-width:140px}}

/* Current-turn actions sit immediately below the latest answer. */
[hidden]{display:none!important}#handoff{padding:0 22px 12px}#handoff:empty{padding:0}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;text-decoration:none;margin-top:0}.primary:focus-visible{outline:3px solid var(--gold-ink);outline-offset:3px}@media(max-width:800px){#handoff{padding:0 16px 12px}.primary{width:100%}}

/* Bound intrinsic widths instead of clipping mobile overflow. */
main>*,.navigator,.composer-area,#handoff,.brand{min-width:0}#handoff>*{max-width:100%;white-space:normal;overflow-wrap:anywhere}textarea{max-width:100%}.owner-analytics .analytics-main{display:block;width:100%;max-width:1160px;min-width:0;overflow-wrap:anywhere}.owner-analytics header{flex-wrap:wrap}.owner-analytics h1{font-size:clamp(30px,5vw,48px);line-height:1.15}.owner-analytics h2{font-size:clamp(22px,4vw,26px)}.analytics-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.analytics-controls label{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;min-height:44px}.analytics-controls input{flex-shrink:0;width:18px;height:18px}.analytics-controls button{min-height:44px;max-width:100%}.owner-analytics #totals,.owner-analytics #paths{max-width:100%;min-width:0}.owner-analytics p{overflow-wrap:anywhere}@media(max-width:600px){header{flex-wrap:wrap}.analytics-controls{align-items:flex-start}.owner-analytics .analytics-main{padding:24px 16px}.owner-analytics .brand{flex-wrap:wrap}}
