.opd-mount{justify-content:center;width:100%;display:flex}.opd{--opd-accent:#0d0d0d;--opd-bg:#fff;--opd-ink:#0d0d0d;--opd-line:#0000001a;--opd-fill:#0000000d;--opd-bubble:#f4f4f4;--opd-blue:#0b8f6a;--opd-muted:#0000008c;--opd-faint:#0006;background:var(--opd-bg);width:100%;max-width:720px;height:clamp(320px,44vh,440px);color:var(--opd-ink);text-align:left;opacity:0;border-radius:20px;outline:1px solid #0000000f;flex-direction:column;margin-inline:auto;font-family:Inter,system-ui,sans-serif;transition:opacity .3s,transform .3s;display:flex;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 25px 50px -12px #0000002e}.opd.opd-enter{opacity:1;transform:none}.opd-chrome{border-bottom:1px solid var(--opd-line);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.opd-dots{align-items:center;gap:8px;display:flex}.opd-dot{border-radius:50%;width:12px;height:12px}.opd-dot--r{background:#ff5f57}.opd-dot--y{background:#febc2e}.opd-dot--g{background:#28c840}.opd-navicons{color:var(--opd-faint);align-items:center;gap:8px;margin-left:4px;display:flex}.opd-newchat{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;padding:20px 24px 28px;transition:opacity .3s,transform .3s;display:flex}.opd-newchat.opd-leaving{opacity:0;transform:translateY(-10px)}.opd-greet-mark{color:var(--opd-accent)}.opd-greet-mark svg{width:30px;height:30px}.opd-greet{color:var(--opd-ink);text-align:center;font-family:Inter,system-ui,sans-serif;font-size:24px;font-weight:600;line-height:1.2}.opd-center-box{width:100%;max-width:560px}.opd-title,.opd-scroll,.opd-composer-dock,.opd--chat .opd-newchat{display:none}.opd--chat .opd-title{display:flex}.opd--chat .opd-scroll,.opd--chat .opd-composer-dock{display:block}.opd-title{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px 4px}.opd-title-name{min-width:0;color:var(--opd-ink);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.opd-title-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.opd-scroll{flex:auto;min-height:0;overflow-y:hidden}.opd-body{overflow-wrap:break-word;color:var(--opd-ink);flex-direction:column;gap:14px;padding:16px 20px 20px;font-family:Inter,system-ui,sans-serif;font-size:14.5px;line-height:1.5;display:flex}.opd-body p{margin:0}.opd-strong{font-weight:600}.opd-bubble{background:var(--opd-bubble);max-width:78%;color:var(--opd-ink);border-radius:18px;align-self:flex-end;margin-left:auto;padding:8px 16px;font-family:Inter,system-ui,sans-serif;font-size:14px}.opd-toolcall{align-items:center;gap:8px;display:flex}.opd-toolcall-label{color:var(--opd-blue);align-items:center;gap:4px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.opd-tips{flex-direction:column;gap:6px;margin:0 0 0 4px;padding:0;list-style:none;display:flex}.opd-tips li{gap:10px;display:flex}.opd-bulletdot{background:#00000059;border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:9px}.opd-asterisk{width:20px;height:20px;color:var(--opd-accent);margin-top:4px}.opd-composer-dock{flex-shrink:0;padding:6px 16px 12px}.opd-composer-box{border:1px solid var(--opd-line);background:#fff;border-radius:16px}.opd-composer-text{color:var(--opd-ink);min-height:20px;padding:12px 16px 8px;font-size:14px}.opd-placeholder{color:var(--opd-faint)}.opd-caret{background:var(--opd-accent);vertical-align:middle;width:1px;height:14px;margin-left:1px;animation:1s step-end infinite opd-blink;display:inline-block;transform:translateY(2px)}@keyframes opd-blink{50%{opacity:0}}.opd-composer-bar{justify-content:space-between;align-items:center;padding:0 12px 10px;display:flex}.opd-composer-left{color:var(--opd-faint);align-items:center;gap:8px;display:flex}.opd-composer-right{align-items:center;gap:10px;display:flex}.opd-model{color:var(--opd-muted);align-items:center;gap:4px;font-size:12px;display:flex}.opd-send{background:var(--opd-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.opd-send--pulse{animation:1.2s ease-in-out infinite opd-pulse}@keyframes opd-pulse{0%,to{transform:scale(1)}33%{transform:scale(.86)}}.opd-disclaimer{text-align:center;color:var(--opd-faint);margin:10px 0 0;font-size:11px}.opd-disclaimer--center{margin-top:4px}.opd svg{width:16px;height:16px;display:block}.opd .opd-i-sm{width:14px;height:14px}.opd .opd-i-xs{width:12px;height:12px}.opd-spin{color:var(--opd-blue);animation:1s linear infinite opd-spin}@keyframes opd-spin{to{transform:rotate(360deg)}}.opd--chatgpt{--opd-accent:#0d0d0d;--opd-bg:#fff;--opd-ink:#0d0d0d;--opd-line:#0000001a;--opd-fill:#0000000d;--opd-bubble:#f4f4f4;--opd-blue:#0b8f6a;--opd-muted:#0000008c;--opd-faint:#0006}.opd--chatgpt .opd-body{font-family:Inter,system-ui,sans-serif;font-size:14.5px}.opd--chatgpt .opd-greet{font-family:Inter,system-ui,sans-serif;font-size:24px;font-weight:600}.opd--chatgpt .opd-greet-mark,.opd--chatgpt .opd-asterisk{color:#0d0d0d}.opd--chatgpt .opd-bubble{border-radius:18px}.opd--claude{--opd-accent:#d4805f;--opd-bg:#faf9f5;--opd-ink:#2a2a27;--opd-line:#00000017;--opd-fill:#0000000d;--opd-bubble:#efece3;--opd-blue:#1f7fa8;--opd-muted:#00000080;--opd-faint:#00000061}.opd--claude .opd-body{font-family:Georgia,Times New Roman,serif;font-size:15px}.opd--claude .opd-greet{font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400}.opd--claude .opd-greet-mark,.opd--claude .opd-asterisk{color:var(--opd-accent)}.opd--claude .opd-bubble{border-radius:16px 16px 6px}.opd-table{border-collapse:collapse;width:100%;margin:4px 0 2px;font-family:Georgia,Times New Roman,serif;font-size:13.5px;line-height:1.4}.opd-table th,.opd-table td{text-align:left;border-bottom:1px solid var(--opd-line);padding:5px 10px}.opd-table th{color:var(--opd-muted);border-bottom-color:#0000002e;font-weight:600}.opd-table .is-right{text-align:right}.opd-table tbody tr:last-child td{border-bottom:none}.opd-reveal{opacity:0;will-change:opacity, transform;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);transform:translateY(6px)}.opd-reveal.opd-in{opacity:1;transform:none}@media (width<=640px){.opd{height:clamp(320px,52vh,440px)}.opd-navicons,.opd-share{display:none}.opd-body{padding-inline:16px;font-size:13.5px}.opd-title{padding-inline:16px}.opd-greet{font-size:22px}}@media (prefers-reduced-motion:reduce){.opd,.opd-reveal,.opd-newchat{transition:none}.opd-caret,.opd-spin,.opd-send--pulse{animation:none}.opd-scroll{scroll-behavior:auto}}