:root{--pink:#ff54b5;--pink-dark:#e23fa0;--pink-soft:#fff0f9;--pink-soft-border:#ffd3ee;--ink:#141414;--muted:#6b6b6b;--faint:#9b9b9b;--line:#e7e7e7;--wash:#f4f4f4;--white:#fff;--canvas:#eaeaea;--logo-gradient:linear-gradient(90deg, #f12123 0%, #ff54b5 100%);--success-dark:#0a7d64;--success-soft:#e9f8f4;--success-soft-border:#bfe9dd}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.app{background:var(--white);border:1px solid var(--line);flex-direction:column;flex-shrink:0;width:640px;max-width:100%;height:min(880px,90vh);display:flex;overflow:hidden}.topbar{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;font-size:11px;font-weight:700;display:flex}.topbar .brandmark{align-items:center;gap:8px;font-size:15px;line-height:1;display:flex}.topbar .brandmark .x{color:var(--faint);font-weight:500}.topbar .status{color:var(--ink);letter-spacing:.06em;font-size:12px;font-weight:700;display:inline-block}.topbar .status:empty{display:none}.progress-track{background:var(--line);flex-shrink:0;width:100%;height:2px;position:relative}.progress-fill{background:var(--pink);width:0%;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative}.progress-handle{cursor:grab;touch-action:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.progress-handle:active{cursor:grabbing}.progress-handle:before{content:"";background:var(--pink);border-radius:50%;width:8px;height:8px;box-shadow:0 0 #ff54b500}.progress-fill.pulse .progress-handle:before{animation:.6s ease-out progressPulse}@keyframes progressPulse{0%{transform:scale(1.6);box-shadow:0 0 #ff54b573}to{transform:scale(1);box-shadow:0 0 0 9px #ff54b500}}.stage{background:var(--white);flex:1;min-height:0;padding:36px 24px 24px;overflow-y:auto}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--pink);margin-bottom:18px;font-size:11px;font-weight:700}h1{letter-spacing:-.01em;margin:0 0 12px;font-size:26px;font-weight:800;line-height:1.25}h1 em{color:var(--pink);font-style:italic;font-weight:800}.subtext{color:var(--muted);max-width:460px;margin:0 0 26px;font-size:14.5px;line-height:1.55}.subtext-list{color:var(--muted);max-width:460px;margin:-14px 0 26px;padding-left:20px;font-size:14.5px;line-height:1.7}.subtext-list li{margin-bottom:2px}label.field-label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink);margin-bottom:8px;font-size:11px;font-weight:700;display:block}label.field-label .hint{color:var(--faint);text-transform:none;letter-spacing:0;font-weight:600}textarea,input[type=text],input[type=email],select{background:var(--wash);width:100%;color:var(--ink);resize:vertical;border:1px solid #0000;border-radius:4px;min-height:76px;padding:12px 14px;font-family:inherit;font-size:14.5px;transition:border-color .15s,background .15s}input[type=text],input[type=email],select{resize:none;min-height:auto}textarea::placeholder,input::placeholder{color:var(--faint)}textarea:focus,input[type=text]:focus,input[type=email]:focus,select:focus{border-color:var(--pink);background:var(--white);outline:none}textarea.invalid,input.invalid{border-color:var(--pink);background:var(--pink-soft)}.field-block{margin-bottom:22px}.field-block:last-child{margin-bottom:0}.example-box{background:var(--pink-soft);border:1.5px solid var(--pink);border-left:5px solid var(--pink);border-radius:6px;margin-bottom:22px;padding:20px;box-shadow:0 2px 10px #ff54b52e}.example-box .eyebrow{margin-bottom:10px}.example-box .quote{color:var(--ink);margin:0 0 12px;font-family:Fraunces,serif;font-size:17px;font-style:italic;line-height:1.5}.example-box .note{color:var(--muted);font-size:13px}.file-note{color:var(--pink);margin-top:10px;margin-bottom:22px;font-size:13px;font-weight:600}.triple{flex-direction:column;gap:20px;display:flex}.triple .field-block .desc{color:var(--muted);text-transform:none;letter-spacing:0;margin:-2px 0 10px;font-size:13px;font-weight:500}.grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;display:grid}.grid.invalid{border:1.5px solid var(--pink);background:var(--pink-soft);border-radius:8px;padding:10px}.card{border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:14px 16px;transition:border-color .15s,background .15s}.card:hover{border-color:var(--pink-soft-border)}.card.selected{border-color:var(--pink);background:var(--pink-soft)}.card .card-title{margin-bottom:2px;font-size:14.5px;font-weight:700}.card .card-sub{color:var(--muted);font-size:12.5px}.card.selected .card-title{color:var(--pink-dark)}.select-hint{color:var(--faint);margin-bottom:14px;font-size:12.5px;font-weight:600}.card-palette{gap:4px;margin-top:10px;display:flex}.card-palette .swatch{border:1px solid #00000014;border-radius:4px;flex-shrink:0;width:24px;height:24px}.type-card .glyph{color:var(--ink);margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700;line-height:1}.words-row{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:22px;display:grid}.words-row:last-child{margin-bottom:0}.slider-group{margin-bottom:30px}.slider-group:last-child{margin-bottom:0}.slider-labels{justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}input[type=range]{-webkit-appearance:none;background:var(--line);border-radius:2px;outline:none;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--pink);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #00000026}input[type=range]::-moz-range-thumb{background:var(--pink);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #00000026}.navbar{border-top:1px solid var(--line);background:var(--white);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 24px;display:grid}.btn-back{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-self:start;padding:8px 4px;font-family:inherit;font-size:13.5px;font-weight:600}.btn-back:disabled{color:var(--faint);cursor:default;opacity:.5}.btn-back:not(:disabled):hover{color:var(--ink)}.step-counter{color:var(--faint);justify-self:center;font-size:13px;font-weight:600}.btn-next{background:var(--logo-gradient);color:var(--white);cursor:pointer;border:none;border-radius:6px;justify-self:end;padding:11px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:filter .15s,transform .1s}.btn-next:hover{filter:brightness(.92)}.btn-next:active{transform:scale(.98)}.btn-next:disabled{opacity:.6;cursor:default}.btn-dark,.btn-secondary{cursor:pointer;border-radius:6px;padding:11px 20px;font-family:inherit;font-size:13.5px;font-weight:700}.btn-dark{background:var(--ink);color:var(--white);border:1px solid var(--ink)}.btn-dark:hover{filter:brightness(1.2)}.btn-secondary{background:var(--white);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{border-color:var(--ink)}.review-actions{border-top:1px solid var(--line);gap:10px;margin-top:8px;padding-top:22px;display:flex}.required-warning{text-align:center;color:var(--pink-dark);flex-shrink:0;padding:0 24px 10px;font-size:12.5px;font-weight:600}.footer-note{text-align:center;color:var(--faint);background:var(--white);flex-shrink:0;padding:10px 16px 18px;font-size:11px}.review-section{margin-bottom:26px}.review-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--pink);border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:700}.review-item{margin-bottom:14px}.review-item:last-child{margin-bottom:0}.review-q{color:var(--muted);margin-bottom:3px;font-size:12.5px;font-weight:600}.review-a{color:var(--ink);font-size:14.5px;font-weight:500;line-height:1.5}.review-a.empty{color:var(--faint);font-style:italic;font-weight:400}.done-wrap{flex-direction:column;align-items:flex-start;padding-top:60px;display:flex}.done-mark{background:var(--pink);width:44px;height:44px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:20px;display:flex}.harness-panel{background:var(--white);border:1px solid var(--line);border-radius:6px;flex-shrink:0;align-self:flex-start;width:260px;padding:20px;font-size:13px}.harness-panel h2{text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px;font-size:13px}.harness-panel label{cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;display:flex}.harness-wrap{justify-content:center;align-items:flex-start;gap:24px;width:100%;display:flex}@media (max-width:900px){.harness-wrap{flex-direction:column;align-items:center}}@media (max-width:480px){.grid,.words-row{grid-template-columns:1fr}h1{font-size:22px}}.signin-wrap{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.signin-card{background:var(--white);border:1px solid var(--line);border-radius:6px;width:360px;max-width:100%;padding:32px}.dash-wrap{width:100%;max-width:1100px;margin:0 auto;padding:20px 0 60px}.dash-header{margin-bottom:28px}.dash-header-row{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.dash-account{align-items:center;gap:12px;display:flex}.dash-account-email{color:var(--muted);font-size:13px}.dash-title{margin:0;font-size:28px}.dash-columns{grid-template-columns:320px 1fr;place-items:stretch center;gap:20px;display:grid}.dash-columns>*{width:100%;min-width:0}@media (max-width:1200px){.dash-columns{grid-template-columns:1fr}}.dash-preview-card{overflow:hidden}.dash-preview-frame{justify-content:center;max-height:900px;display:flex;overflow-y:auto}.dash-preview-empty .subtext{margin:0}.dash-card{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:24px}.dash-card-title{margin:0 0 18px;font-size:16px;font-weight:800}.dash-tracker-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dash-tracker-header .dash-card-title{margin-bottom:0}.dash-preset-row{flex-wrap:wrap;gap:8px;display:flex}.dash-checklist{flex-direction:column;gap:8px;display:flex}.dash-checklist-item{cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:flex}.dash-error{color:#b3261e;background:#fff0f0;border:1px solid #ffd3d3;border-radius:6px;margin-bottom:16px;padding:12px 14px;font-size:13px}.dash-error-inline{margin:8px 0 0;padding:8px 10px}.dash-result{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.dash-result-label{letter-spacing:.06em;text-transform:uppercase;color:var(--pink);margin-bottom:8px;font-size:11px;font-weight:700}.dash-result-url{color:var(--ink);background:var(--wash);word-break:break-all;border-radius:4px;margin-bottom:12px;padding:10px 12px;font-size:13px}.dash-link-list{flex-direction:column;gap:14px;display:flex}.dash-link-card{border:1px solid var(--line);border-radius:6px;padding:16px}.dash-link-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.dash-link-card-name{font-size:14.5px;font-weight:700}.dash-link-card-tags{color:var(--muted);margin-bottom:12px;font-size:12.5px}.dash-link-row{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:5px 0;font-size:12.5px;display:flex}.dash-link-row-label{color:var(--faint);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.dash-link-row-value{color:var(--ink)}.dash-link-card-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.dash-table-btn{padding:7px 12px;font-size:12.5px}.status-badge{border:1px solid;border-radius:100px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}
