.ob-shell{background:#eae8e0;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.ob-phone{--bg:#030e2a;--dark:#081c3d;--surface:#163b63e0;--sunken:#082850d9;--border:#b29f718c;--text:#f7f5ef;--text-2:#bfc8d6;--accent:#e6cf8a;--accent-soft:#c9a24b29;--coral:#d59b77;--coral-soft:#d59b7726;color:#f7f5ef;background:radial-gradient(120% 70% at 50% 0,#163b63 0%,#0b2950 30%,#081c3d 60%,#030e2a 100%);border-radius:32px;flex-direction:column;width:100%;max-width:390px;min-height:720px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #030e2a59}.ob-statusbar{color:#f7f5ef;flex-shrink:0;justify-content:space-between;align-items:center;height:26px;padding:0 20px;font-size:12px;font-weight:600;display:flex}.ob-content{flex-direction:column;flex:1;padding:8px 22px 24px;display:flex}.ob-progress-track{background:var(--sunken);border-radius:99px;height:5px;margin:8px 0 22px;overflow:hidden}.ob-progress-fill{background:linear-gradient(90deg,#8b6a2d,#e6cf8a);border-radius:99px;height:100%;transition:width .3s}.ob-card{background:linear-gradient(160deg,#163b63e0,#081c3deb);border:1px solid #c9a24b4d;border-radius:20px;box-shadow:0 10px 26px #030e2a73}.ob-opt{cursor:pointer;color:#f7f5ef;background:#081c3d80;border:1.5px solid #c9a24b4d;border-radius:14px;margin-bottom:10px;padding:14px 16px;font-size:13.5px;font-weight:600;transition:border-color .15s,background .15s}.ob-opt:hover{border-color:#e6cf8a}.ob-opt.sel{background:linear-gradient(160deg,#e6cf8a38,#081c3d99);border-color:#e6cf8a}.ob-btn{color:#0b2242;width:100%;font-family:var(--font-display);cursor:pointer;background:linear-gradient(160deg,#f0dda8,#c9a24b 55%,#8b6a2d);border:none;border-radius:999px;margin-top:auto;padding:15px;font-size:14px;font-weight:800;transition:transform .15s;box-shadow:0 6px 18px #c9a24b59}.ob-btn:active{transform:scale(.98)}.ob-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ob-btn.ghost{color:#f7f5ef;box-shadow:none;background:#081c3d99;border:1.5px solid #c9a24b66;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ob-mic{cursor:pointer;background:radial-gradient(circle at 34% 26%,#f3e3b4 0%,#e6cf8a 26%,#c9a24b 62%,#8b6a2d 100%);border:3px solid #e6cf8a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;transition:transform .2s;display:flex;box-shadow:0 0 0 1.5px #8b6a2de6,0 10px 26px #030e2a99,0 0 22px #e6cf8a40,inset 0 2px 4px #ffffff80,inset 0 -6px 12px #8b6a2d73}.ob-mic:active{transform:scale(.94)}@keyframes ob-pulso{0%,to{box-shadow:0 0 0 1.5px #8b6a2de6,0 10px 26px #030e2a99,0 0 22px #e6cf8a40,inset 0 2px 4px #ffffff80,inset 0 -6px 12px #8b6a2d73}50%{box-shadow:0 0 0 1.5px #8b6a2de6,0 10px 26px #030e2a99,0 0 34px #e6cf8a8c,inset 0 2px 4px #ffffff80,inset 0 -6px 12px #8b6a2d73}}@media (prefers-reduced-motion:reduce){.ob-mic{animation:none!important}}.ob-skip{text-align:center;color:var(--text-2);cursor:pointer;margin-top:10px;font-size:11px;font-weight:600}.ob-q{font-size:19px;font-family:var(--font-display);color:#f7f5ef;margin-bottom:5px;font-weight:800;line-height:1.28}.ob-sub{color:var(--text-2);margin-bottom:18px;font-size:12.5px}.ob-toast{z-index:40;text-align:center;color:#e6cf8a;background:linear-gradient(160deg,#163b63f7,#081c3dfc);border:1px solid #c9a24b;border-radius:14px;padding:11px 14px;font-size:11px;font-weight:600;position:absolute;bottom:18px;left:16px;right:16px;box-shadow:0 10px 26px #030e2a8c}