/* Locked shared capsule, with responsive and dark variants. */
:root{--k-fill:#fff;--k-trim:#2a2a2e;--k-ink:#1a1a1e;--k-muted:#8a8a93;--k-shadow:0 10px 28px rgba(20,20,24,.18);--k-btn:#fcfcfd}
:root[data-theme=dark]{--k-fill:#202126;--k-trim:#9b9ba5;--k-ink:#f1f1f4;--k-muted:#b1b1bb;--k-shadow:0 10px 28px #0006;--k-btn:#28292f}
.kloudy-pill{display:flex;align-items:center;gap:14px;min-height:100px;padding:10px 14px;border:1.5px solid var(--k-trim);border-radius:999px;box-shadow:var(--k-shadow);background:var(--k-fill);color:var(--k-ink);width:100%;max-width:1100px;box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.kloudy-entry{display:flex;align-items:center;gap:22px;flex:1;min-width:0;border:0;border-radius:999px;background:none;color:inherit;padding:0;text-align:left;cursor:pointer}
.kloudy-orb{width:74px;height:74px;flex:0 0 74px;border-radius:50%;border:2px solid #d8baff;position:relative;background:radial-gradient(ellipse at 50% 40%,transparent 48%,#c780ff 50%,transparent 54%),radial-gradient(circle at 40% 25%,#b278f4,transparent 45%),radial-gradient(circle,#311170 30%,#6e30ca 66%,#ceadff 70%,#4a1998 76%);box-shadow:0 0 7px #b078db, inset 0 0 10px #e6c6ff}
.kloudy-orb:before,.kloudy-orb:after{content:"";position:absolute;top:45%;width:7px;height:7px;background:#d9ffff;border-radius:50%;box-shadow:0 0 5px 2px #74edff,0 0 14px 6px #594eff}.kloudy-orb:before{left:29%}.kloudy-orb:after{right:29%}
.kloudy-wordmark{font-size:clamp(22px,3vw,38px);font-weight:800;letter-spacing:-.045em;white-space:nowrap;text-shadow:0 2px 2px #7774}.kloudy-wordmark span{font-weight:700}.kloudy-placeholder{flex:1;min-width:0;text-align:center;font-size:clamp(14px,1.8vw,23px);color:var(--k-muted)}
.kloudy-actions{display:flex;gap:10px;flex-shrink:0}.kloudy-btn{width:66px;height:66px;flex-shrink:0;display:grid;place-items:center;border:1px solid #8882;border-radius:50%;background:var(--k-btn);color:var(--k-trim);box-shadow:0 3px 6px #14141818;cursor:pointer}.kloudy-btn svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.kloudy-pill button:focus-visible{outline:2px solid var(--k-trim);outline-offset:4px}.kloudy-btn:active{transform:scale(.97)}
@media(max-width:700px){.kloudy-pill{min-height:76px;gap:8px;padding:9px}.kloudy-entry{gap:12px}.kloudy-orb{width:50px;height:50px;flex-basis:50px}.kloudy-btn{width:46px;height:46px}.kloudy-actions{gap:6px}.kloudy-btn svg{width:24px;height:24px}.kloudy-placeholder{display:none}}
@media(max-width:360px){.kloudy-entry{gap:8px}.kloudy-wordmark{font-size:19px}.kloudy-orb{width:42px;height:42px;flex-basis:42px}}
.kloudy-pill[data-surface=watch]{min-height:62px;max-width:210px;padding:8px;gap:8px}.kloudy-pill[data-surface=watch] .kloudy-wordmark,.kloudy-pill[data-surface=watch] .kloudy-placeholder{display:none}.kloudy-pill[data-surface=watch] .kloudy-orb{width:40px;height:40px;flex-basis:40px}.kloudy-pill[data-surface=watch] .kloudy-btn{width:44px;height:44px}.kloudy-pill[data-surface=glasses]{max-width:600px}.kloudy-pill[data-surface=glasses] .kloudy-placeholder{display:none}

.widget-preview{margin:0;background:var(--k-fill);color:var(--k-ink);font-family:system-ui,sans-serif}.widget-preview main{max-width:1100px;margin:auto;padding:32px 16px}.widget-preview section{margin:40px 0}.widget-preview h2{font-size:14px;font-weight:500;color:var(--k-muted)}.widget-preview a{color:inherit}.widget-preview [data-preview=phone]{max-width:390px}.widget-preview [data-preview=phone] .kloudy-placeholder{display:none}.widget-preview [data-preview=phone] .kloudy-pill{gap:8px;padding:9px;min-height:76px}.widget-preview [data-preview=phone] .kloudy-entry{gap:12px}.widget-preview [data-preview=phone] .kloudy-orb{width:50px;height:50px;flex-basis:50px}.widget-preview [data-preview=phone] .kloudy-wordmark{font-size:22px}.widget-preview [data-preview=phone] .kloudy-btn{width:46px;height:46px}

/* Kloudy voice signature: five quiet waves, separate from the cloud/session action. */
.kloudy-btn[data-widget-action=mic]{background:#f5f1fa;border-color:#e4dcef;color:#4d3b69;box-shadow:0 2px 5px #39215512}.kloudy-btn .kloudy-voice-mark{stroke-width:2.2;width:32px;height:32px}.kloudy-btn[data-widget-action=mic]:hover{background:#eee6f7}.kloudy-btn[data-widget-action=mic][aria-busy=true]{outline:2px solid #9882b5;outline-offset:3px}:root[data-theme=dark] .kloudy-btn[data-widget-action=mic]{background:#302a39;border-color:#594968;color:#dcc7f5}.kloudy-pill[data-surface=watch] .kloudy-voice-mark{width:27px;height:27px}