:root{--bg:#f4ede4;--bg-alt:#efeadc;--ink:#23201d;--ink-soft:#423d38;--muted:#7c766d;--coral:#f9b298;--coral-deep:#efa08a;--coral-rich:#d96048;--white:#fff;--glass:hsla(0,0%,100%,.42);--glass-strong:hsla(0,0%,100%,.66);--glass-faint:hsla(0,0%,100%,.24);--glass-border:hsla(0,0%,100%,.7);--glass-border-soft:hsla(0,0%,100%,.45);--glass-blur:blur(22px) saturate(170%);--glass-shadow:0 10px 34px rgba(60,38,30,.14),0 2px 8px rgba(60,38,30,.08);--glass-inset:inset 0 1px 0 hsla(0,0%,100%,.65),inset 0 -1px 0 hsla(0,0%,100%,.18);--line:rgba(120,90,78,.16)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%}html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:Hanken Grotesk,-apple-system,Helvetica Neue,sans-serif;font-size:17px;line-height:1.55;overscroll-behavior-y:none;min-height:100%;position:relative;isolation:isolate;display:flex;flex-direction:column;padding:clamp(0px,3vh,2.5rem) 1rem;background:radial-gradient(120% 120% at 12% 8%,#ffd9c4 0,rgba(255,217,196,0) 46%),radial-gradient(120% 120% at 92% 12%,#ffc1cf 0,rgba(255,193,207,0) 44%),radial-gradient(130% 130% at 82% 96%,#cfd8ff 0,rgba(207,216,255,0) 50%),radial-gradient(140% 140% at 8% 92%,#ffe6b8 0,rgba(255,230,184,0) 52%),linear-gradient(160deg,#f7efe6,#f1e7dc);background-attachment:fixed}body:before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 40% at 30% 30%,hsla(16,89%,79%,.5) 0,hsla(16,89%,79%,0) 70%),radial-gradient(38% 38% at 74% 66%,rgba(207,216,255,.45) 0,rgba(207,216,255,0) 70%);animation:drift 22s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.08)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}}h1,h2{font-family:Bodoni Moda,Georgia,serif;font-weight:400;letter-spacing:-.02em;line-height:1.12;text-wrap:balance;margin:0 0 .5em;color:var(--ink)}p{margin:0 0 1em;color:var(--ink-soft)}button{font-family:inherit}.app{width:100%;max-width:560px;margin:auto;min-height:min(100%,calc(100vh - 5rem));display:flex;flex-direction:column;padding:0 clamp(1rem,4vw,1.9rem);background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-soft);border-radius:30px;box-shadow:var(--glass-shadow),var(--glass-inset);overflow:hidden}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:hsla(0,0%,100%,.14);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--glass-border-soft);margin:0 clamp(-1rem,-4vw,-1.9rem);padding:1.2rem clamp(1rem,4vw,1.9rem) .9rem}.progress-track{height:5px;background:rgba(120,90,78,.14);border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(60,38,30,.08)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--coral),var(--coral-rich));border-radius:5px;transition:width .35s cubic-bezier(.22,1,.36,1)}.topbar .meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:.6rem;font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stage{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 0 2rem}@media (max-height:760px),(max-width:560px){.stage{justify-content:flex-start}.app{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--coral-rich);font-weight:600;margin-bottom:.7rem}.q-title{font-size:1.55rem;margin-bottom:.3rem}.q-help{font-size:.92rem;color:var(--muted);margin-bottom:1.4rem}input[type=email],input[type=text],textarea{width:100%;background:var(--glass-faint);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border-soft);border-radius:14px;padding:.9rem 1rem;font-family:Hanken Grotesk,sans-serif;font-size:1.05rem;color:var(--ink);resize:none;box-shadow:var(--glass-inset);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input[type=email]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:var(--muted)}input[type=email]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:var(--coral-rich);background:var(--glass-strong);box-shadow:0 0 0 3px rgba(217,96,72,.18),var(--glass-inset)}textarea{min-height:9rem;line-height:1.5}textarea.big{min-height:13rem}.voice-row{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem}.voice-hint{font-size:.82rem;color:var(--muted)}.record-row{display:flex;align-items:center;gap:.7rem;margin-top:.6rem;flex-wrap:wrap}.record-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--glass-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(217,96,72,.4);color:var(--coral-rich);border-radius:22px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:var(--glass-inset);transition:transform .15s ease,background .2s ease}.record-btn:active{transform:scale(.97)}.record-btn.recording{background:linear-gradient(180deg,var(--coral),var(--coral-rich));color:var(--white);border-color:transparent}.record-status{font-size:.82rem;color:var(--muted)}.record-audio{width:100%;margin-top:.5rem}.transcribing{font-size:.82rem;color:var(--coral-rich);margin-top:.4rem}.transcribe-warning{font-size:.82rem;color:var(--muted);margin-top:.4rem}.option-list{display:flex;flex-direction:column;gap:.7rem}.option{background:var(--glass);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--glass-border-soft);border-radius:14px;padding:.9rem 1.1rem;font-size:1rem;color:var(--ink-soft);font-weight:500;cursor:pointer;text-align:left;box-shadow:var(--glass-inset);transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.option:hover{background:var(--glass-strong)}.option:active{transform:scale(.99)}.option.selected{border-color:rgba(217,96,72,.55);background:linear-gradient(180deg,hsla(0,0%,100%,.7),hsla(16,89%,79%,.28));color:var(--coral-rich);box-shadow:0 0 0 2px rgba(217,96,72,.35),var(--glass-inset)}.chip-hint{font-size:.85rem;color:var(--muted);margin-bottom:.9rem}.chip-wrap{display:flex;flex-wrap:wrap;gap:.6rem}.chip{display:inline-flex;align-items:center;gap:.45rem;background:var(--glass-faint);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border-soft);border-radius:22px;padding:.55rem 1rem .55rem .7rem;font-size:.92rem;color:var(--ink-soft);font-weight:500;cursor:pointer;box-shadow:var(--glass-inset);transition:transform .15s ease,border-color .2s ease,background .2s ease,color .2s ease}.chip:active{transform:scale(.97)}.chip-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:19px;height:19px;border-radius:50%;border:1.5px solid var(--muted);font-size:.72rem;font-weight:700;color:var(--muted);line-height:1}.chip.selected{border-color:rgba(217,96,72,.55);background:linear-gradient(180deg,hsla(0,0%,100%,.72),hsla(16,89%,79%,.3));color:var(--coral-rich);box-shadow:0 0 0 1.5px rgba(217,96,72,.35),var(--glass-inset)}.chip.selected .chip-mark{border-color:var(--coral-rich);background:var(--coral-rich);color:var(--white)}.chip-counter{font-size:.8rem;color:var(--muted);margin-top:.8rem}.slider-labels{display:flex;justify-content:space-between;font-size:.88rem;color:var(--ink-soft);margin-bottom:.7rem}.slider-row{display:flex;gap:.6rem}.slider-dot{flex:1 1;height:46px;border-radius:12px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border-soft);cursor:pointer;box-shadow:var(--glass-inset);transition:transform .15s ease,background .2s ease}.slider-dot:hover{background:var(--glass-strong)}.slider-dot.selected{background:linear-gradient(180deg,var(--coral),var(--coral-rich));border-color:transparent;box-shadow:0 4px 14px rgba(217,96,72,.35),var(--glass-inset)}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.7rem;gap:.7rem}.visual-grid.cols-2{grid-template-columns:repeat(2,1fr)}.vcard{position:relative;background:var(--glass);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--glass-border-soft);border-radius:16px;padding:.9rem .5rem;text-align:center;cursor:pointer;box-shadow:var(--glass-inset);transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.vcard:hover{background:var(--glass-strong)}.vcard.selected{border-color:rgba(217,96,72,.55);background:linear-gradient(180deg,hsla(0,0%,100%,.72),hsla(16,89%,79%,.26));box-shadow:0 0 0 2px rgba(217,96,72,.35),var(--glass-inset)}.vcard .demo{height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;color:var(--ink-soft)}.vcard.selected .demo{color:var(--coral-rich)}.vcard .vlabel{font-size:.76rem;color:var(--ink-soft);font-weight:500;line-height:1.3}.vcard.selected .vlabel{color:var(--coral-rich)}.vcheck{position:absolute;top:6px;right:7px;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,var(--coral),var(--coral-rich));color:var(--white);font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(217,96,72,.4)}.unsure-link{display:block;width:100%;margin:.9rem 0 0;background:none;border:none;text-decoration:underline;color:var(--muted);font-size:.88rem;cursor:pointer;padding:.4rem 0;text-align:center}.type-lettermark,.type-wordmark{font-family:Bodoni Moda,serif}.type-wordmark{font-size:1.1rem}.type-lettermark{font-weight:500;font-size:1.6rem}.type-iconword{font-family:Hanken Grotesk,sans-serif;font-weight:600;font-size:.85rem}.type-clean{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:1.3rem}.type-editorial{font-family:Bodoni Moda,serif;font-style:italic;font-size:1.3rem}.type-playful{font-family:Fredoka,sans-serif;font-weight:500;font-size:1.3rem}.type-technical{font-family:IBM Plex Mono,monospace;font-weight:600;text-transform:uppercase;font-size:1rem}.spectrum-ends{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.spectrum-icon{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--ink-soft)}.spectrum-icon span{font-size:.78rem;text-align:center;line-height:1.3}.color-wheel-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.color-wheel{position:relative;width:216px;height:216px;margin:.2rem auto 1rem}.wheel-swatch{position:absolute;top:50%;left:50%;width:38px;height:38px;border-radius:50%;border:2.5px solid hsla(0,0%,100%,.8);cursor:pointer;box-shadow:0 2px 8px rgba(60,38,30,.22);transition:transform .15s ease}.wheel-swatch:hover{transform:scale(1.08)}.wheel-swatch.active{box-shadow:0 0 0 3px var(--ink),0 2px 8px rgba(60,38,30,.22)}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.72rem;color:var(--muted);pointer-events:none;line-height:1.3;padding:0 .5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--glass-inset)}.hue-panel,.wheel-center{background:var(--glass-strong);border:1px solid var(--glass-border-soft)}.hue-panel{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:18px;padding:1.1rem;width:100%;box-shadow:var(--glass-shadow),var(--glass-inset)}.hue-name{font-family:Bodoni Moda,serif;font-size:1.2rem;margin-bottom:.25rem}.hue-psych{font-size:.85rem;color:var(--muted);margin-bottom:1rem}.palette-swatches{display:flex;border-radius:10px;overflow:hidden;height:46px;margin-bottom:.6rem;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4)}.palette-swatches div{flex:1 1}.palette-name{font-size:.9rem;font-weight:600;margin-bottom:.9rem}.palette-actions{display:flex;gap:.6rem}.pal-btn{flex:1 1;border-radius:12px;border:1px solid var(--glass-border-soft);background:var(--glass-faint);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.65rem;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--ink-soft);box-shadow:var(--glass-inset);transition:transform .15s ease,background .2s ease}.pal-btn:active{transform:scale(.98)}.pal-btn.liked{background:linear-gradient(180deg,var(--coral),var(--coral-rich));color:var(--white);border-color:transparent}.picks-tray{margin-top:1.1rem}.picks-title{font-size:.78rem;color:var(--muted);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.06em}.pick-chip{display:inline-flex;align-items:center;gap:.5rem;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border-soft);border-radius:22px;padding:.35rem .7rem .35rem .4rem;margin:0 .4rem .4rem 0;font-size:.8rem;color:var(--ink-soft);box-shadow:var(--glass-inset)}.pick-chip .sw{width:15px;height:15px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5)}.pick-chip button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem;line-height:1;padding:0}.navbar{display:flex;gap:.8rem;padding:1rem 0 1.4rem;position:-webkit-sticky;position:sticky;bottom:0;z-index:5;background:transparent}.btn{flex:1 1;border:none;border-radius:14px;padding:.95rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(180deg,var(--coral),var(--coral-rich));color:var(--white);box-shadow:0 6px 18px rgba(217,96,72,.35),inset 0 1px 0 hsla(0,0%,100%,.5)}.btn-primary:active{background:linear-gradient(180deg,var(--coral-deep),var(--coral-rich))}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost,.btn-skip{flex:0 0 auto;padding:.95rem 1.1rem}.btn-skip{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border-soft);color:var(--ink-soft);box-shadow:var(--glass-inset)}.nudge{font-size:.85rem;color:var(--coral-rich);margin-top:.6rem}.intro,.summary-stage{text-align:left}.intro h1{font-size:2.1rem}.intro .studio{font-size:.9rem;color:var(--muted);margin-bottom:1.6rem}.intro ul{padding-left:1.1rem;color:var(--ink-soft);margin-bottom:1.6rem}.intro li{margin-bottom:.4rem}.summary-box{width:100%;min-height:10rem;background:var(--glass-faint);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border-soft);border-radius:14px;padding:1rem;font-family:IBM Plex Mono,monospace;font-size:.82rem;line-height:1.6;color:var(--ink-soft);box-shadow:var(--glass-inset)}