:root{--paper:#fcf9f4;--ink:#3e3027;--accent:#925333;--sand:#efe0cf;--line:#e5d9cd;--muted:#756557;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.6}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:5px;outline:3px solid #af6843}h1:focus{outline:none}button{transition:background .2s,transform .2s,border-color .2s}button:not(:disabled):active{transform:translateY(1px)}.shell{flex-direction:column;max-width:1440px;min-height:100dvh;margin:auto;padding:0 64px;display:flex}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:116px;display:flex}.brand{letter-spacing:.2em;font-size:32px;line-height:1;font-family:var(--serif);font-weight:500;text-decoration:none}.brand span{font:10px var(--sans);letter-spacing:.41em;margin:9px 0 0 3px;display:block}.header-note{letter-spacing:.13em;color:var(--muted);text-align:right;font-size:11px;line-height:1.6}main{flex:1}.welcome{grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding:70px 0 76px;display:grid}.eyebrow{letter-spacing:.18em;color:var(--accent);margin:0 0 24px;font-size:12px;font-weight:600}.tiny-star{vertical-align:middle;margin-right:8px;font-size:20px}.intro h1{font:500 clamp(56px,5.7vw,83px)/1.12 var(--serif);letter-spacing:-.055em;margin:0 0 28px}.intro h1 em{color:var(--accent);font-weight:400}.english{margin:0 0 18px;font-size:18px;line-height:1.65}.description{color:var(--muted);max-width:430px;margin-bottom:28px;font-size:15px;line-height:1.8}.primary{background:var(--accent);border:1px solid var(--accent);color:#fffaf5;border-radius:3px;justify-content:space-between;align-items:center;gap:22px;min-height:60px;padding:18px 25px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.primary:hover:not(:disabled){background:#794229}.primary span{font-size:23px;line-height:1}.intro .primary{width:100%;max-width:370px}.micro{color:var(--muted);margin:14px 0 0;font-size:12px}.micro span{margin:0 10px}.intro .micro{text-align:center;max-width:370px}.editorial{background:var(--sand);color:#75472f;text-align:center;border-radius:160px 160px 4px 4px;flex-direction:column;justify-content:space-between;min-height:520px;padding:32px;display:flex;position:relative;overflow:hidden}.editorial-top{letter-spacing:.15em;text-align:left;justify-content:space-between;margin:86px 0 0;font-size:10px;display:flex}.flower-mark{font-family:Georgia,serif;font-size:128px;font-weight:400;line-height:1.1}.editorial p{font:400 40px/1.2 var(--serif);letter-spacing:-.035em;margin:4px 0 30px}.editorial p em{font-weight:400}.editorial-bottom{border-top:1px solid #d6bba2;justify-content:space-between;align-items:center;padding-top:17px;font-size:11px;display:flex}.editorial-bottom span:last-child{font-size:23px}.footer{border-top:1px solid var(--line);letter-spacing:.025em;color:var(--muted);justify-content:space-between;gap:16px;padding:24px 0;font-size:11px;display:flex}.demo-banner{text-align:center;color:#725236;background:#f3e8d9;border-radius:3px;margin-top:16px;padding:9px 12px;font-size:12px}.question-wrap{max-width:700px;margin:44px auto 70px}.progress-meta{justify-content:space-between;align-items:center;font-size:14px;display:flex}.muted{color:var(--muted)}.text-button{color:var(--muted);background:0 0;border:0;padding:8px 0;font-size:14px}.text-button:hover{color:var(--accent)}.progress{background:var(--line);height:3px;margin:12px 0 42px}.progress>span{background:var(--accent);height:3px;transition:width .3s;display:block}.question h1{font:400 clamp(34px,4vw,48px)/1.2 var(--serif);letter-spacing:-.035em;margin:0 0 16px}.question .eyebrow{margin-bottom:14px}.subtitle{color:var(--muted);margin:0 0 28px}.options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.option{text-align:left;border:1px solid var(--line);min-height:68px;color:var(--ink);background:0 0;border-radius:5px;align-items:center;gap:12px;padding:18px 20px;font-size:15px;display:flex}.option:hover,.trait:hover,.color-option:hover{background:#f7eee3;border-color:#af6843}.option-icon{min-width:25px;font-size:20px}.check{color:var(--accent);margin-left:auto;font-size:18px}.selected{border-color:var(--accent)!important;color:var(--accent)!important;background:#f1dfcb!important}.next{width:100%;margin-top:30px}.traits{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.trait{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:5px;justify-content:space-between;gap:10px;padding:18px;font-size:15px;display:flex}.trait span{color:var(--accent)}.selection-count{color:var(--muted);margin:20px 0 0;font-size:13px}.colors{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.color-option{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:5px;flex-direction:column;align-items:center;gap:12px;padding:20px 10px;font-size:14px;display:flex;position:relative}.swatch{border-radius:50%;width:39px;height:39px;box-shadow:inset 0 0 0 1px #00000015}.color-check{color:var(--accent);position:absolute;top:8px;right:12px}.vibes .option{font-size:14px}.message-field label{margin-bottom:10px;font-size:14px;display:block}.message-field textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:190px;max-height:600px;color:var(--ink);background:#fffdf9;border-radius:5px;padding:20px;font-size:17px;line-height:1.8;display:block}.message-field textarea::placeholder{color:#847464}.field-note{color:var(--muted);justify-content:space-between;gap:15px;margin-top:12px;font-size:12px;display:flex}.privacy-note{color:var(--muted);max-width:530px;margin-top:24px;font-size:12px}.error{color:#763631;background:#f6e1df;border:1px solid #cb9390;border-radius:4px;padding:14px;font-size:14px}.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:570px;padding:50px 0;display:flex}.loading h1{font:400 clamp(38px,5vw,58px)/1.2 var(--serif);margin:0}.loading h1 em{color:var(--accent)}.loading>p:last-child{color:var(--muted);margin-top:25px}.result-wrap{max-width:660px;margin:45px auto 60px}.result-intro{text-align:center;margin-bottom:30px}.result-intro .eyebrow{margin-bottom:8px}.result-intro>p:last-child{color:var(--muted);margin-top:0;font-size:15px}.story-card{background:#fffdf9;border:1px solid #dfcbb6;border-radius:4px;padding:40px 44px 26px;box-shadow:0 8px 38px #6f432015}.card-top{letter-spacing:.15em;color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:22px;font-size:11px;display:flex}.card-top>span:last-child{font-size:28px}.story-card h1{font:400 clamp(37px,5vw,52px)/1.18 var(--serif);letter-spacing:-.025em;color:var(--accent);overflow-wrap:anywhere;margin:0 0 16px}.personality{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-size:11px;line-height:1.8}.short-story{overflow-wrap:anywhere;margin:23px 0 0;font-size:16px;line-height:1.9}.story-divider{border-top:1px solid var(--line);margin:30px 0}.story-card h2{letter-spacing:.17em;color:var(--muted);margin:0 0 15px;font-size:11px;font-weight:600}.palette{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;display:grid}.palette>div>span{border:1px solid #0000000e;border-radius:3px;height:44px;display:block}.palette p{overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.5}.details{grid-template-columns:1fr 1fr;gap:28px;display:grid}.details ul{overflow-wrap:anywhere;margin:0;padding:0;font-size:14px;line-height:1.9;list-style:none}.personal-message{background:#f5e8d8;margin:28px -12px;padding:24px}.personal-message blockquote{font:400 24px/1.6 var(--serif);color:var(--accent);overflow-wrap:anywhere;margin:0}.card-footer{letter-spacing:.08em;color:var(--muted);justify-content:space-between;gap:10px;font-size:10px;display:flex}.result-actions{text-align:center;margin-top:25px}.result-actions .primary{width:100%}.result-note{color:var(--muted);margin:16px 0;font-size:12px;line-height:1.8}.enter{animation:.35s both enter}@keyframes enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1300px){.welcome{gap:100px}.editorial{min-height:560px}}@media (max-width:900px){.shell{padding:0 32px}.welcome{gap:35px}.editorial{min-height:475px;padding:25px}.editorial p{font-size:32px}.intro h1{font-size:57px}.description{font-size:14px}.header{min-height:100px}}@media (max-width:650px){.shell{padding:0 22px}.header{min-height:85px}.brand{font-size:27px}.brand span,.header-note{font-size:9px}.welcome{flex-direction:column;align-items:stretch;gap:30px;padding:40px 0 36px;display:flex}.intro h1{margin-bottom:22px;font-size:clamp(48px,12vw,69px)}.eyebrow{margin-bottom:20px;font-size:10px}.english{margin-bottom:16px;font-size:17px}.description{max-width:370px;font-size:14px}.desktop-break{display:none}.intro .primary,.intro .micro{max-width:none}.primary{gap:12px;min-height:58px;padding:16px 19px;font-size:14px}.editorial{border-radius:4px;grid-template-columns:1fr 1.5fr;align-items:center;height:180px;min-height:0;padding:20px 24px;display:grid}.flower-mark{grid-area:1/1;font-size:88px}.editorial p{text-align:left;grid-area:1/2;margin:0;font-size:29px}.editorial-top,.editorial-bottom{display:none}.footer{flex-direction:column;gap:5px;padding:20px 0;font-size:10px}.question-wrap{margin-top:24px;margin-bottom:40px}.progress{margin-bottom:28px}.question h1{font-size:35px}.subtitle{margin-bottom:24px;font-size:14px}.options{grid-template-columns:1fr;gap:10px}.option{min-height:55px;padding:14px 17px;font-size:14px}.traits{grid-template-columns:repeat(2,1fr);gap:10px}.trait{padding:15px;font-size:14px}.colors{gap:9px}.color-option{padding:16px 6px;font-size:13px}.next{margin-top:24px}.loading{min-height:560px}.loading .eyebrow{font-size:9px}.loading>p:last-child{font-size:14px}.result-wrap{margin-top:30px}.story-card{padding:26px 22px 22px}.story-card h1{font-size:39px}.short-story{font-size:15px}.personal-message{margin:25px -6px;padding:20px}.personal-message blockquote{font-size:22px}.details{gap:20px}.card-footer{font-size:9px}.demo-banner,.field-note{font-size:11px}.palette{gap:9px}.palette p{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand{align-items:center;gap:12px;display:inline-flex}.brand .brand-wordmark{font:500 32px/1 var(--serif);letter-spacing:.2em;margin:0;display:block}.brand .brand-wordmark>span{font:10px var(--sans);letter-spacing:.41em;margin:9px 0 0 3px;display:block}.brand-logo{object-fit:contain;flex-shrink:0;width:64px;height:64px}.brand-logo,.footer-brand img,.card-brand img{mix-blend-mode:multiply}.footer{align-items:center}.footer-brand,.card-brand{align-items:center;gap:10px;display:inline-flex}.footer-brand img,.card-brand img{object-fit:contain;flex-shrink:0}.card-footer{align-items:center}@media (max-width:650px){.brand{gap:8px}.brand-logo{width:48px;height:48px}.brand .brand-wordmark{font-size:25px}.brand .brand-wordmark>span{letter-spacing:.36em;margin-top:7px;font-size:8px}.header-note{max-width:115px;font-size:8px}.footer{align-items:flex-start}.card-brand{gap:6px}.card-brand img{width:30px;height:30px}}:root{--brand:#af6843;--surface:#fffdf9;--brand-soft:#f5e8d8}::selection{color:#3e3027;background:#ead1b7}body{background:linear-gradient(135deg,#fcf9f4 0% 65%,#f7efe4 100%)}.brand .brand-wordmark,.intro h1 em{color:var(--brand)}.intro h1{letter-spacing:-.045em;line-height:1.16}.description{font-size:16px;line-height:1.85}.primary{border-radius:12px;transition:background .2s,box-shadow .2s,transform .2s;box-shadow:0 5px 16px #75472f12}.primary:hover:not(:disabled){box-shadow:0 7px 22px #75472f25}.primary:disabled{box-shadow:none}.editorial{background:linear-gradient(155deg,#f6ebdc,#e9cfb5);border:1px solid #e7d1b9;border-radius:180px 180px 24px 24px;box-shadow:0 20px 50px #75472f0a}.editorial-top{color:#7b563b;margin-top:72px}.flower-mark{justify-content:center;align-items:center;font-size:0;display:flex}.flower-mark img{object-fit:contain;mix-blend-mode:multiply;width:180px;height:180px}.editorial p{margin:4px 0 25px}.demo-banner{color:#70533c;background:#f6edde;border:1px solid #e7d7c3;border-radius:8px}.option,.trait,.color-option{background:var(--surface);border-radius:12px;transition:border-color .2s,background .2s,box-shadow .2s}.option:not(:disabled):hover,.trait:not(:disabled):hover,.color-option:not(:disabled):hover{box-shadow:0 3px 12px #75472f0b}.option:disabled,.trait:disabled,.color-option:disabled{opacity:.65}.selected{box-shadow:inset 0 0 0 1px var(--brand)}.progress,.progress>span{border-radius:4px;height:4px}.message-field textarea{background:var(--surface);border-radius:14px}.message-field textarea:focus{border-color:var(--brand)}.story-card{border-top:3px solid var(--brand);border-radius:18px;box-shadow:0 16px 48px #75472f0c}.story-card h1{color:var(--accent)}.personal-message{border-left:3px solid #c28a61;border-radius:12px}.personality{letter-spacing:.12em;font-size:12px}.story-card h2{font-size:12px}.palette p{font-size:14px}.palette>div>span{border-radius:6px;height:48px}.details ul{font-size:16px;line-height:1.85}.result-note,.privacy-note{font-size:13px}.footer{padding-top:25px;padding-bottom:25px}@media (max-width:650px){.intro h1{font-size:clamp(45px,11.5vw,65px)}.description{font-size:16px}.welcome{gap:32px}.editorial{border-radius:18px;height:180px;padding:18px 24px}.flower-mark img{width:104px;height:104px}.editorial p{margin:0;font-size:29px}.primary,.option,.trait{font-size:15px}.color-option{font-size:14px}.subtitle{font-size:16px}.story-card{padding:28px 22px 24px}.palette p{font-size:12px}.details ul{font-size:15px}.personal-message{padding:20px}.footer-brand{gap:8px}}.image-share{gap:14px;display:grid}.image-share .primary{width:100%}.download-image{color:var(--accent);padding:10px;font-size:14px}.share-help,.share-notice{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.share-notice:empty{display:none}.whatsapp-image-link{border:1px solid var(--accent);color:var(--accent);border-radius:12px;padding:15px;font-size:15px;text-decoration:none;display:block}.image-preview{text-align:left;color:var(--accent);font-size:14px}.image-preview summary{cursor:pointer;padding:10px 0}.image-preview img{border:1px solid var(--line);border-radius:12px;width:100%;height:auto;margin-top:12px;display:block}.card-demo-label{color:var(--muted);letter-spacing:.09em;margin:0 0 16px;font-size:10px}.keler-loader{flex:none;justify-content:center;align-items:center;width:112px;height:112px;display:inline-flex}.keler-loader img{object-fit:contain;transform-origin:50%;mix-blend-mode:multiply;width:100%;height:100%;animation:3s linear infinite keler-loading-turn;display:block}.loading>.keler-loader{margin-bottom:30px}.keler-loader--compact{background:var(--surface);border-radius:50%;width:36px;height:36px;padding:3px}.primary[aria-busy=true]{opacity:1;cursor:wait}@keyframes keler-loading-turn{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (max-width:650px){.loading>.keler-loader{width:96px;height:96px}}