#csheet,#csbd{display:none}
@media(max-width:820px){
.cdots{display:inline-grid;place-items:center;flex:none;color:var(--mut,#a3a3ad);background:none;border:0;cursor:pointer}
.cdots .dd{display:flex;gap:3px;align-items:center;justify-content:center}
.cdots .dd i{width:4px;height:4px;border-radius:50%;background:currentColor}
.cdots.cfb{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:40;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--surf) 88%,#000);border:1px solid var(--line)}
#csbd{display:block;position:fixed;inset:0;z-index:2147482990;background:#0009;backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .28s}
#csbd.show{opacity:1;pointer-events:auto}
#csheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;height:75dvh;z-index:2147483000;background:var(--surf,#1a1a1f);color:var(--fg,#f4f4f6);border:1px solid var(--line);border-bottom:0;border-radius:26px 26px 0 0;transform:translateY(105%);transition:transform .28s ease-out;touch-action:none;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
#csheet.drag{transition:none}
#csheet.show{transform:none}
.cs-h{width:40px;height:4px;border-radius:3px;background:var(--line);margin:8px auto 2px;flex:none}
.cs-top{display:flex;align-items:center;gap:10px;margin:6px 12px 2px;padding:8px 10px;border-radius:18px;background:var(--card);border:1px solid color-mix(in srgb,var(--acc) 35%,var(--line));flex:none}
.cs-top .pav,.cs-top img{width:36px;height:36px;font-size:15px;border-radius:50%}
.cs-top .dw,.cs-top .dsv{display:none}
.cs-top b{flex:1;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-x{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--fg)}
.cs-x .i{width:18px;height:18px}
.cs-body{flex:1;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:2px 12px 0}
.cs-sec{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin:12px 6px 2px}
.cs-it{display:flex;align-items:center;gap:14px;width:100%;padding:11px 6px;font-size:15px;font-weight:500;color:var(--fg);text-align:left;border-radius:12px;background:none;border:0}
.cs-it:active{background:var(--card)}
.cs-it .i{width:20px;height:20px;color:var(--mut)}
.cs-it em{margin-left:auto;font-style:normal;color:var(--acc);font-size:13px;font-weight:600}
.cs-sr{display:none;margin:2px 0 6px}
.cs-sr.open{display:block}
.cs-sr input{width:100%;height:40px;border-radius:14px;border:1px solid var(--line);background:#00000059;color:var(--fg);padding:0 14px;font-size:15px}
}
#cdots{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}
