.d4{--green:#76d641;box-sizing:border-box;display:flex;flex-direction:column;width:min(100%,470px);height:min(76vh,680px);min-height:440px;border:1px solid #d9e3d4;border-radius:22px;overflow:hidden;background:#f8faf7;color:#17241c;box-shadow:0 18px 45px #13271820;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.d4 *{box-sizing:border-box}.d4-head{display:flex;align-items:center;gap:12px;background:#14271b;color:white;padding:16px}.d4-head strong,.d4-head small{display:block}.d4-head small{color:#c8d8c9;font-size:12px}.d4-avatar{display:grid;place-items:center;width:42px;height:42px;background:var(--green);color:#102016;border-radius:14px;font-size:22px}.d4-status{margin-left:auto;font-size:11px;color:#c9f2b8;white-space:nowrap}.d4-messages{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.d4-bubble{max-width:87%;padding:12px 15px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}.d4-bot{align-self:flex-start;background:#fff;border:1px solid #e1e8df;border-bottom-left-radius:4px}.d4-user{align-self:flex-end;background:#d8f6c8;border-bottom-right-radius:4px}.d4-choices{display:flex;gap:7px;flex-wrap:wrap;padding:10px 15px}.d4-choices button,.d4-choices a{border:1px solid #b8d9a9;background:white;color:#1e4325;border-radius:30px;padding:7px 11px;font:inherit;font-size:12px;cursor:pointer;text-decoration:none}.d4-choices button:hover,.d4-choices a:hover{background:#e6f7de}.d4-form{display:flex;gap:9px;margin:0 13px 8px;padding:7px;border:1px solid #d5dfd1;background:#fff;border-radius:30px}.d4-form input{flex:1;min-width:0;border:0;outline:0;padding:8px 10px;background:transparent;color:#17241c;font:inherit}.d4-form button{width:39px;height:39px;border:0;border-radius:50%;background:var(--green);color:#132718;cursor:pointer}.d4-form button:disabled{opacity:.5}.d4-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 16px 12px;color:#637267;font-size:10px}.d4-reset{border:0;background:transparent;text-decoration:underline;color:#345d35;cursor:pointer}.d4-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:480px){.d4{height:min(80dvh,680px);min-height:380px;border-radius:16px}.d4-head{padding:12px}.d4-messages{padding:12px}}

.d4-floating{position:fixed;right:20px;bottom:20px;z-index:2147482000;font-family:system-ui,sans-serif}.d4-launch{border:0;border-radius:30px;padding:14px 19px;background:#76d641;color:#132718;font-weight:750;box-shadow:0 9px 25px #0004;cursor:pointer}.d4-panel{position:absolute;right:0;bottom:65px;width:min(470px,calc(100vw - 24px))}.d4-panel[hidden]{display:none}.d4-panel .d4{width:100%;height:min(680px,calc(100dvh - 115px));min-height:300px}@media(max-width:480px){.d4-floating{right:12px;bottom:12px}.d4-panel{width:calc(100vw - 24px)}}

.d4-foot a{color:#245c30;text-decoration:underline}.d4-warning{align-self:stretch;display:flex;flex-direction:column;gap:4px;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.45;border:1px solid #9cb9ca;background:#edf6fb;color:#17364b}.d4-warning strong{font-size:11px;letter-spacing:.04em}.d4-warning-caution{border-color:#dfbb65;background:#fff8e5;color:#684a10}.d4-warning-danger{border-color:#db8d85;background:#fff0ed;color:#7d211b}.d4{position:relative}.d4-disclaimer[hidden]{display:none}.d4-disclaimer{position:absolute;inset:0;z-index:20;background:#102016a8;display:flex;align-items:center;justify-content:center;padding:15px}.d4-disclaimer-card{position:relative;background:#fff;color:#18271b;border-radius:16px;padding:22px;max-height:95%;overflow:auto;box-shadow:0 12px 35px #0004}.d4-disclaimer-card h3{margin:0 30px 10px 0}.d4-disclaimer-card p{font-size:13px;line-height:1.5}.d4-disclaimer-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:27px;cursor:pointer}.d4-disclaimer-done{background:#76d641;border:0;border-radius:20px;padding:8px 20px;cursor:pointer}

/* Diode 4 light RepairBeacon header and profile beacon */
.d4{background:#fbfdfb;border-color:#dbe8df;box-shadow:0 18px 45px #13271818}
.d4-head{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#fafffb 100%);color:#14251b;border-bottom:1px solid #d8e8db;padding:17px 16px;min-height:88px}
.d4-head:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.36;background-image:linear-gradient(#b4e8bd 1px,transparent 1px),linear-gradient(90deg,#b4e8bd 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 35%,black)}
.d4-head strong{font-size:19px;letter-spacing:-.4px;line-height:1.2}.d4-head small{color:#596d60;font-size:12px;margin-top:3px}
.d4-avatar{position:relative;flex:none;width:52px;height:52px;border-radius:50%;background:#f5fff7;box-shadow:0 0 0 2px #c9efd1,0 0 0 5px #f1fcf2;overflow:visible;font-size:0}
.d4-avatar:after{content:"";position:absolute;width:9px;height:9px;right:-4px;top:2px;background:#38df53;border:2px solid white;border-radius:50%;box-shadow:0 0 0 3px #55ef6340,0 0 12px #34d44d;animation:d4-beacon 2.4s ease-in-out infinite}
.d4-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.d4-status{display:flex;align-items:center;gap:5px;margin-left:auto;color:#16743b;font-size:10px;font-weight:750;letter-spacing:.07em}.d4-online-dot{width:7px;height:7px;background:#27b952;border-radius:50%}
@keyframes d4-beacon{0%,100%{opacity:1;box-shadow:0 0 0 3px #55ef6340,0 0 12px #34d44d}50%{opacity:.65;box-shadow:0 0 0 6px #55ef6318,0 0 4px #34d44d}}
@media(prefers-reduced-motion:reduce){.d4-avatar:after{animation:none}}

/* Beta 18: restrained bolt mark, RepairBeacon circular pulse behind avatar. */
.d4-avatar{isolation:isolate;background:transparent;box-shadow:none;width:52px;height:52px}
.d4-avatar::before{content:"";position:absolute;z-index:-2;inset:-5px;border:2px solid #6be582;border-right-color:transparent;border-bottom-color:#c7f5d1;border-radius:50%;animation:d4-circle-flash 3s ease-in-out infinite;pointer-events:none}
.d4-avatar::after{content:"";position:absolute;z-index:-1;inset:-9px;width:auto;height:auto;top:-9px;right:-9px;background:transparent;border:1px solid #7de89980;border-radius:50%;box-shadow:0 0 0 0 #3cdd6040;animation:d4-circle-flash 3s ease-in-out infinite;pointer-events:none}
.d4-avatar img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;object-fit:contain;box-shadow:0 2px 7px #123c2920}
@keyframes d4-circle-flash{0%,100%{opacity:.48;box-shadow:0 0 0 0 #3cdd6020}45%{opacity:1;box-shadow:0 0 0 4px #3cdd6012}70%{opacity:.7;box-shadow:0 0 0 7px #3cdd6000}}
@media(prefers-reduced-motion:reduce){.d4-avatar::before,.d4-avatar::after{animation:none}}