/* SocialPulsar · Yorum Analizi — cam pencere, yorum baloncukları ve duygu tayfı.
   Renk dili: pozitif nane yeşili, nötr buz mavisi, negatif mercan; marka vurgusu camgöbeği → mor (nabız). Grafikler yalnız bu üç renkle konuşur. */
.ca-window[hidden],.ai-workspace:not(.dt-on):not([data-view="ca"]) #caWindow{display:none!important}
.dt-pc .dt-body>.ca-window,.dt-mb .dt-body>.ca-window{display:flex!important}
.ca-window{position:relative;z-index:1;flex:1;min-width:0;height:calc(100dvh - 40px);margin:20px 20px 20px 14px;display:flex;flex-direction:column;overflow:hidden;container-type:inline-size;
  border-radius:var(--radius-window,28px);background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);
  color:var(--on-glass,#fff);font:calc(14px * var(--sp-fs,1))/1.45 var(--sp-font,InterSP,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif);
  --ca-pos:#4fe3a5;--ca-neu:#a9b8d6;--ca-neg:#ff6b86;--ca-a1:#5ce1e6;--ca-a2:#8b7bff;--ca-line:rgba(255,255,255,.14);--ca-line2:rgba(255,255,255,.07);--ca-fill:rgba(255,255,255,.07);--ca-fill2:rgba(255,255,255,.12)}
html[data-theme="light"] .ca-window{color:var(--on-glass,#1d1d1f);--ca-pos:#0f9d6b;--ca-neu:#6b7a99;--ca-neg:#e0345a;--ca-a1:#0aa6b8;--ca-a2:#6a58f0;--ca-line:rgba(0,0,0,.1);--ca-line2:rgba(0,0,0,.05);--ca-fill:rgba(0,0,0,.035);--ca-fill2:rgba(0,0,0,.07)}
.ca-window :where(button,input,textarea,select){font:inherit;color:inherit}
.ca-window header,.ca-window footer{position:static;margin:0;font:inherit;letter-spacing:normal;text-transform:none;color:inherit}
.ca-window [hidden]{display:none!important}
.ca-i{display:inline-grid;place-items:center;flex:none}
.ca-i svg,.ca-iconbtn svg,.ca-badge svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* üst bant */
.ca-hero{display:flex;align-items:center;gap:14px;padding:18px 22px 14px;border-bottom:1px solid var(--ca-line2)}
.ca-badge{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;flex:none;color:#fff;
  background:linear-gradient(135deg,var(--ca-a1),var(--ca-a2));box-shadow:0 10px 26px -10px color-mix(in srgb,var(--ca-a2) 90%,transparent),inset 0 1px 0 rgba(255,255,255,.45)}
.ca-badge svg{width:25px;height:25px;stroke-width:1.9}
.ca-badge::after{content:"";position:absolute;inset:-4px;border-radius:19px;border:1.5px solid color-mix(in srgb,var(--ca-a1) 55%,transparent);animation:caRing 2.6s ease-out infinite;pointer-events:none}
.ca-badge.spin svg{animation:caBeat 1s ease-in-out infinite}
.ca-title{flex:1;min-width:0}
.ca-title h1{margin:0;font-size:calc(22px * var(--sp-fs,1));font-weight:750;letter-spacing:-.02em}
.ca-title p{margin:1px 0 0;font-size:13px;opacity:.72}
.ca-hero-tools{display:flex;gap:6px}
.ca-ai{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--ca-line);background:var(--ca-fill);font-size:12px;font-weight:650;opacity:.85}
.ca-ai i{width:7px;height:7px;border-radius:50%;background:currentColor}
.ca-ai.ok i{background:var(--ca-pos);box-shadow:0 0 0 3px color-mix(in srgb,var(--ca-pos) 25%,transparent)}.ca-ai.off{color:var(--ca-neg)}

/* düğmeler, alanlar */
.ca-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px;border-radius:12px;border:1px solid var(--ca-line);background:var(--ca-fill);font-weight:650;font-size:13px;cursor:pointer;transition:transform .15s,background .15s,opacity .15s,filter .15s;white-space:nowrap}
.ca-btn:hover:not(:disabled){background:var(--ca-fill2)}
.ca-btn:active:not(:disabled){transform:scale(.97)}
.ca-btn:disabled{opacity:.5;cursor:default}
.ca-btn.prime{border-color:transparent;color:#fff;background:linear-gradient(120deg,var(--ca-a1),var(--ca-a2));box-shadow:0 10px 24px -12px color-mix(in srgb,var(--ca-a2) 95%,transparent)}
.ca-btn.prime:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(120deg,var(--ca-a1),var(--ca-a2))}
.ca-btn.danger{border-color:transparent;color:#fff;background:var(--ca-neg)}
.ca-btn.sm{height:32px;padding:0 12px;font-size:12.5px}
.ca-btn.ghost{background:transparent}
.ca-iconbtn{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;border:1px solid var(--ca-line);background:var(--ca-fill);color:inherit;cursor:pointer;text-decoration:none}
.ca-iconbtn:hover{background:var(--ca-fill2)}
.ca-iconbtn.sm{width:28px;height:28px;border-radius:9px}.ca-iconbtn.sm svg{width:14px;height:14px}
.ca-link{border:0;background:none;padding:0;color:var(--ca-a1);font-weight:650;font-size:12.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ca-input{width:100%;min-width:0;height:38px;padding:0 12px;border-radius:11px;border:1px solid var(--ca-line);background:rgba(255,255,255,.06);outline:none;font-size:13.5px;transition:border-color .15s,box-shadow .15s}
.ca-input:focus{border-color:color-mix(in srgb,var(--ca-a1) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ca-a1) 22%,transparent)}
.ca-input::placeholder{opacity:.5}
.ca-input.sm{width:auto;max-width:200px;height:34px;font-size:12.5px}
select.ca-input{padding-right:8px;cursor:pointer}
select.ca-input option{color:#111}
.ca-area{height:auto;padding:9px 12px;resize:vertical;line-height:1.45}
html[data-theme="light"] .ca-input{background:rgba(255,255,255,.65)}

/* gövde */
.ca-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr);gap:14px;padding:14px 18px 18px}
.ca-side{display:flex;flex-direction:column;gap:12px;min-height:0}
.ca-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;border:1px solid var(--ca-line);background:var(--ca-fill)}
.ca-card h3{margin:0;font-size:14px;font-weight:700}
.ca-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:3px;border-radius:13px;background:rgba(0,0,0,.18)}
html[data-theme="light"] .ca-tabs{background:rgba(0,0,0,.06)}
.ca-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border:0;border-radius:10px;background:none;cursor:pointer;font-size:11.5px;font-weight:650;opacity:.72;transition:background .15s,opacity .15s}
.ca-tab:hover{opacity:1}
.ca-tab.on{opacity:1;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px var(--ca-line)}
html[data-theme="light"] .ca-tab.on{background:rgba(255,255,255,.8)}
.ca-tab.p-ig .ca-i,.ca-pic.p-ig{color:#ff5fa2}.ca-tab.p-tt .ca-i,.ca-pic.p-tt{color:#5ee6ff}.ca-tab.p-yt .ca-i,.ca-pic.p-yt{color:#ff5a5a}.ca-tab.p-list .ca-i,.ca-pic.p-list{color:#c8b8ff}
.ca-hint{margin:0;font-size:12px;opacity:.72}
.ca-note{font-size:11px;opacity:.55}
.ca-conn{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px}
.ca-conn:empty{display:none}
.ca-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:650;border:1px solid var(--ca-line);background:var(--ca-fill)}
.ca-pill i{width:7px;height:7px;border-radius:50%;background:currentColor}
.ca-pill.ok{color:var(--ca-pos)}.ca-pill.off{color:var(--ca-neg)}
.ca-recent{flex:1;min-height:0}
.ca-recent-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin:0 -6px;padding:0 6px;scrollbar-width:thin}
.ca-rrow{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:1px solid transparent;border-radius:13px;background:none;text-align:left;cursor:pointer;transition:background .15s}
.ca-rrow:hover{background:var(--ca-fill)}
.ca-rrow.on{background:var(--ca-fill2);border-color:var(--ca-line)}
.ca-rrow.err .ca-rmain small{color:var(--ca-neg)}
.ca-pic{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:rgba(255,255,255,.1)}
.ca-pic.lg{width:42px;height:42px;border-radius:13px}.ca-pic.lg svg{width:21px;height:21px}
.ca-rmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ca-rmain b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-rmain small{font-size:11px;opacity:.62}
.ca-net{font-style:normal;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}
.ca-more{margin:4px 0;font-size:12.5px;opacity:.6}

