.cd-frame{--cd-bg:#0d0e10;--cd-raise:#16181c;--cd-line:#2a2d33;--cd-ink:#edebe5;--cd-dim:#a2a6ad;--cd-sig:#7c9bff;background:var(--cd-bg);color:var(--cd-ink);border:1px solid var(--cd-line);font-family:var(--sans);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #0d0e108c,inset 0 0 0 1px #ffffff08}.cd-bar{border-bottom:1px solid var(--cd-line);background:linear-gradient(#1a1c21,#14161a);align-items:center;gap:14px;padding:14px 18px;display:flex}.cd-dots{gap:6px;display:flex}.cd-dots i{background:#2f323a;border-radius:50%;width:9px;height:9px}.cd-title{font:600 15px/1 var(--sans);letter-spacing:-.01em}.cd-tag{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cd-sig);white-space:nowrap;background:#2b44e01f;border:1px solid #7c9bff80;border-radius:999px;margin-left:auto;padding:7px 10px}.cd-tabs{border-bottom:1px solid var(--cd-line);scrollbar-width:none;gap:4px;padding:10px 12px 0;display:flex;overflow-x:auto}.cd-tabs button{color:var(--cd-dim);font:500 14px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:10px 10px 0 0;flex:none;padding:12px 16px;transition:color .3s;position:relative}.cd-tabs button:hover,.cd-tabs button[aria-selected=true]{color:var(--cd-ink)}.cd-tabs button[aria-selected=true]:after{content:"";background:var(--cd-sig);height:2px;animation:cdLine .5s var(--ease-out);border-radius:2px;position:absolute;bottom:-1px;left:12px;right:12px}.cd-tabs button:focus-visible{outline:2px solid var(--cd-sig);outline-offset:2px}.cd-row:focus-visible{outline:2px solid var(--cd-sig);outline-offset:2px}.cd-switch button:focus-visible{outline:2px solid var(--cd-sig);outline-offset:2px}.cd-panel{min-height:430px;padding:clamp(16px,2.4vw,28px)}.cd-stats{font:400 13px/1.2 var(--mono);letter-spacing:.03em;color:var(--cd-dim);flex-wrap:wrap;gap:8px 28px;margin-bottom:18px;display:flex}.cd-stats b{font:600 clamp(24px,3vw,34px)/1 var(--display);letter-spacing:-.03em;color:var(--cd-ink);margin-bottom:6px;display:block}.cd-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cd-row{text-align:left;border:1px solid var(--cd-line);background:var(--cd-raise);width:100%;color:inherit;font:inherit;cursor:pointer;transition:border-color .3s,background .3s,transform .3s var(--ease-out);border-radius:12px;grid-template-columns:56px 1fr 38px minmax(160px,auto);align-items:center;gap:14px;padding:14px;display:grid}.cd-row:hover{background:#1a1d24;border-color:#7c9bff8c;transform:translateY(-1px)}.cd-time{font:500 13px/1 var(--mono);color:var(--cd-dim)}.cd-who b{font:600 15px/1.2 var(--sans);display:block}.cd-who small{font:400 13px/1.3 var(--sans);color:var(--cd-dim);margin-top:3px;display:block}.cd-lang{font:600 11px/1 var(--mono);letter-spacing:.08em;border:1px solid var(--cd-line);text-align:center;border-radius:6px;padding:5px 7px}.cd-out{font:500 13px/1.2 var(--sans);justify-self:end;align-items:center;gap:8px;display:inline-flex}.cd-out i{background:#25d366;border-radius:50%;width:8px;height:8px}.o-message .cd-out i{background:#e8b84a}.o-person .cd-out i{background:#ff6b5e}.cd-foot{font:400 13px/1.4 var(--sans);color:var(--cd-dim);margin:14px 0 0}.cd-foot a{color:var(--cd-ink);text-underline-offset:3px;text-decoration:underline}.cd-split{grid-template-columns:1.1fr 1fr;gap:14px;display:grid}.cd-cols{grid-template-columns:1fr 1.4fr 1fr;gap:14px;display:grid}.cd-card{border:1px solid var(--cd-line);background:var(--cd-raise);border-radius:14px;padding:18px}.cd-k{font:500 11px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--cd-dim);margin:0 0 14px}.cd-tx{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cd-tx li{gap:3px;max-width:92%;display:grid}.cd-tx li.caller{text-align:left;justify-self:end}.cd-tx b{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cd-dim)}.cd-tx span{font:400 14.5px/1.45 var(--sans);background:#1f222a;border-radius:12px;padding:10px 13px}.cd-tx li.ai span{background:#2b44e038}.cd-tx mark{color:#fff;background:#ff6b5e47;border-radius:4px;padding:0 3px;box-shadow:0 0 0 1px #ff6b5e99}.cd-switch{border:1px solid var(--cd-line);border-radius:999px;gap:4px;margin-bottom:14px;padding:3px;display:inline-flex}.cd-switch button{color:var(--cd-dim);font:500 13px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px}.cd-switch button[aria-pressed=true]{background:var(--cd-ink);color:var(--cd-bg)}.cd-wa{background:#12302a;border:1px solid #25d3664d;border-radius:4px 14px 14px;max-width:340px;padding:12px 14px}.cd-wa>b{font:600 13px/1.2 var(--sans);color:#6be39c;margin-bottom:6px;display:block}.cd-wa p{font:600 14px/1.3 var(--sans);margin:0 0 8px}.cd-wa .cd-wa-s{font:400 13px/1.35 var(--sans);color:#cfe9da;margin:8px 0 0}.cd-wa-s small{float:right;color:#8fb7a0;margin-left:12px}.cd-mail{border:1px solid var(--cd-line);background:#111317;border-radius:12px;padding:14px}.cd-mail p{font:400 14px/1.4 var(--sans);margin:0 0 8px}.cd-mail p span{width:70px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cd-dim);display:inline-block}.cd-wa dl,.cd-mail dl{font:400 14px/1.35 var(--sans);grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 6px;display:grid}.cd-wa dt,.cd-mail dt{color:var(--cd-dim)}.cd-wa dd,.cd-mail dd{margin:0}.cd-time-l{border-left:1px solid var(--cd-line);gap:18px;margin:0;padding:0 0 0 18px;list-style:none;display:grid}.cd-time-l li{gap:2px;display:grid;position:relative}.cd-time-l li:before{content:"";background:var(--cd-sig);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-23px}.cd-time-l li:first-child:before{background:#ff6b5e}.cd-time-l time{font:500 12px/1 var(--mono);color:var(--cd-dim)}.cd-time-l b{font:600 15px/1.3 var(--sans)}.cd-time-l span{font:400 13.5px/1.4 var(--sans);color:var(--cd-dim)}.cd-bars{align-items:flex-end;gap:10px;height:150px;padding-top:6px;display:flex}.cd-bars span{height:var(--h);transform-origin:50% 100%;animation:cdGrow .9s var(--ease-out) both;animation-delay:calc(var(--i)*90ms + .2s);background:linear-gradient(#7c9bff,#2b44e0);border-radius:6px 6px 2px 2px;flex:1;position:relative}.cd-bars em{text-align:center;font:500 12px/1 var(--mono);color:var(--cd-dim);font-style:normal;position:absolute;top:-20px;left:0;right:0}.cd-rev,.cd-fix{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cd-rev li{gap:3px;display:grid}.cd-rev b{font:600 14px/1.3 var(--sans)}.cd-rev span{font:400 13.5px/1.45 var(--sans);color:var(--cd-dim)}.cd-fix li{font:400 14px/1.4 var(--sans);padding-left:20px;position:relative}.cd-fix li:before{content:"";border-bottom:2px solid #25d366;border-left:2px solid #25d366;width:10px;height:6px;position:absolute;top:.35em;left:0;transform:rotate(-45deg)}.cd-panel .cd-stats,.cd-list li,.cd-tx li,.cd-time-l li,.cd-cols>.cd-card,.cd-arrive{animation:cdUp .6s var(--ease-out) both;animation-delay:calc(var(--i,0)*90ms)}@keyframes cdUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes cdGrow{0%{transform:scaleY(0)}to{transform:none}}@keyframes cdLine{0%{transform:scaleX(0)}to{transform:none}}@media (prefers-reduced-motion:reduce){.cd-panel *,.cd-tabs button:after{animation:none!important}}@media (max-width:860px){.cd-split,.cd-cols{grid-template-columns:1fr}.cd-row{grid-template-columns:48px 1fr 34px;gap:10px}.cd-out{grid-column:2/-1;justify-self:start}.cd-tag{font-size:10px}.cd-title{font-size:14px}}@media (max-width:480px){.cd-bar{flex-wrap:wrap;gap:8px}.cd-dots{display:none}.cd-tag{margin-left:0}}