:root{--pink:#ff0099;--ink:#111;--paper:#f5f5f3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{background:#111;display:flex;align-items:center;justify-content:space-between;padding:20px max(24px,calc((100vw - 1160px)/2));gap:20px}header img{width:166px;height:auto}header span{color:white;font-size:14px;font-weight:700;letter-spacing:2px}main{max-width:1160px;margin:auto;padding:38px 24px;min-height:70vh}footer{border-top:1px solid #ccc;max-width:1112px;margin:0 auto;padding:24px;line-height:1.8;font-size:14px;color:#555}.start{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid #bbb;min-height:600px}.intro{padding:38px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:14px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.tag{display:inline-block;background:var(--pink);padding:8px 12px;font-weight:bold;align-self:flex-start}h1{font-size:clamp(38px,5.7vw,76px);line-height:.99;letter-spacing:-2.5px;margin:24px 0;text-transform:uppercase;font-weight:900}h1 em{font-style:normal;color:var(--pink)}.intro p{font-size:19px;line-height:1.5;max-width:470px}.intro small{font-size:15px;line-height:1.5;margin:0 0 25px}.hero-image{position:relative;overflow:hidden;background:#111}.hero-image img{width:100%;height:100%;object-fit:cover}.sticker{position:absolute;bottom:30px;left:20px;right:20px;background:var(--pink);padding:18px;font-size:25px;font-weight:900;transform:rotate(-3deg)}button{font:inherit;cursor:pointer;border:0;font-weight:700;min-height:52px;padding:16px 22px;background:#111;color:white}button.primary{background:var(--pink);color:#111}button:hover{filter:brightness(.92)}button:focus-visible,input:focus-visible{outline:3px solid var(--pink);outline-offset:4px}button:disabled{opacity:.55;cursor:wait}.question{max-width:800px;margin:10px auto 30px}.progress{height:5px;background:#ddd;margin:15px 0 28px}.progress div{height:100%;background:var(--pink);transition:width .3s}.question h2{font-size:clamp(26px,4vw,42px);line-height:1.12;letter-spacing:-1px}.answers{display:grid;gap:12px}.answer{background:white;color:#111;border:1px solid #aaa;text-align:left;display:flex;align-items:center;gap:18px;font-size:18px;line-height:1.4;font-weight:500}.answer b{display:grid;place-items:center;width:32px;min-width:32px;height:32px;background:#f1f1f1;font-size:14px}.answer:hover{background:var(--pink);border-color:var(--pink)}.back{margin-top:20px;background:transparent;color:#555;font-size:14px;padding-left:0}.result{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:46px;align-items:center}.card-preview{width:100%;height:auto;display:block;box-shadow:12px 12px 0 #111}.result h2{font-size:40px;line-height:1.05;margin:20px 0}.result p{font-size:18px;line-height:1.5}.controls{display:grid;gap:12px}.controls label{font-size:14px;font-weight:bold}.controls input{width:100%;padding:14px;border:1px solid #aaa;background:white;font:inherit;font-size:16px}.controls small{font-size:14px;line-height:1.5;color:#555}.swatches{display:flex;gap:10px}.swatch{width:42px;min-height:42px;padding:0;border:2px solid transparent;border-radius:50%}.swatch.active{outline:2px solid #111;outline-offset:3px}.note{font-size:14px!important;color:#666}.loading{font-size:24px;padding:70px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#111;color:white;padding:14px 22px;max-width:90vw;display:none;z-index:9}@media(max-width:650px){header{padding:16px 20px}header img{width:140px}header span{font-size:11px;letter-spacing:1px}main{padding:20px 16px}.start{grid-template-columns:1fr;min-height:0}.intro{padding:25px 22px}h1{letter-spacing:-1.5px;margin:18px 0}.intro p{font-size:17px}.hero-image{height:280px}.hero-image img{object-position:50% 35%}.sticker{font-size:20px;bottom:20px}.result{grid-template-columns:1fr;gap:30px}.card-preview{max-width:360px;margin:0 auto;box-shadow:7px 7px 0 #111}.result h2{font-size:32px}.answer{font-size:16px;padding:15px;gap:12px}footer{font-size:13px}.question h2{margin-top:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}