:root{--ink:#33262b;--muted:#806e73;--accent:#d75f7b;--accent-dark:#b74160;--accent-soft:#f8dce3;--cream:#fffaf7;--paper:rgba(255,255,255,.86);--line:rgba(112,74,84,.16);--sage:#81977c;--gold:#ecb967;--shadow:0 24px 70px rgba(93,49,61,.14);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif}
body.theme-lilac{--accent:#9a73c6;--accent-dark:#7953a7;--accent-soft:#eee4fa;--sage:#7d91a9}body.theme-sunset{--accent:#e27362;--accent-dark:#bd5142;--accent-soft:#fde5dd;--sage:#8a9a74}body.theme-sage{--accent:#6f9979;--accent-dark:#4f7759;--accent-soft:#e2eee3;--sage:#6f9979}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 12% 18%,rgba(247,188,200,.38),transparent 30rem),radial-gradient(circle at 90% 80%,rgba(239,210,166,.28),transparent 31rem),var(--cream);overflow-x:hidden}button,input,textarea,select{font:inherit}button{border:0}.hidden{display:none!important}.screen{animation:screenIn .55s cubic-bezier(.2,.8,.2,1)}@keyframes screenIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.orb{position:absolute;border-radius:50%;opacity:.42}.orb-one{width:240px;height:240px;background:#ffd8df;left:-90px;top:16%}.orb-two{width:290px;height:290px;background:#f6e1bd;right:-120px;bottom:3%}.orb-three{width:110px;height:110px;background:var(--accent-soft);right:14%;top:8%}.floating-heart{position:absolute;color:var(--accent);font-size:25px;opacity:.22;animation:drift 7s ease-in-out infinite}.heart-one{left:7%;top:70%}.heart-two{right:7%;top:23%;animation-delay:-2s}.heart-three{left:47%;top:8%;animation-delay:-4s}@keyframes drift{50%{transform:translateY(-14px) rotate(9deg)}}
.site-header{width:min(1180px,calc(100% - 40px));height:86px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(215,95,123,.42);border-radius:50%;font-family:var(--serif);font-size:20px;font-style:italic;color:var(--accent)}.brand-heart{color:var(--accent)}.header-note{font-size:12px;color:var(--muted);letter-spacing:.08em}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto 70px}
.primary-button,.secondary-button,.text-button,.icon-button,.choice-option,.theme-card{cursor:pointer}.primary-button{min-height:54px;padding:0 24px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 28%,transparent);transition:.2s}.primary-button:hover{background:var(--accent-dark);transform:translateY(-2px)}.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.secondary-button{min-height:48px;padding:0 20px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:650;transition:.2s}.secondary-button:hover{border-color:var(--accent);color:var(--accent-dark)}.text-button{padding:9px 0;background:transparent;color:var(--muted);font-weight:600}.text-button:hover{color:var(--accent)}.button-arrow{margin-left:9px}.error-text{min-height:20px;margin:0;color:#a6364d;font-size:13px}
.creator-hero{min-height:390px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px;padding:42px 5% 58px}.eyebrow,.question-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent-dark);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero-copy h1,.welcome-copy h1,.share-card h1,.success-copy h1,.center-card h1{margin:17px 0 20px;font:600 clamp(42px,6vw,76px)/.98 var(--serif);letter-spacing:-.045em}.hero-copy h1 em,.welcome-copy h1 em{color:var(--accent)}.hero-copy>p{max-width:630px;margin:0;color:var(--muted);font-size:18px;line-height:1.7}.mini-proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:27px;color:var(--muted);font-size:13px}.mini-proof i{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:5px;border-radius:50%;background:var(--accent-soft);color:var(--accent-dark);font-style:normal}
.creator-doodle{position:relative;min-height:260px;display:grid;place-items:center}.envelope{position:relative;width:260px;height:170px;border-radius:8px;background:#fff;box-shadow:var(--shadow);transform:rotate(4deg);overflow:hidden}.envelope:before,.envelope:after{content:"";position:absolute;bottom:-58px;width:190px;height:190px;background:#fff5f5;transform:rotate(45deg)}.envelope:before{left:-91px}.envelope:after{right:-91px}.envelope-flap{position:absolute;left:27px;top:-95px;width:205px;height:205px;border-radius:9px;background:var(--accent-soft);transform:rotate(45deg);z-index:2}.envelope-heart{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--accent);color:#fff}.doodle-note{position:absolute;right:8%;bottom:8%;font:italic 600 18px var(--serif);transform:rotate(-6deg)}.doodle-sparkle{position:absolute;left:8%;top:8%;color:var(--gold);font-size:36px}
.builder{display:grid;gap:24px}.builder-card{padding:30px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:var(--paper);box-shadow:0 16px 55px rgba(91,49,61,.08);backdrop-filter:blur(15px)}.card-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:23px}.step-number{display:block;margin-bottom:6px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.card-heading h2{margin:0;font:600 26px var(--serif)}.card-heading p{margin:7px 0 0;color:var(--muted);font-size:14px}.question-count{padding:7px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-size:12px;font-weight:700}
.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.field-label{display:grid;gap:8px;color:var(--ink);font-size:13px;font-weight:650}.field-label input,.field-label textarea,.field-label select,.question-input{width:100%;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.9);color:var(--ink);outline:0;transition:.2s}.field-label input{height:50px;padding:0 15px}.field-label input:focus,.question-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.privacy-note{margin:15px 0 0;color:var(--muted);font-size:12px}.privacy-note span{margin-right:5px;color:var(--accent)}
.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.theme-card{position:relative;min-height:150px;padding:18px;border:1px solid var(--line);border-radius:18px;text-align:left;background:#fff;color:var(--ink);transition:.22s;overflow:hidden}.theme-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(78,44,54,.1)}.theme-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-icon{display:block;margin-bottom:19px;font-size:28px}.theme-card strong{display:block;font:600 18px var(--serif)}.theme-card small{display:block;margin-top:5px;color:var(--muted);line-height:1.45}.theme-check{position:absolute;right:12px;top:12px;display:none;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;text-align:center;line-height:22px}.theme-card.selected .theme-check{display:block}
.question-editor{display:grid;gap:12px}.question-row{display:grid;grid-template-columns:34px minmax(0,1fr) 150px 38px;gap:10px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:17px;background:#fff}.question-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent-dark);font-size:12px;font-weight:700}.question-fields{display:grid;gap:8px}.question-input{height:42px;padding:0 12px}.choice-input{height:38px!important;font-size:12px}.question-type{height:42px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink)}.remove-question{width:38px;height:38px;border-radius:50%;background:#fff1f2;color:#a9465a;font-size:19px;cursor:pointer}.question-tools{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.generate-row{display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:5px 3px}.generate-row .error-text{margin-right:auto}
.share-screen,.loading-screen,.load-error-screen,.success-screen{min-height:calc(100vh - 160px);display:grid;place-items:center}.share-card,.center-card{width:min(650px,100%);padding:45px;border:1px solid rgba(255,255,255,.9);border-radius:32px;background:var(--paper);box-shadow:var(--shadow);text-align:center}.share-card h1,.center-card h1{font-size:clamp(38px,6vw,62px)}.share-card p,.center-card p{color:var(--muted);line-height:1.65}.share-bloom{font-size:45px;animation:bob 2.4s ease-in-out infinite}.share-link-box{display:flex;gap:9px;margin:28px 0 17px;padding:8px;border:1px solid var(--line);border-radius:15px;background:#fff}.share-link-box input{min-width:0;flex:1;border:0;outline:0;padding:0 8px;color:var(--muted)}.share-actions{display:flex;justify-content:center;gap:11px}.share-note{font-size:12px}@keyframes bob{50%{transform:translateY(-6px)}}.loading-petals{position:relative;width:72px;height:72px;margin:auto}.loading-petals span{position:absolute;left:27px;top:2px;width:18px;height:34px;border-radius:50%;background:var(--accent-soft);transform-origin:9px 34px;animation:pulse 1.2s infinite}.loading-petals span:nth-child(2){transform:rotate(120deg);animation-delay:-.4s}.loading-petals span:nth-child(3){transform:rotate(240deg);animation-delay:-.8s}@keyframes pulse{50%{opacity:.35}}
.welcome-screen{min-height:calc(100vh - 160px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:40px 5%}.welcome-copy>p{max-width:610px;color:var(--muted);font-size:18px;line-height:1.7}.welcome-copy .primary-button{margin-top:12px}.welcome-meta{margin-top:18px;color:var(--muted);font-size:12px}.garden-card{position:relative;width:min(420px,100%);height:480px;margin:auto;padding:18px 18px 74px;background:#fff;box-shadow:var(--shadow);transform:rotate(3deg)}.garden-scene{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(#f9dfe1 0 54%,#cbd6af 54%);isolation:isolate}.sun{position:absolute;right:40px;top:35px;width:72px;height:72px;border-radius:50%;background:#f4ce79;box-shadow:0 0 0 16px rgba(255,239,185,.28)}.hill{position:absolute;bottom:-80px;border-radius:50% 50% 0 0}.hill-back{right:-45px;width:380px;height:240px;background:#a8b989}.hill-front{left:-70px;width:410px;height:260px;background:var(--sage)}.mini-flower{position:absolute;bottom:52px;width:5px;height:94px;background:#536a50;transform-origin:bottom}.mini-flower:after{content:"";position:absolute;left:-8px;top:-9px;width:22px;height:22px;border-radius:45% 55%;background:#fff7df;box-shadow:8px 2px #fff7df,4px -6px #fff7df}.flower-a{left:29%;transform:rotate(-5deg)}.flower-b{left:58%;height:75px;transform:rotate(6deg)}.flower-c{left:82%;height:55px;transform:rotate(10deg)}.garden-card figcaption{position:absolute;left:22px;bottom:21px;font:italic 600 20px var(--serif)}.polaroid-heart{position:absolute;right:26px;bottom:20px;color:var(--accent);font-size:24px}
.quiz-screen{min-height:calc(100vh - 160px);padding:25px 0}.quiz-topbar{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;gap:18px}.icon-button{display:flex;align-items:center;gap:7px;background:transparent;color:var(--muted);font-weight:600}.progress-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.progress-label{grid-column:1;font-size:12px;color:var(--muted)}.progress-percent{grid-column:2;text-align:right;font-size:12px;color:var(--muted)}.progress-track{grid-column:1/3;height:7px;border-radius:99px;background:var(--accent-soft);overflow:hidden}.progress-bar{height:100%;width:0;border-radius:99px;background:var(--accent);transition:width .4s}.survey-form{width:min(740px,100%);margin:55px auto}.question-card{padding:42px;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:var(--paper);box-shadow:var(--shadow)}.question-card h2{margin:13px 0 8px;font:600 clamp(29px,5vw,46px)/1.15 var(--serif);letter-spacing:-.025em}.question-hint{margin:0 0 25px;color:var(--muted)}.answer-input{width:100%;min-height:58px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);font-size:16px;outline:0}.answer-input.textarea{min-height:140px;resize:vertical}.answer-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.choice-list{display:grid;gap:10px}.choice-option{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);text-align:left;transition:.18s}.choice-option:hover,.choice-option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 55%,white)}.choice-dot{width:20px;height:20px;border:2px solid #d8c6cb;border-radius:50%;box-shadow:inset 0 0 0 4px #fff}.choice-option.selected .choice-dot{background:var(--accent);border-color:var(--accent)}.question-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.keyboard-hint{color:var(--muted);font-size:11px}.validation-message{min-height:18px;margin:10px 0 0;color:#a6364d;font-size:13px}
.flower-stage{position:relative;width:220px;height:250px;margin:0 auto 8px}.stem{position:absolute;left:108px;bottom:14px;width:5px;height:145px;border-radius:9px;background:#739270;transform-origin:bottom;animation:growStem .9s ease-out both}.leaf{position:absolute;width:57px;height:30px;border-radius:100% 0 100% 0;background:#8cac83;transform:scale(0)}.leaf-left{left:57px;bottom:71px;transform-origin:right bottom;animation:leafOut .45s .65s forwards}.leaf-right{right:48px;bottom:104px;transform-origin:left bottom;animation:leafOut .45s .78s forwards;rotate:75deg}.bloom{position:absolute;left:110px;top:69px;transform:scale(0);animation:bloomOut .9s 1s cubic-bezier(.2,1.7,.3,1) forwards}.petal{position:absolute;left:-24px;top:-53px;width:48px;height:64px;border-radius:55% 55% 45% 45%;background:linear-gradient(#f8b4c2,var(--accent));transform-origin:24px 55px}.petal:nth-child(2){transform:rotate(72deg)}.petal:nth-child(3){transform:rotate(144deg)}.petal:nth-child(4){transform:rotate(216deg)}.petal:nth-child(5){transform:rotate(288deg)}.flower-center{position:absolute;left:-16px;top:-17px;width:32px;height:32px;border-radius:50%;background:#f3c46e;box-shadow:0 0 0 7px rgba(255,239,185,.3)}@keyframes growStem{from{transform:scaleY(0)}}@keyframes leafOut{to{transform:scale(1)}}@keyframes bloomOut{to{transform:scale(1) rotate(5deg)}}.success-copy{text-align:center}.success-copy h1{font-size:clamp(36px,6vw,64px);margin:8px 0 12px}.success-copy p{max-width:590px;margin:0 auto;color:var(--muted);line-height:1.65}.send-status{min-height:22px;margin-top:18px!important;font-size:13px}.retry-button{margin-top:13px}
@media(max-width:900px){.creator-hero,.welcome-screen{grid-template-columns:1fr}.creator-doodle{display:none}.field-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.welcome-visual{order:-1}.garden-card{height:370px}.creator-hero{padding:40px 0}.welcome-screen{padding:20px 0}}@media(max-width:620px){.site-header,.shell{width:min(100% - 24px,1180px)}.site-header{height:70px}.header-note,.brand-name,.keyboard-hint{display:none}.creator-hero{min-height:310px}.hero-copy h1{font-size:43px}.builder-card,.question-card,.share-card,.center-card{padding:24px;border-radius:22px}.theme-grid{grid-template-columns:1fr}.question-row{grid-template-columns:30px minmax(0,1fr) 36px}.question-type{grid-column:2}.remove-question{grid-column:3;grid-row:1}.generate-row,.share-actions{align-items:stretch;flex-direction:column}.generate-row .primary-button,.share-actions>*{width:100%}.share-link-box{align-items:stretch;flex-direction:column}.quiz-topbar{grid-template-columns:54px 1fr}.quiz-topbar>span{display:none}.survey-form{margin:30px auto}.question-card h2{font-size:31px}.question-actions{align-items:flex-end}.welcome-copy h1{font-size:43px}.garden-card{height:330px}.mini-proof{display:grid}.card-heading{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

.section-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:23px}.section-heading>div{flex:1}.section-heading h2{margin:0;font:600 26px var(--serif)}.section-heading p{margin:7px 0 0;color:var(--muted);font-size:14px}.field{display:grid;gap:8px;color:var(--ink);font-size:13px;font-weight:650}.field input{width:100%;height:50px;padding:0 15px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);outline:0}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.field small{color:var(--muted);font-size:11px;font-weight:400}.form-error{min-height:20px;margin:0;color:#a6364d;font-size:13px}.generate-row>div{display:grid;gap:4px}.generate-row>div span{color:var(--muted);font-size:12px}.primary-button svg,.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}.add-question{margin-top:18px}.copy-button{padding:0 18px;border-radius:11px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.share-screen{align-content:center;text-align:center}.share-screen h1,.load-error-screen h1,.success-screen h1{margin:16px 0;font:600 clamp(40px,6vw,66px)/1 var(--serif)}.share-screen h1 em,.load-error-screen h1 em,.success-screen h1 em{color:var(--accent)}.share-screen>p,.load-error-screen>p,.success-screen>p{max-width:600px;color:var(--muted);line-height:1.65}.loading-screen{align-content:center;text-align:center}.loading-flower{font-size:58px;animation:bob 1.5s infinite}.hero-visual{position:relative}.polaroid{position:relative;width:min(420px,100%);height:470px;padding:18px 18px 75px;background:#fff;box-shadow:var(--shadow);transform:rotate(3deg)}.polaroid-art{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(#f9dfe1 0 54%,#cbd6af 54%)}.moon{position:absolute;right:38px;top:34px;width:70px;height:70px;border-radius:50%;background:#f4ce79}.garden-hill{position:absolute;bottom:-80px;border-radius:50% 50% 0 0}.garden-hill.hill-back{right:-50px;width:380px;height:235px;background:#a8b989}.garden-hill.hill-front{left:-70px;width:410px;height:255px;background:var(--sage)}.tiny-bloom{position:absolute;bottom:70px;color:#fff7df;font-size:28px;z-index:2}.bloom-a{left:25%}.bloom-b{left:55%;bottom:52px}.bloom-c{left:80%;bottom:38px}.polaroid-name{position:absolute;left:20px;top:18px;padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.75);font-size:12px}.polaroid>p{position:absolute;left:23px;bottom:17px;margin:0;font:italic 600 20px var(--serif)}.polaroid>span{position:absolute;right:25px;bottom:17px;color:var(--accent);font-size:24px}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.progress-meta{display:flex;justify-content:space-between;grid-column:1/3}.tiny-heart{color:var(--accent);text-align:right}.flower-scene{position:relative;width:220px;height:240px;margin:auto}.flower-scene .flower{position:absolute;left:110px;top:70px;transform:scale(0);animation:bloomOut .9s .8s cubic-bezier(.2,1.7,.3,1) forwards}.flower-scene .stem{left:108px;bottom:12px}.flower-scene .ground{position:absolute;left:50%;bottom:5px;width:130px;height:18px;border-radius:50%;background:rgba(111,153,121,.18);transform:translateX(-50%)}.sparkle{position:absolute;color:var(--gold);animation:bob 1.7s infinite}.sparkle-one{left:22px;top:45px}.sparkle-two{right:20px;top:20px}.sparkle-three{right:28px;top:125px}footer{text-align:center;padding:25px;color:var(--muted);font-size:12px}footer span{color:var(--accent)}@media(max-width:620px){.section-heading{flex-wrap:wrap}.polaroid{height:340px}.quiz-actions{align-items:flex-end}}