:root{color:#3f4352;background:#f7f1ea;font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Helvetica Neue,sans-serif;font-synthesis:none;line-height:1.7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f7f1ea;--surface: #fffcf8;--ink: #2d3142;--text: #3f4352;--muted: #5d5a63;--line: #e7ddd3;--rose: #b98286;--rose-dark: #8f5f66;--rose-soft: #f3e1df;--gold: #c8a27a;--champagne: #d8bfa5;--paper: #fbf5ef;--shadow: 0 26px 80px rgba(55, 45, 38, .14);--inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .72)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{align-items:center;background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0,rgba(255,255,255,.22) 1px,transparent 1px,transparent 72px),linear-gradient(130deg,rgba(143,95,102,.08),transparent 34%),linear-gradient(180deg,#fffcf8e0,#f7f1eaf5),var(--bg);display:flex;justify-content:center;min-height:100svh;overflow-x:hidden;overflow-y:auto;padding:22px 16px;position:relative}.app-shell:before{background:linear-gradient(rgba(45,49,66,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(45,49,66,.025) 1px,transparent 1px);background-size:44px 44px;content:"";inset:0;opacity:.42;pointer-events:none;position:absolute}.ambient{border:1px solid rgba(200,162,122,.24);height:300px;opacity:.7;position:absolute;transform:rotate(-14deg);width:205px}.ambient--one{left:-92px;top:8%}.ambient--two{bottom:7%;right:-106px}.screen{animation:fade-up .36s ease both;background:linear-gradient(90deg,rgba(143,95,102,.035),transparent 18%,transparent 82%,rgba(200,162,122,.035)),linear-gradient(180deg,#fffcf8f5,#fbf5eff2),var(--surface);border:1px solid rgba(231,221,211,.95);border-radius:8px;box-shadow:var(--shadow),var(--inner-shadow);max-width:460px;min-height:min(720px,calc(100svh - 44px));padding:38px 26px 30px;position:relative;width:min(100%,460px);z-index:1}.screen:before{background:linear-gradient(90deg,transparent,rgba(185,130,134,.5),transparent);content:"";height:1px;left:30px;position:absolute;right:30px;top:18px}.screen:after{border-bottom:1px solid rgba(200,162,122,.22);border-left:1px solid rgba(200,162,122,.22);content:"";height:26px;opacity:.85;position:absolute;right:18px;top:18px;width:26px}.screen--start,.screen--complete{display:flex;flex-direction:column;justify-content:center}.screen--complete{animation:complete-rise 3s cubic-bezier(.18,.72,.18,1) both}.screen--question{display:flex;flex-direction:column;gap:26px}.screen--center{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.brand-label{color:var(--rose-dark);font-size:.78rem;letter-spacing:.12em;margin:0 0 14px}.intro-heading{position:relative}.opening-mark{border:1px solid rgba(143,95,102,.36);height:28px;margin:0 0 24px;position:relative;transform:rotate(45deg);width:28px}.opening-mark:before,.opening-mark:after{background:#c8a27a57;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.opening-mark:before{height:1px;width:42px}.opening-mark:after{height:42px;width:1px}.opening-mark--complete{margin-left:auto;margin-right:auto}.complete-motif{display:block;height:auto;margin:0 auto 18px;opacity:.9;width:min(34vw,118px)}.copy-divider{align-items:center;display:flex;gap:10px;margin:0 0 24px}.copy-divider:before,.copy-divider:after{background:linear-gradient(90deg,#8f5f6647,#c8a27a47);content:"";height:1px}.copy-divider:before{width:42px}.copy-divider:after{flex:1}h1,h2,p{white-space:pre-line}h1{color:var(--ink);font-size:2.18rem;font-weight:650;letter-spacing:0;line-height:1.25;margin:0 0 24px}h2{color:#3f4352;font-size:1.32rem;font-weight:650;letter-spacing:0;line-height:1.58;margin:0}.lead{color:var(--ink);font-size:1.16rem;font-weight:550;line-height:1.82;margin:0 0 24px}.lead-wrap{min-height:150px;position:relative}.lead-wrap .lead{max-width:76%;position:relative;z-index:1}.intro-motif{height:auto;opacity:.7;pointer-events:none;position:absolute;right:-10px;top:-20px;width:min(31vw,118px);z-index:0}.lead--quiet{margin:20px 0 0}.body-copy{color:var(--text);font-size:1rem;line-height:1.95;margin:0 0 26px}.note-copy{background:linear-gradient(90deg,rgba(185,130,134,.09),transparent 72%),#fffcf8ad;border:1px solid rgba(231,221,211,.82);border-left:2px solid rgba(185,130,134,.58);border-radius:8px;color:var(--muted);font-size:.9rem;line-height:1.8;margin:0 0 30px;padding:13px 14px}.note-copy--small{background:transparent;border:0;border-left:0;font-size:.82rem;margin:14px 0 0;padding:0;text-align:center}.primary-button{align-items:center;background:linear-gradient(180deg,#9c6870,var(--rose-dark));border:1px solid rgba(143,95,102,.92);border-radius:8px;box-shadow:0 14px 30px #8f5f662e,inset 0 1px #ffffff2e;color:#fffaf7;cursor:pointer;display:inline-flex;justify-content:center;min-height:54px;padding:14px 20px;width:100%;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.primary-button:hover{background:linear-gradient(180deg,#8f5f66,#7f545b);border-color:#7f545b;box-shadow:0 16px 34px #8f5f6638,inset 0 1px #fff3;transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.progress{display:grid;gap:12px;padding-top:4px}.progress__meta{align-items:baseline;color:var(--rose-dark);display:flex;font-size:.9rem;gap:4px;justify-content:flex-end;padding-right:2px}.progress__meta span:first-child{color:var(--ink);font-size:1.05rem;font-weight:650}.progress__track{background:#ede3dceb;border:1px solid rgba(231,221,211,.78);height:7px;overflow:hidden}.progress__bar{background:linear-gradient(90deg,var(--rose-dark),var(--rose));height:100%;transition:width .26s ease}.question-panel{background:linear-gradient(135deg,rgba(200,162,122,.08),transparent 28%),linear-gradient(180deg,#fffcf8c2,#fbf5ef8a);border:1px solid rgba(231,221,211,.74);border-radius:8px;display:grid;gap:22px;padding:24px 18px 18px;position:relative}.question-panel:before{border:1px solid rgba(200,162,122,.18);content:"";inset:7px;pointer-events:none;position:absolute}.question-panel:after{background:linear-gradient(90deg,#c8a27a47,#c8a27a47) 100% 0 / 58px 1px no-repeat,linear-gradient(180deg,#c8a27a47,#c8a27a47) 100% 0 / 1px 58px no-repeat,linear-gradient(135deg,transparent 45%,rgba(185,130,134,.2) 46%,rgba(185,130,134,.2) 54%,transparent 55%) 100% 0 / 38px 38px no-repeat;content:"";height:76px;opacity:.72;pointer-events:none;position:absolute;right:13px;top:13px;width:76px}.question-heading{border-bottom:1px solid rgba(231,221,211,.72);display:grid;gap:14px;padding:0 70px 18px 0;position:relative;z-index:1}.question-kicker{color:var(--gold);font-size:.76rem;letter-spacing:.16em;margin:0 0 -12px;text-transform:uppercase}.options{display:grid;gap:12px;position:relative;z-index:1}.option-button{align-items:center;background:linear-gradient(90deg,rgba(185,130,134,.04),transparent 34%),#fffcf8e6;border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;display:flex;gap:12px;justify-content:initial;line-height:1.62;min-height:66px;padding:15px 15px 15px 17px;position:relative;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:100%}.option-button:before{background:linear-gradient(180deg,rgba(255,255,255,.9),transparent);content:"";height:1px;left:14px;opacity:.8;position:absolute;right:14px;top:1px}.option-number{align-items:center;align-self:stretch;color:#8f5f66ad;display:inline-flex;flex:0 0 30px;font-size:.74rem;justify-content:flex-start;letter-spacing:.08em;line-height:1}.option-label{flex:1}.option-button:hover,.option-button:focus-visible{background:#fff7f4;border-color:#b9828694;box-shadow:0 10px 24px #51443914;outline:none}.option-button:disabled{cursor:default}.option-button:active{transform:translateY(1px)}.option-button.is-selected{background:linear-gradient(90deg,#b9828633,#f3e1dfb8),var(--rose-soft);border-color:var(--rose);box-shadow:0 10px 24px #8f5f661f;color:var(--ink)}.option-button.is-selected .option-number{color:var(--rose-dark)}.option-check{align-items:center;border:1px solid rgba(185,130,134,.46);border-radius:50%;color:var(--rose-dark);display:inline-flex;flex:0 0 20px;font-weight:700;height:20px;justify-content:center;line-height:1;text-align:center}.back-button{align-self:flex-start;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);cursor:pointer;padding:4px 0}.back-button:hover,.back-button:focus-visible{color:var(--rose-dark);outline:none}.loading-mark{animation:pulse 1.45s ease-in-out infinite;border:1px solid rgba(185,130,134,.52);box-shadow:0 0 0 12px #b982860d;height:54px;width:54px}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes complete-rise{0%{opacity:0;transform:translateY(16px)}58%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.48;transform:rotate(45deg) scale(.9)}50%{opacity:1;transform:rotate(45deg) scale(1)}}@media(max-width:420px){.app-shell{align-items:stretch;padding:0}.screen{border-left:0;border-right:0;border-radius:0;box-shadow:none;max-width:none;min-height:100svh;padding:36px 20px 28px;width:100%}.screen:before{left:24px;right:24px}.question-panel{padding:20px 14px 16px}h1{font-size:1.94rem}h2{font-size:1.22rem}.lead{font-size:1.06rem}.lead-wrap{min-height:142px}.lead-wrap .lead{max-width:76%}.intro-motif{opacity:.64;right:-4px;top:-14px;width:108px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}