/* duygu renkleri */
.ca-window .pos{--c:var(--ca-pos)}.ca-window .neu{--c:var(--ca-neu)}.ca-window .neg{--c:var(--ca-neg)}
.ca-net.pos,.ca-gnum.pos,.ca-glbl.pos,.ca-srow small.pos,.ca-person small.pos,.ca-kpi strong.pos{color:var(--ca-pos)}
.ca-net.neg,.ca-gnum.neg,.ca-glbl.neg,.ca-srow small.neg,.ca-person small.neg,.ca-kpi strong.neg{color:var(--ca-neg)}
.ca-net.neu,.ca-gnum.neu,.ca-glbl.neu,.ca-srow small.neu,.ca-person small.neu{color:var(--ca-neu)}
.ca-tri{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--ca-fill2)}
.ca-tri span{background:var(--c);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.ca-tri.sm{height:5px}.ca-tri.lg{height:14px}
.ca-prog{height:6px;border-radius:99px;overflow:hidden;background:var(--ca-fill2)}
.ca-prog span{display:block;height:100%;background:linear-gradient(90deg,var(--ca-a1),var(--ca-a2));transition:width .6s ease}
.ca-prog.sm{height:4px}
.ca-legend{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;font-size:12.5px;opacity:.85}
.ca-legend.sm{justify-content:flex-start;font-size:11.5px;gap:12px}
.ca-legend span{display:inline-flex;align-items:center;gap:6px}
.ca-legend i{width:9px;height:9px;border-radius:3px;background:var(--c)}

/* sahne */
.ca-stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;container:castage/inline-size;border-radius:22px;border:1px solid var(--ca-line);overflow:hidden;
  background:radial-gradient(120% 90% at 15% 0%,color-mix(in srgb,var(--ca-a1) 14%,transparent),transparent 60%),radial-gradient(90% 80% at 100% 100%,color-mix(in srgb,var(--ca-a2) 16%,transparent),transparent 60%),rgba(0,0,0,.12)}
