:root{--bg-deep:#180f2b;--bg-panel:#221636;--bg-panel-2:#2c1d46;--bg-panel-3:#382454;--accent-coral:#ff7e67;--accent-coral-dim:#e86a55;--accent-gold:#ffc85c;--text-primary:#f7f2ff;--text-muted:#b6a6d9;--text-faint:#8677a8;--online:#6ee7b7;--line:#f7f2ff17;--shadow-soft:0 20px 60px #0a041a80;--radius-lg:24px;--radius-md:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 900px 500px at 15% -10%, #ff7e672e, transparent 60%), radial-gradient(ellipse 700px 500px at 90% 10%, #ffc85c1f, transparent 55%), var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Manrope,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}.serif{font-family:Fraunces,Songti SC,serif}::selection{background:var(--accent-coral);color:#1b0f0b}.wave{align-items:center;gap:3px;height:16px;display:inline-flex}.wave span{background:linear-gradient(180deg, var(--accent-gold), var(--accent-coral));border-radius:2px;width:3px;animation:1.1s ease-in-out infinite wavepulse;display:block}.wave span:first-child{height:6px;animation-delay:0s}.wave span:nth-child(2){height:14px;animation-delay:.12s}.wave span:nth-child(3){height:9px;animation-delay:.24s}.wave span:nth-child(4){height:16px;animation-delay:.36s}.wave span:nth-child(5){height:7px;animation-delay:.48s}@keyframes wavepulse{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.topbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#180f2bb8;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.logo{letter-spacing:.3px;align-items:center;gap:10px;font-family:Fraunces;font-size:20px;font-weight:600;display:flex}.logo .dot{background:var(--accent-coral);width:8px;height:8px;box-shadow:0 0 12px var(--accent-coral);border-radius:50%}.topbar-right{align-items:center;gap:8px;display:flex}.session-pill{color:var(--text-faint);background:var(--bg-panel);border:1px solid var(--line);border-radius:100px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:flex}.session-pill b{color:var(--text-muted);font-weight:600}.script-toggle{color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--line);cursor:pointer;border-radius:100px;padding:7px 12px;font-family:inherit;font-size:12px;transition:background .15s,color .15s}.script-toggle:hover{color:var(--text-primary);background:#ffffff14}.hero{text-align:center;max-width:760px;margin:0 auto;padding:56px 20px 40px}.eyebrow{color:var(--accent-gold);background:#ffc85c1a;border:1px solid #ffc85c40;border-radius:100px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-size:13px;display:inline-flex}.hero h1{letter-spacing:-.5px;color:var(--text-primary);font-family:Fraunces;font-size:clamp(30px,6vw,48px);font-style:normal;font-weight:600;line-height:1.18}.hero h1 em{background:linear-gradient(100deg, var(--accent-gold), var(--accent-coral));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:500}.hero p{color:var(--text-muted);max-width:520px;margin-top:16px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.7}.hero .stats{flex-wrap:wrap;justify-content:center;gap:28px;margin-top:28px;display:flex}.stat{text-align:center}.stat b{color:var(--text-primary);font-family:Fraunces;font-size:22px;display:block}.stat span{color:var(--text-faint);font-size:12px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;max-width:1120px;margin:48px auto 20px;padding:0 20px;display:flex}.section-head h2{font-family:Fraunces;font-size:22px;font-weight:600}.section-head span{color:var(--text-faint);font-size:13px}.grid{grid-template-columns:repeat(2,1fr);gap:14px;max-width:1120px;margin:0 auto;padding:0 20px 60px;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (width>=980px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;transition:transform .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:#ff7e6759;transform:translateY(-4px)}.card .photo{aspect-ratio:3/4;background-position:50%;background-size:cover;width:100%;position:relative}.card .photo:after{content:"";background:linear-gradient(#0000 45%,#130a21eb 100%);position:absolute;inset:0}.status{z-index:2;color:#0f2b20;background:var(--online);border-radius:100px;align-items:center;gap:5px;padding:4px 9px 4px 7px;font-size:11px;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.status.offline{color:var(--text-muted);background:#ffffff29}.status i{background:#0f2b20;border-radius:50%;width:6px;height:6px;display:block}.status.offline i{background:var(--text-muted)}.card .info{z-index:2;padding:12px;position:absolute;bottom:0;left:0;right:0}.card .info .name{align-items:baseline;gap:6px;font-family:Fraunces;font-size:17px;font-weight:600;display:flex}.card .info .name small{color:var(--text-muted);font-family:Manrope;font-size:13px;font-weight:600}.card .info .tags{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.card .info .tags span{color:var(--text-muted);background:#ffffff14;border-radius:100px;padding:3px 8px;font-size:11px}.card .bio{color:var(--text-faint);flex:1;min-height:36px;padding:10px 12px 4px;font-size:12.5px;line-height:1.5}.card .chat-btn{background:linear-gradient(100deg, var(--accent-coral), var(--accent-coral-dim));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;margin:10px 12px 12px;padding:10px;font-family:inherit;font-size:13.5px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 20px #ff7e6740}.card .chat-btn:active{transform:scale(.97)}.card .chat-btn svg{width:15px;height:15px}.footnote{max-width:1120px;color:var(--text-faint);border-top:1px solid var(--line);margin:0 auto 60px;padding:20px 20px 16px;font-size:12px;line-height:1.7}.overlay-bg{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0a051499;transition:opacity .25s;position:fixed;inset:0}.overlay-bg.open{opacity:1;pointer-events:auto}.chatwin{z-index:101;background:var(--bg-panel);box-shadow:var(--shadow-soft);flex-direction:column;transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;inset:0;transform:translateY(100%)}.chatwin.open{transform:translateY(0)}@media (width>=760px){.chatwin{border-radius:var(--radius-lg);border:1px solid var(--line);opacity:0;pointer-events:none;width:420px;height:640px;max-height:86vh;inset:50% auto auto 50%;transform:translate(-50%,-46%)scale(.96)}.chatwin.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}}.chat-header{border-bottom:1px solid var(--line);background:var(--bg-panel-2);align-items:center;gap:12px;padding:14px 16px;display:flex}@media (width>=760px){.chat-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.chat-header .back{width:34px;height:34px;color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-header img{object-fit:cover;background:var(--bg-panel-3);border-radius:50%;flex-shrink:0;width:40px;height:40px}.chat-header .who{flex:1;min-width:0}.chat-header .who .nm{font-family:Fraunces;font-size:15.5px;font-weight:600}.chat-header .who .st{color:var(--online);align-items:center;gap:5px;font-size:12px;display:flex}.chat-header .who .st i{background:var(--online);border-radius:50%;width:6px;height:6px}.chat-header .who .st.offline{color:var(--text-faint)}.chat-header .who .st.offline i{background:var(--text-faint)}.chat-body{background:radial-gradient(ellipse 400px 260px at 20% 0%, #ff7e670f, transparent 60%), var(--bg-deep);flex-direction:column;flex:1;gap:10px;padding:18px 14px;display:flex;overflow-y:auto}.msg{flex-direction:column;gap:4px;max-width:78%;animation:.22s msgin;display:flex}@keyframes msgin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg.them{align-self:flex-start}.msg.me{align-self:flex-end;align-items:flex-end}.bubble{word-break:break-word;border-radius:16px;padding:10px 13px;font-size:14px;line-height:1.55}.msg.them .bubble{background:var(--bg-panel-3);color:var(--text-primary);border-bottom-left-radius:4px}.msg.me .bubble{background:linear-gradient(100deg, var(--accent-coral), var(--accent-coral-dim));color:#fff;border-bottom-right-radius:4px}.msg .time{color:var(--text-faint);padding:0 4px;font-size:10.5px}.msg .bubble img.photo-msg{border-radius:12px;width:180px;max-width:100%;display:block}.voice-bubble{cursor:pointer;min-width:110px;font:inherit;color:inherit;background:0 0;border:none;align-items:center;gap:9px;display:flex}.voice-bubble .playbtn{flex-shrink:0;width:22px;height:22px}.voice-bubble .vw{align-items:center;gap:2px;height:16px;display:flex}.voice-bubble .vw span{opacity:.85;background:currentColor;border-radius:2px;width:2.5px}.voice-bubble .dur{opacity:.85;font-size:11.5px}.typing{background:var(--bg-panel-3);border-radius:16px 16px 16px 4px;align-self:flex-start;gap:5px;padding:11px 15px;display:flex}.typing span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite tdot}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes tdot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-input-wrap{border-top:1px solid var(--line);background:var(--bg-panel-2);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}@media (width>=760px){.chat-input-wrap{border-radius:0 0 var(--radius-lg) var(--radius-lg)}}.emoji-row{scrollbar-width:none;gap:6px;padding:0 2px 10px;display:flex;overflow-x:auto}.emoji-row::-webkit-scrollbar{display:none}.emoji-row button{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:22px;line-height:1;transition:transform .1s}.emoji-row button:active{transform:scale(1.2)}.input-row{align-items:center;gap:8px;display:flex}.icon-btn{width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.icon-btn:hover{color:var(--text-primary);background:#ffffff1f}.icon-btn.active{background:var(--accent-coral);color:#fff}.text-field{color:var(--text-primary);background:#ffffff0f;border:1px solid #0000;border-radius:100px;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:14px}.text-field:focus{border-color:#ff7e6766}.send-btn{cursor:pointer;background:linear-gradient(100deg, var(--accent-coral), var(--accent-coral-dim));color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 6px 16px #ff7e674d}.send-btn:disabled{opacity:.4;box-shadow:none;cursor:default}.recording-hint{color:var(--accent-coral);flex:1;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:13px;font-weight:700;display:none}.recording-hint.show{display:flex}.cta-bubble{flex-direction:column;gap:6px;min-width:220px;display:flex;background:var(--bg-panel-3)!important}.cta-title{font-size:13.5px;font-weight:700}.cta-sub{color:var(--text-muted);font-size:12.5px}.cta-btn{cursor:pointer;background:linear-gradient(100deg, var(--accent-gold), var(--accent-coral));color:#241030;border:none;border-radius:100px;margin-top:4px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:800}.toast{background:var(--bg-panel-3);color:var(--text-primary);border:1px solid var(--line);box-shadow:var(--shadow-soft);z-index:200;opacity:0;pointer-events:none;border-radius:100px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;transition:all .3s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,14px)}.toast.show{opacity:1;transform:translate(-50%)}