:root{
  color-scheme:dark;
  --ink:#100b16;
  --panel:#17111f;
  --panel-2:#211828;
  --coral:#ff536a;
  --pink:#f63280;
  --gold:#f5c867;
  --mint:#63dec4;
  --muted:#988e9d;
  --line:rgba(255,255,255,.095);
  --glass:rgba(24,17,31,.78);
  --safe-bottom:max(14px,env(safe-area-inset-bottom,0px));
  --dm-viewport-height:100dvh;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;min-height:100%;background:#0d0912;color:#fff;overscroll-behavior:none}
body{overflow:hidden}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dm-app{height:var(--dm-viewport-height);max-width:760px;margin:auto;position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(circle at 86% 5%,rgba(255,83,106,.16),transparent 27%),
  radial-gradient(circle at 4% 62%,rgba(99,222,196,.11),transparent 30%),
  linear-gradient(180deg,#120b17 0,#0d0a12 100%)}
.dm-app:before,.dm-app:after{content:"";position:absolute;z-index:-1;border-radius:999px;filter:blur(52px);opacity:.5;pointer-events:none}
.dm-app:before{width:170px;height:170px;background:#c92c68;right:-90px;top:160px}
.dm-app:after{width:190px;height:190px;background:#0e807e;left:-120px;bottom:110px}
.dm-header{height:88px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);background:rgba(13,9,18,.72);backdrop-filter:blur(24px) saturate(140%);position:relative;z-index:20}.dm-desktop-nav{min-width:430px}
.dm-icon-button,.dm-lang{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.14)}
.dm-icon-button{width:48px;height:48px;border-radius:17px;display:grid;place-items:center}
.dm-icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dm-brand{min-width:0;display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
.dm-brand-mark{width:34px;height:34px;position:relative;display:block;flex:0 0 auto}
.dm-brand-mark i,.dm-brand-mark b{position:absolute;width:22px;height:30px;border-radius:14px 14px 8px 14px;transform:rotate(-43deg);box-shadow:inset 0 1px rgba(255,255,255,.35)}
.dm-brand-mark i{background:linear-gradient(150deg,#ff486e,#ff7464);left:3px;top:0}
.dm-brand-mark b{background:linear-gradient(150deg,#ffd76d,#f2b75a);right:2px;bottom:0;opacity:.96}
.dm-brand strong,.dm-brand small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-brand strong{font-size:17px;line-height:1.1;letter-spacing:-.35px}
.dm-brand small{font-size:10px;color:var(--muted);margin-top:4px}
.dm-header-actions{display:flex;align-items:center;gap:8px}
.dm-lang{height:48px;min-width:49px;padding:0 13px;border-radius:17px;font-size:12px;font-weight:800}
.dm-main{height:calc(var(--dm-viewport-height) - 88px);position:relative;overflow:hidden}
.dm-inbox,.dm-conversation,.dm-gate{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
.dm-inbox::-webkit-scrollbar,.dm-conversation::-webkit-scrollbar,.dm-gate::-webkit-scrollbar{display:none}
.dm-hero{padding:34px 22px 25px}
.dm-hero>span,.dm-kicker{display:inline-flex;color:#f0839e;font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.dm-hero h1,.dm-gate h1{font-size:clamp(38px,10vw,58px);line-height:.92;letter-spacing:-2.7px;margin:13px 0 15px}
.dm-hero p,.dm-gate p{color:var(--muted);font-size:14px;line-height:1.5;margin:0;max-width:500px}
.dm-list-shell{margin:0 16px calc(var(--safe-bottom) + 22px);padding:8px;border:1px solid var(--line);border-radius:31px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08),0 28px 80px rgba(0,0,0,.22);backdrop-filter:blur(22px)}
.dm-list-head{height:56px;padding:0 13px;display:flex;align-items:center;justify-content:space-between}
.dm-list-head strong{font-size:15px}
.dm-list-head span{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.9px}
.dm-list{display:grid;gap:7px}
.dm-list-item{width:100%;min-height:78px;border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:11px 12px;background:linear-gradient(130deg,rgba(255,255,255,.065),rgba(255,255,255,.018));display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;position:relative;overflow:hidden}
.dm-list-item:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-45px;top:-50px;background:rgba(246,50,128,.12);filter:blur(15px)}
.dm-avatar{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(99,222,196,.3),rgba(99,222,196,.06));border:1px solid rgba(99,222,196,.25);color:#93f5df;font-weight:850;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.12)}
.dm-list-copy{min-width:0}
.dm-list-copy strong,.dm-list-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-list-copy strong{font-size:14px}
.dm-list-copy small{font-size:11px;color:var(--muted);margin-top:6px}
.dm-list-meta{display:grid;justify-items:end;gap:7px;position:relative;z-index:1}
.dm-list-meta time{font-size:9px;color:#746b79}
.dm-unread{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--coral));display:grid;place-items:center;font-size:10px;font-weight:800;box-shadow:0 6px 18px rgba(246,50,128,.3)}
.dm-empty{padding:52px 25px 60px;text-align:center;border-radius:25px;background:rgba(7,5,10,.18)}
.dm-empty span{width:64px;height:64px;border-radius:23px;display:grid;place-items:center;margin:0 auto 19px;color:var(--gold);font-size:25px;background:linear-gradient(145deg,rgba(245,200,103,.17),rgba(255,255,255,.025));border:1px solid rgba(245,200,103,.16)}
.dm-empty strong,.dm-empty p{display:block}.dm-empty strong{font-size:20px}.dm-empty p{color:var(--muted);font-size:12px;line-height:1.5;margin:9px auto 0;max-width:300px}
.dm-loading{min-height:170px;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted);font-size:12px}
.dm-loading span{width:34px;height:34px;border:2px solid rgba(255,255,255,.09);border-top-color:var(--mint);border-radius:50%;animation:dm-spin .9s linear infinite}
@keyframes dm-spin{to{transform:rotate(360deg)}}
.dm-conversation{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;overflow:hidden}
.dm-partner-bar{height:71px;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}
.dm-partner{border:0;background:none;color:#fff;display:flex;align-items:center;gap:10px;text-align:left;min-width:0}
.dm-partner .dm-avatar{width:43px;height:43px;border-radius:15px}
.dm-partner strong,.dm-partner small{display:block}.dm-partner strong{font-size:14px}.dm-partner small{font-size:9px;color:var(--muted);margin-top:4px}
.dm-partner-bar>.dm-icon-button{width:42px;height:42px;border-radius:15px;letter-spacing:2px;font-weight:800}
.dm-thread{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 17px 22px;display:flex;flex-direction:column;gap:10px;scrollbar-width:none}
.dm-thread::-webkit-scrollbar{display:none}
.dm-bubble{max-width:min(82%,480px);padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:9px 21px 21px 21px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));box-shadow:0 10px 28px rgba(0,0,0,.12);position:relative;align-self:flex-start;animation:dm-in .25s ease both}
@keyframes dm-in{from{transform:translateY(6px);opacity:0}}
.dm-bubble.own{align-self:flex-end;padding-right:34px;border-radius:21px 9px 21px 21px;background:linear-gradient(140deg,rgba(246,50,128,.34),rgba(255,83,106,.18));border-color:rgba(255,83,106,.25)}
.dm-bubble header{display:flex;align-items:center;gap:8px;margin-bottom:5px}.dm-bubble header strong{font-size:10px;color:var(--gold)}.dm-bubble.own header strong{color:#ffd3dd}.dm-bubble time{font-size:8px;color:#776e7b}
.dm-bubble p{font-size:14px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.dm-bubble>small{display:block;margin-top:7px;color:var(--gold);font-size:8px;text-transform:uppercase;letter-spacing:.7px}
.dm-message-menu{position:absolute;right:-4px;top:-13px;width:34px;height:30px;border:0;border-radius:12px;background:#2b2230;color:#a89daa;font-size:12px;letter-spacing:1px}
.dm-feedback{min-height:0;padding:0 18px;color:var(--mint);font-size:10px;text-align:center}.dm-feedback:not(:empty){padding-block:7px;border-top:1px solid var(--line)}.dm-feedback.error{color:#ff8fa2}
.dm-emoji-tray{display:flex;gap:4px;padding:8px 14px;border-top:1px solid var(--line);background:rgba(14,10,19,.92);overflow:auto}
.dm-emoji-tray button{flex:0 0 42px;height:38px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.045);font-size:18px}
.dm-composer{padding:10px 14px calc(var(--safe-bottom) + 3px);display:grid;grid-template-columns:46px minmax(0,1fr) 52px;gap:8px;align-items:end;border-top:1px solid var(--line);background:rgba(14,10,19,.86);backdrop-filter:blur(23px)}
.dm-composer label{min-height:48px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.045);display:flex;align-items:center;padding:10px 14px}
.dm-composer textarea{width:100%;max-height:94px;resize:none;border:0;outline:0;background:none;color:#fff;font-size:14px;line-height:1.35}.dm-composer textarea::placeholder{color:#756c79}
.dm-emoji-button,.dm-send{height:48px;border-radius:17px;border:1px solid var(--line)}
.dm-emoji-button{background:rgba(255,255,255,.045);font-size:20px}
.dm-send{display:grid;place-items:center;background:linear-gradient(140deg,var(--pink),var(--coral));box-shadow:0 10px 28px rgba(246,50,128,.27)}
.dm-send svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dm-send:disabled{opacity:.5}
.dm-gate{display:grid;place-items:center;padding:25px 17px calc(var(--safe-bottom) + 20px)}
.dm-gate-card{width:min(100%,520px);padding:31px 24px 24px;border:1px solid var(--line);border-radius:34px;background:
  radial-gradient(circle at 94% 4%,rgba(255,83,106,.18),transparent 32%),
  linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.1),0 35px 90px rgba(0,0,0,.31);backdrop-filter:blur(26px)}
.dm-gate-orbit{width:72px;height:72px;border-radius:26px;display:grid;place-items:center;margin-bottom:22px;background:linear-gradient(140deg,rgba(246,50,128,.33),rgba(245,200,103,.15));border:1px solid rgba(245,200,103,.2);font-size:28px;color:var(--gold);box-shadow:0 0 40px rgba(246,50,128,.15)}
.dm-primary,.dm-secondary,.dm-live-link{min-height:55px;border-radius:19px;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.dm-primary{margin-top:27px;padding:0 12px 0 20px;justify-content:space-between;color:#fff;background:linear-gradient(135deg,var(--pink),var(--coral));box-shadow:0 15px 34px rgba(246,50,128,.25)}
.dm-primary b{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.13)}
.dm-secondary{margin-top:9px;color:#fff;border:1px solid var(--line);background:rgba(255,255,255,.045)}
.dm-live-link{min-height:44px;margin-top:8px;color:var(--mint);font-size:11px;font-weight:700}
.dm-menu-layer,.dm-action-layer,.dm-info-layer,.dm-confirm-layer{position:fixed;inset:0;z-index:60;visibility:hidden;opacity:0;transition:.25s ease}.dm-menu-layer.open,.dm-action-layer.open,.dm-info-layer.open,.dm-confirm-layer.open{visibility:visible;opacity:1}
.dm-layer-backdrop{position:absolute;inset:0;border:0;background:rgba(5,3,8,.68);backdrop-filter:blur(6px)}
.dm-menu{position:absolute;right:0;top:0;bottom:0;width:min(88vw,370px);padding:calc(25px + env(safe-area-inset-top)) 19px 24px;background:radial-gradient(circle at 100% 0,rgba(246,50,128,.18),transparent 30%),#100b16;border-left:1px solid var(--line);box-shadow:-25px 0 70px rgba(0,0,0,.38);transform:translateX(104%);transition:.3s ease}
.dm-menu-layer.open .dm-menu{transform:none}
.dm-menu>div{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:8px}.dm-menu>div strong{font-size:19px}.dm-menu>div button{width:39px;height:39px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);color:#fff;font-size:20px}
.dm-menu>a,.dm-menu>button{width:100%;min-height:57px;padding:0 5px;border:0;border-bottom:1px solid rgba(255,255,255,.065);background:none;color:#fff;text-decoration:none;display:grid;grid-template-columns:34px 1fr;align-items:center;text-align:left}.dm-menu>a span,.dm-menu>button span{color:var(--muted);font-size:18px}.dm-menu>a b,.dm-menu>button b{font-size:13px}
.dm-action-card{position:absolute;left:12px;right:12px;bottom:calc(10px + var(--safe-bottom));max-width:500px;margin:auto;padding:12px;border-radius:27px;background:linear-gradient(155deg,#281b2b,#120d17);border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.5);transform:translateY(115%);transition:.3s ease}
.dm-action-layer.open .dm-action-card,.dm-info-layer.open .dm-action-card,.dm-confirm-layer.open .dm-action-card{transform:none}.dm-handle{width:38px;height:4px;border-radius:10px;background:rgba(255,255,255,.16);margin:0 auto 12px}.dm-action-card>strong{display:block;padding:7px 8px 13px;font-size:17px}.dm-action-card button{width:100%;height:51px;border:0;border-radius:16px;margin-top:7px;background:rgba(255,255,255,.06);color:#fff;font-size:13px;font-weight:750}.dm-action-card #dmFriend{color:#a9f4e3;background:rgba(99,222,196,.1)}.dm-action-card #dmFriend:disabled{opacity:.55}.dm-action-card #dmReport{color:var(--gold)}.dm-action-card #dmUnsend,.dm-action-card #dmBlock{color:#ff8b9e}.dm-action-card button.secondary{color:var(--muted);background:rgba(255,255,255,.035)}
.dm-info-card{padding:18px}.dm-info-icon{display:grid;place-items:center;width:48px;height:48px;margin:4px 8px 7px;border-radius:16px;background:rgba(99,222,196,.12);border:1px solid rgba(99,222,196,.25);color:var(--mint);font-size:22px;font-weight:900}.dm-info-card>strong{font-size:22px;padding-bottom:7px}.dm-info-card p{margin:0;padding:0 8px 12px;color:var(--muted);font-size:13px;line-height:1.55}.dm-info-card #dmInfoClose{background:linear-gradient(135deg,var(--pink),var(--coral));box-shadow:0 12px 32px rgba(246,50,128,.25)}
.dm-confirm-card{padding:18px}.dm-confirm-icon{width:46px;height:46px;margin:3px 8px 8px;border:1px solid rgba(255,126,145,.25);border-radius:16px;background:rgba(255,126,145,.1);color:#ff93a4;display:grid;place-items:center;font-size:20px;font-weight:900}.dm-confirm-card>strong{font-size:22px;padding-bottom:5px}.dm-confirm-card p{margin:0;padding:0 8px 12px;color:var(--muted);font-size:13px;line-height:1.5}.dm-confirm-card textarea{width:calc(100% - 16px);min-height:82px;margin:4px 8px 3px;padding:13px;border:1px solid var(--line);border-radius:15px;resize:none;outline:0;background:rgba(0,0,0,.22);color:#fff}.dm-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dm-confirm-actions #dmConfirmAccept{background:linear-gradient(135deg,var(--pink),var(--coral));box-shadow:0 12px 28px rgba(246,50,128,.23)}
[hidden]{display:none!important}
html.is-standalone{--safe-bottom:max(22px,env(safe-area-inset-bottom,0px))}
html.is-standalone .dm-composer{padding-bottom:var(--safe-bottom)}
@media(min-width:761px){body{background:#08060b}.dm-app{border-inline:1px solid var(--line);box-shadow:0 0 100px rgba(0,0,0,.5)}.dm-header{height:96px}.dm-main{height:calc(var(--dm-viewport-height) - 96px)}.dm-list-shell{margin-inline:22px}.dm-hero{padding-inline:29px}.dm-bubble{max-width:65%}}
@media(min-width:960px){.dm-app{max-width:1180px}.dm-header{grid-template-columns:auto minmax(170px,220px) minmax(430px,1fr) auto;padding-inline:24px}.dm-back{display:none}.dm-header-actions #dmMenuButton{display:none}.dm-main{max-width:900px;width:100%;margin:auto}.dm-inbox,.dm-gate{padding-inline:42px}.dm-conversation{border-inline:1px solid var(--line);background:rgba(9,7,12,.22)}}
@media(max-width:370px){.dm-header{grid-template-columns:45px 1fr auto;padding-inline:10px}.dm-icon-button{width:43px;height:43px}.dm-lang{height:43px;min-width:43px;padding-inline:9px}.dm-brand-mark{width:29px;height:29px}.dm-brand-mark i,.dm-brand-mark b{width:19px;height:26px}.dm-brand small{display:none}.dm-hero h1,.dm-gate h1{font-size:35px}.dm-composer{grid-template-columns:42px minmax(0,1fr) 48px;padding-inline:9px}.dm-emoji-button,.dm-send{height:45px}}
