/* Dari Talk — messagerie plein écran (l'app dans l'app) */
body.dt-on{overflow:hidden}
.dt{--tk:#2b7a68;--tk2:#1f5e50;--me:#2b7a68;--meFg:#fff;--bb:var(--surface);--chatbg:#ece7dc;
  position:fixed;left:0;right:0;top:0;height:100%;height:100dvh;z-index:9000;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);
  animation:dtin .28s cubic-bezier(.2,.8,.2,1);will-change:transform;overscroll-behavior:contain}
@keyframes dtin{from{opacity:0;transform:translateY(24px)}}
:root[data-theme="dark"] .dt{--chatbg:#0f1512;--me:#3c9a84}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dt{--chatbg:#0f1512;--me:#3c9a84}}
.dt button{font-family:inherit;color:inherit;cursor:pointer;line-height:1.3}
.dt-top{flex:none;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.dt-tt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.dt-tt>b,.dt-tt{font-weight:800}.dt-tt small{font-weight:500;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-tt:has(.dt-nm){flex-direction:row;align-items:center;gap:10px}
.dt-nm{display:flex;flex-direction:column;min-width:0}.dt-nm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-nm small{font-weight:500;color:var(--muted);font-size:.76rem}
.dt-logo{font-family:var(--display);font-size:1.35rem;letter-spacing:-.01em}.dt-logo i{font-style:italic;color:var(--tk)}
.dt-ib{appearance:none;border:0;background:var(--surface-2);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:1.35rem;line-height:1;flex:none}
.dt-ib.call{color:var(--tk)}
.dt-end{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 12px;font-weight:700;font-size:.82rem;flex:none}
.dt-crb{appearance:none;border:0;background:var(--gold-soft);color:var(--gold);border-radius:999px;padding:7px 11px;font-weight:800;font-size:.85rem}
.dt-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px 18px}
.dt-body.dt-cb{background:var(--chatbg);padding:12px 10px 16px}
.dt-foot{flex:none;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line)}
.dt-foot.col{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}
.dt-foot.row{display:flex;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}.dt-foot.row .dt-go{flex:1}
.dt-seg{flex:none;display:flex;gap:4px;margin:10px 14px 0;padding:4px;background:var(--surface-2);border-radius:14px}
.dt-seg button{flex:1;appearance:none;border:0;background:none;border-radius:10px;padding:8px 4px;font-weight:700;font-size:.86rem;color:var(--muted)}
.dt-seg button.on{background:var(--surface);color:var(--fg);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.dt-intro{margin:2px 2px 12px;color:var(--muted);font-size:.9rem;line-height:1.45}
.dt-list{display:flex;flex-direction:column;background:var(--surface);border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.dt-row{appearance:none;border:0;background:var(--surface);display:flex;align-items:center;gap:12px;padding:11px 14px;text-align:left;width:100%}
.dt-list .dt-row+.dt-row{border-top:1px solid var(--line)}
.dt-row:active{background:var(--surface-2)}
.dt-row.cont{border:1.5px solid var(--tk);border-radius:18px;margin-bottom:12px;background:var(--celadon-soft)}
.dt-row.new{margin-top:12px;border:1.5px dashed var(--line);border-radius:18px;background:none}.dt-row.new>span:last-child{font-size:1.3rem;color:var(--tk);font-weight:800}
.dt-rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dt-rt b{font-size:.96rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-rt b small{font-weight:500;color:var(--faint);font-size:.76rem;margin-left:4px}
.dt-rt em{font-style:normal;color:var(--muted);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-badge{background:var(--tk);color:#fff;border-radius:999px;padding:4px 10px;font-weight:800;font-size:.75rem;flex:none}
.dt-av{--h:200;flex:none;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;font-size:1.4rem;background:linear-gradient(145deg,hsl(var(--h) 70% 88%),hsl(calc(var(--h) + 40) 70% 80%));box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.dt-av.big{width:84px;height:84px;border-radius:30px;font-size:2.6rem}
:root[data-theme="dark"] .dt-av{background:linear-gradient(145deg,hsl(var(--h) 35% 28%),hsl(calc(var(--h) + 40) 35% 22%))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dt-av{background:linear-gradient(145deg,hsl(var(--h) 35% 28%),hsl(calc(var(--h) + 40) 35% 22%))}}
.dt-hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 6px;text-align:center}
.dt-first{font-size:1.15rem;font-weight:700;margin:0}
.dt-hero textarea,.dt-gen textarea{width:100%;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);border-radius:14px;padding:11px 12px;font:inherit;font-size:16px;resize:none}
.dt-h{margin:16px 2px 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.dt-chips{display:flex;flex-wrap:wrap;gap:7px}
.dt-chip{appearance:none;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 13px;font-weight:700;font-size:.88rem}
.dt-chip small{color:var(--faint);font-weight:600;margin-left:2px}
.dt-chip.on{border-color:var(--tk);background:var(--celadon-soft);color:var(--celadon-ink)}
.dt-tog{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.dt-tog>span{flex:1;display:flex;flex-direction:column}.dt-tog small{color:var(--muted);font-size:.8rem}
.dt-tog input{position:absolute;opacity:0;pointer-events:none}
.dt-tog i{flex:none;width:46px;height:28px;border-radius:99px;background:var(--line);position:relative;transition:.2s}
.dt-tog i:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.dt-tog input:checked+i{background:var(--tk)}.dt-tog input:checked+i:after{left:21px}
.dt-lv{color:var(--muted);font-size:.85rem;margin:14px 2px 0}
.dt-go{appearance:none;border:0;background:var(--tk);color:#fff !important;border-radius:16px;padding:14px 16px;font-weight:800;font-size:1rem;box-shadow:0 10px 24px -14px var(--tk)}
.dt-go.ghost{background:var(--surface-2);color:var(--fg) !important;box-shadow:none}
.dt-go:disabled{opacity:.5}
.dt-cost{text-align:center;color:var(--muted);font-size:.8rem}.dt-cost.ok{color:var(--tk);font-weight:700}
.dt-link{appearance:none;border:0;background:none;color:var(--tk);font-weight:800;text-decoration:underline;padding:2px 4px}
.dt-err{color:var(--persimmon);font-weight:600;font-size:.88rem;text-align:center}
/* Conversation */
.dt-miss{flex:none;display:flex;gap:6px;overflow-x:auto;padding:8px 10px;background:var(--surface);border-bottom:1px solid var(--line);scrollbar-width:none}
.dt-miss span{flex:none;font-size:.76rem;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.dt-miss span.ok{background:var(--celadon-soft);color:var(--celadon-ink)}
.dt-day{text-align:center;margin:2px 0 12px}.dt-day{font-size:.74rem;color:var(--muted);font-weight:700}
.dt-m{display:flex;gap:8px;margin:6px 0;align-items:flex-end}
.dt-m .dt-av{width:34px;height:34px;border-radius:13px;font-size:1.05rem}
.dt-m.me{justify-content:flex-end}
.dt-b{max-width:80%;background:var(--bb);border-radius:20px 20px 20px 6px;padding:10px 13px;box-shadow:0 1px 1px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:2px}
.dt-m.me .dt-b{background:var(--me);color:var(--meFg);border-radius:20px 20px 6px 20px;font-size:1rem}
.dt-ko{font-size:1.08rem;font-weight:700;line-height:1.4}
.dt-rom{color:var(--muted);font-size:.8rem}
.dt-tr{font-style:normal;color:var(--fg);opacity:.75;font-size:.86rem;border-top:1px dashed var(--line);padding-top:4px;margin-top:3px}
.dt-trb{appearance:none;border:0;background:var(--surface-2);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.75rem;font-weight:700;color:var(--muted);margin-top:4px}
.dt-tools{display:flex;gap:4px;margin-top:6px;align-items:center}
.dt-spk{appearance:none;border:0;background:var(--celadon-soft);color:var(--celadon-ink);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none}
.dt-spk.sm{width:30px;height:30px}.dt-spk.slow{font-size:.85rem}
.dt-spk.on{background:var(--tk);color:#fff;animation:dtpulse 1s infinite}
@keyframes dtpulse{50%{box-shadow:0 0 0 6px var(--celadon-soft)}}
.dt-star{appearance:none;border:0;background:none;font-size:1.25rem;color:var(--faint);padding:2px 6px;line-height:1}.dt-star.on{color:var(--gold)}
.dt-coach{margin:2px 0 10px auto;max-width:84%;background:var(--persimmon-soft);border-radius:14px;padding:8px 11px;display:flex;flex-direction:column;gap:2px}
.dt-coach.ok{background:var(--gold-soft)}
.dt-ct{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--persimmon)}.dt-coach.ok .dt-ct{color:var(--gold)}
.dt-cl{display:flex;align-items:center;gap:6px}.dt-cl b{flex:1;font-size:1rem}
.dt-coach small,.dt-fix small{color:var(--muted);font-size:.78rem}.dt-coach em,.dt-fix em{font-style:normal;font-size:.84rem}
.dt-b.typing{flex-direction:row;gap:4px;padding:14px 16px}.dt-b.typing i{width:7px;height:7px;border-radius:50%;background:var(--faint);animation:dtdot 1.2s infinite}.dt-b.typing i:nth-child(2){animation-delay:.15s}.dt-b.typing i:nth-child(3){animation-delay:.3s}
@keyframes dtdot{30%{transform:translateY(-5px);opacity:.5}}
.dt-ended{margin:16px auto 6px;max-width:300px;text-align:center;display:flex;flex-direction:column;gap:10px;background:var(--surface);border-radius:18px;padding:14px}
.dt-hints{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;align-items:stretch}
.dt-hints>span{flex:none;align-self:center;font-size:.74rem;font-weight:800;color:var(--muted)}
.dt-hints button{flex:none;max-width:72%;appearance:none;border:1.5px solid var(--line);background:var(--surface-2);border-radius:14px;padding:6px 11px;text-align:left;display:flex;flex-direction:column}
.dt-hints b{font-size:.92rem}.dt-hints small{color:var(--muted);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-in{display:flex;gap:8px;align-items:center}
.dt-in input{flex:1;min-width:0;border:1.5px solid var(--line);background:var(--surface-2);color:var(--fg);border-radius:999px;padding:11px 15px;font:inherit;font-size:16px}
.dt-in input:focus{outline:none;border-color:var(--tk)}
.dt-mic,.dt-send{appearance:none;border:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none}
.dt-mic{background:var(--surface-2);color:var(--tk)}.dt-mic.rec{background:var(--persimmon);color:#fff;animation:dtpulse 1s infinite}
.dt-send{background:var(--tk);color:#fff}.dt-send:disabled{opacity:.4}
/* Mode appel */
.dt-call{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 24px calc(30px + env(safe-area-inset-bottom,0px));text-align:center;color:#fff;
  background:radial-gradient(120% 70% at 50% 20%,#2f8a75 0%,#163b33 55%,#0b1a16 100%);animation:dtin .3s}
.dt-cav{position:relative;margin-bottom:8px}.dt-cav .dt-av{position:relative;z-index:1;box-shadow:0 20px 50px -20px #000}
.dt-cav i{position:absolute;inset:-14px;border-radius:40px;border:2px solid rgba(255,255,255,.25);opacity:0}
.dt-call[data-st="speaking"] .dt-cav i{animation:dtring 1.6s infinite}.dt-call[data-st="speaking"] .dt-cav i+i{animation-delay:.6s}
.dt-call[data-st="listening"] .dt-cav i{border-color:#ffb38f;animation:dtring 1.2s infinite}
@keyframes dtring{0%{opacity:.8;transform:scale(.9)}100%{opacity:0;transform:scale(1.35)}}
.dt-cn{font-size:1.15rem}.dt-cap{font-size:1.45rem;font-weight:800;line-height:1.35;margin:6px 0 0;max-width:520px}
.dt-ctr{opacity:.75;font-size:.92rem;max-width:480px}.dt-heard{min-height:1.4em;color:#ffd2bd;font-weight:700;margin:6px 0 0}
.dt-cst{font-size:.82rem;opacity:.8;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.dt-cbtn{display:flex;gap:28px;margin-top:22px}
.dt-cmic,.dt-hang{appearance:none;border:0;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:#fff !important}
.dt-cmic{background:rgba(255,255,255,.16)}.dt-call[data-st="listening"] .dt-cmic{background:#ec7c4f}
.dt-hang{background:#e5484d}.dt-hang svg{transform:rotate(135deg)}
/* Bilan, dialogues, carnet */
.dt-load{display:grid;place-items:center;padding:60px 0}.dt-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--tk);animation:dtsp 0.8s linear infinite}@keyframes dtsp{to{transform:rotate(1turn)}}
.dt-stars{text-align:center;font-size:2.4rem;letter-spacing:6px;color:var(--line);margin-top:6px}.dt-stars .on{color:var(--gold)}
.dt-sum{text-align:center;font-size:1rem;margin:6px 6px 0}
.dt-ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.dt-fix{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:8px;display:flex;flex-direction:column;gap:3px}.dt-fix s{color:var(--muted);font-size:.86rem}
.dt-note{display:flex;flex-direction:column;gap:8px}
.dt-nw{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:9px 10px}
.dt-nw>span{flex:1;min-width:0;display:flex;flex-direction:column}.dt-nw b{font-size:1rem}.dt-nw small{color:var(--muted);font-size:.78rem}.dt-nw em{font-style:normal;font-size:.84rem}
.dt-empty{text-align:center;color:var(--muted);padding:50px 20px;font-size:.92rem;line-height:1.6}
.dt-nextb{margin-top:16px;background:var(--celadon-soft);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:3px}.dt-nextb b{color:var(--celadon-ink)}
.dt-gen{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px}
.dt-gen>b{font-size:1.05rem}.dt-gen p{margin:0;color:var(--muted);font-size:.88rem}
.dt-sl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dt-sl>span{font-size:.78rem;color:var(--muted);font-weight:700;margin-right:2px}
.dt-ideas{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.dt-ideas button{appearance:none;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:7px 12px;font-size:.84rem;font-weight:600}
.dt-roles{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;scrollbar-width:none}.dt-roles button{flex:none;appearance:none;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 12px;font-weight:700;font-size:.82rem}.dt-roles .on{border-color:var(--tk);color:var(--celadon-ink);background:var(--celadon-soft)}
.dt-dl{display:flex;flex-direction:column;margin:8px 0}.dt-dl.dt-db{align-items:flex-end}
.dt-who{font-size:.72rem;font-weight:800;color:var(--muted);margin:0 6px 3px;text-transform:uppercase;letter-spacing:.04em}
.dt-dl.dt-db .dt-b{background:var(--celadon-soft);border-radius:20px 20px 6px 20px}
.dt-dl .dt-b{border:1px solid var(--line)}
.dt-hide{appearance:none;border:2px dashed var(--tk);background:none;border-radius:18px;padding:10px 14px;max-width:80%;text-align:left;font-size:.88rem;color:var(--muted)}.dt-hide small{display:block;color:var(--tk);font-weight:800;text-transform:uppercase;font-size:.7rem;letter-spacing:.06em}
/* Carte dans « Coréen » */
.dt-card{appearance:none;border:0;width:100%;display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:14px;border-radius:20px;text-align:left;color:#fff;font:inherit;cursor:pointer;
  background:radial-gradient(120% 140% at 0% 0%,#3aa58c,#1d4f44 60%,#13302a);box-shadow:0 18px 36px -22px #1d4f44}
.dt-cards{display:flex;flex:none}.dt-cards .dt-av{width:34px;height:34px;border-radius:12px;font-size:1rem;margin-right:-10px;box-shadow:0 0 0 2px #1f5246}
.dt-cardt{flex:1;display:flex;flex-direction:column;margin-left:10px}.dt-cardt b{font-family:var(--display);font-size:1.2rem}.dt-cardt b i{color:#9fe3cf}.dt-cardt small{opacity:.85;font-size:.82rem;line-height:1.35}
.ko-tg{grid-template-columns:repeat(5,1fr)}
/* Personnalités, voix, appel libre */
.dt-sub{margin:6px 2px 6px;font-size:.74rem;font-weight:800;color:var(--faint)}
.dt-chips.fun .dt-chip.on{border-color:var(--persimmon);background:var(--persimmon-soft);color:var(--persimmon)}
.dt-persona{width:100%;margin-top:10px;border:1.5px solid var(--persimmon);background:var(--surface);color:var(--fg);border-radius:14px;padding:11px 12px;font:inherit;font-size:16px;resize:none}
.dt-voices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dt-vc{appearance:none;border:1.5px solid var(--line);background:var(--surface);border-radius:16px;padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s,border-color .2s}
.dt-vc:active{transform:scale(.95)}
.dt-vc b{font-size:.84rem}.dt-vc small{font-size:.68rem;color:var(--muted);min-height:1em}
.dt-vc.on{border-color:var(--tk);background:var(--celadon-soft)}
.dt-vw{display:flex;align-items:center;gap:3px;height:22px;margin-bottom:3px}
.dt-vw i{width:4px;border-radius:3px;background:var(--tk);height:8px;opacity:.7}
.dt-vw i:nth-child(2){height:16px}.dt-vw i:nth-child(3){height:12px}.dt-vw i:nth-child(4){height:18px}
.dt-vw.m i{background:var(--indigo)}.dt-vw.a i{background:var(--faint)}
.dt-vc.play .dt-vw i{animation:dtbar .6s ease-in-out infinite alternate}.dt-vc.play .dt-vw i:nth-child(2){animation-delay:.15s}.dt-vc.play .dt-vw i:nth-child(3){animation-delay:.3s}.dt-vc.play .dt-vw i:nth-child(4){animation-delay:.45s}
@keyframes dtbar{from{transform:scaleY(.4)}to{transform:scaleY(1.3)}}
.dt-callc{appearance:none;border:0;width:100%;display:flex;align-items:center;gap:14px;padding:16px;margin:0 0 14px;border-radius:22px;text-align:left;color:#fff !important;
  background:radial-gradient(120% 140% at 0% 0%,#2f8a75,#163b33 60%,#0b1a16);box-shadow:0 20px 40px -24px #163b33}
.dt-callc .dt-rt b{font-size:1.02rem;white-space:normal}.dt-callc .dt-rt em{color:rgba(255,255,255,.8);white-space:normal;font-size:.84rem;line-height:1.35}
.dt-cgo{flex:none;background:#fff;color:#163b33;border-radius:999px;padding:8px 14px;font-weight:900;font-size:.85rem}
.dt-orb{flex:none;position:relative;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9fe3cf,#2f8a75 60%,#14453a)}
.dt-orb i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(159,227,207,.5);animation:dtring 2.4s infinite}.dt-orb i:nth-child(2){animation-delay:.8s}.dt-orb i:nth-child(3){animation-delay:1.6s}
.dt-ccoach{margin:8px 0 0;max-width:480px;background:rgba(255,255,255,.1);border-radius:14px;padding:8px 12px;font-size:.95rem;display:flex;flex-direction:column;gap:2px}.dt-ccoach small{opacity:.75}
/* Appel en direct */
.dt-voices{grid-template-columns:repeat(3,minmax(0,1fr))}
.dt-live{--lv:0;flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(14px + env(safe-area-inset-top,0px)) 22px calc(28px + env(safe-area-inset-bottom,0px));color:#fff;text-align:center;
  background:radial-gradient(130% 80% at 50% 25%,#2c7f6c 0%,#123a31 50%,#071512 100%);animation:dtin .35s}
.dt-lhead{width:100%;display:flex;justify-content:space-between;align-items:center}
.dt-ltime{font-variant-numeric:tabular-nums;font-weight:700;opacity:.8}
.dt-lsub{appearance:none;border:1px solid rgba(255,255,255,.3);background:none;color:#fff !important;border-radius:999px;padding:6px 12px;font-weight:700;font-size:.8rem;opacity:.6}.dt-lsub.on{opacity:1;background:rgba(255,255,255,.14)}
.dt-lorb{position:relative;margin:7vh 0 18px;width:150px;height:150px;display:grid;place-items:center}
.dt-lglow{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(159,227,207,.55),transparent 65%);transform:scale(calc(.75 + var(--lv) * .6));opacity:calc(.35 + var(--lv));transition:transform .08s linear,opacity .08s linear}
.dt-lring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.25);transform:scale(calc(1 + var(--lv) * .25));transition:transform .08s linear}
.dt-live[data-st="listening"] .dt-lring{border-color:#ffb38f}
.dt-live[data-st="connecting"] .dt-lring{animation:dtring 1.4s infinite}
.dt-lorb .dt-av{position:relative;width:118px;height:118px;border-radius:50%;font-size:3.2rem;box-shadow:0 24px 60px -20px #000}
.dt-lname{font-size:1.25rem}.dt-lvoice{opacity:.7;margin-top:2px}
.dt-lst{margin-top:10px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;opacity:.75;min-height:1.2em}
.dt-lcap{flex:1;width:100%;max-width:520px;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:0;overflow:hidden}
.dt-lai{font-size:1.4rem;font-weight:800;line-height:1.4;margin:0;max-height:7.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.dt-lme{margin:0;color:#ffd2bd;font-weight:600;min-height:1.3em}
.dt-live.nosubs .dt-lcap p{visibility:hidden}
.dt-lbtn{display:flex;gap:34px;margin-top:10px}
.dt-lmute{appearance:none;border:0;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff !important}
.dt-live.muted .dt-lmute{background:#fff;color:#123a31 !important}
/* Minutes d'appel */
.dt-wal{display:flex;align-items:center;justify-content:space-between;margin:-6px 4px 14px;font-size:.84rem;color:var(--muted);font-weight:700}
.dt-topsh{position:fixed;inset:0;z-index:9600;background:rgba(6,14,11,.5);display:flex;flex-direction:column;justify-content:flex-end;animation:dtin .2s}
.dt-topc{background:var(--bg);color:var(--fg);border-radius:28px 28px 0 0;padding:8px 18px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;max-width:560px;width:100%;margin:0 auto;animation:hmup .3s cubic-bezier(.2,.8,.2,1)}
@keyframes hmup{from{transform:translateY(100%)}}
.dt-sgrip{width:42px;height:5px;border-radius:9px;background:var(--line);margin:4px auto 10px}
.dt-orb.big{width:64px;height:64px;margin-bottom:6px}
.dt-topt{font-size:1.25rem;font-weight:800}.dt-tops{margin:0;color:var(--muted);font-size:.9rem;max-width:400px}.dt-topb{margin:2px 0 0;font-weight:800;color:var(--celadon-ink)}
.dt-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:12px 0 6px}
.dt-pack{position:relative;appearance:none;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);border-radius:20px;padding:20px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:inherit;cursor:pointer;transition:transform .15s}
.dt-pack:active{transform:scale(.96)}
.dt-pack b{font-size:1.25rem;font-weight:900}.dt-pp{font-weight:800}.dt-pack small{color:var(--muted);font-size:.72rem}
.dt-pack.popular{border-color:var(--celadon)}.dt-pack.best{border-color:var(--gold);background:var(--gold-soft)}
.dt-ptag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--celadon);color:#fff;font-size:.66rem;font-weight:900;padding:3px 8px;border-radius:999px}
.dt-pack.best .dt-ptag{background:var(--gold)}
.dt-topx{appearance:none;border:0;background:none;color:var(--muted);font:inherit;font-weight:700;padding:8px;cursor:pointer}
/* contenus Dari Plus */
.dt-row{position:relative}
.dt-row.lk .dt-rt{opacity:.62}
.dt-lock{font-style:normal;margin-left:auto;font-size:15px;flex:none;align-self:center}
