:root{--ink:#14221f;--ink-soft:#3a4d48;--muted:#6a7d76;--paper:#e7efeb;--panel:#ffffffc7;--line:#14221f1a;--teal:#2a6a61;--teal-deep:#163f3a;--mist:#b9d0c9;--rose:#a86565;--sand:#d9c4a8;--glow:#8fbeb4;--shadow:0 30px 70px #163f3a29;--radius:26px;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Figtree", "Segoe UI", sans-serif;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:var(--paper)}*{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{min-height:100dvh;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);background-color:#0000;background-image:radial-gradient(900px 500px at 8% -5%,#8fbeb48c,#0000 55%),radial-gradient(700px 480px at 95% 8%,#a865652e,#0000 50%),radial-gradient(800px 520px at 70% 100%,#163f3a24,#0000 55%),linear-gradient(160deg,#dfeae5 0%,#eef3f0 42%,#e4ebe8 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;transition:background .6s}.stage-3d.world-1{--world-accent:#2a6a61;--world-wash:#6fa89c33}.stage-3d.world-2{--world-accent:#a86565;--world-wash:#a8656529}.stage-3d.world-3{--world-accent:#b8955a;--world-wash:#d9c4a847}.interview-s1 .question-panel{background:linear-gradient(145deg,#ffffffe0,#e8f2eeb8);box-shadow:0 28px 60px #163f3a24}.interview-s2 .question-panel{background:linear-gradient(145deg,#fffaf8e6,#f4e8e4b3);border-color:#a8656538;box-shadow:0 28px 60px #783c3c1a}.interview-s3 .question-panel{background:linear-gradient(145deg,#fffcf5eb,#f0e8d6ad);border-color:#b8955a47;box-shadow:0 28px 60px #5a461e1a}.interview-s2 .panel-watermark{color:#a8656514}.interview-s3 .panel-watermark{color:#b8955a1f}.ambient-s2 .mesh-a{background:#a8656552}.ambient-s2 .mesh-b{background:#c9917a47}.ambient-s2 .mesh-c{background:#2a6a612e}.ambient-s3 .mesh-a{background:#b8955a59}.ambient-s3 .mesh-b{background:#163f3a47}.ambient-s3 .mesh-c{background:#e2c99a4d}body:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:soft-light;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,.brand{font-family:var(--font-display);letter-spacing:-.02em;font-weight:400}h1{color:var(--teal-deep);margin:.2rem 0 .8rem;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05}h2{color:var(--teal-deep);margin:.25rem 0 .75rem;font-size:clamp(1.55rem,3.4vw,2.15rem);line-height:1.2}p{margin:0}.shell{width:min(920px,100% - 1.5rem);padding:1.25rem 0 calc(2rem + env(safe-area-inset-bottom,0px));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.shell.interview{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.welcome,.complete,.results{justify-content:center}.welcome-hero{border-radius:calc(var(--radius) + 10px);border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;background:linear-gradient(165deg,#ffffffb8,#e8f2ee8c);padding:clamp(1.8rem,5vw,3rem) clamp(1.3rem,4vw,2.4rem) clamp(1.6rem,4vw,2.2rem);position:relative;overflow:hidden}.welcome-hero-visual{pointer-events:none;color:var(--teal-deep);position:absolute;inset:0}.welcome-orb{filter:blur(2px);border-radius:50%;position:absolute}.welcome-orb-a{background:#8fbeb473;width:180px;height:180px;top:-50px;right:-40px}.welcome-orb-b{background:#a865652e;width:120px;height:120px;bottom:10%;left:-30px}.welcome-path{opacity:.9;width:min(55%,280px);position:absolute;top:12%;right:0}.welcome-brand{margin-bottom:.35rem;font-size:clamp(1.6rem,4vw,2.1rem);position:relative}.welcome-hero h1{max-width:14ch;position:relative}.welcome-lede{max-width:36rem;margin-bottom:1.25rem;position:relative}.welcome-parts{color:var(--ink-soft);flex-wrap:wrap;align-items:baseline;gap:.35rem .15rem;margin:0 0 1.5rem;font-size:.95rem;line-height:1.5;display:flex;position:relative}.welcome-parts em{font-family:var(--font-display);color:var(--teal-deep);margin-right:.25rem;font-size:1.15rem;font-style:normal}.welcome-parts-time{color:var(--muted);margin-right:.15rem;font-size:.82rem}.welcome-parts-sep{color:var(--mist);margin:0 .45rem}.welcome-card,.results-card{background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow);padding:clamp(1.4rem,3vw,2.4rem)}.brand{color:var(--teal);margin-bottom:.35rem;font-size:1.35rem}.lede,.q-sub,.intro-lead{color:var(--ink-soft);font-size:1.05rem;line-height:1.55}.eyebrow,.session-tag,.chapter,.muted{color:var(--muted);font-size:.92rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.session-cards{display:none}.multi-grouped{gap:1.15rem;display:grid}.option-group{gap:.55rem;display:grid}.option-group-title{font-family:var(--font-display);color:var(--teal-deep);letter-spacing:-.01em;margin:.15rem 0 0;font-size:1.15rem;font-weight:400}.option-search input{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#ffffffbf;border-radius:14px;padding:.75rem 1rem}.option-search input:focus{outline-offset:1px;outline:2px solid #2a6a6159}.option-more{justify-self:start;margin-top:.15rem}.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}.sticky-pick-hint{background:0 0;border:none;width:auto;margin-top:.75rem;padding:0;position:static}.session-card{border:1px solid var(--line);background:#ffffff8c;border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:.9rem;padding:1rem 1.1rem;display:grid}.session-card strong{margin-bottom:.2rem;display:block}.session-card p{color:var(--ink-soft);font-size:.95rem;line-height:1.4}.session-card em{color:var(--teal);margin-top:.45rem;font-size:.86rem;font-style:normal;display:inline-block}.session-num{font-family:var(--font-display);color:var(--rose);font-size:1.6rem;line-height:1}.welcome-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.btn{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.85rem 1.25rem;font-weight:600;transition:transform .15s,background .2s,border-color .2s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg, var(--teal) 0%, var(--teal-deep) 100%);color:#f4faf8;box-shadow:0 10px 24px #1f4f4940}.btn.soft{color:var(--teal-deep);background:#2f6f661f}.btn.ghost{border-color:var(--line);color:var(--ink-soft);background:0 0}.btn.small{padding:.55rem .9rem;font-size:.9rem}.topbar{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#eef3f1eb,#eef3f1b8 70%,#0000);padding:.75rem 0 .9rem;position:sticky;top:0}.topbar-row{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.55rem;display:flex}.topbar-meta{font-variant-numeric:tabular-nums;color:var(--teal-deep);align-items:baseline;gap:.65rem;font-weight:600;display:flex}.progress-badge{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.progress-pct{font-family:var(--font-display);color:var(--teal-deep);background:linear-gradient(135deg,#9ebfb659,#ffffffb3);border:1px solid #2f6f662e;border-radius:999px;padding:.35rem .75rem .25rem;font-size:1.55rem;line-height:1}.progress-track{background:linear-gradient(#ffffffb3,#ffffff59),#1c2a2814;border:1px solid #2f6f661f;border-radius:999px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #ffffffb3}.progress-fill{background:linear-gradient(90deg, #7fbfb2 0%, var(--teal) 45%, var(--teal-deep) 100%);border-radius:999px;height:auto;position:absolute;inset:2px auto 2px 2px;box-shadow:0 0 18px #2f6f6659}.progress-glow{filter:blur(.2px);pointer-events:none;background:radial-gradient(circle,#fff 0%,#9ebfb6cc 45%,#0000 70%);border-radius:50%;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%}.session-steps{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.85rem;display:grid}.session-step{opacity:.45;align-items:center;gap:.45rem;min-width:0;display:flex}.session-step.on{opacity:1}.session-step.done{opacity:.75}.step-dot{width:1.55rem;height:1.55rem;color:var(--muted);background:#1c2a2814;border-radius:50%;flex:none;place-items:center;font-size:.78rem;font-weight:700;display:grid}.session-step.on .step-dot{background:var(--teal);color:#fff;box-shadow:0 0 0 4px #2f6f6624}.session-step.done .step-dot{background:var(--mist);color:var(--teal-deep)}.step-label{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.session-pills,.pill,.progress{display:none}.interview-body{flex-direction:column;flex:1;align-items:stretch;gap:.85rem;padding:.35rem 0 1.2rem;display:flex}.session-scene{display:none}@media (width>=900px){.session-scene{box-shadow:var(--shadow);border:1px solid #ffffff73;border-radius:28px;display:block;overflow:hidden}}.scene-svg{width:100%;height:auto;display:block}.question-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:clamp(1.25rem,3vw,2.1rem);position:relative;overflow:hidden}.question-panel.tone-1{border-color:#2a6a612e}.question-panel.tone-2{border-color:#a8656529}.question-panel.tone-3{border-color:#d9c4a873}.panel-watermark{font-family:var(--font-display);color:#163f3a0f;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(5rem,16vw,8rem);line-height:1;position:absolute;top:-.55rem;right:-.1rem}.option{text-align:left;border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);cursor:pointer;background:linear-gradient(#ffffffe6,#ffffff9e);border-radius:18px;align-items:center;gap:.75rem;padding:.95rem 1.05rem;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;display:flex}.option:hover{border-color:#2a6a6159;transform:translateY(-1px);box-shadow:0 10px 24px #163f3a14}.option.active{background:linear-gradient(135deg,#2a6a6129,#8fbeb42e);border-color:#2a6a618c;box-shadow:0 12px 28px #163f3a1f}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.mesh{filter:blur(48px);border-radius:40% 60% 55% 45%;position:absolute}.mesh-a{background:#6fa89c73;width:480px;height:480px;top:-80px;left:-140px}.mesh-b{background:#a8656538;width:420px;height:420px;top:25%;right:-120px}.mesh-c{background:#163f3a2e;width:520px;height:520px;bottom:-220px;left:25%}.grid-fade{opacity:.5;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 75%);mask-image:radial-gradient(circle,#000 20%,#0000 75%)}.blob,.deco,.deco-leaf,.deco-cup{display:none}.question-panel.is-surprise{background:radial-gradient(600px 220px at 10% 0%, #b56b6b1f, transparent 55%), radial-gradient(500px 200px at 90% 20%, #2f6f661f, transparent 50%), var(--panel);border-color:#2f6f662e}.surprise-block{margin-top:.4rem}.surprise-emoji{filter:drop-shadow(0 8px 16px #1f4f4926);margin-bottom:.55rem;font-size:2.4rem}.other-inline{margin-top:.75rem;overflow:hidden}.chip-add-wrap{margin-top:.35rem}.empty-chips-hint{color:var(--muted);margin:.35rem 0 .7rem;font-size:.92rem}.tg-note{color:var(--teal-deep);background:#2f6f661a;border-radius:14px;margin:.75rem 0 0;padding:.75rem .9rem;font-size:.95rem;line-height:1.4}.intro-block{background:#2f6f6614;border:1px solid #2f6f661f;border-radius:16px;margin-top:.5rem;padding:1rem 1.1rem}.options{gap:.55rem;margin-top:.4rem;display:grid}.option-dot{border:2px solid #2f6f6659;border-radius:50%;flex:none;width:.85rem;height:.85rem}.option.active .option-dot{background:var(--teal);border-color:var(--teal);box-shadow:0 0 0 4px #2f6f6626}.rank-num{width:1.6rem;height:1.6rem;color:var(--muted);background:#1c2a280f;border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.option.rank.active .rank-num{background:var(--teal);color:#fff}.chips{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.chip{border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--ink-soft);background:#ffffffb3;border-radius:999px;padding:.55rem .9rem}.chip.active{color:#7a3f3f;background:#b56b6b24;border-color:#b56b6b66}.chip-add{gap:.5rem;margin-top:.85rem;display:flex}.chip-add input,.field{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fffc;border-radius:16px;outline:none;padding:.9rem 1rem}.field:focus,.chip-add input:focus{border-color:#2f6f6673;box-shadow:0 0 0 4px #2f6f661a}textarea.field{resize:vertical;min-height:110px;line-height:1.45}.hint-line{color:var(--muted);margin-top:.65rem;font-size:.88rem}.scale{margin-top:.6rem}.scale-labels{color:var(--muted);justify-content:space-between;gap:1rem;margin-bottom:.7rem;font-size:.88rem;display:flex}.scale-row{grid-template-columns:repeat(5,1fr);gap:.45rem;display:grid}.scale-btn{border:1px solid var(--line);font:inherit;color:var(--ink-soft);cursor:pointer;background:#ffffffb3;border-radius:14px;padding:.85rem 0;font-weight:700}.scale-btn.active{background:var(--teal);border-color:var(--teal);color:#fff}.footer-nav{z-index:20;width:min(920px,100% - 1.5rem);padding:.65rem 0 calc(.5rem + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000,#eef3f1e0 22%,#eef3f1fa 50%);grid-template-columns:1fr 1.4fr;align-items:stretch;gap:.5rem;margin:0;display:grid;position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%)}.footer-left{display:contents}.footer-nav>.btn.ghost,.footer-nav>.btn.soft,.footer-nav .footer-left .btn{text-align:center;width:100%;padding-left:.6rem;padding-right:.6rem;font-size:.9rem}.footer-nav>.btn.primary{grid-column:1/-1;width:100%}.cele-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1c1a8c;place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0;overflow:hidden}.cele-spark{border-radius:999px;position:absolute;bottom:0;box-shadow:0 0 12px}.cele-card{text-align:center;width:min(440px,100%);transform-style:preserve-3d;background:linear-gradient(160deg,#fffffff2,#e8f2eee6);border:1px solid #ffffff8c;border-radius:28px;padding:1.6rem 1.4rem 1.35rem;box-shadow:0 30px 80px #00000047}.cele-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin-bottom:.45rem;font-size:.75rem}.cele-card h2{margin-bottom:.55rem}.cele-card p{color:var(--ink-soft);margin-bottom:1.1rem;line-height:1.45}.love-overlay{z-index:55;padding:max(1rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));background:radial-gradient(600px 360px at 15% 10%,#a8656533,#0000 55%),#121c1ac7;place-items:center;display:grid;position:fixed;inset:0}.love-letter,.love-card{text-align:left;background:linear-gradient(90deg,#a865651f 0 3px,#0000 3px),linear-gradient(#fffaf4 0%,#f7f1e8 100%);border:1px solid #3c2d231f;border-radius:4px 18px 18px 4px;width:min(520px,100%);max-height:min(92dvh,900px);padding:1.75rem 1.45rem 1.4rem;position:relative;overflow:hidden auto;box-shadow:0 24px 60px #00000047,inset 0 1px #ffffffb3}.love-glow,.love-orb{display:none}.love-from{letter-spacing:.04em;text-transform:uppercase;color:var(--rose);margin-bottom:.55rem;font-size:.82rem;position:relative}.love-letter h1,.love-card h1{color:#2a2420;margin-bottom:.85rem;font-size:clamp(1.7rem,4.5vw,2.35rem);position:relative}.love-lines{gap:.85rem;margin-bottom:1.35rem;display:grid;position:relative}.love-lines p{font-family:var(--font-display);color:#3a322c;font-size:clamp(1.15rem,2.8vw,1.35rem);line-height:1.45}.love-continue{color:#2a2420;background:0 0;border:1px solid #3c2d2347;border-radius:999px;font-weight:600}.love-continue:hover{background:#2a6a611a;border-color:#2a6a6166}.love-photo-wrap{box-shadow:none;background:#2a24200a;border:1px solid #3c2d231a;border-radius:2px;justify-content:center;align-items:center;margin:.2rem 0 1.1rem;display:flex;position:relative;overflow:hidden}.love-photo{object-fit:contain;object-position:center;width:100%;height:auto;max-height:min(48vh,420px);display:block}.scale-btn{transition:transform .15s,background .2s,border-color .2s}.scale-btn:hover{transform:translateY(-2px)}.toast{z-index:40;background:var(--teal-deep);color:#f4faf8;text-align:center;border-radius:999px;max-width:min(92vw,420px);padding:.85rem 1.15rem;font-weight:600;position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #1f4f4947}.status-list{color:var(--ink-soft);margin:1.2rem 0;padding-left:1.1rem;line-height:1.55}.summary-box{white-space:pre-wrap;border:1px solid var(--line);max-height:50vh;color:var(--ink-soft);background:#ffffffb3;border-radius:16px;margin:1.2rem 0;padding:1rem;font-size:.9rem;line-height:1.45;overflow:auto}@media (width<=640px){.shell{width:min(100% - 1rem,920px)}.welcome-actions{flex-direction:column;align-items:stretch}.welcome-actions .btn{text-align:center;width:100%}.footer-nav{grid-template-columns:1fr 1.35fr;gap:.45rem;width:min(100% - 1rem,920px)}.footer-nav>.btn{text-align:center;width:100%}.footer-nav>.btn.primary{grid-column:1/-1}.step-label{display:none}.session-steps{grid-template-columns:repeat(3,auto);justify-content:start}.deco{opacity:.7;transform:scale(.85)}.scale-row{gap:.35rem}}