:root{--bg:#12040c;--bg2:#1a0a14;--pink:#ff6b9d;--pink-hot:#ff3d7f;--cream:#ffe8f0;--muted:#ffe8f0a6;--card:#280c1ceb;--line:#ff6b9d59;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--kb:0px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;min-height:100%;color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;touch-action:manipulation;margin:0;overflow:hidden}#app{flex-direction:column;height:100%;min-height:100dvh;display:flex;overflow:hidden}.app-shell{background:radial-gradient(90% 40% at 50% 18%,#ff6b9d47,#0000 55%),linear-gradient(#1a0a14 0%,#12040c 55%,#0a0206 100%);flex-direction:column;flex:1;width:100%;max-width:480px;height:100%;min-height:0;max-height:100svh;margin:0 auto;display:flex;overflow:hidden}.scroll-main{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.dock{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom,0px);z-index:50;will-change:transform;background:#12040cfa;flex:none;transition:transform .12s ease-out;position:relative}.safari-banner{margin:calc(.4rem + var(--safe-t)) .65rem 0;border:1px solid var(--line);color:var(--cream);text-align:center;background:#ff6b9d26;border-radius:12px;flex-shrink:0;padding:.55rem .75rem;font-size:.8rem;line-height:1.35}.safari-dismiss{border:1px solid var(--pink);color:var(--pink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin:.35rem auto 0;padding:.25rem .75rem;display:block}.top-bar{padding:.55rem .85rem .35rem;padding-top:max(.55rem, var(--safe-t));flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.top-left{align-items:center;gap:.55rem;min-width:0;display:flex}.mini-pic{object-fit:cover;border:2px solid var(--pink);border-radius:50%;flex-shrink:0;width:36px;height:36px;box-shadow:0 0 12px #ff6b9d73}.top-left h1{letter-spacing:.04em;color:var(--pink);margin:0;font-size:1.1rem;line-height:1.1}.top-left .status{color:#7dffb3;margin:.1rem 0 0;font-size:.72rem}.top-left .status.vip{color:#ffd76a}.top-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.3rem;display:flex}.mood-pill{border:1px solid var(--line);color:var(--cream);white-space:nowrap;background:#ff6b9d26;border-radius:999px;flex-shrink:0;margin:0;padding:.35rem .65rem;font-size:.72rem}.music-btn{font:inherit;color:#ffe8a8;white-space:nowrap;cursor:pointer;background:#ffd76a38;border:1px solid #ffd76a8c;border-radius:999px;flex-shrink:0;margin:0;padding:.35rem .65rem;font-size:.72rem;font-weight:600;box-shadow:0 0 12px #ffd76a33}.music-btn:active{transform:scale(.97)}.music-hint{color:#ffe8a8;text-align:center;background:#ffd76a1a;border:1px solid #ffd76a4d;border-radius:10px;flex-shrink:0;margin:0 .85rem .25rem;padding:.35rem .6rem;font-size:.75rem}.music-hint.hidden{display:none}.stage{border:1px solid var(--line);background:#0a0508;border-radius:20px;flex:0 auto;height:min(40dvh,360px);min-height:140px;max-height:min(42dvh,380px);margin:0 .65rem;transition:height .15s,min-height .15s,max-height .15s;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000073}@media (height>=800px){.stage{height:min(42dvh,400px);min-height:180px;max-height:min(44dvh,420px)}}html.kb-open .app-shell{max-height:var(--vvh,100%);height:var(--vvh,100%)}html.kb-open .stage{border-radius:22px;flex:none;width:min(42vw,148px);height:min(42vw,148px);min-height:112px;max-height:160px;margin:.15rem auto .25rem;animation:none;box-shadow:0 4px 16px #0006,0 0 0 1px #ff6b9d40}html.kb-open .stage-hint,html.kb-open .speech-bar,html.kb-open .vip-bar,html.kb-open .actions,html.kb-open .music-hint,html.kb-open .bond-bar,html.kb-open .quick-chips{display:none!important}html.kb-open .top-bar{padding-top:max(.15rem, env(safe-area-inset-top,0px));padding-bottom:.05rem}html.kb-open .top-bar h1{font-size:.95rem}html.kb-open .status{font-size:.65rem}html.kb-open .mini-pic{width:26px;height:26px}html.kb-open .mood-pill{padding:.2rem .45rem;font-size:.65rem}html.kb-open .chat{flex:auto;min-height:36px;padding:.1rem .65rem .15rem}html.kb-open .composer{padding-top:.2rem;padding-bottom:.3rem}html.kb-open .dock{padding-bottom:0}html.kb-open .walk-video,html.kb-open .stage-img{object-fit:contain!important;object-position:center center!important;filter:none!important;animation:none!important;transform:none!important}html.kb-open .talk-layer{filter:none!important;animation:none!important;transform:none!important}html.kb-open .talk-layer:after{display:none!important}html.kb-open .stage.is-facing,html.kb-open .stage.is-speaking,html.kb-open .stage.is-alive-portrait{animation:none}.walk-video{object-fit:contain;object-position:center top;z-index:1;opacity:0;pointer-events:none;transform-origin:50% 30%;background:#0a0508;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.stage.show-walk .walk-video{opacity:1;animation:8s ease-in-out infinite walk-life}.stage.show-talk .walk-video{opacity:0;animation:none}@keyframes walk-life{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.03);transform:scale(1.015)}}.talk-layer{z-index:2;opacity:0;pointer-events:none;transform-origin:50% 28%;will-change:transform, opacity, filter;transition:opacity .45s;position:absolute;inset:0}.stage.show-talk .talk-layer{opacity:1}.stage.show-walk .talk-layer{opacity:0}.stage.is-awakening .talk-layer{animation:.85s cubic-bezier(.22,1,.36,1) both spring-awake}@keyframes spring-awake{0%{opacity:0;filter:brightness(.75)blur(4px)saturate(.85);transform:scale(1.08)translateY(4%)}55%{opacity:1;filter:brightness(1.08)blur()saturate(1.05)}to{opacity:1;filter:brightness()blur()saturate();transform:scale(1)translate(0,0)}}.stage.is-facing .talk-layer,.stage.is-talk .talk-layer,.stage.is-lipsync .talk-layer,.stage.is-speaking .talk-layer,.stage.is-alive-portrait .talk-layer{animation:4.2s ease-in-out infinite life-breathe}.stage.is-awakening.is-facing .talk-layer,.stage.is-awakening.is-talk .talk-layer{animation:.85s cubic-bezier(.22,1,.36,1) both spring-awake}@keyframes life-breathe{0%,to{filter:brightness()contrast()saturate();transform:scale(1)translate(0,0)rotate(0)}25%{filter:brightness(1.04)contrast(1.02)saturate(1.04);transform:scale(1.012)translate(.35%,-.4%)rotate(-.25deg)}55%{filter:brightness(1.06)contrast(1.01)saturate(1.06);transform:scale(1.018)translate(-.25%,-.15%)rotate(.2deg)}78%{filter:brightness(1.02)saturate(1.02);transform:scale(1.008)translate(.15%,.2%)rotate(-.1deg)}}.stage.is-speaking .talk-layer,.stage.is-lipsync .talk-layer{animation:4.2s ease-in-out infinite life-breathe}.stage.is-facing,.stage.is-speaking,.stage.is-alive-portrait{animation:5s ease-in-out infinite stage-glow;box-shadow:0 8px 28px #00000073,0 0 0 1px #ff6b9d33,inset 0 0 40px #ff6b9d14}@keyframes stage-glow{0%,to{box-shadow:0 8px 28px #00000073,0 0 0 1px #ff6b9d2e,inset 0 0 36px #ff6b9d0f}50%{box-shadow:0 10px 32px #00000080,0 0 24px #ff6b9d2e,inset 0 0 48px #ff6b9d1f}}.stage.is-facing .talk-layer:after,.stage.is-alive-portrait .talk-layer:after,.stage.is-speaking .talk-layer:after{content:"";z-index:5;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg,#0000 35%,#ffe8f012 48%,#ffffff1f 50%,#ffe8f00f 52%,#0000 65%);animation:7s ease-in-out infinite light-sweep;position:absolute;inset:-10%}@keyframes light-sweep{0%,to{opacity:.35;transform:translate(-18%)translateY(4%)}50%{opacity:.7;transform:translate(18%)translateY(-4%)}}.stage-img{object-fit:cover;object-position:center 12%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:none;opacity:0;will-change:opacity, filter;z-index:1;width:100%;height:100%;transition:opacity .2s ease-in-out,filter .35s;display:block;position:absolute;inset:0;transform:none}.stage.is-lipsync .stage-img{transition:opacity .22s ease-in-out,filter .35s}.stage-img.is-front{opacity:1;z-index:2}.stage.is-blink .stage-img.is-front{filter:brightness(.88)contrast(.98);transition:filter 80ms}.stage:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000,#0a0508bf);height:28%;position:absolute;bottom:0;left:0;right:0}.stage.is-dancing .stage-img.is-front{filter:brightness(1.07)saturate(1.05)}.stage.is-kissing .stage-img.is-front{filter:brightness(1.06)saturate(1.03)}.stage-hint{z-index:4;text-align:center;color:#ffe8f0b3;text-shadow:0 1px 6px #000000e6;pointer-events:none;margin:0;font-size:.72rem;position:absolute;bottom:.55rem;left:0;right:0}.fx-heart{opacity:0;animation:linear forwards float-up;position:absolute;bottom:18%}.fx-kiss{pointer-events:none;animation:linear forwards blow-kiss;position:absolute}@keyframes blow-kiss{0%{opacity:0;transform:translate(0)scale(.5)}15%{opacity:1}to{transform:translate(var(--kx,30px), -110px) scale(1.15);opacity:0}}.fx-layer{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.fx-heart{opacity:0;filter:drop-shadow(0 2px 4px #0006);animation:linear forwards float-up;position:absolute;bottom:12%}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(.6)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(-220px)scale(1.25)rotate(18deg)}}.speech-bar{border:1px solid var(--line);background:#280c1cf2;border-radius:14px;flex-shrink:0;margin:.4rem .65rem 0;padding:.5rem .75rem;box-shadow:0 4px 16px #00000040}.speech-bar .speech-who{letter-spacing:.06em;color:var(--pink);opacity:.95;margin-bottom:.2rem;font-size:.65rem;font-weight:700;display:block}.speech-bar .speech-text{color:var(--cream);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.35;display:-webkit-box;overflow:hidden}.stage-hint{text-align:center;color:#ffe8f08c;z-index:5;pointer-events:none;text-shadow:0 1px 4px #000c;margin:0;font-size:.7rem;position:absolute;bottom:.45rem;left:0;right:0}.stage.is-dancing .stage-hint{color:#ffd76a;font-weight:600}.outfit-badge{z-index:6;border:1px solid var(--line);color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;text-overflow:ellipsis;background:#12040cd1;border-radius:999px;max-width:55%;padding:.3rem .55rem;font-size:.72rem;position:absolute;top:.55rem;right:.55rem;overflow:hidden}.wardrobe-wrap{flex-shrink:0;align-items:center;gap:.25rem;min-width:0;padding:.35rem .35rem 0;display:flex}.wardrobe-rail{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--pink) #00000040;cursor:grab;flex:auto;gap:.45rem;min-width:0;padding:.35rem .25rem .55rem;display:flex;overflow:auto hidden}.wardrobe-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.wardrobe-rail::-webkit-scrollbar{height:8px}.wardrobe-rail::-webkit-scrollbar-track{background:#00000040;border-radius:999px}.wardrobe-rail::-webkit-scrollbar-thumb{background:linear-gradient(90deg, var(--pink), #ffd76a);border-radius:999px}.wardrobe-nav{border:1px solid var(--line);width:2rem;height:2.5rem;color:var(--cream);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ff6b9d2e;border-radius:10px;flex:none;place-items:center;padding:0;font-size:1.4rem;line-height:1;display:grid}.wardrobe-nav:hover{border-color:var(--pink);background:#ff6b9d59}.wardrobe-nav:active{transform:scale(.96)}.wardrobe-hint{color:var(--muted);text-align:center;flex-shrink:0;margin:0 .75rem .15rem;font-size:.68rem}.fit-chip{border:1px solid var(--line);width:4.4rem;color:var(--cream);font:inherit;cursor:pointer;text-align:center;scroll-snap-align:start;background:#00000047;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:.2rem;padding:.3rem;font-size:.62rem;line-height:1.15;display:flex}.fit-chip img{aspect-ratio:3/4;object-fit:cover;border-radius:8px;width:100%;display:block}.fit-chip.on{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink), 0 0 14px #ff6b9d59}.fit-chip.locked{opacity:.55;cursor:not-allowed}.fit-chip.locked img{filter:grayscale(.7)brightness(.75)}.fit-chip em{color:#ffd76a;font-size:.6rem;font-style:normal;font-weight:700}.outfit-preview{border:1px solid var(--line);background:#ff6b9d14;border-radius:14px;align-items:center;gap:.75rem;margin-bottom:.65rem;padding:.65rem;display:flex}.outfit-preview img{object-fit:cover;border:2px solid var(--pink);border-radius:10px;flex-shrink:0;width:64px;height:86px}.outfit-preview p{color:var(--cream);margin:0;font-size:.88rem;line-height:1.35}.wardrobe-guide{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.wardrobe-guide span{border:1px solid var(--line);color:var(--muted);background:#0000004d;border-radius:999px;padding:.25rem .5rem;font-size:.68rem}.vip-bar{color:#ffe8a8;text-align:center;background:#ffd76a1f;border:1px solid #ffd76a59;border-radius:10px;flex-shrink:0;margin:.4rem .75rem .3rem;padding:.35rem .65rem;font-size:.78rem}.vip-bar.alive-bar{color:#b8ffd4;background:#7dffb31f;border-color:#7dffb373}.alive-preview{color:#c8ffe0;background:#7dffb31a;border:1px solid #7dffb359;border-radius:12px;margin-bottom:.65rem;padding:.55rem .7rem;font-size:.85rem}.alive-preview p{margin:0;line-height:1.35}.chat{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:auto;flex-direction:column;flex:auto;gap:.45rem;min-height:96px;padding:.35rem .85rem .55rem;display:flex;overflow:hidden auto}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:90%;padding:.55rem .75rem;font-size:.88rem;line-height:1.35}.bubble.her{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.bubble.me{color:#fff;background:linear-gradient(135deg,#ff6b9d,#c43d7a);border-bottom-right-radius:4px;align-self:flex-end}.bubble .who{opacity:.75;letter-spacing:.04em;margin-bottom:.15rem;font-size:.65rem;display:block}.composer{pointer-events:auto;background:0 0;flex-shrink:0;gap:.45rem;padding:.35rem .75rem .55rem;display:flex}.composer input{border:1px solid var(--line);min-width:0;color:var(--cream);font:inherit;appearance:none;-webkit-user-select:text;user-select:text;touch-action:manipulation;pointer-events:auto;z-index:2;background:#ffffff1a;border-radius:999px;outline:none;flex:1;padding:.7rem 1rem;font-size:16px;line-height:1.25;position:relative;transform:translateZ(0)}.composer input::placeholder{color:#ffe8f08c}.composer input:focus{border-color:var(--pink);background:#ffffff24}.composer button,.tip-btn,.pay-btn{font:inherit;cursor:pointer;border:none;border-radius:999px;font-weight:700}.composer .send{background:var(--pink);color:#1a0a14;padding:.65rem .95rem}.composer .send:disabled{opacity:.5}.actions{flex-shrink:0;gap:.45rem;padding:.45rem .75rem .2rem;display:flex}.tip-btn{color:#3a2200;background:linear-gradient(#ffd76a,#f5b942);flex:1;padding:.65rem;font-size:.92rem;box-shadow:0 4px #b8860b}.tip-btn:active{transform:translateY(2px);box-shadow:0 2px #b8860b}.name-btn{border:1px solid var(--line);color:var(--cream);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border-radius:999px;flex:none;max-width:42%;padding:.65rem .75rem;font-size:.82rem;font-weight:600;overflow:hidden}.name-btn:active{transform:scale(.98)}.bond-bar{background:#ff6b9d14;border:1px solid #ff6b9d38;border-radius:12px;flex-shrink:0;margin:.25rem .75rem .15rem;padding:.4rem .55rem}.bond-row{color:var(--muted);justify-content:space-between;gap:.5rem;margin-bottom:.3rem;font-size:.72rem;display:flex}.bond-label{color:var(--cream);font-weight:600}.bond-mood{opacity:.9;text-align:right}.bond-track{background:#ffffff14;border-radius:999px;height:5px;overflow:hidden}.bond-track i{background:linear-gradient(90deg,#ff6b9d,#ffd76a);border-radius:999px;height:100%;display:block}.quick-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;gap:.35rem;padding:.15rem .75rem .35rem;display:flex;overflow-x:auto}.quick-chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);color:var(--cream);font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:999px;flex:none;padding:.35rem .7rem;font-size:.75rem;font-weight:600}.chip:active{border-color:var(--pink);background:#ff6b9d33}html.kb-open .bond-bar,html.kb-open .quick-chips{display:none!important}.modal-bg{z-index:40;background:#000000a6;place-items:end center;padding:0;display:grid;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--line);width:min(480px,100%);max-height:88dvh;padding:1.1rem 1rem calc(1.1rem + var(--safe-b));border-bottom:none;border-radius:20px 20px 0 0;overflow-y:auto}.modal h2{color:var(--pink);margin:0 0 .35rem;font-size:1.25rem}.modal .sub{color:var(--muted);margin:0 0 .85rem;font-size:.88rem;line-height:1.4}.tip-amount-label{color:var(--muted);margin:0 0 .35rem;font-size:.8rem;display:block}.tip-amount-row{border:1px solid var(--line);background:#00000047;border-radius:14px;align-items:center;gap:.35rem;margin-bottom:.85rem;padding:.55rem .85rem;display:flex}.tip-dollar{color:var(--pink);font-size:1.25rem;font-weight:700}.tip-amount-input{min-width:0;color:var(--cream);font:inherit;-webkit-appearance:none;appearance:textfield;background:0 0;border:none;outline:none;flex:1;font-size:1.25rem;font-weight:700}.tip-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tip-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tip-amount-input.invalid{color:#ff8a8a}.tip-amount-row:focus-within{border-color:var(--pink)}.private-handle{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pay-list{flex-direction:column;gap:.5rem;display:flex}.pay-card{border:1px solid var(--line);background:#00000040;border-radius:14px;padding:.75rem}.pay-card .row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pay-card .label{color:var(--pink);font-weight:700}.pay-card .handle{color:var(--muted);word-break:break-all;margin-top:.25rem;font-size:.82rem}.pay-card .note{color:var(--muted);margin-top:.35rem;font-size:.78rem;line-height:1.35}.pay-btn{background:var(--pink);color:#1a0a14;white-space:nowrap;padding:.45rem .75rem}.pay-btn.ghost{border:1px solid var(--pink);color:var(--pink);background:0 0}.modal .close{border:1px solid var(--line);width:100%;color:var(--cream);font:inherit;cursor:pointer;background:0 0;border-radius:12px;margin-top:.85rem;padding:.7rem}.modal .close.primary-tip{color:#3a2200;background:linear-gradient(#ffd76a,#f5b942);border:none;font-weight:700}.legal{color:#ffe8f073;margin-top:.75rem;font-size:.72rem;line-height:1.35}.typing{color:var(--muted);align-self:flex-start;padding:0 .25rem;font-size:.8rem}@media (height<=700px){.stage{height:min(36dvh,280px);min-height:120px;max-height:min(38dvh,300px)}.fit-chip{width:3.8rem}.music-hint:not(.hidden){padding:.25rem .5rem;font-size:.7rem}}@media (width<=420px){.stage{height:min(38dvh,300px);min-height:130px}}