:root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#f5f7fb;background:#070a0e;
  --ink:#070a0e;--panel:#0d1219;--panel2:#111821;--line:#273142;--muted:#9aa8b8;
  --cyan:#42e8f5;--gold:#f4c45e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#172433 0,transparent 34%),radial-gradient(circle at 100% 15%,#17162a 0,transparent 25%),var(--ink)}
button,input,textarea{font:inherit}
button{touch-action:manipulation}
.launch-shell{width:min(100%,920px);margin:0 auto;padding:12px 18px 30px}
.launch-header{height:42px;display:flex;align-items:center;justify-content:space-between}
.brand-lockup,.profile-kicker{font-size:10px;letter-spacing:.17em;font-weight:900;color:var(--cyan)}
.brand-lockup span{color:#91a2b4}
.progress-label{font-size:12px;font-weight:850;color:#cbd6e2}
.progress{height:3px;background:#121821;border-radius:99px;overflow:hidden}
.progress span{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .28s ease}
.launch-grid{margin-top:14px}
.wizard-card,.launch-canvas{background:rgba(13,18,25,.9);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.24);backdrop-filter:blur(12px)}
.wizard-card{overflow:hidden}
.step-viewport{height:clamp(320px,39vh,360px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2b3948 transparent;display:grid}
.step-pane{grid-area:1/1;display:none;min-height:100%;padding:27px 28px 18px}
.step-pane.active{display:block;animation:stepInForward .24s ease}
.step-viewport[data-direction="back"] .step-pane.active{animation-name:stepInBack}
@keyframes stepInForward{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@keyframes stepInBack{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}
.step-pane h1{margin:0 0 19px;text-align:center;font-size:clamp(28px,4.5vw,38px);line-height:1.05}
.step-hint{margin:-9px auto 18px;color:var(--muted);text-align:center;max-width:560px;line-height:1.45;font-size:13px}
.macro-heading h1{margin-bottom:7px}
.mini-progress{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;color:#91a2b4;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mini-dots{display:flex;gap:4px}
.mini-dots span{display:block;width:18px;height:3px;border-radius:99px;background:#27313d;transition:.2s}
.mini-dots span.active{background:var(--cyan)}
.mini-dots span.complete{background:#596c7f}
.micro-pane{display:none;max-width:760px;margin:0 auto}
.micro-pane.active{display:block;animation:microInForward .22s ease}
.step-viewport[data-direction="back"] .micro-pane.active{animation-name:microInBack}
@keyframes microInForward{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@keyframes microInBack{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
.micro-heading{text-align:center;margin-bottom:14px}
.micro-heading h2{font-size:22px;margin:0 0 5px;line-height:1.12}
.micro-heading p{margin:0 auto;color:var(--muted);font-size:12px;line-height:1.4;max-width:540px}
.hero-input-label{display:block;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8fa0b3;margin-bottom:7px}
.hero-input,.compact-field input,.claim-fields input,.optional-details textarea,.assistant-box textarea,.inline-add input{width:100%;background:#090e14;border:1px solid #334052;color:white;border-radius:14px;padding:13px 15px;outline:none}
.hero-input{font-size:22px;text-align:center;min-height:54px}
.hero-input:focus,.compact-field input:focus,.claim-fields input:focus,.optional-details textarea:focus,.assistant-box textarea:focus,.inline-add input:focus{border-color:#4a6c86;box-shadow:0 0 0 3px rgba(66,232,245,.08)}
.brainstorm-toggle{display:flex;justify-content:center;gap:9px;align-items:center;margin:12px 0;color:#d9e4ee;font-size:13px;cursor:pointer}
.brainstorm-toggle input{accent-color:var(--cyan)}
.assistant-box{max-width:620px;margin:0 auto 10px;padding:10px;border:1px dashed #334052;border-radius:14px;background:#0b1118}
.assistant-box textarea{resize:vertical;min-height:64px}
.assistant-box .secondary{width:100%;margin-top:7px}
.suggestions{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.suggestions button{background:#182433;color:#dceaf4;border:1px solid #31506b;border-radius:999px;padding:7px 10px;cursor:pointer}
.inline-details,.add-topic-details,.customize-look{max-width:620px;margin:8px auto 0;color:#c4d0dc}
.inline-details>summary,.add-topic-details>summary,.customize-look>summary{cursor:pointer;text-align:center;list-style:none;font-size:12px;color:#9dafbf}
.inline-details>summary::-webkit-details-marker,.add-topic-details>summary::-webkit-details-marker,.customize-look>summary::-webkit-details-marker{display:none}
.inline-details[open]>summary,.customize-look[open]>summary{color:#e5edf4}
.compact-field{display:block;margin:8px auto 0;color:#c9d5e1;font-size:11px}
.compact-field input{margin-top:5px}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice-grid.goals{grid-template-columns:repeat(2,minmax(0,1fr))}
.choice-grid.compact-decisions{grid-template-columns:repeat(3,minmax(0,1fr));max-width:680px;margin:0 auto}
.choice,.chip,.theme{border:1px solid #344151;background:#111821;color:#d9e3ed;border-radius:14px;text-align:center;cursor:pointer;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}
.choice{padding:11px 12px;min-height:43px}
.choice:hover,.chip:hover,.theme:hover{border-color:#50637a;transform:translateY(-1px)}
.choice.selected,.chip.selected,.theme.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(66,232,245,.08);background:#13202a;transform:scale(1.01)}
.choice strong,.theme strong{display:block}
.choice small,.theme small{display:block;color:var(--muted);margin-top:3px;font-size:11px;line-height:1.3}
.chip-grid{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
.chip{padding:8px 11px;border-radius:999px;font-size:13px}
.text-button{display:block;margin:9px auto 0;border:0;background:transparent;color:#91cdd6;font-size:12px;font-weight:750;cursor:pointer;padding:4px 9px}
.micro-tools{display:flex;align-items:flex-start;justify-content:center;gap:14px;margin-top:7px}
.add-topic-details{margin:0}
.inline-add{display:flex;gap:7px;margin-top:7px;min-width:300px}
.inline-add input{padding:9px 11px;border-radius:11px}
.inline-add .secondary{padding:8px 12px}
.micro-done{display:block;margin:13px auto 0;min-width:116px;padding:9px 14px}
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:760px;margin:0 auto}
.theme{padding:8px;min-height:92px;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left}
.theme-visual{grid-row:1/3;width:54px;height:70px;border-radius:9px;display:flex;align-items:flex-end;padding:7px;overflow:hidden;border:1px solid rgba(255,255,255,.12);position:relative}
.theme-visual:after{content:"";position:absolute;width:48px;height:48px;border-radius:50%;right:-16px;bottom:-16px;background:currentColor;opacity:.28}
.theme-visual b{position:relative;z-index:1;font-size:8px;line-height:.95;color:white;text-transform:uppercase;word-break:break-word}
.mini-bold{background:linear-gradient(145deg,#071016,#17414b);color:#42e8f5}
.mini-editorial{background:linear-gradient(145deg,#161616,#46351b);color:#f4c45e}
.mini-premium{background:linear-gradient(145deg,#050609,#25283a);color:#cfc7ff}
.mini-human{background:linear-gradient(145deg,#25130d,#70412b);color:#ffc8aa}
.mini-future{background:linear-gradient(145deg,#080b17,#252e75);color:#6ee7ff}
.mini-creator{background:linear-gradient(145deg,#160d21,#72265f);color:#ffbce9}
.customize-look{margin-top:10px;border-top:1px solid #1d2835;padding-top:9px}
.palette-grid{display:flex;justify-content:center;gap:8px;margin-top:10px}
.palette-grid button{width:46px;height:28px;border-radius:9px;border:1px solid #384657;background:#0b1016;padding:3px;cursor:pointer}
.palette-grid button.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(66,232,245,.08)}
.palette-grid i{display:block;width:100%;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--p) 0 50%,var(--a) 50% 100%)}
.color-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:300px;margin:10px auto}
.color-row label{font-size:10px;color:#8797aa;text-align:center}
.color-row input[type=color]{display:block;width:100%;height:32px;padding:0;margin-top:5px;background:#0b1016;border:1px solid #334052;border-radius:9px}
.upload-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px;margin:10px auto 0;padding:11px;border:1px dashed #3a485b;border-radius:12px;background:#0d131b;color:#dfe7ef;cursor:pointer;text-align:center;font-size:12px}
.upload-drop input{display:none}
.upload-drop small{margin-top:2px;color:var(--muted);font-size:10px}
.claim-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:620px;margin:0 auto}
.claim-fields label,.optional-details label{font-size:12px;color:#c9d5e1}
.claim-fields input,.optional-details textarea{margin-top:7px}
.optional-details{max-width:620px;margin:13px auto 0;border:1px solid #283546;border-radius:13px;padding:11px 13px;background:#0b1118}
.optional-details summary{cursor:pointer;color:#c8d4df;font-weight:700;font-size:12px}
.optional-details label{display:block;margin-top:10px}
.show-shelf{border-top:1px solid #263242;background:linear-gradient(180deg,rgba(10,15,21,.9),rgba(8,12,17,.96));padding:10px 14px 12px}
.preview-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;font-weight:900;color:#7f90a3;padding:0 2px 7px}
.show-profile{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:center;min-height:118px}
.cover-preview{width:118px;aspect-ratio:1/1;border-radius:14px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.14);transition:transform .25s,filter .25s;background-size:cover;background-position:center}
.cover-preview:after{content:"";position:absolute;inset:auto -12% -20% auto;width:72%;height:72%;border-radius:50%;filter:blur(3px);opacity:.34;background:var(--custom-primary,currentColor);transition:background .25s}
.cover-preview:before{content:"";position:absolute;inset:12% auto auto -18%;width:48%;height:48%;border-radius:50%;filter:blur(15px);opacity:.16;background:var(--custom-accent,#f4c45e)}
.cover-preview>div{position:relative;z-index:1}
.cover-preview.cover-change{animation:coverFulfill .4s ease}
@keyframes coverFulfill{0%{transform:scale(.97);filter:brightness(.82)}60%{transform:scale(1.02);filter:brightness(1.08)}100%{transform:scale(1);filter:brightness(1)}}
.theme-bold{background:linear-gradient(145deg,#0a0f14,#153a45)}
.theme-editorial{background:linear-gradient(145deg,#161616,#3e2f18)}
.theme-premium{background:linear-gradient(145deg,#060709,#1f2130)}
.theme-human{background:linear-gradient(145deg,#24140f,#6a3c28)}
.theme-future{background:linear-gradient(145deg,#090b16,#202965)}
.theme-creator{background:linear-gradient(145deg,#171022,#6a245c)}
.cover-mark{font-size:7px;letter-spacing:.16em;font-weight:900;color:rgba(255,255,255,.72)}
.cover-category{font-size:7px;letter-spacing:.12em;font-weight:900;color:rgba(255,255,255,.62)}
.cover-preview h2{font-size:18px;line-height:.98;margin:5px 0 5px;color:white;max-width:96%}
.cover-preview p{font-size:8px;color:rgba(255,255,255,.72);line-height:1.25;margin:0}
.profile-copy{min-width:0;padding:2px 4px}
.profile-copy h2{margin:4px 0 5px;font-size:clamp(20px,3vw,28px);line-height:1.05}
.profile-copy p{color:var(--muted);line-height:1.4;margin:0 0 9px;font-size:12px;max-width:650px}
.profile-meta{display:flex;flex-wrap:wrap;gap:6px}
.profile-meta span{background:#0b1016;border:1px solid #24303d;border-radius:999px;padding:5px 8px;font-size:9px;color:#c7d3de;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.result-change{animation:resultFulfill .4s ease}
@keyframes resultFulfill{0%{opacity:.45;transform:translateY(3px)}55%{color:#fff;transform:translateY(-1px)}100%{opacity:1;transform:translateY(0)}}
.wizard-actions{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:10px;padding:10px 14px 12px;border-top:1px solid #1f2936;background:rgba(7,10,14,.72)}
.form-status{text-align:center;color:#aebcca;font-size:11px;min-height:16px}
.primary,.secondary,.ghost{border-radius:12px;font-weight:800;cursor:pointer}
.nav-arrow{width:50px;height:42px;font-size:22px}
.primary{border:0;background:linear-gradient(135deg,var(--cyan),#78cfff);color:#061018}
.secondary{border:1px solid #3b4b5f;background:#18212c;color:#edf3f8;padding:9px 13px}
.ghost{border:1px solid #253243;background:#0d131a;color:#b9c6d3}
.launch-canvas{margin-top:14px;padding:24px}
.canvas-hero h2{font-size:34px;margin:7px 0}
.canvas-hero p{color:var(--muted);max-width:720px;line-height:1.55}
.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.module-grid article{background:#0d131a;border:1px solid #2c3948;border-radius:15px;padding:15px}
.module-grid h3{margin:7px 0}
.module-grid p{color:var(--muted);font-size:12px;line-height:1.45}
.module-state{font-size:9px;letter-spacing:.12em;font-weight:850;color:var(--gold)}
.canvas-actions{display:flex;gap:10px;margin-top:18px}
.link-button{text-decoration:none;display:inline-block;padding:11px 16px}
@media(max-width:720px){
  .launch-shell{padding:8px 10px 22px}
  .launch-header{height:38px}
  .wizard-card,.launch-canvas{border-radius:16px}
  .step-viewport{height:min(42dvh,340px);min-height:290px}
  .step-pane{padding:20px 14px 12px}
  .step-pane h1{font-size:28px;margin-bottom:15px}
  .macro-heading h1{margin-bottom:5px}
  .mini-progress{margin-bottom:12px}
  .micro-heading{margin-bottom:11px}
  .micro-heading h2{font-size:20px}
  .choice-grid,.choice-grid.goals{grid-template-columns:1fr 1fr}
  .choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .choice-grid.compact-decisions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .choice{padding:10px 8px;font-size:13px}
  .theme-grid{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory;padding:2px 1px 7px;justify-content:flex-start}
  .theme{min-width:150px;scroll-snap-align:center;grid-template-columns:48px 1fr;min-height:86px}
  .theme-visual{width:48px;height:64px}
  .claim-fields{grid-template-columns:1fr}
  .show-shelf{padding:8px 10px 9px}
  .show-profile{grid-template-columns:76px 1fr;gap:10px;min-height:76px}
  .cover-preview{width:76px;border-radius:11px;padding:8px}
  .cover-preview h2{font-size:12px;margin:3px 0}
  .cover-preview p,.cover-category{display:none}
  .cover-mark{font-size:6px}
  .profile-copy{padding:0}
  .profile-kicker{font-size:8px}
  .profile-copy h2{font-size:18px;margin:2px 0 5px}
  .profile-copy p{display:none}
  .profile-meta{gap:4px}
  .profile-meta span{font-size:8px;padding:4px 6px;max-width:49%}
  .profile-meta span:nth-child(n+3){display:none}
  .wizard-actions{padding-bottom:max(11px,env(safe-area-inset-bottom))}
  .module-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  .brand-lockup{font-size:9px}
  .progress-label{font-size:11px}
  .step-viewport{height:min(43dvh,325px);min-height:285px}
  .step-pane{padding:18px 12px 10px}
  .step-pane h1{font-size:26px}
  .hero-input{font-size:19px;min-height:50px}
  .choice-grid.three{grid-template-columns:1fr}
  .category-grid{grid-template-columns:1fr 1fr}
  .choice-grid.goals{grid-template-columns:1fr 1fr}
  .chip{font-size:12px;padding:7px 9px}
  .micro-tools{flex-direction:column;align-items:center;gap:7px}
  .inline-add{min-width:min(300px,78vw)}
  .show-profile{grid-template-columns:70px 1fr;min-height:70px}
  .cover-preview{width:70px}
  .profile-copy h2{font-size:17px}
  .form-status{font-size:9px}
  .module-grid{grid-template-columns:1fr}
}