@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&display=swap";:root{color:#eceee9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--black:#050705;--panel:#0c0f0c;--white:#f2f4ef;--muted:#969d96;--green:#689269;--green-light:#8faf90;--line:#f2f4ef24;background:#050705;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--black)}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible{outline:2px solid var(--green-light);outline-offset:3px}button:disabled{cursor:not-allowed}::selection{color:#050705;background:var(--green-light)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.welcome,.experience{background:var(--black);min-height:100dvh;position:relative;overflow-x:hidden}.welcome{isolation:isolate;grid-template-rows:auto 1fr;display:grid;overflow-y:hidden}.welcome__image{z-index:-2;filter:saturate(.62)contrast(1.08);background:url(/modern-art-group.jpeg) 52%/cover no-repeat;position:absolute;inset:0;transform:scale(1.015)}.welcome:before{content:"";z-index:-1;background:linear-gradient(90deg,#020402f5 0%,#020402d1 44%,#02040240 78%),linear-gradient(#0000 45%,#020402e6 100%);position:absolute;inset:0}.brand-header,.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:104px;padding:0 clamp(24px,5vw,76px);display:flex}.brand-header img,.app-header img{object-fit:contain;width:62px;height:62px}.brand-header span{letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e;font-size:10px;font-weight:600}.welcome__content{align-self:center;width:min(760px,100% - 48px);margin-left:clamp(24px,10vw,150px);padding:40px 0 80px}.section-tag,.eyebrow{color:var(--green-light);letter-spacing:.24em;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.2}.section-tag{align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-tag span{background:var(--green);width:32px;height:1px}h1{text-transform:uppercase;text-wrap:balance;margin:0;font-family:Bebas Neue,Impact,sans-serif;font-weight:400}h1:focus{outline:none}h1 em{color:var(--green-light);font-style:normal}.welcome h1{letter-spacing:.012em;max-width:720px;font-size:clamp(74px,9vw,132px);line-height:.86}.welcome__content>p{color:#b4bbb4;margin:26px 0 30px;font-size:15px}.primary-button,.secondary-button{color:#030503;background:var(--green-light);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:28px;min-height:56px;padding:0 25px;font-size:13px;font-weight:650;transition:transform .18s,background .18s,opacity .18s;display:inline-flex}.primary-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:19px}.primary-button:hover:not(:disabled){background:#a4c0a5;transform:translateY(-2px)}.primary-button:disabled{opacity:.32}.primary-button--light{background:#edf1ea;min-width:180px}.welcome__content small{color:#ffffff7a;letter-spacing:.08em;margin-top:17px;font-size:10px;display:block}.welcome__index{z-index:-1;color:#0000;-webkit-text-stroke:1px #8faf9038;font:400 clamp(220px,31vw,460px)/.8 Bebas Neue,sans-serif;position:absolute;bottom:-6vw;right:4vw}.experience:before{content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0}.app-header{z-index:2;height:88px;position:relative}.app-header img{width:54px;height:54px}.progress{letter-spacing:.12em;color:#868d86;align-items:center;gap:13px;font-size:9px;font-weight:600;display:flex}.progress__track{background:#ffffff29;width:clamp(90px,15vw,190px);height:1px}.progress__track i{background:var(--green-light);height:2px;margin-top:-1px;transition:width .4s cubic-bezier(.16,1,.3,1);display:block}.question-panel{z-index:1;grid-template-columns:minmax(250px,.8fr) minmax(480px,1.2fr);align-content:center;gap:clamp(50px,8vw,130px);width:min(1180px,100% - 48px);min-height:calc(100svh - 88px);margin:auto;padding:clamp(48px,7vh,86px) 0 100px;display:grid;position:relative}.question-panel__content{grid-column:2;position:relative}.question-panel__number{pointer-events:none;-webkit-user-select:none;user-select:none;width:1px;height:1px;position:absolute;top:50%;left:-2vw;transform:translateY(-55%)}.question-panel__number:before{content:attr(data-number);color:#0000;-webkit-text-stroke:1px #8faf9030;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font:400 clamp(190px,28vw,420px)/1 Bebas Neue,sans-serif;position:absolute;top:0;left:0;transform:translateY(-50%)}.question-panel h1{color:var(--white);letter-spacing:.01em;max-width:720px;margin-top:17px;font-size:clamp(52px,5.5vw,82px);line-height:.94}.question-hint{color:var(--muted);margin:18px 0 30px;font-size:13px}.choices{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.choice{appearance:none;border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:68px;color:var(--white);text-align:left;touch-action:manipulation;cursor:pointer;background:#ffffff03;grid-template-columns:30px 1fr 20px;align-items:center;gap:9px;padding:0 18px;transition:background .16s,color .16s;display:grid}.choice:nth-child(2n){border-right:0}.choice>span{color:#697069;letter-spacing:.08em;font-size:9px}.choice strong{font-size:13px;font-weight:500}.choice i{color:#7c837c;border:1px solid #fff3;border-radius:50%;place-items:center;width:20px;height:20px;font-size:13px;font-style:normal;display:grid}.choice:active{color:var(--white);background:#8faf901f}.choice.choice--selected,.choice.choice--selected:hover,.choice.choice--selected:active,.choice.choice--selected:focus{color:#081008;background:var(--green-light)}.choice.choice--selected>span,.choice.choice--selected i{color:#081008}.choice.choice--selected i{border-color:#0810085c}@media (hover:hover) and (pointer:fine){.choice:hover{background:#8faf9012}}@media (hover:none),(pointer:coarse){.choice{transition:none}}.flow-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:20px;display:flex;position:absolute;bottom:22px;left:0;right:0}.back-button,.regenerate-button{color:#8b928b;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;font-size:12px}.back-button:hover,.regenerate-button:hover{color:var(--white)}.textarea-wrap{display:block;position:relative}textarea{resize:none}.textarea-wrap textarea,.review-editor textarea{width:100%;color:var(--white);background:#ffffff06;border:1px solid #fff3;border-radius:0;padding:20px;line-height:1.65}.textarea-wrap textarea{min-height:140px;padding-bottom:36px;font-size:16px}textarea::placeholder{color:#656b65}.textarea-wrap small{color:#686f68;font-size:9px;position:absolute;bottom:12px;right:14px}.generation,.complete{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 88px);padding:40px 24px 88px;display:flex;position:relative}.generation h1,.complete h1{color:var(--white);margin:20px 0;font-size:clamp(72px,9vw,124px);line-height:.85}.generation>p:last-child,.complete>p{color:var(--muted);font-size:13px}.generation__mark{place-items:center;width:74px;height:74px;margin-bottom:34px;display:grid;position:relative}.generation__mark span{border:1px solid var(--green-light);width:46px;height:46px;animation:1.35s ease-in-out infinite draft-pulse;position:absolute;transform:rotate(45deg)}.generation__mark span:nth-child(2){width:34px;height:34px;animation-delay:.15s}.generation__mark span:nth-child(3){background:var(--green);width:20px;height:20px;animation-delay:.3s}.preview{z-index:1;grid-template-columns:.78fr 1.22fr;align-content:center;gap:clamp(50px,8vw,130px);width:min(1180px,100% - 48px);min-height:calc(100svh - 88px);margin:auto;padding:clamp(48px,7vh,80px) 0 110px;display:grid;position:relative}.preview__intro h1{margin:18px 0;font-size:clamp(72px,8vw,116px);line-height:.84}.preview__intro>p:last-child{color:var(--muted);font-size:13px}.review-editor{align-self:center}.review-editor__label{color:#707770;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;margin-bottom:11px;font-size:9px;display:flex}.review-editor textarea{min-height:246px;font-size:15px}.regenerate-button{margin-top:8px}.preview__actions{grid-column:1/-1}.copy-status{color:#d4b88f;margin:0;font-size:10px;position:absolute;bottom:-18px;right:0}.complete__check{border:1px solid var(--green-light);color:#071007;background:var(--green-light);border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:34px;font-size:24px;display:grid}.handoff-card{border:1px solid var(--line);text-align:left;width:min(440px,100%);margin:34px 0 22px;padding:20px}.handoff-card span{color:var(--green-light);letter-spacing:.18em;text-transform:uppercase;font-size:9px}.handoff-card strong{color:var(--white);margin:10px 0 7px;font-size:14px;font-weight:500;display:block}.handoff-card p{color:#747b74;margin:0;font-size:11px;line-height:1.5}.secondary-button{min-height:46px;color:var(--white);border:1px solid var(--line);background:0 0}.secondary-button:hover{border-color:var(--green)}@keyframes draft-pulse{0%,to{opacity:.25;transform:rotate(45deg)scale(.82)}50%{opacity:1;transform:rotate(45deg)scale(1)}}@media (width<=720px){.brand-header,.app-header{height:calc(76px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left))}.brand-header img,.app-header img{width:48px;height:48px}.brand-header span{font-size:8px}.welcome:before{background:linear-gradient(#02040261 0%,#020402bd 46%,#020402fa 100%)}.welcome__image{background-position:49%}.welcome__content{width:auto;padding:40px 20px max(48px, env(safe-area-inset-bottom));align-self:end;margin:0}.section-tag{margin-bottom:18px;font-size:8px}.welcome h1{font-size:clamp(63px,21vw,86px);line-height:.88}.welcome__content>p{max-width:300px;margin:20px 0 25px;font-size:13px;line-height:1.5}.primary-button--light{width:100%}.welcome__index{display:none}.progress__track{width:74px}.question-panel{width:auto;height:calc(100dvh - 76px - env(safe-area-inset-top));flex-direction:column;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.preview{width:auto;min-height:calc(100dvh - 76px - env(safe-area-inset-top));margin:0;padding:40px 20px 0;display:block}.question-panel__number{opacity:.7;font-size:160px;top:-15px;left:auto;right:-20px;transform:none}.question-panel__content{z-index:1;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:40px 20px 28px;position:relative;overflow-y:auto}.question-panel h1{max-width:350px;margin-top:14px;font-size:clamp(46px,13.5vw,58px);line-height:.92}.question-hint{margin:15px 0 25px;font-size:12px}.choices{display:block}.choice{border-right:0;width:100%;min-height:58px}.flow-actions{z-index:4;min-height:calc(82px + env(safe-area-inset-bottom));padding:13px 20px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050705f5;flex:none;position:relative;bottom:auto;left:auto;right:auto}.flow-actions .primary-button{gap:18px;min-height:52px;padding-inline:20px}.textarea-wrap textarea{min-height:155px}.generation,.complete{min-height:calc(100svh - 76px);padding-bottom:76px}.generation h1,.complete h1{font-size:clamp(70px,22vw,92px)}.preview__intro h1{margin:15px 0;font-size:68px}.preview__intro>p:last-child{margin-bottom:30px}.review-editor textarea{min-height:220px;font-size:16px}.preview__actions{margin:32px -20px 0;position:sticky;bottom:0}.preview__actions .primary-button{font-size:11px}.copy-status{right:20px;bottom:calc(84px + env(safe-area-inset-bottom));text-align:right;background:#17140f;max-width:240px;padding:8px 10px;line-height:1.4}.complete__check{margin-bottom:25px}.handoff-card{margin-top:27px}}@media (height<=720px) and (width<=720px){.question-panel{padding-top:26px}.question-panel h1{font-size:44px}.question-hint{margin-bottom:18px}.choice{min-height:52px}.welcome h1{font-size:66px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.question-panel__number::selection{color:currentColor;background:0 0}.question-panel__number{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.question-panel__content>:not(.question-panel__number){z-index:2;position:relative}