/* Desktop and tablet must retain both levels of navigation. */
#view .phone-app .phone-chat-back{display:inline-flex!important;align-items:center;justify-content:center;flex:none;min-width:38px;min-height:38px}#view .phone-desktop-exit{position:sticky;top:0;z-index:2;display:flex;align-items:center;width:100%;min-height:52px;padding:12px 18px;border:0;border-bottom:1px solid #00000008;background:#f5f6f7;color:#435d72;font-size:15px}#view .phone-chat-list>.phone-directory{min-height:calc(100% - 52px)}
.welcome-orientation{position:fixed;z-index:40;top:max(16px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;padding:10px 20px;border-radius:24px;background:#e5edf4ed;box-shadow:0 4px 18px #101a2633;color:#2f465c;font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.02em;text-align:center;pointer-events:none}body[data-page="home"] .v2-home-top{padding-top:76px}body[data-page="home"] .orientation-hint{display:none!important}
/* White, quiet text companion; no paper frames or stacked separators. */
#view .text-companion{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif!important;background:#fff!important;background-image:none!important;border:0!important;border-radius:24px!important;box-shadow:0 8px 34px #0e20300c!important;overflow:hidden;color:#344151!important}#view .text-companion::before,#view .text-companion::after{content:none!important}#view .text-companion *{font-family:inherit!important;box-sizing:border-box}#view .text-companion>header{padding:22px 24px 10px!important;border:0!important;background:#fff!important;box-shadow:none!important;gap:15px}#view .text-companion>header h1{font-size:22px!important;font-weight:500;margin:0 0 8px;display:flex;align-items:center;gap:12px;color:#334457!important}#view .text-companion .chat-avatar{width:44px;height:44px;flex:none;border-radius:13px;overflow:hidden;background:#e9f0f5;color:#688399}#view .text-companion .avatar-initial{background:transparent}#view .text-companion>header>div>span{font-size:12px;color:#a1acb6;margin-left:56px}#view .text-companion :is(header button,.text-message-actions button){background:#f4f6f8!important;border:0!important;border-radius:18px!important;box-shadow:none!important;padding:8px 13px!important;min-height:34px!important;color:#6f8191;font-size:12px}#view .text-companion .ui-label small{display:none!important}#view .text-companion .ui-label b{font-size:inherit;font-weight:400}#view .text-preferences{padding:4px 24px 10px;color:#8e9dab;border:0;font-size:12px}#view .text-preferences summary{cursor:pointer;width:max-content;padding:6px 0}#view .text-preferences .prompt-picker{border:0!important;background:transparent!important;padding:6px 0!important;box-shadow:none!important}#view .text-preferences .prompt-picker select{border:0;background:#f5f7f9;border-radius:10px;padding:8px}#view .text-companion .text-thread{background:#fff!important;border:0!important;padding:20px 24px!important;min-height:260px}#view .text-companion .text-empty{background:transparent!important;color:#b1bbc4;font-size:15px;font-weight:400}#view .text-companion .text-message{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin-bottom:24px!important}#view .text-companion .text-message>small{font-size:11px;color:#aab3bd}#view .text-companion .text-message>p{padding:13px 17px!important;border:0!important;border-radius:18px!important;background:#f5f7fa!important;color:#364454!important;font-size:16px!important;font-weight:400!important;line-height:1.8!important;margin:7px 0 0!important;overflow-wrap:anywhere}#view .text-companion .text-message.outgoing>p{background:#edf3f8!important}#view .text-companion .text-message-actions{display:none;gap:5px;flex-wrap:wrap;margin-top:6px}#view .text-companion .text-message:hover .text-message-actions,#view .text-companion .text-message.selected .text-message-actions{display:flex}#view .text-companion .text-compose{background:#fff!important;border:0!important;padding:12px 24px 20px!important;box-shadow:none!important}#view .text-companion .text-compose textarea{background:#f6f8fa!important;border:0!important;border-radius:18px!important;box-shadow:none!important;padding:14px 17px!important;font-size:16px!important;color:#344454;min-height:74px}#view .text-companion .text-compose>div{gap:10px;align-items:center}#view .text-companion .text-compose small{color:#a6afb9;font-size:11px}#view .text-companion .text-compose button{border:0!important;border-radius:20px!important;padding:9px 23px!important;background:#7191ac!important;color:white!important;box-shadow:none!important;font-size:14px!important;min-height:38px}#view .text-companion .text-compose button[type="button"]{background:#edf2f6!important;color:#738a9d!important}html body[data-page].experience-fullscreen .text-companion{background:#fff!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
/* Immersive companion scene: original aspect ratio, stable close camera, light controls. */
#view .vn-social{--vn-compose-space:86px;--vn-dialogue-space:145px}#view .vn-social>.interlude-cards{display:none!important}html body[data-page].immersive #view .vn-social .interlude-stage{inset:0!important;width:100vw!important;height:100dvh!important;background:#637284!important}#view .vn-social .v2-story-bg{height:100%!important;width:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(.85) brightness(.97)!important}#view .vn-social .v2-story-wash{background:linear-gradient(0deg,#1d2f4544,transparent 47%,#1d2f451a)!important}#view .vn-social .interlude-stage::before,#view .vn-social .interlude-stage::after{content:none!important}#view .vn-social .vn-scene-toolbar{position:fixed;z-index:15;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:110px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:none;border:0;padding:0}#view .vn-scene-toolbar button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff35;border-radius:23px;background:#253e5730;backdrop-filter:blur(8px);color:#fff;min-height:40px;padding:8px 17px;font:14px/1.3 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;box-shadow:0 2px 8px #1d2f4512}#view .vn-scene-toolbar button:first-child{font-size:18px}#view .vn-scene-toolbar .vn-place-chip{font-size:12px;background:#ffffff23;border-color:transparent;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body[data-page].immersive #view .vn-social .story-cast.vn-closeup{position:absolute!important;inset:8% -8% 4%!important;height:auto!important;gap:0!important;justify-content:center!important;align-items:stretch!important;overflow:hidden!important}html body[data-page].immersive #view .vn-social .story-portrait{position:relative!important;width:100%!important;max-width:100%!important;height:100%!important;flex:none!important;padding:0!important;margin:0!important;mask-image:linear-gradient(#000 0 80%,#000c 90%,transparent)!important}html body[data-page].immersive #view .vn-social .story-portrait img{position:absolute!important;height:calc(100% * var(--stage-image-height,1))!important;width:auto!important;max-width:none!important;max-height:none!important;left:50%!important;top:var(--stage-crown,0)!important;object-fit:contain!important;transform:translateX(calc(-1 * var(--stage-face-x,50%)))!important;filter:none!important}#view .vn-social .story-portrait figcaption{display:none!important}
html body[data-page].immersive #view .vn-social .vn-soft-dialogue{position:fixed!important;left:clamp(14px,5vw,90px)!important;right:clamp(14px,5vw,90px)!important;bottom:var(--vn-compose-space)!important;height:auto!important;min-height:112px!important;max-height:26dvh!important;display:flex!important;flex-direction:column!important;gap:7px!important;padding:18px 23px 12px!important;border:1px solid #ffffff88!important;border-radius:22px!important;background:linear-gradient(120deg,#fffffff0,#f3f7fae6)!important;backdrop-filter:blur(16px)!important;box-shadow:0 8px 34px #122c4117!important;overflow:auto!important;outline:0!important}#view .vn-soft-dialogue::before,#view .vn-soft-dialogue::after{content:none!important}html body[data-page].immersive #view .vn-social .v2-nameplate{position:static!important;inset:auto!important;display:block!important;clip-path:none!important;transform:none!important;min-width:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;color:#526b82!important;border:0!important;box-shadow:none!important;font-size:16px!important}#view .vn-soft-dialogue .v2-nameplate::before,#view .vn-soft-dialogue .v2-nameplate::after{display:none!important}#view .vn-soft-dialogue .v2-nameplate b{font-size:16px!important;font-weight:500!important}html body[data-page].immersive #view .vn-social .v2-dialogue-body{padding:0!important;display:block!important;min-height:0!important;flex:1}html body[data-page].immersive #view .vn-social .v2-prose{font:400 clamp(16px,2vw,19px)/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif!important;color:#3a4b5c!important}#view .vn-soft-dialogue footer{display:flex!important;align-items:center;justify-content:flex-end;gap:12px;color:#9aaab6;font-size:10px!important;padding:0!important;margin:0!important;border:0!important;min-height:13px}#view .vn-soft-dialogue .v2-next{background:transparent!important;color:#718b9e;border:0;padding:0;width:30px;height:26px;min-height:0;border-radius:15px}
html body[data-page].immersive #view .vn-social .vn-soft-compose{position:fixed!important;left:clamp(14px,5vw,90px)!important;right:clamp(14px,5vw,90px)!important;bottom:max(12px,env(safe-area-inset-bottom))!important;display:flex!important;align-items:center;gap:10px;padding:8px!important;margin:0!important;height:auto!important;min-height:56px!important;max-height:none!important;background:#fffffff2!important;border:1px solid #ffffff80!important;border-radius:28px!important;box-shadow:0 5px 26px #203c5318!important;z-index:16!important}#view .vn-soft-compose textarea{flex:1!important;min-width:0!important;width:auto!important;min-height:36px!important;height:36px!important;max-height:90px;border:0!important;border-radius:20px!important;box-shadow:none!important;background:transparent!important;color:#3b4e60!important;font:15px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;padding:7px 12px!important;margin:0!important;resize:none}#view .vn-soft-compose button{flex:none;border:0!important;border-radius:22px!important;background:#698aa5!important;color:#fff!important;min-height:40px!important;padding:8px 20px!important;font:14px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;box-shadow:none!important}#view .vn-soft-compose .vn-retry{background:#eff3f6!important;color:#698399!important}#view .vn-menu-actions{display:flex;gap:10px;flex-wrap:wrap}.vn-menu-actions button{border-radius:12px!important}
@media(max-width:600px) and (orientation:portrait){#view .vn-social{--vn-compose-space:88px}#view .vn-scene-toolbar{right:98px;gap:6px;top:max(10px,env(safe-area-inset-top));left:10px}#view .vn-scene-toolbar button{min-height:36px;padding:7px 11px}#view .vn-scene-toolbar .vn-place-chip{font-size:11px;max-width:110px}html body[data-page].immersive #view .vn-social .story-cast.vn-closeup{inset:10% -18% 2%!important}html body[data-page].immersive #view .vn-social .vn-soft-dialogue{left:12px!important;right:12px!important;max-height:25dvh!important;min-height:100px!important;padding:16px 18px 11px!important}html body[data-page].immersive #view .vn-social .vn-soft-compose{left:12px!important;right:12px!important}#view .text-companion>header{padding:18px 18px 8px!important;gap:8px}#view .text-companion>header h1{font-size:20px!important}#view .text-companion>header>div>span{margin-left:0}#view .text-companion>header>div:last-child{display:flex;gap:4px;flex-wrap:wrap}#view .text-companion>header button{padding:7px 10px!important;font-size:11px}#view .text-preferences{padding-inline:18px}#view .text-companion .text-thread{padding:16px 18px!important}#view .text-companion .text-compose{padding:10px 18px 16px!important}.welcome-orientation{top:12px;font-size:12px;padding:8px 14px}body[data-page="home"] .v2-home-top{padding-top:66px}}
@media(max-height:500px) and (orientation:landscape){#view .vn-social{--vn-compose-space:66px}#view .vn-scene-toolbar{top:8px;right:105px}#view .vn-scene-toolbar button{min-height:32px;padding:5px 13px;font-size:12px}html body[data-page].immersive #view .vn-social .story-cast.vn-closeup{inset:4% -4% 0!important}html body[data-page].immersive #view .vn-social .vn-soft-dialogue{min-height:80px!important;max-height:30dvh!important;padding:10px 17px 7px!important}html body[data-page].immersive #view .vn-social .vn-soft-compose{bottom:7px!important;min-height:47px!important;padding:5px!important}#view .vn-soft-compose textarea{height:32px!important;min-height:32px!important;font-size:14px!important}#view .vn-soft-compose button{min-height:35px!important;padding:6px 18px!important}#view .text-companion>header{padding:10px 18px 5px!important}#view .text-companion>header h1{font-size:18px!important;margin:0!important}#view .text-companion>header>div>span{display:none}#view .text-companion .text-thread{min-height:60px!important;padding:10px 18px!important}#view .text-companion .text-compose{padding:7px 18px 10px!important}#view .text-companion .text-compose textarea{min-height:44px!important;height:44px!important}.welcome-orientation{top:8px;padding:6px 14px;font-size:12px}body[data-page="home"] .v2-home-top{padding-top:48px}}
html body[data-page].experience-fullscreen #view .text-companion{border-radius:0!important}html body[data-page].experience-fullscreen #view .text-companion>header{padding-top:50px!important;padding-right:24px!important}body[data-mode="interlude"]:has(.text-companion) #experience-controls button{border:0;border-radius:20px;background:#e9eff5a8;color:#5d768b;backdrop-filter:blur(8px)}body.immersive:has(.vn-social) #experience-controls button{border:1px solid #ffffff35;border-radius:23px;background:#253e5730;color:white;backdrop-filter:blur(8px)}
