:root{--tea:#6f4b3d;--tea-deep:#332823;--cream:#f5eee3;--cream-soft:#fbf8f1;--peach:#e59073;--peach-light:#f3c8b4;--sage:#71816c;--muted:#85776f;--line:#46322929}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--tea-deep);background:radial-gradient(circle at 13% 18%, #e5907333, transparent 26%), radial-gradient(circle at 87% 82%, #71816c21, transparent 30%), var(--cream);margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif}button{color:inherit;font:inherit}.app-shell{flex-direction:column;min-height:100vh;padding:24px clamp(20px,5vw,76px) 20px;display:flex;position:relative;overflow:hidden}.soft-grain{pointer-events:none;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{z-index:2;justify-content:space-between;align-items:center;width:min(1180px,100%);margin:0 auto;display:flex;position:relative}.wordmark{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.wordmark>span{width:44px;height:44px;color:var(--cream-soft);background:var(--tea);border-radius:48% 52% 45% 55%;place-items:center;font-family:STKaiti,KaiTi,serif;font-size:24px;display:grid;transform:rotate(-5deg)}.wordmark div{display:grid}.wordmark b{letter-spacing:.18em;font-size:17px}.wordmark small{color:var(--muted);letter-spacing:.12em;margin-top:2px;font-size:10px}.presence{color:var(--muted);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf8f18c;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;display:flex}.presence i{background:#b9a99f;border-radius:50%;width:7px;height:7px}.presence--online i{background:#6f9b74;box-shadow:0 0 0 4px #6f9b7421}.presence--checking i{animation:1.1s ease-in-out infinite breathe}.welcome{z-index:1;grid-template-columns:minmax(340px,.92fr) minmax(360px,1.08fr);align-items:center;gap:clamp(54px,8vw,120px);width:min(1080px,100%);margin:auto;padding:62px 0 54px;display:grid;position:relative}.portrait-column{position:relative}.portrait-frame{background:var(--cream-soft);border:1px solid #46322947;border-radius:48% 48% 14px 14px;width:min(470px,100%);padding:13px;position:relative;transform:rotate(-1.5deg);box-shadow:0 30px 80px #4b34282e}.portrait-frame:before{z-index:-1;background:var(--peach-light);border-radius:inherit;content:"";width:100%;height:100%;position:absolute;top:24px;right:-22px}.portrait-frame img{aspect-ratio:1/1.08;object-fit:cover;object-position:center 28%;border-radius:48% 48% 7px 7px;width:100%;height:auto;display:block}.portrait-caption{color:var(--muted);letter-spacing:.18em;padding:11px 4px 0;font-family:SFMono-Regular,Menlo,monospace;font-size:10px;display:block}.hello-note{background:var(--cream-soft);border:1px solid var(--line);border-radius:4px 20px 20px;max-width:210px;padding:17px 22px;font-size:15px;line-height:1.55;position:absolute;bottom:70px;right:-38px;transform:rotate(2deg);box-shadow:0 16px 35px #4b342826}.hello-note span{color:var(--peach);font-family:Georgia,serif;font-size:54px;position:absolute;top:-18px;left:8px}.welcome-copy{padding-left:clamp(0px,2vw,24px)}.overline{color:var(--sage);letter-spacing:.18em;margin:0 0 22px;font-family:SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.welcome h1{letter-spacing:-.06em;margin:0 0 30px;font-family:STKaiti,KaiTi,serif;font-size:clamp(64px,8vw,108px);font-weight:400;line-height:.9}.welcome h1 em{color:var(--peach);font-style:normal}.intro{color:#594a43;max-width:540px;margin:0 0 30px;font-size:clamp(16px,1.5vw,19px);line-height:1.95}.traits{flex-wrap:wrap;gap:9px;margin-bottom:40px;display:flex}.traits span{color:var(--tea);border:1px solid var(--line);background:#fbf8f1a6;border-radius:999px;padding:8px 13px;font-size:12px}.start-chat{width:min(360px,100%);min-height:64px;color:var(--cream-soft);background:var(--tea-deep);cursor:pointer;box-shadow:8px 9px 0 var(--peach-light);border:0;border-radius:4px 24px 24px;justify-content:space-between;align-items:center;padding:0 20px 0 25px;font-size:17px;transition:transform .18s,box-shadow .18s;display:flex}.start-chat b{background:var(--peach);border-radius:50%;place-items:center;width:36px;height:36px;font-family:sans-serif;display:grid}.start-chat:hover:not(:disabled){box-shadow:5px 6px 0 var(--peach-light);transform:translate(3px,3px)}.start-chat:disabled{cursor:wait;opacity:.54}.privacy-note{color:var(--muted);margin:18px 0 0;font-size:11px}.chat-room{z-index:1;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf8f1d1;border-radius:28px;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,100%);height:min(720px,100dvh - 154px);min-height:360px;margin:34px auto 26px;animation:.45s ease-out both rise;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 90px #4b342829}.chat-header{border-bottom:1px solid var(--line);background:#fffdf8bf;grid-template-columns:auto auto 1fr auto;align-items:center;gap:13px;padding:17px 22px;display:grid}.chat-header>img{object-fit:cover;border-radius:50%}.chat-header h1{margin:0 0 4px;font-family:STKaiti,KaiTi,serif;font-size:24px;font-weight:500}.chat-header p{color:var(--muted);margin:0;font-size:11px}.chat-header p i{background:#6f9b74;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.back-button,.more-button,.composer>button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.back-button{width:34px;height:34px;font-family:sans-serif;font-size:19px}.more-button{width:40px;height:34px;color:var(--muted);letter-spacing:.12em}.conversation{flex-direction:column;min-height:0;padding:28px clamp(20px,5vw,46px);display:flex;overflow-y:auto}.day-marker{color:#aa9b91;letter-spacing:.12em;margin:0 auto 28px;font-size:10px}.bubble-row{align-items:end;gap:10px;margin-bottom:12px;display:flex}.bubble-row>img{object-fit:cover;border-radius:50%;flex:none}.bubble-row--followup{padding-left:48px}.avatar-spacer{flex:0 0 38px;width:38px}.bubble-row--me{justify-content:flex-end;margin-top:18px}.delivery-failed{color:#fff;background:#c94f45;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;margin-bottom:14px;font-family:sans-serif;font-size:13px;font-weight:700;display:grid;box-shadow:0 3px 9px #99312933}.system-notice{color:#9a8a81;background:#816f6414;border-radius:999px;align-self:center;margin:7px auto 18px;padding:7px 12px;font-family:sans-serif;font-size:11px;animation:.18s ease-out both rise}.conversation>*{flex-shrink:0}.bubble{border:1px solid var(--line);background:#fffdfa;border-radius:7px 19px 19px;max-width:min(490px,78%);padding:13px 17px;font-size:15px;line-height:1.7;box-shadow:0 7px 20px #4b34280f}.bubble-row--me .bubble{color:#fff;background:var(--tea);border-color:var(--tea);border-radius:19px 7px 19px 19px}.bubble--typing span{letter-spacing:.12em;animation:1s ease-in-out infinite breathe;display:inline-block}.guided-choices{gap:9px;width:min(500px,100% - 48px);margin:24px 0 0 48px;display:grid}.guided-choices p{color:var(--muted);letter-spacing:.08em;margin:0 0 2px;font-family:SFMono-Regular,Menlo,monospace;font-size:10px}.guided-choices button{color:var(--tea);cursor:pointer;text-align:left;background:0 0;border:1px solid #6f4b3d57;border-radius:6px 18px 18px;padding:13px 17px;transition:background .15s,transform .15s}.guided-choices button:hover{background:#fffdfa;transform:translate(4px)}.composer{border-top:1px solid var(--line);background:#fffdf8c2;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 18px;display:grid}.composer>input{width:100%;min-width:0;color:var(--tea-deep);font:inherit;background:#f4ede3cc;border:1px solid #0000;border-radius:20px;outline:none;padding:12px 17px;font-size:13px}.composer>input::placeholder{color:#a4958b}.composer>input:focus{background:#fffdfa;border-color:#6f4b3d47}.composer>input:disabled{cursor:not-allowed;opacity:.75}.composer>button{width:36px;height:36px;color:var(--tea);font-family:sans-serif;font-size:20px}.composer>button:last-child{color:#fff;background:var(--tea);border-radius:50%}.composer>button:disabled{cursor:not-allowed;opacity:.35}.page-footer{z-index:1;width:min(1180px,100%);color:var(--muted);border-top:1px solid var(--line);letter-spacing:.1em;justify-content:space-between;margin:0 auto;padding-top:18px;font-size:10px;display:flex;position:relative}@keyframes breathe{50%{opacity:.35}}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@media (max-width:820px){.welcome{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px}.hello-note{right:-14px}.welcome h1{font-size:clamp(56px,10vw,78px)}}@media (max-width:680px){.app-shell{padding:16px 16px 14px}.welcome{grid-template-columns:1fr;gap:50px;padding-top:38px}.portrait-frame{width:88%;margin:0 auto}.hello-note{bottom:48px;right:1%}.welcome-copy{padding:0 8px}.welcome h1{font-size:68px}.intro{font-size:16px}.start-chat{width:100%}.chat-room{border-radius:20px;height:calc(100dvh - 116px);margin:20px auto 18px}.chat-header{grid-template-columns:auto auto 1fr auto;padding-inline:12px}.conversation{padding-inline:16px}.guided-choices{width:calc(100% - 34px);margin-left:34px}.bubble{max-width:84%}.bubble-row--followup{padding-left:34px}.page-footer{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.encounter-home{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px 80px;width:min(1180px,100%);margin:70px auto 45px;display:grid}.encounter-intro h1{letter-spacing:-.045em;margin:24px 0;font-size:clamp(38px,4.2vw,60px);font-weight:500;line-height:1.3}.encounter-intro h1 em{color:#9b6249;font-style:normal}.encounter-intro .intro{max-width:450px;font-size:16px;line-height:1.9}.gender-picker{border:0;margin:32px 0 24px;padding:0}.gender-picker legend{color:var(--muted);margin-bottom:15px;font-size:13px}.gender-picker legend span{color:var(--tea);margin-right:9px;font-family:Georgia,serif}.gender-picker>div{gap:12px;display:flex}.gender-picker button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fbf8f166;border-radius:12px;flex:1;align-items:center;gap:12px;padding:16px 14px;transition:background .2s,border-color .2s;display:flex}.gender-picker button[aria-pressed=true]{border-color:var(--tea);background:#fffaf0;box-shadow:0 3px 14px #6f4b3d0a}.gender-picker button>b{font-family:Georgia,serif;font-size:27px;font-weight:400}.gender-picker button span{flex:1;font-size:14px}.gender-picker small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.gender-picker i{border:1px solid var(--line);text-align:center;border-radius:50%;width:17px;height:17px;font-size:11px;font-style:normal}.gender-picker button[aria-pressed=true] i{background:var(--tea);color:#fff}.encounter-intro .start-chat{width:100%;margin-top:0}.mbti-picker{border:0;min-width:0;margin:0 0 24px;padding:0}.mbti-picker legend{color:var(--muted);font-size:13px}.mbti-picker legend span{color:var(--tea);margin-right:9px;font-family:Georgia,serif}.mbti-picker>p{color:var(--muted);margin:10px 0 16px;font-size:12px}.mbti-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.mbti-group h2{color:var(--muted);letter-spacing:.08em;margin:0 0 8px;font-size:11px;font-weight:400}.mbti-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mbti-group button{border:1px solid var(--line);cursor:pointer;background:#fbf8f166;border-radius:9px;min-width:0;padding:10px 4px;transition:background .2s,border-color .2s}.mbti-group button b{letter-spacing:.06em;font-family:Georgia,serif;font-size:16px;font-weight:400;display:block}.mbti-group button small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.mbti-group button[aria-pressed=true],.mbti-unsure[aria-pressed=true]{border-color:var(--tea);color:var(--tea);background:#fffaf0}.mbti-group button:hover,.mbti-unsure:hover{border-color:var(--tea)}.mbti-picker button:focus-visible{outline:2px solid var(--tea);outline-offset:3px}.mbti-unsure{border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;justify-content:space-between;margin-top:12px;padding:11px 14px;font-size:12px;display:flex}.mbti-note{color:var(--muted);margin-top:10px;font-size:10px;display:block}.chat-mbti-note{text-align:center;color:var(--muted);margin:-3px 0 22px;font-size:11px}.new-encounter{text-underline-offset:5px;cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:12px;text-decoration:underline}.new-encounter:disabled{opacity:.4;cursor:not-allowed}.gallery-heading{letter-spacing:.13em;color:var(--muted);justify-content:space-between;margin-bottom:16px;font-size:10px;display:flex}.character-feature{border-radius:120px 16px 16px;height:390px;position:relative;overflow:hidden;box-shadow:0 18px 44px #33282314}.character-feature>img{object-fit:cover;object-position:center 28%;width:100%;height:100%}.character-feature:after{content:"";background:linear-gradient(#0000,#202923d9);position:absolute;inset:45% 0 0}.feature-number{color:#fff9;letter-spacing:.18em;font-family:Georgia,serif;font-size:12px;position:absolute;top:22px;right:22px}.feature-copy{z-index:1;color:#fff8ee;position:absolute;bottom:24px;left:28px;right:20px}.feature-copy p{letter-spacing:.14em;margin:0 0 6px;font-size:11px}.feature-copy h2{margin:0 0 9px;font-size:34px;font-weight:400}.feature-copy>span{opacity:.8;font-size:13px}.character-strip{grid-template-columns:repeat(6,1fr);gap:9px;margin-top:18px;display:grid}.character-strip button{cursor:pointer;opacity:.66;background:0 0;border:1px solid #0000;border-radius:12px;padding:5px;transition:opacity .2s}.character-strip button:hover,.character-strip button[aria-pressed=true]{opacity:1}.character-strip button[aria-pressed=true]{border-color:var(--tea);background:#fff8}.character-strip img{border-radius:8px;width:100%;height:auto;display:block}.character-strip span{margin-top:7px;font-size:11px;display:block}.gallery-note{color:var(--muted);justify-content:space-between;gap:10px;margin:14px 0 0;font-size:10px;display:flex}.encounter-footnote{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;margin-top:10px;padding-top:30px;display:flex}.encounter-footnote>span{color:var(--muted);font-size:12px;line-height:1.8}.encounter-footnote p{margin:0;font-size:13px}.encounter-footnote small{color:var(--muted);margin-top:8px;font-size:10px;display:block}.chat-header h1 small{vertical-align:middle;color:var(--muted);border:1px solid var(--line);border-radius:20px;margin-left:7px;padding:3px 7px;font-size:10px;font-weight:400;display:inline-block}.chat-header .more-button{white-space:nowrap;width:auto;font-size:12px}.chat-header img,.bubble-row>img{object-fit:cover;object-position:center 30%}.chat-character-note{text-align:center;margin-bottom:12px}.chat-character-note p{color:var(--tea);margin:2px 0 8px;font-size:13px}.chat-character-note span{color:var(--muted);font-size:10px}button:focus-visible{outline:2px solid var(--tea);outline-offset:4px}.voice-message{border-top:1px solid var(--line);gap:8px;margin-top:12px;padding-top:10px;display:grid}.voice-message-label{color:var(--tea);letter-spacing:.04em;font-size:11px}.voice-message audio{width:min(260px,100%);height:36px;display:block}.voice-message-pending{color:var(--muted);font-size:12px}.voice-message button{text-align:left;color:var(--tea);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}@media (max-width:900px){.encounter-home{gap:40px}.character-feature{height:350px}.encounter-intro h1{font-size:42px}}@media (max-width:680px){.encounter-home{grid-template-columns:1fr;gap:32px;margin:38px auto 28px}.encounter-intro h1{font-size:clamp(34px,9vw,46px)}.encounter-intro .overline{font-size:9px}.encounter-intro .intro{font-size:14px}.encounter-gallery{width:100%;max-width:430px;margin:auto}.character-feature{height:340px}.character-strip{gap:4px}.character-strip button{padding:3px}.gallery-note{flex-direction:column;gap:7px}.encounter-footnote{grid-template-columns:repeat(3,1fr);gap:24px 10px;padding-top:22px;display:grid}.encounter-footnote>span{grid-column:1/-1}.encounter-footnote p{font-size:11px}.encounter-footnote small{font-size:9px}.chat-header h1 small{margin-left:3px;font-size:9px}}