html[data-theme="light"] .ca-stage{background:radial-gradient(120% 90% at 15% 0%,color-mix(in srgb,var(--ca-a1) 10%,transparent),transparent 60%),radial-gradient(90% 80% at 100% 100%,color-mix(in srgb,var(--ca-a2) 10%,transparent),transparent 60%),rgba(255,255,255,.35)}
.ca-empty,.ca-loading,.ca-locked{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:30px}
.ca-empty h2,.ca-locked h2{margin:4px 0 0;font-size:19px;font-weight:750;letter-spacing:-.01em}
.ca-empty p,.ca-locked p,.ca-loading p{margin:0;max-width:520px;font-size:13.5px;opacity:.72}
.ca-empty.err p{color:var(--ca-neg);opacity:1}
.ca-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
/* boş sahne: yorum baloncukları üç renkli çekirdeğe akar */
.ca-orbit{position:relative;width:230px;height:170px;margin-bottom:6px}
.ca-orbit i{position:absolute;width:34px;height:24px;border-radius:12px 12px 12px 4px;background:color-mix(in srgb,var(--c) 75%,transparent);box-shadow:0 8px 18px -8px var(--c);opacity:0;animation:caFlow 6s ease-in-out infinite}
.ca-orbit i::after{content:"";position:absolute;left:8px;right:8px;top:9px;height:2px;border-radius:2px;background:rgba(255,255,255,.7);box-shadow:0 5px 0 rgba(255,255,255,.45)}
.ca-orbit .b0{left:6%;top:8%;animation-delay:0s}.ca-orbit .b1{left:74%;top:4%;animation-delay:.7s}.ca-orbit .b2{left:84%;top:58%;animation-delay:1.4s}
.ca-orbit .b3{left:2%;top:62%;animation-delay:2.1s}.ca-orbit .b4{left:38%;top:0;animation-delay:2.8s}.ca-orbit .b5{left:62%;top:80%;animation-delay:3.5s}
.ca-orbit .b6{left:16%;top:84%;animation-delay:4.2s}.ca-orbit .b7{left:90%;top:28%;animation-delay:4.9s}.ca-orbit .b8{left:-4%;top:34%;animation-delay:5.6s}
.ca-core{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;display:flex;overflow:hidden;transform:rotate(-30deg);
  box-shadow:0 0 0 6px rgba(255,255,255,.06),0 0 40px -6px color-mix(in srgb,var(--ca-a1) 70%,transparent);animation:caSpin 14s linear infinite}
