:root{--bg: #0b0f14;--panel: #11161c;--muted: #1a222b;--text: #e6edf3;--sub: #9fb2c3;--acc: #4da3ff;--line: #22303c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji"}.btn{background:var(--acc);color:#06121c;padding:8px 12px;border:0;border-radius:10px;cursor:pointer;font-weight:600}.input{background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:10px 12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px}.row{display:flex;gap:12px;align-items:center}.sidebar{width:280px;background:var(--panel);border-right:1px solid var(--line);padding:14px}.scroll{overflow:auto;min-height:0}.badge{background:var(--muted);padding:2px 8px;border-radius:999px;font-size:12px;color:var(--sub)}hr{border:0;border-top:1px solid var(--line);margin:12px 0}.link{color:var(--acc);text-decoration:none}.message{padding:8px 12px;border-radius:12px;background:#0f1720;border:1px solid var(--line)}.wrap{word-wrap:break-word;overflow-wrap:anywhere}.video,.image{max-width:100%;border-radius:12px;border:1px solid var(--line)}.channel{padding:8px;border-radius:10px;cursor:pointer}.channel.active{background:#0f1720;border:1px solid var(--line)}.header{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.icon-btn{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sub)}.icon-btn:hover{color:var(--text);border-color:var(--acc)}.icon-btn.subtle{background:transparent;border-color:transparent;padding:4px}.icon-btn.subtle:hover{color:#ff8484}.progress{height:6px;background:var(--muted);border-radius:999px;overflow:hidden;margin-top:8px}.progress-bar{height:100%;background:var(--acc)}.btn-sm{padding:6px 10px;border-radius:8px;font-size:.9rem}.btn-danger{background:#ff5f5f;color:#1a0b0b}.btn-danger:hover{filter:brightness(.95)}.input-sm{padding:8px 10px;font-size:.95rem}.shell{display:grid;grid-template-columns:280px 1fr;height:100dvh}.shell>main.main{display:grid;grid-template-rows:auto 1fr;height:100dvh;min-height:0;overflow:hidden}.shell .sidebar{height:100dvh}@media (max-width: 1024px){.shell{grid-template-columns:240px 1fr}}@media (max-width: 768px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100dvh}.shell .sidebar{display:none}.drawer .sidebar{display:block!important}.shell>main.main{grid-template-rows:auto 1fr;height:auto;min-height:0}.scroll{-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.message{max-width:95vw}}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){.mobile-only{display:inline-flex}.desktop-only{display:none}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:min(85vw,320px) 1fr;z-index:51}.drawer .sidebar{width:auto;height:100dvh}@media (max-width: 768px){input,textarea,select,.input{font-size:16px!important}}.main>*{min-height:0}.scroll{scrollbar-width:none;-ms-overflow-style:none}.scroll::-webkit-scrollbar{width:0;height:0}.context-menu{position:fixed;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px #0006;z-index:1000;min-width:160px;padding:6px}.menu-item{padding:8px 10px;border-radius:8px;cursor:pointer}.menu-item:hover{background:#0f1720}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{width:min(960px,94vw);max-height:84vh;overflow:hidden;padding:16px}.fb-grid{display:grid;grid-template-columns:1fr;gap:4px;height:62vh;padding:8px;border:1px solid var(--line);border-radius:12px;background:#0f1720}.fb-row{display:grid;grid-template-columns:1fr 120px 220px 60px;align-items:center;padding:8px 10px;border-radius:8px}.fb-row:hover{background:#0c131b}.fb-cell.name{display:flex;gap:8px;align-items:center}.fb-cell.size,.fb-cell.date,.fb-cell.act{color:var(--sub);font-size:13px}.subtext .muted{color:var(--sub)}.subtext .error{color:#f77}.path{background:var(--panel);padding:2px 6px;border-radius:8px;border:1px solid var(--line)}