:root{color-scheme:dark;--bg:#100e16;--card:#1b1724;--muted:#aaa2b7;--text:#fff9ff;--rose:#ef6d91;--green:#55cf9b;--line:#332b40;--ai:#2b2336;--user:#8d5278}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#422b49 0,#17121e 38%,var(--bg) 75%);font-family:system-ui,-apple-system,"Noto Sans SC",sans-serif;color:var(--text)}button,input{font:inherit}.shell{width:min(100%,600px);margin:auto;padding:calc(22px + env(safe-area-inset-top)) 16px calc(26px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;gap:12px;margin:0 4px 22px}.avatar{flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;box-shadow:inset 0 0 0 1px #ffffff24,0 8px 24px #0005}.avatar.small{width:46px;height:46px;font-size:20px}.dasein-avatar{background:linear-gradient(145deg,#49375e,#b05e84)}.rivel-avatar{background:linear-gradient(145deg,#49637a,#5fa69d)}h1,h2,p{margin-top:0}h1{font-size:21px;margin-bottom:2px}.app-header p,.foot,.card>p{color:var(--muted);font-size:14px;margin-bottom:0}.card{background:color-mix(in srgb,var(--card) 91%,transparent);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 20px 55px #0005;backdrop-filter:blur(18px);margin-bottom:16px}.card h2{font-size:22px;margin-bottom:10px}.hidden{display:none!important}input{width:100%;margin-top:18px;padding:15px 16px;border-radius:14px;border:1px solid #4a3d59;background:#120f18;color:white;outline:none}input:focus{border-color:#b979a0}button{width:100%;border:0;border-radius:15px;padding:14px 16px;margin-top:12px;font-weight:700;color:white}.primary{background:linear-gradient(135deg,#d45f87,#8b5ccc)}.secondary{background:#30273d}.message{padding-top:12px;color:#ff9db6!important}
.incoming{text-align:center;padding:34px 20px 28px;min-height:520px;display:flex;flex-direction:column;justify-content:center}.incoming-avatar-wrap{position:relative;width:126px;height:126px;margin:0 auto 20px;display:grid;place-items:center}.incoming-avatar{position:relative;width:104px;height:104px;font-size:42px;z-index:2}.incoming-ripple{position:absolute;inset:12px;border-radius:50%;background:#d8759930;animation:ring 1.7s infinite}@keyframes ring{50%{transform:scale(1.32);box-shadow:0 0 0 22px #e8759814}}.incoming-label{text-transform:uppercase;letter-spacing:.14em!important;font-size:12px!important;color:#d7a4b8!important;margin-bottom:8px!important}.caller-name{font-size:30px!important;margin-bottom:8px!important}.incoming-reason{max-width:390px;margin:0 auto!important;color:#d8cfdb!important;font-size:16px!important;line-height:1.55}.call-actions{display:grid;grid-template-columns:1fr 1fr;gap:72px;max-width:300px;width:100%;margin:38px auto 0}.round-action{width:76px;height:76px;padding:0;margin:0 auto;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 12px 30px #0006}.round-action small{position:absolute;top:84px;font-size:13px;color:#d8cfdb;white-space:nowrap}.phone-icon{font-size:32px;line-height:1}.accept{background:#2a9a70}.decline{background:#c6495d}.hangup-icon{display:inline-block;transform:rotate(135deg)}
.call{padding:18px 14px 20px}.call-heading{display:flex;align-items:center;gap:12px;text-align:left;padding:2px 6px 8px}.call-heading h2{font-size:17px;margin:0;color:#d8cfdb}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#e9a0b9!important;font-size:11px!important;margin:0 0 4px!important}.meter{height:12px;border-radius:20px;background:#0d0b11;overflow:hidden;margin:12px 6px 7px;border:1px solid #3a3145}.meter>div{height:100%;width:0;background:linear-gradient(90deg,#55cf9b,#e7d65d,#ef6d91);transition:width .08s linear}.stats{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:0 7px}.conversation{min-height:310px;max-height:55vh;overflow:auto;margin:16px 0 12px;padding:14px 6px;border-radius:20px;background:#120f18;scroll-behavior:smooth}.placeholder{color:#776d81;text-align:center;padding:80px 12px 0}.bubble-row{display:flex;align-items:flex-end;gap:8px;margin:0 0 16px}.bubble-row.user{justify-content:flex-end}.bubble-row.user .avatar{order:2}.chat-avatar{width:34px;height:34px;font-size:14px}.bubble{max-width:min(78%,420px);padding:11px 13px;border-radius:17px;line-height:1.55;text-align:left;box-shadow:0 7px 18px #0003}.bubble-row.assistant .bubble{background:var(--ai);border-bottom-left-radius:5px}.bubble-row.user .bubble{background:linear-gradient(135deg,#76445f,var(--user));border-bottom-right-radius:5px}.bubble .speaker{font-size:11px;color:#d6abc0;margin:0 0 4px}.bubble .jp{font-size:15px;margin:0 0 5px}.bubble .zh{font-size:13px;color:#cbbfcc;margin:0}.bubble .tone{font-size:11px;color:#d8bdca;margin:5px 0 0}.bubble.error{background:#5c2730!important}.hangup{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;padding:0;background:#c54759;margin:8px auto 0;font-size:28px}.foot{text-align:center;padding:8px 12px;line-height:1.5}@media(max-width:380px){.call-actions{gap:44px}.incoming{min-height:480px}.bubble{max-width:82%}}