.ca-core span{flex:1;background:var(--c)}
.ca-core::after{content:"";position:absolute;inset:16px;border-radius:50%;background:rgba(10,12,24,.55);backdrop-filter:blur(6px)}
html[data-theme="light"] .ca-core::after{background:rgba(255,255,255,.7)}

/* çalışırken */
.ca-run{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:22px;overflow:hidden}
.ca-run-head{display:flex;align-items:center;gap:12px}
.ca-run-head>div{flex:1;min-width:0;display:flex;flex-direction:column}
.ca-run-head b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-run-head small{font-size:12px;opacity:.65}
.ca-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}
.ca-steps li{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:14px;border:1px solid var(--ca-line2);background:var(--ca-fill);font-size:12.5px;font-weight:650;opacity:.5;transition:opacity .3s,border-color .3s}
.ca-steps li i{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;font-style:normal;font-size:11.5px;font-weight:800;background:var(--ca-fill2)}
.ca-steps li.done{opacity:.85}.ca-steps li.done i{background:var(--ca-pos);color:#06281b}
.ca-steps li.now{opacity:1;border-color:color-mix(in srgb,var(--ca-a1) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ca-a1) 14%,transparent)}
.ca-steps li.now i{color:#fff;background:linear-gradient(135deg,var(--ca-a1),var(--ca-a2));animation:caBeat 1.2s ease-in-out infinite}
.ca-meter{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;border:1px solid var(--ca-line);background:var(--ca-fill)}
.ca-meter-top{display:flex;align-items:baseline;gap:12px}
.ca-meter-top strong{font-size:34px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg,var(--ca-a1),var(--ca-a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.ca-meter-top span{font-size:13px;opacity:.75}
.ca-livecnt{display:flex;flex-wrap:wrap;gap:16px;font-size:12.5px}
.ca-livecnt span{display:inline-flex;align-items:center;gap:6px}
.ca-livecnt i{width:9px;height:9px;border-radius:3px;background:var(--c)}
.ca-livecnt em{font-style:normal;opacity:.75}
.ca-livecnt b{font-variant-numeric:tabular-nums}
.ca-ticker{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.ca-bub{align-self:flex-start;max-width:min(560px,92%);display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:15px 15px 15px 5px;font-size:12.5px;line-height:1.4;
  background:color-mix(in srgb,var(--c) 14%,rgba(255,255,255,.04));border:1px solid color-mix(in srgb,var(--c) 40%,transparent);animation:caIn .4s ease both}
.ca-bub::before{content:"";flex:none;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--c)}
.ca-bub:nth-child(2n){align-self:flex-end;border-radius:15px 15px 5px 15px}

/* rapor */
.ca-report{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:18px;scrollbar-width:thin}
.ca-rhead{display:flex;align-items:center;gap:12px}
.ca-rtitle{flex:1;min-width:0;display:flex;flex-direction:column}
.ca-rtitle h2{margin:0;font-size:17px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-rtitle small{font-size:12px;opacity:.65}
.ca-rtools{display:flex;gap:6px}
.ca-pulse{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr);grid-template-rows:auto auto;gap:12px}
.ca-tile,.ca-sec{padding:14px;border-radius:18px;border:1px solid var(--ca-line);background:var(--ca-fill)}
.ca-gtile{grid-row:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.ca-gtile>small{font-size:11.5px;opacity:.6}
.ca-gwrap{position:relative;width:100%;max-width:220px;display:flex;flex-direction:column;align-items:center}
.ca-gauge{width:100%;height:auto;overflow:visible}
.ca-gauge path{fill:none;stroke-width:16;stroke-linecap:round}
.ca-gauge .track{stroke:var(--ca-fill2)}
.ca-gauge .needle{stroke:currentColor;stroke-width:4;stroke-linecap:round;transform-origin:100px 100px;animation:caNeedle .9s cubic-bezier(.2,.9,.3,1.3) both}
.ca-gauge .hub{fill:currentColor}
.ca-gnum{margin-top:-26px;font-size:34px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ca-glbl{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.ca-split{display:flex;flex-direction:column;gap:12px;justify-content:center}
.ca-split-n{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ca-split-n>div{display:flex;flex-direction:column;padding-left:10px;border-left:3px solid var(--c)}
.ca-split-n strong{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--c);font-variant-numeric:tabular-nums}
.ca-split-n span{font-size:12.5px;font-weight:650}
.ca-split-n small{font-size:11px;opacity:.6}
.ca-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px}
.ca-kpi{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:15px;border:1px solid var(--ca-line2);background:var(--ca-fill)}
.ca-kpi>span{font-size:11.5px;font-weight:650;opacity:.72}
.ca-kpi strong{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.ca-kpi small{font-size:11px;opacity:.55}
.ca-sec{display:flex;flex-direction:column;gap:10px;min-width:0}
.ca-sec>h3{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700}
.ca-sec>h3 .ca-i{color:var(--ca-a1)}
.ca-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:12px}
.ca-brief{display:flex;flex-direction:column;gap:10px}
.ca-headline{margin:0;font-size:17px;font-weight:750;line-height:1.35;letter-spacing:-.01em}
.ca-summary{margin:0;font-size:13.5px;line-height:1.6;opacity:.88}
.ca-chips{display:flex;flex-wrap:wrap;gap:6px}
.ca-chip{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:650;border:1px solid var(--ca-line);background:var(--ca-fill2)}
.ca-blists{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.ca-blist{padding:10px 12px;border-radius:14px;background:var(--ca-fill);border-left:3px solid var(--c,var(--ca-a1))}
.ca-blist.risk{--c:#ffb547}.ca-blist.act{--c:var(--ca-a1)}
.ca-blist h4,.ca-replies h4,.ca-hcol h4{margin:0 0 6px;font-size:12.5px;font-weight:700}
.ca-blist ul{margin:0;padding-left:17px;font-size:12.5px;line-height:1.5}
.ca-blist li+li{margin-top:3px}
.ca-replies{display:flex;flex-direction:column;gap:8px}
.ca-reply{position:relative;padding:10px 44px 10px 12px;border-radius:15px 15px 15px 5px;background:color-mix(in srgb,var(--ca-a2) 12%,transparent);border:1px solid color-mix(in srgb,var(--ca-a2) 30%,transparent)}
.ca-reply small{font-size:11px;font-weight:650;opacity:.65}
.ca-reply p{margin:2px 0 0;font-size:13px;line-height:1.5}
.ca-reply .ca-iconbtn{position:absolute;right:8px;top:8px}
.ca-brief-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ca-brief-foot small{font-size:11px;opacity:.5}
.ca-brief-wait{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.ca-brief-wait p{margin:0;display:flex;align-items:center;gap:8px;font-size:13px;opacity:.8}
.ca-dots{width:22px;height:8px;background:radial-gradient(circle,currentColor 3px,transparent 3.5px) 0 0/11px 8px repeat-x;opacity:.7;animation:caDots 1s steps(3) infinite}
/* zaman çizgisi */
.ca-chart{display:flex;align-items:flex-end;gap:3px;height:150px;padding:4px 0}
.ca-col{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end}
.ca-stack{width:100%;display:flex;flex-direction:column;border-radius:5px 5px 2px 2px;overflow:hidden;transition:height .5s ease}
.ca-stack span{flex-basis:0;background:var(--c);min-height:0}
.ca-col:hover .ca-stack{filter:brightness(1.18)}
.ca-axis{display:flex;gap:3px;font-size:10.5px;opacity:.55;white-space:nowrap}
.ca-axis span{flex:1;min-width:0;overflow:visible}
/* konu ve niyet satırları */
.ca-srows{display:flex;flex-direction:column;gap:2px}
.ca-srow{display:grid;grid-template-columns:minmax(90px,1.2fr) 40px minmax(60px,1fr) 40px;align-items:center;gap:10px;padding:7px 8px;border:0;border-radius:10px;background:none;text-align:left;cursor:pointer;font-size:12.5px}
.ca-srow:hover{background:var(--ca-fill2)}
.ca-srow b{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-srow em{font-style:normal;text-align:right;opacity:.7;font-variant-numeric:tabular-nums}
.ca-srow small{text-align:right;font-weight:750;font-variant-numeric:tabular-nums}
/* kelimeler, kişiler */
.ca-cloud{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.ca-word{border:0;background:none;padding:0;font-weight:700;cursor:pointer;line-height:1.3;color:var(--c);opacity:.9}
.ca-word:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.ca-emojis{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px;border-top:1px solid var(--ca-line2)}
.ca-emojis span{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--ca-fill2)}
.ca-emojis b{font-size:16px}.ca-emojis small{font-size:11px;opacity:.7}
.ca-people{display:flex;flex-direction:column;gap:2px}
.ca-person{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;font-size:12.5px}
.ca-person:nth-child(odd){background:var(--ca-fill)}
.ca-person b{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-person em{font-style:normal;opacity:.65;font-size:11.5px}
.ca-person small{text-align:right;font-weight:750}
/* öne çıkan yorumlar */
.ca-hgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:12px}
.ca-hcol{display:flex;flex-direction:column;gap:8px;min-width:0}
.ca-hcol.pos h4{color:var(--ca-pos)}.ca-hcol.neg h4{color:var(--ca-neg)}
.ca-quote{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:15px 15px 15px 5px;background:color-mix(in srgb,var(--c) 10%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.ca-quote p{margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ca-quote>div{display:flex;align-items:center;gap:8px;font-size:11.5px}
.ca-quote b{font-weight:650;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-quote small{margin-left:auto;opacity:.55;white-space:nowrap}
.ca-likes{display:inline-flex;align-items:center;gap:3px;color:var(--ca-neg);font-size:11.5px}
.ca-likes svg{width:13px;height:13px;fill:currentColor;stroke:none}
.ca-likes em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--on-glass,#fff);opacity:.8}
html[data-theme="light"] .ca-likes em{color:#1d1d1f}
/* yorum gezgini */
.ca-extools{display:flex;flex-direction:column;gap:8px}
.ca-exrow{display:flex;gap:8px}
.ca-exrow .ca-input:first-child{flex:1}
.ca-chips button{height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--ca-line);background:none;font-size:12px;font-weight:650;cursor:pointer;opacity:.75}
.ca-chips button:hover{opacity:1}
.ca-chips button.on{opacity:1;background:var(--ca-fill2);border-color:color-mix(in srgb,var(--ca-a1) 50%,transparent)}
.ca-excount{font-size:11.5px;opacity:.6}
.ca-rows{display:flex;flex-direction:column}
.ca-crow{display:grid;grid-template-columns:10px minmax(90px,150px) minmax(0,1fr) auto 52px 92px;align-items:center;gap:10px;padding:7px 6px;border-bottom:1px solid var(--ca-line2);font-size:12.5px}
.ca-dot{width:9px;height:9px;border-radius:50%;background:var(--c,var(--ca-fill2))}
.ca-crow.none .ca-dot{background:transparent;border:1.5px dashed var(--ca-line)}
.ca-cname{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-ctext{min-width:0;overflow-wrap:anywhere;opacity:.88}
/* çevrilmiş yorum: üzerine gelince orijinali (title) */
.ca-ctext.tr,.ca-quote p.tr{cursor:help}
.ca-trnote{color:var(--ca-a1);font-weight:650}
.ca-trnote::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:currentColor;animation:caBeat 1.2s ease-in-out infinite}
.ca-ctags{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.ca-tag{font-style:normal;font-size:10.5px;font-weight:650;padding:1px 7px;border-radius:999px;background:var(--ca-fill2);white-space:nowrap}
.ca-tag.i{background:color-mix(in srgb,var(--ca-a2) 20%,transparent)}
.ca-tag.tx{background:color-mix(in srgb,var(--ca-neg) 25%,transparent);color:var(--ca-neg)}
.ca-crow time{font-size:11px;opacity:.55;text-align:right;white-space:nowrap}
.ca-moreb{align-self:center;margin-top:10px}

.ca-confirm{position:absolute;left:50%;bottom:22px;z-index:30;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;font-size:13px;font-weight:600;
  background:rgba(20,16,40,.92);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px -14px rgba(0,0,0,.6);animation:caIn .2s ease}
.ca-toast{position:absolute;left:50%;bottom:20px;z-index:31;max-width:80%;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:600;transform:translate(-50%,20px);opacity:0;transition:.25s;
  background:rgba(20,16,40,.9);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.ca-toast.on{transform:translate(-50%,0);opacity:1}
.ca-toast.error{border-color:rgba(255,120,140,.6)}.ca-toast.ok{border-color:rgba(126,226,168,.6)}

/* dar sahne (rapor alanı) */
@container castage (max-width:760px){
  .ca-pulse{grid-template-columns:1fr}.ca-gtile{grid-row:auto}
  .ca-crow{grid-template-columns:10px minmax(0,1fr) 52px;grid-template-areas:"d n l" "t t t" "g g m"}
  .ca-crow .ca-dot{grid-area:d}.ca-cname{grid-area:n}.ca-ctext{grid-area:t}.ca-ctags{grid-area:g;justify-content:flex-start}.ca-crow .ca-likes{grid-area:l}.ca-crow time{grid-area:m}
  .ca-steps{grid-template-columns:1fr}.ca-exrow{flex-wrap:wrap}
}
/* dar pencere */
@container (max-width:900px){
  .ca-body{grid-template-columns:1fr;overflow-y:auto}
  .ca-recent{max-height:300px}
  .ca-stage{min-height:640px}
}
@keyframes caRing{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.25);opacity:0}}
@keyframes caBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes caFlow{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1)}70%{opacity:1}100%{opacity:0;transform:translate(var(--tx,0),var(--ty,0)) scale(.3)}}
.ca-orbit .b0{--tx:70px;--ty:50px}.ca-orbit .b1{--tx:-60px;--ty:60px}.ca-orbit .b2{--tx:-80px;--ty:-20px}.ca-orbit .b3{--tx:90px;--ty:-25px}.ca-orbit .b4{--tx:10px;--ty:70px}
.ca-orbit .b5{--tx:-25px;--ty:-60px}.ca-orbit .b6{--tx:60px;--ty:-70px}.ca-orbit .b7{--tx:-100px;--ty:30px}.ca-orbit .b8{--tx:110px;--ty:20px}
@keyframes caSpin{to{transform:rotate(330deg)}}
@keyframes caIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes caNeedle{from{transform:rotate(-90deg)}}
@keyframes caDots{from{background-position:0 0}to{background-position:33px 0}}
@media (prefers-reduced-motion:reduce){.ca-badge::after,.ca-badge.spin svg,.ca-orbit i,.ca-core,.ca-steps li.now i,.ca-bub,.ca-gauge .needle,.ca-dots{animation:none}.ca-orbit i{opacity:.8}}