/* RYO_CALL_UI_V1 */
.ryo-call-entry{border:0;border-radius:50%;width:42px;height:42px;flex:0 0 42px;background:#e0eadd;color:#57765c;font:inherit;font-size:12px;margin-right:6px;cursor:pointer}
.ryo-call-cover{position:fixed;inset:0;z-index:2147482000;overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 25% 15%,#e1ebdc 0,transparent 48%),radial-gradient(ellipse at 85% 80%,#e9dfcf 0,transparent 45%),#f7f4ea;color:#46624c;font-family:inherit;box-sizing:border-box;padding:calc(16px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}
.ryo-call-cover *{box-sizing:border-box}.ryo-call-cover [hidden]{display:none!important}
.ryo-call-top{width:min(100%,480px);display:flex;justify-content:space-between;align-items:center;gap:14px}.ryo-call-top span{font-size:12px;color:#7c8d7d}.ryo-call-cover button,.ryo-call-cover select,.ryo-call-cover input{font:inherit}.ryo-call-cover button{cursor:pointer;min-height:44px;touch-action:manipulation}.ryo-call-cover button:disabled{opacity:.55;cursor:default}
.ryo-call-text-button{border:0;background:transparent;color:#5f7e62;padding:8px;font-size:14px}
.ryo-call-avatar{width:128px;height:128px;border-radius:50%;padding:7px;border:1px solid #c6d6c1;margin-top:clamp(10px,5vh,70px);position:relative;flex-shrink:0;background:#f4f6ed;box-shadow:0 12px 40px #64836118}
.ryo-call-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ryo-call-avatar::after{content:'';position:absolute;inset:-10px;border-radius:50%;border:1px solid #a9c1a4;opacity:.3}.ryo-call-cover[data-state=SPEAKING] .ryo-call-avatar::after{animation:ryo-call-breathe 1.7s ease-in-out infinite}.ryo-call-cover[data-state=LISTENING] .ryo-call-avatar{box-shadow:0 0 0 8px #dce7d53d,0 12px 40px #64836118}
@keyframes ryo-call-breathe{50%{transform:scale(1.12);opacity:.8}}@media(prefers-reduced-motion:reduce){.ryo-call-avatar::after{animation:none!important}}
.ryo-call-name{font-size:24px;margin:5px 0 0;font-weight:500}.ryo-call-state{margin:0;font-size:15px;min-height:24px;text-align:center}.ryo-call-time{font-size:12px;color:#8c9a87;font-variant-numeric:tabular-nums}.ryo-call-notice{font-size:13px;line-height:1.65;text-align:center;max-width:420px;margin:0;white-space:pre-wrap}.ryo-call-notice[data-error=true]{color:#9b5e55}
.ryo-call-settings{width:min(100%,420px);display:grid;gap:12px}.ryo-call-settings label{display:grid;gap:6px;font-size:13px}.ryo-call-settings select,.ryo-call-settings input[type=password],.ryo-call-settings input[type=url]{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #c8d7c1;border-radius:13px;background:#fffdf6;color:#46624c;font-size:16px}.ryo-call-check{display:flex!important;align-items:center;gap:10px!important}.ryo-call-check input{width:20px;height:20px;accent-color:#6e9270}.ryo-call-help{font-size:12px;color:#83907d;line-height:1.7;margin:0}.ryo-call-save{border:1px solid #c0d0b8;border-radius:14px;padding:10px 16px;background:#e6eddf;color:#58775b}
.ryo-call-start{border:0;border-radius:26px;background:#759678;color:#fffdf7;padding:14px 32px;min-width:170px;box-shadow:0 6px 18px #6b8b6825}.ryo-call-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:auto;padding-top:12px}.ryo-call-action{border:1px solid #c4d4bd;border-radius:22px;padding:12px 18px;background:#e7eee0;color:#56745a;min-width:72px}.ryo-call-action[aria-pressed=true]{background:#6f8d70;color:#fffdf7}.ryo-call-end{background:#b5756e;color:#fffdf7;border-color:#b5756e}
.ryo-call-captions{width:min(100%,440px);max-height:26vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:8px 0;font-size:14px;line-height:1.7}.ryo-call-captions p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.ryo-call-captions .mine{align-self:flex-end;background:#e1ebda;padding:9px 13px;border-radius:16px;max-width:92%}.ryo-call-captions .his{background:#fffdf6bd;padding:9px 13px;border-radius:16px;max-width:92%}.ryo-call-transcript{width:min(100%,480px);display:grid;gap:18px}.ryo-call-transcript article{padding:15px 16px;background:#fffdf5b3;border:1px solid #e2e7d9;border-radius:18px;overflow-wrap:anywhere}.ryo-call-transcript p{font-size:14px;line-height:1.75;white-space:pre-wrap}.ryo-call-transcript audio{width:100%;height:42px;margin-top:6px}.ryo-call-summary{border:1px solid #d2dec9;background:#e9efe3;color:#5b785e;border-radius:18px;padding:14px 18px;margin:12px auto;display:block;font:inherit;max-width:95%;cursor:pointer}
@media(max-width:360px){.ryo-call-cover{padding-left:15px;padding-right:15px;gap:13px}.ryo-call-avatar{width:108px;height:108px}.ryo-call-actions{gap:8px}.ryo-call-action{padding:11px 13px;min-width:65px}}