:root{--ink:#292842;--muted:#777795;--lav:#eeeafa;--line:#ddd9ec;--accent:#7663cf;--mint:#e8f7ef}*{box-sizing:border-box}body{margin:0;background:#f8f7fb;color:var(--ink);font:16px/1.5 system-ui,sans-serif}.portal{max-width:920px;margin:auto;padding:24px 22px 70px}.masthead{display:flex;align-items:center;gap:14px;margin-bottom:20px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--ink);color:#fff;display:grid;place-items:center;font:25px Georgia}.masthead h1{font:600 22px Georgia;margin:0}.eyebrow{letter-spacing:.14em;font-size:11px;font-weight:800;color:#8886a8;margin:0 0 4px}.badge{margin-left:auto;border:1px solid #d3ccef;border-radius:999px;padding:6px 10px;color:#6e5dc1;font-size:10px;font-weight:800}.intro{background:var(--ink);color:#fff;border-radius:18px;padding:20px 26px;margin-bottom:18px}.intro h2{font:500 32px Georgia;margin:3px 0 8px}.intro p:not(.eyebrow){color:#d6d3e9;max-width:700px;margin:5px 0;font-size:14px}.notice{display:inline-block;background:#4b486c;border-radius:9px;padding:7px 10px;font-size:12px;margin-top:8px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700;margin:0 5px 7px}.progress{height:6px;background:#e8e5f2;border-radius:10px;margin-bottom:18px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent)}.step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 34px;box-shadow:0 12px 30px #302c5810;display:none}.step.active{display:block}.heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.heading>span{color:var(--accent);font-weight:800;font-size:13px}.heading h2{font:500 28px Georgia;margin:0}.heading h3{margin:0}.helper{color:var(--muted);font-size:13px}.warning{color:#9a6f2f}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{border:1px solid var(--line);border-radius:13px;padding:14px;cursor:pointer;display:grid;gap:5px}.choice:has(input:checked){border-color:var(--accent);background:var(--lav)}.choice{position:relative}.choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;clip:auto;clip-path:none;overflow:visible;white-space:normal;cursor:pointer;z-index:1}.choice:has(input:focus-visible){outline:3px solid #3f63dd55;outline-offset:2px}.choice small{color:var(--muted)}label{display:grid;gap:6px;margin:15px 0;color:#484663;font-weight:700}label em,.optional{font-size:10px;font-style:normal;color:#8a87a8;font-weight:600;margin-left:4px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #dcd6fa;border-color:var(--accent)}input:disabled,select:disabled{background:#f0eef5;color:#77758c}.conditional{background:#faf9fd;border:1px solid var(--line);border-radius:14px;padding:2px 16px 8px}.upload{background:#faf9fd;padding:16px;border-radius:14px;border:1px dashed #bbb4db}.hint{background:#fff5dc;color:#74551b;border-radius:10px;padding:10px;font-size:13px}.subsection{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.review{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:16px 0}.review div{background:#fff;padding:12px}.review small,.review b{display:block}.review small{color:var(--muted)}.check{display:flex;align-items:flex-start;gap:9px;font-weight:500}.check input{width:auto;margin-top:4px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.primary,.secondary{border:0;border-radius:10px;padding:12px 19px;font-weight:800;cursor:pointer}.primary{background:var(--accent);color:white}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.confirmation{background:var(--mint);border:1px solid #b8e1c8;border-radius:18px;padding:30px;margin-top:20px}.confirmation h2{font:500 30px Georgia}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:650px){.portal{padding:16px 12px 50px}.intro{padding:16px 18px}.intro h2{font-size:28px}.step{padding:22px 18px}.choices,.two-col,.review{grid-template-columns:1fr}.badge{display:none}.heading h2{font-size:24px}}
.genre-picker{position:relative}.genre-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}.genre-chip{border:1px solid #c9c0ec;background:var(--lav);color:#50439a;border-radius:999px;padding:6px 10px;font:700 12px system-ui;cursor:pointer}.genre-chip span{font-size:15px}.genre-search{margin-top:0}.genre-results{position:absolute;z-index:5;left:0;right:0;top:100%;max-height:260px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 14px 30px #302c5820}.genre-category{color:#8886a8;font-size:10px;font-weight:800;letter-spacing:.1em;padding:8px 6px 4px}.genre-option{border:0;background:#fff;color:var(--ink);border-radius:8px;padding:9px 10px;margin:2px;width:calc(50% - 8px);text-align:left;cursor:pointer;font:600 13px system-ui}.genre-option:hover{background:var(--lav)}.genre-option:disabled{color:#9a96af;background:#f4f2f8;cursor:default}.genre-empty{padding:14px;color:var(--muted);font-size:13px}.genre-message{margin:7px 0 0}
.genre-chip{display:inline-flex;align-items:center;gap:5px}.genre-remove{border:0;background:transparent;color:#50439a;font:700 16px/1 system-ui;cursor:pointer;padding:0 2px}.genre-remove:focus{outline:2px solid var(--accent);outline-offset:2px}textarea:disabled{background:#f0eef5;color:#77758c;border-color:#d6d2e1;cursor:not-allowed}
.brand-placeholder{width:64px;height:64px;border:1px solid #fff;border-radius:50%;display:grid;place-content:center;text-align:center;background:#111;color:#fff;font:700 9px/1.05 Inter,sans-serif;letter-spacing:.12em}.brand-placeholder span{font-size:6px;letter-spacing:.16em}.masthead h1,.heading h2,.intro h2,.confirmation h2{font-family:'DM Serif Display',Georgia,serif}.portal{background:var(--warm,#f7f6f2);max-width:960px}.masthead{padding:6px 2px 20px}.intro{background:#111;border-radius:11px;padding:22px 26px}.intro h2{font-size:34px}.step{border-radius:11px;box-shadow:0 4px 14px #1111110b;border-color:#dedcd7;padding:28px 34px}.heading h2{color:#111;font-size:30px}.eyebrow{color:#737373}.badge{border-radius:8px;border-color:#dedcd7;color:#3f63dd}.progress{background:#dedcd7}.progress span{background:#3f63dd}.primary{background:#3f63dd;border-radius:9px}.primary:hover,.primary:focus{background:#294bb8}.secondary{border-radius:9px;border-color:#dedcd7;background:#fff;color:#292929}.secondary:focus,.primary:focus,input:focus,select:focus,textarea:focus{outline:3px solid #3f63dd55;border-color:#3f63dd}.choice:has(input:checked){border-color:#3f63dd;background:#f0f3ff}.genre-chip{background:#eef2ff;border-color:#b8c7f5;color:#294bb8}.review{border-color:#dedcd7}.confirmation{border-radius:11px}.genre-results{border-color:#dedcd7}.genre-option:hover{background:#eef2ff}label{color:#292929}.helper,.review small{color:#737373}
.genre-picker{--ink:#111111;--muted:#737373;--lav:#eef2ff;--line:#dedcd7;--accent:#3f63dd}
.brand-logo{width:64px;height:64px;object-fit:contain;display:block}.brand-placeholder{display:none}