:root,[data-theme=matte-slate]{--bg-guild-rail: #0e0f12;--bg-sidebar: #131418;--bg-main: #18191f;--bg-card: #14151a;--bg-card-hover: #1c1d24;--bg-card-active: #22242c;--bg-input: #0e0f12;--bg-overlay: rgba(0, 0, 0, .85);--bg-tooltip: #08090b;--bg-surface-indigo: #101230;--color-primary: #121316;--color-blurple: #5158b8;--color-blurple-hover: #454ca4;--color-blurple-active: #3c4290;--color-indigo: #141747;--color-indigo-hover: #1d2163;--color-green: #23a55a;--color-green-hover: #1f9450;--color-yellow: #e6a827;--color-red: #ea3c40;--color-red-hover: #d23236;--color-cyan: #009de8;--color-fuchsia: #d93d90}[data-theme=midnight-oled]{--bg-guild-rail: #040405;--bg-sidebar: #08090b;--bg-main: #0c0d10;--bg-card: #090a0d;--bg-card-hover: #131418;--bg-card-active: #191b22;--bg-input: #040405;--bg-overlay: rgba(0, 0, 0, .94);--bg-tooltip: #000000;--bg-surface-indigo: #080918;--color-primary: #08090b;--color-blurple: #484ea8;--color-blurple-hover: #3d4392;--color-blurple-active: #33387c;--color-indigo: #0d0f28;--color-indigo-hover: #141840;--color-green: #1fa054;--color-green-hover: #198544;--color-yellow: #db9c1e;--color-red: #e03236;--color-red-hover: #c4262a;--color-cyan: #008ccf;--color-fuchsia: #c73280}[data-theme=warm-mocha]{--bg-guild-rail: #0f0c0b;--bg-sidebar: #15110f;--bg-main: #1b1614;--bg-card: #161210;--bg-card-hover: #221c19;--bg-card-active: #2d2521;--bg-input: #0f0c0b;--bg-overlay: rgba(15, 12, 11, .88);--bg-tooltip: #0a0807;--bg-surface-indigo: #1e1510;--color-primary: #15110f;--color-blurple: #b07542;--color-blurple-hover: #9c6536;--color-blurple-active: #86542a;--color-indigo: #261912;--color-indigo-hover: #36241a;--color-green: #3ea066;--color-green-hover: #348a56;--color-yellow: #dfa032;--color-red: #d84842;--color-red-hover: #bf3c36;--color-cyan: #4a9ebc;--color-fuchsia: #be567a}[data-theme=matte-sage]{--bg-guild-rail: #0b110e;--bg-sidebar: #0f1713;--bg-main: #141f1a;--bg-card: #111a15;--bg-card-hover: #192620;--bg-card-active: #22332b;--bg-input: #0b110e;--bg-overlay: rgba(11, 17, 14, .88);--bg-tooltip: #070b09;--bg-surface-indigo: #101c15;--color-primary: #0f1713;--color-blurple: #3d8863;--color-blurple-hover: #347656;--color-blurple-active: #2a6146;--color-indigo: #13241b;--color-indigo-hover: #1b3327;--color-green: #3aa666;--color-green-hover: #2f8c55;--color-yellow: #dca22e;--color-red: #d54646;--color-red-hover: #bd3939;--color-cyan: #389eb0;--color-fuchsia: #b84e7e}[data-theme=warm-terracotta]{--bg-guild-rail: #120c0e;--bg-sidebar: #181013;--bg-main: #20151a;--bg-card: #1b1216;--bg-card-hover: #271a20;--bg-card-active: #34222b;--bg-input: #120c0e;--bg-overlay: rgba(18, 12, 14, .88);--bg-tooltip: #0a0608;--bg-surface-indigo: #221218;--color-primary: #181013;--color-blurple: #a54f63;--color-blurple-hover: #934356;--color-blurple-active: #7d3748;--color-indigo: #2b131c;--color-indigo-hover: #3c1a27;--color-green: #3da168;--color-green-hover: #328b58;--color-yellow: #dfa234;--color-red: #db3f48;--color-red-hover: #c2333b;--color-cyan: #459eb5;--color-fuchsia: #ca4d8a}[data-theme=nordic-frost]{--bg-guild-rail: #080d12;--bg-sidebar: #0d141d;--bg-main: #121c27;--bg-card: #0f1721;--bg-card-hover: #172332;--bg-card-active: #203044;--bg-input: #080d12;--bg-overlay: rgba(8, 13, 18, .88);--bg-tooltip: #04070a;--bg-surface-indigo: #0d1a29;--color-primary: #0d141d;--color-blurple: #3d7099;--color-blurple-hover: #346185;--color-blurple-active: #2a506e;--color-indigo: #112236;--color-indigo-hover: #19314d;--color-green: #29a365;--color-green-hover: #228a55;--color-yellow: #dba12f;--color-red: #da3e44;--color-red-hover: #be3238;--color-cyan: #2aa5df;--color-fuchsia: #bd4a86}:root{--text-normal: #dbdee1;--text-muted: #949ba4;--text-header: #f2f3f5;--text-link: #00a8fc;--text-positive: #23a55a;--text-warning: #f0b232;--text-danger: #f23f43;--text-white: #ffffff;--border-subtle: rgba(255, 255, 255, .04);--border-light: rgba(255, 255, 255, .08);--border-focus: var(--color-blurple);--divider-color: rgba(255, 255, 255, .03);--space-1: 1px;--space-4: 4px;--space-6: 6px;--space-10: 10px;--space-12: 12px;--space-15: 15px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--radius-xs: 4px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 72px;--radius-xl: 88px;--radius-full: 9999px;--motion-fast: .25s;--motion-base: .3s;--motion-slow: .4s;--easing-discord: cubic-bezier(.25, .46, .45, .94);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", Consolas, Monaco, monospace;--rail-width: 72px;--sidebar-width: 260px;--inspector-width: 340px;--header-height: 56px;--userbar-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden;background-color:var(--bg-main);color:var(--text-normal);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-guild-rail);border-radius:4px}::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#111214}:focus-visible{outline:2px solid var(--color-blurple);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit;display:inline-flex;align-items:center;justify-content:center;transition:all var(--motion-fast) var(--easing-discord)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;color:var(--text-header);background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:10px 12px;font-size:14px;transition:border-color var(--motion-fast) var(--easing-discord),box-shadow var(--motion-fast) var(--easing-discord)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-blurple);box-shadow:0 0 0 2px #5865f240}a{color:var(--text-link);text-decoration:none;transition:color var(--motion-fast) var(--easing-discord)}a:hover{text-decoration:underline}img,video{max-width:100%;display:block}.font-display-hero{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.05;letter-spacing:-.61px;color:var(--text-white);text-transform:uppercase}.font-heading{font-family:var(--font-display);font-size:clamp(20px,3vw,32px);font-weight:700;line-height:1.15;letter-spacing:-.44px;color:var(--text-header)}.font-subheading{font-size:18px;font-weight:600;color:var(--text-header)}.font-category-title{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.login-page-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1a2081,#23272a 70%,#111214);position:relative;overflow:hidden;padding:var(--space-16)}.login-bg-art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 10% 20%,rgba(88,101,242,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(35,165,90,.1) 0%,transparent 40%),radial-gradient(circle at 80% 10%,rgba(235,69,158,.1) 0%,transparent 35%);opacity:.8}.discord-login-box{width:100%;max-width:780px;background-color:var(--bg-main);border-radius:var(--radius-sm);box-shadow:0 16px 48px #000000b3;display:flex;overflow:hidden;border:1px solid var(--border-subtle);position:relative;z-index:10;animation:modalPop var(--motion-base) var(--easing-discord)}.login-form-side{flex:1.25;padding:36px 32px;display:flex;flex-direction:column;justify-content:center}.login-qr-side{flex:.9;background-color:var(--bg-card);border-left:1px solid var(--border-subtle);padding:36px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-16)}.login-header-group{margin-bottom:24px}.login-welcome-title{font-size:24px;font-weight:800;color:var(--text-white);line-height:1.2}.login-subtitle{font-size:14px;color:var(--text-muted);margin-top:6px}.login-input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.login-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.login-label .required-star{color:var(--color-red)}.login-forgot-link{font-size:13px;color:var(--color-cyan);align-self:flex-start;margin-top:4px}.login-btn-submit{width:100%;height:44px;background-color:var(--color-blurple);color:var(--text-white);font-weight:700;font-size:15px;border-radius:var(--radius-xs);margin-top:8px;transition:background-color var(--motion-fast) var(--easing-discord),transform var(--motion-fast) var(--easing-discord)}.login-btn-submit:hover{background-color:var(--color-blurple-hover);transform:translateY(-1px)}.login-register-row{margin-top:14px;font-size:13px;color:var(--text-muted)}.login-register-row a{color:var(--color-cyan);font-weight:600}.quick-demo-btn{width:100%;height:40px;background-color:var(--color-indigo);color:var(--text-white);border-radius:var(--radius-xs);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;border:1px solid rgba(88,101,242,.4)}.quick-demo-btn:hover{background-color:var(--color-indigo-hover)}.qr-code-wrapper{position:relative;background-color:#fff;padding:12px;border-radius:var(--radius-xs);box-shadow:0 4px 16px #0000004d;display:inline-flex;align-items:center;justify-content:center}.qr-center-logo{position:absolute;width:36px;height:36px;background-color:var(--color-blurple);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;border:3px solid #fff}.qr-heading{font-size:20px;font-weight:800;color:var(--text-white)}.qr-instruction{font-size:13px;color:var(--text-muted);line-height:1.4}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-main);position:relative}.guild-rail{width:var(--rail-width);height:100%;background-color:var(--bg-guild-rail);display:flex;flex-direction:column;align-items:center;padding:var(--space-12) 0;gap:var(--space-10);flex-shrink:0;overflow-y:auto;overflow-x:hidden;z-index:30;-webkit-user-select:none;user-select:none}.guild-rail-top{display:flex;flex-direction:column;align-items:center;gap:var(--space-10);width:100%}.guild-rail-divider{width:32px;height:2px;background-color:var(--divider-color);border-radius:1px;margin:var(--space-4) 0}.guild-rail-list{display:flex;flex-direction:column;align-items:center;gap:var(--space-10);width:100%;flex:1}.guild-item-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.guild-pill{position:absolute;left:0;width:4px;height:0;background-color:var(--text-white);border-radius:0 4px 4px 0;transition:height var(--motion-fast) var(--easing-discord),transform var(--motion-fast) var(--easing-discord);opacity:0}.guild-item-wrapper:hover .guild-pill{height:20px;opacity:1}.guild-item-wrapper.active .guild-pill{height:40px;opacity:1}.guild-btn{width:48px;height:48px;border-radius:var(--radius-xl);background-color:var(--bg-sidebar);color:var(--text-normal);display:flex;align-items:center;justify-content:center;position:relative;font-weight:700;font-size:16px;transition:all var(--motion-fast) var(--easing-discord);overflow:hidden}.guild-btn:hover,.guild-item-wrapper.active .guild-btn{border-radius:var(--radius-md);background-color:var(--color-blurple);color:var(--text-white)}.guild-btn.discord-home{background-color:var(--color-blurple);color:var(--text-white)}.guild-btn.discord-home:hover{border-radius:var(--radius-md);background-color:var(--color-blurple-hover)}.guild-btn.add-guild{color:var(--color-green);background-color:var(--bg-sidebar)}.guild-btn.add-guild:hover{background-color:var(--color-green);color:var(--text-white)}.guild-btn.indigo-vault{background-color:var(--color-indigo);color:var(--text-white)}.guild-btn.indigo-vault:hover{background-color:var(--color-indigo-hover)}.guild-badge{position:absolute;bottom:-2px;right:-2px;background-color:var(--color-red);color:var(--text-white);font-size:11px;font-weight:700;border-radius:var(--radius-full);min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-guild-rail)}.guild-tooltip{position:absolute;left:80px;background-color:var(--bg-tooltip);color:var(--text-white);padding:6px 12px;border-radius:var(--radius-xs);font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transform:scale(.95) translate(-4px);transition:opacity var(--motion-fast) var(--easing-discord),transform var(--motion-fast) var(--easing-discord);z-index:100;box-shadow:0 4px 12px #0006}.guild-tooltip:before{content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-style:solid;border-color:transparent var(--bg-tooltip) transparent transparent}.guild-item-wrapper:hover .guild-tooltip{opacity:1;transform:scale(1) translate(0)}.channels-sidebar{width:var(--sidebar-width);height:100%;background-color:var(--bg-sidebar);display:flex;flex-direction:column;flex-shrink:0;border-right:none;z-index:20}.vault-header{height:var(--header-height);padding:0 var(--space-16);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--motion-fast) var(--easing-discord)}.vault-header:hover{background-color:var(--bg-card-hover)}.vault-header-title{display:flex;align-items:center;gap:var(--space-8);font-weight:700;font-size:15px;color:var(--text-header);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-header-wrapper{position:relative;width:100%}.vault-dropdown-menu{position:absolute;top:calc(100% + 4px);left:8px;right:8px;background-color:var(--bg-guild-rail);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:100;box-shadow:0 8px 24px #000000b3;animation:fadeIn .15s ease}.vault-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-xs);font-size:13px;font-weight:600;color:var(--text-normal);cursor:pointer;transition:all .15s ease}.vault-dropdown-item:hover{background-color:var(--color-blurple);color:#fff}.vault-dropdown-item.primary{color:var(--color-cyan)}.vault-dropdown-item.primary:hover{background-color:var(--color-blurple);color:#fff}.vault-dropdown-item.danger{color:var(--color-red)}.vault-dropdown-item.danger:hover{background-color:var(--color-red);color:#fff}.vault-dropdown-divider{height:1px;background-color:var(--border-subtle);margin:4px 0}.channels-content{flex:1;overflow-y:auto;padding:var(--space-12) var(--space-8);display:flex;flex-direction:column;gap:var(--space-16)}.channel-category{display:flex;flex-direction:column;gap:2px}.channel-category-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:color var(--motion-fast) var(--easing-discord)}.channel-category-header:hover{color:var(--text-header)}.channel-category-header-title{display:flex;align-items:center;gap:var(--space-4)}.channel-item{display:flex;align-items:center;justify-content:space-between;padding:7px var(--space-10);border-radius:var(--radius-xs);color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--motion-fast) var(--easing-discord);-webkit-user-select:none;user-select:none}.channel-item:hover{background-color:var(--bg-card-hover);color:var(--text-normal)}.channel-item.active{background-color:var(--bg-card-active);color:var(--text-white);font-weight:600}.channel-item-left{display:flex;align-items:center;gap:var(--space-8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item-badge{font-size:11px;padding:1px 6px;border-radius:var(--radius-full);background-color:var(--bg-guild-rail);color:var(--text-muted);font-weight:600}.channel-item.active .channel-item-badge{background-color:var(--color-blurple);color:var(--text-white)}.storage-quota-box{background:linear-gradient(135deg,rgba(81,88,184,.12) 0%,var(--bg-card) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-12);display:flex;flex-direction:column;gap:var(--space-8);margin-top:auto;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .4s ease,border-color .3s ease,box-shadow .4s ease,filter .4s ease;transform:translateY(24px);opacity:.4;filter:saturate(.85);cursor:pointer}.channels-sidebar:hover .storage-quota-box,.storage-quota-box:hover{transform:translateY(0);opacity:1;filter:saturate(1);border-color:#5158b866;box-shadow:0 8px 24px #00000073;background:linear-gradient(135deg,rgba(81,88,184,.22) 0%,var(--bg-card) 100%)}.quota-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:var(--text-header)}.quota-bar-track{width:100%;height:6px;background-color:var(--bg-guild-rail);border-radius:var(--radius-full);overflow:hidden}.quota-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-blurple) 0%,var(--color-green) 100%);border-radius:var(--radius-full);transition:width var(--motion-slow) var(--easing-discord)}.quota-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted)}.user-profile-bar{height:var(--userbar-height);background-color:#232428;padding:0 var(--space-8);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle)}.user-profile-info{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-4);border-radius:var(--radius-xs);cursor:pointer;transition:background-color var(--motion-fast) var(--easing-discord);flex:1;overflow:hidden}.user-profile-info:hover{background-color:var(--bg-card-hover)}.user-avatar-wrapper{position:relative;width:36px;height:36px;flex-shrink:0}.user-avatar{width:100%;height:100%;border-radius:var(--radius-full);background-color:var(--color-blurple);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-weight:700;font-size:14px}.user-status-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:var(--radius-full);border:2px solid #232428}.user-status-dot.online{background-color:var(--color-green)}.user-status-dot.idle{background-color:var(--color-yellow)}.user-status-dot.dnd{background-color:var(--color-red)}.user-names{display:flex;flex-direction:column;overflow:hidden}.user-display-name{font-size:13px;font-weight:700;color:var(--text-header);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tag{font-size:11px;color:var(--text-muted);line-height:1.2}.user-action-buttons{display:flex;align-items:center;gap:2px}.user-icon-btn{width:32px;height:32px;border-radius:var(--radius-xs);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--motion-fast) var(--easing-discord)}.user-icon-btn:hover{background-color:var(--bg-card-hover);color:var(--text-header)}.main-content{flex:1;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);overflow:hidden;position:relative}.main-header{height:var(--header-height);padding:0 var(--space-16);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);z-index:15;gap:var(--space-12);flex-shrink:0}.main-header-left{display:flex;align-items:center;gap:var(--space-12);min-width:0}.mobile-menu-toggle{display:none;width:36px;height:36px;border-radius:var(--radius-xs);background-color:var(--bg-card);color:var(--text-header)}.header-channel-title{display:flex;align-items:center;gap:var(--space-8);font-size:16px;font-weight:700;color:var(--text-header);white-space:nowrap}.header-divider{width:1px;height:16px;background-color:var(--divider-color)}.header-topic{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-header-right{display:flex;align-items:center;gap:var(--space-10);flex-shrink:0}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{background-color:var(--bg-guild-rail);border:1px solid transparent;border-radius:var(--radius-xs);padding:6px 12px 6px 32px;color:var(--text-header);font-size:13px;width:220px;transition:width var(--motion-fast) var(--easing-discord),border-color var(--motion-fast) var(--easing-discord)}.search-input:focus{width:280px;border-color:var(--color-blurple)}.search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.btn-tier-badge{background-color:var(--bg-guild-rail);border:1px solid var(--border-subtle);color:var(--text-header);padding:7px 14px;border-radius:var(--radius-xs);font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--motion-fast) var(--easing-discord);min-height:36px}.btn-tier-badge:hover{background-color:var(--bg-card);border-color:var(--color-blurple);transform:translateY(-1px);color:var(--text-white);box-shadow:0 4px 12px #5865f233}.btn-primary{background-color:var(--color-blurple);color:var(--text-white);font-weight:600;font-size:13px;padding:8px 16px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;gap:var(--space-6);transition:background-color var(--motion-fast) var(--easing-discord),transform var(--motion-fast) var(--easing-discord);min-height:36px}.btn-primary:hover{background-color:var(--color-blurple-hover);transform:translateY(-1px)}.btn-primary:active{background-color:var(--color-blurple-active);transform:translateY(0)}.btn-indigo{background-color:var(--color-indigo);color:var(--text-white);font-weight:600;font-size:13px;padding:8px 16px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;gap:var(--space-6);transition:all var(--motion-fast) var(--easing-discord);min-height:36px}.btn-indigo:hover{background-color:var(--color-indigo-hover)}.btn-secondary{background-color:var(--bg-card);color:var(--text-normal);font-weight:500;font-size:13px;padding:8px 14px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;gap:var(--space-6);transition:all var(--motion-fast) var(--easing-discord);min-height:36px}.btn-secondary:hover{background-color:var(--bg-card-hover);color:var(--text-white);border-color:var(--border-light)}.btn-icon{width:36px;height:36px;border-radius:var(--radius-xs);background-color:var(--bg-card);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--motion-fast) var(--easing-discord)}.btn-icon:hover{background-color:var(--bg-card-hover);color:var(--text-white)}.btn-icon.active{background-color:var(--color-blurple);color:var(--text-white)}.main-body-layout{flex:1;display:flex;overflow:hidden;position:relative}.explorer-container{flex:1;height:100%;overflow-y:auto;padding:var(--space-20);display:flex;flex-direction:column;gap:var(--space-20)}.discord-hero-banner{background:radial-gradient(circle at 80% 20%,#5865f240,#1a208180 60%,#23272af2),#23272a;border:1px solid rgba(88,101,242,.3);border-radius:var(--radius-md);padding:var(--space-24);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #0000004d}.hero-content{max-width:600px;display:flex;flex-direction:column;gap:var(--space-10);z-index:2}.hero-tag{display:inline-flex;align-items:center;gap:6px;background-color:var(--color-indigo);color:var(--color-blurple);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:var(--radius-full);width:fit-content;border:1px solid rgba(88,101,242,.4)}.hero-title{font-size:26px;font-weight:800;color:var(--text-white);line-height:1.15;letter-spacing:-.4px}.hero-desc{font-size:14px;color:var(--text-normal);line-height:1.5}.hero-actions{display:flex;align-items:center;gap:var(--space-10);margin-top:var(--space-4);flex-wrap:wrap}.hero-quick-stats{display:flex;align-items:center;gap:var(--space-16);background:#00000059;border-radius:var(--radius-sm);padding:var(--space-12) var(--space-16);border:1px solid var(--border-subtle);z-index:2}.quick-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:20px;font-weight:800;color:var(--text-white)}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;font-weight:600}.filter-tabs-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);flex-wrap:wrap;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-12)}.filter-chips{display:flex;align-items:center;gap:var(--space-8);overflow-x:auto;padding-bottom:2px}.filter-chip{padding:7px 16px;border-radius:var(--radius-full);background-color:#ffffff0a;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;border:none;transition:all var(--motion-fast) var(--easing-discord);white-space:nowrap}.filter-chip:hover{background-color:#ffffff14;color:var(--text-white)}.filter-chip.active{background-color:var(--color-blurple);color:var(--text-white);box-shadow:0 4px 12px #5158b859}.view-controls{display:flex;align-items:center;gap:var(--space-6)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.save-card{background-color:var(--bg-card);border:1px solid rgba(255,255,255,.03);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background-color .2s ease,border-color .2s ease;position:relative;box-shadow:0 2px 8px #00000040}.save-card:hover{transform:translateY(-3px);background-color:var(--bg-card-hover);border-color:#ffffff14;box-shadow:0 10px 28px #00000080}.save-card.selected{border-color:var(--color-blurple);box-shadow:0 0 0 2px var(--color-blurple),0 8px 24px #0006}.card-header-banner{height:105px;width:100%;position:relative;background-color:#1a1b1e;overflow:hidden}.card-banner-img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.save-card:hover .card-banner-img{transform:scale(1.04)}.card-banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#00000026,#141518d9);display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px}.banner-top-tags{display:flex;justify-content:space-between;align-items:center;width:100%}.platform-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--radius-xs);font-size:10.5px;font-weight:700;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-white)}.platform-badge.steam{color:#66c0f4}.platform-badge.switch{color:#e60012}.platform-badge.retro{color:#f5a623}.platform-badge.playstation{color:#0070d1}.platform-badge.xbox{color:#107c10}.platform-badge.video{color:#eb459e}.platform-badge.audio{color:#00a8fc}.platform-badge.general{color:#5865f2}.card-play-overlay-btn{align-self:center;padding:5px 14px;font-size:11px;font-weight:700;border-radius:var(--radius-full);background-color:#5865f2f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 12px #00000080;border:none;display:flex;align-items:center;gap:5px;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.card-play-overlay-btn:hover{background-color:var(--color-blurple-hover);transform:scale(1.06)}.card-body{padding:10px 12px 8px;display:flex;flex-direction:column;gap:5px;flex:1}.card-title{font-size:13.5px;font-weight:700;color:var(--text-white);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0}.card-meta-row{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.card-meta-size{color:var(--color-cyan);font-weight:600}.card-meta-dot{opacity:.4}.card-meta-date{color:var(--text-muted)}.card-actions-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:6px;border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.card-quick-actions{display:flex;align-items:center;gap:2px}.card-action-btn{width:26px;height:26px;border-radius:var(--radius-xs);color:var(--text-muted);display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:all .15s ease;padding:0}.card-action-btn:hover{background-color:var(--bg-guild-rail);color:var(--text-white)}.card-action-btn.delete-btn:hover{background-color:#f23f4326;color:var(--color-red)}.card-action-btn:hover{background-color:var(--bg-card-active);color:var(--text-white)}.list-view-container{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.list-header-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 120px;padding:var(--space-10) var(--space-16);background-color:var(--bg-guild-rail);font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle)}.list-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 120px;padding:var(--space-10) var(--space-16);align-items:center;font-size:13px;color:var(--text-normal);border-bottom:1px solid var(--divider-color);cursor:pointer;transition:background-color var(--motion-fast) var(--easing-discord)}.list-row:hover{background-color:var(--bg-card-hover)}.list-row.selected{background-color:var(--bg-card-active);border-left:3px solid var(--color-blurple)}.list-row-title-cell{display:flex;align-items:center;gap:var(--space-10);overflow:hidden}.list-row-thumb{width:32px;height:32px;border-radius:var(--radius-xs);object-fit:cover;background-color:var(--bg-guild-rail);flex-shrink:0}.inspector-drawer{width:var(--inspector-width);height:100%;background-color:var(--bg-sidebar);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;z-index:15;overflow-y:auto}.inspector-header{padding:var(--space-16);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.inspector-header-title{font-size:15px;font-weight:700;color:var(--text-header)}.inspector-banner{height:160px;width:100%;position:relative;background-color:#1e1f22}.inspector-banner img{width:100%;height:100%;object-fit:cover}.inspector-content{padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-16)}.inspector-section{display:flex;flex-direction:column;gap:var(--space-8)}.inspector-section-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em}.inspector-meta-box{background-color:var(--bg-guild-rail);border-radius:var(--radius-xs);padding:var(--space-10);display:flex;flex-direction:column;gap:var(--space-6);font-size:12px}.inspector-meta-row{display:flex;justify-content:space-between;align-items:center}.inspector-meta-label{color:var(--text-muted)}.inspector-meta-value{color:var(--text-header);font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-timeline{display:flex;flex-direction:column;gap:var(--space-8);position:relative;padding-left:var(--space-12)}.version-timeline:before{content:"";position:absolute;top:8px;bottom:8px;left:4px;width:2px;background-color:var(--border-light)}.version-item{position:relative;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-8) var(--space-10);display:flex;flex-direction:column;gap:4px;transition:all var(--motion-fast) var(--easing-discord)}.version-item:before{content:"";position:absolute;left:-13px;top:12px;width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-blurple);border:2px solid var(--bg-sidebar)}.version-item.active{border-color:var(--color-blurple);background-color:var(--bg-card-hover)}.version-item-header{display:flex;justify-content:space-between;align-items:center}.version-badge-name{font-size:12px;font-weight:700;color:var(--text-header)}.version-date{font-size:11px;color:var(--text-muted)}.version-note{font-size:12px;color:var(--text-normal)}.version-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--space-16)}.discord-modal{background-color:var(--bg-main);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #0009}.discord-modal.viewer-modal{transform:none!important;animation:none!important;max-width:880px!important;width:94vw!important}.viewer-modal .media-preview-container{pointer-events:auto!important;position:relative!important;z-index:10!important}.viewer-modal video{pointer-events:auto!important;position:relative!important;z-index:15!important;width:100%!important;height:auto!important;max-height:480px!important;outline:none!important}.modal-header{padding:var(--space-20);background-color:var(--bg-main);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:20px;font-weight:800;color:var(--text-white)}.modal-body{padding:0 var(--space-20) var(--space-20);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-16)}.modal-footer{padding:var(--space-16) var(--space-20);background-color:var(--bg-guild-rail);display:flex;justify-content:flex-end;align-items:center;gap:var(--space-10)}.discord-modal.settings-modal{display:flex!important;flex-direction:row!important;max-width:860px;width:95vw;height:640px;max-height:90vh;padding:0;overflow:hidden}.settings-sidebar{width:190px;min-width:175px;background-color:var(--bg-guild-rail);border-right:1px solid var(--border-subtle);padding:18px 8px;display:flex;flex-direction:column;gap:3px;flex-shrink:0}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-xs);color:var(--text-muted);font-size:13.5px;font-weight:600;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;transition:all .15s ease}.settings-nav-item:hover{background-color:#ffffff0f;color:var(--text-white)}.settings-nav-item.active{background-color:var(--color-blurple);color:#fff!important;font-weight:700}.settings-content-area{flex:1;display:flex;flex-direction:column;background-color:var(--bg-main);overflow-y:auto;min-width:0;height:100%;position:relative}@media(max-width:768px){.discord-modal.settings-modal{flex-direction:column!important;height:90vh}.settings-sidebar{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--border-subtle);padding:12px;flex-direction:row;overflow-x:auto}.settings-nav-header{display:none}}.dropzone-box{border:2px dashed var(--color-blurple);border-radius:var(--radius-sm);background-color:#5865f20d;padding:var(--space-32) var(--space-16);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-10);cursor:pointer;transition:all var(--motion-fast) var(--easing-discord)}.dropzone-box:hover,.dropzone-box.dragover{background-color:#5865f226;border-color:var(--color-cyan);transform:scale(1.01)}.dropzone-icon{width:48px;height:48px;color:var(--color-blurple)}.form-group{display:flex;flex-direction:column;gap:var(--space-6)}.form-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.viewer-modal{max-width:900px;width:95vw}.media-preview-container{width:100%;min-height:280px;max-height:480px;background-color:#000;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.media-preview-container video{max-height:480px;width:100%;outline:none}.media-preview-container img{max-height:480px;object-fit:contain}.audio-preview-box{width:100%;padding:var(--space-24);background:linear-gradient(135deg,#1e1f22,#1a2081);display:flex;flex-direction:column;align-items:center;gap:var(--space-16);border-radius:var(--radius-xs)}.hex-viewer-box{background-color:#111214;border-radius:var(--radius-xs);padding:var(--space-12);font-family:var(--font-mono);font-size:12px;color:#57f287;max-height:280px;overflow-y:auto;line-height:1.6;white-space:pre-wrap;word-break:break-all}.toast-container{position:fixed;bottom:var(--space-20);right:var(--space-20);display:flex;flex-direction:column;gap:var(--space-8);z-index:300;pointer-events:none}.discord-toast{pointer-events:auto;background-color:var(--bg-guild-rail);border-left:4px solid var(--color-blurple);border-radius:var(--radius-xs);padding:var(--space-12) var(--space-16);color:var(--text-white);box-shadow:0 8px 24px #00000080;display:flex;align-items:center;gap:var(--space-10);font-size:13px;animation:slideInRight var(--motion-fast) var(--easing-discord);max-width:380px}.discord-toast.success{border-left-color:var(--color-green)}.discord-toast.warning{border-left-color:var(--color-yellow)}.discord-toast.error{border-left-color:var(--color-red)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(min-width:1440px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}video:fullscreen,video:-webkit-full-screen,video:-moz-full-screen,video:-ms-fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;object-fit:contain!important;background-color:#000!important}.media-preview-container video{width:100%;height:auto;max-height:480px;display:block;background-color:#000;border-radius:var(--radius-xs)}@media(max-width:1280px){:root{--inspector-width: 300px}}@media(max-width:1024px){.inspector-drawer{position:absolute;right:0;top:0;bottom:0;box-shadow:-8px 0 24px #00000080;transform:translate(100%);transition:transform var(--motion-base) var(--easing-discord)}.inspector-drawer.open{transform:translate(0)}.list-header-row,.list-row{grid-template-columns:2fr 1fr 1fr 100px}.list-header-row>*:nth-child(4),.list-row>*:nth-child(4),.list-header-row>*:nth-child(5),.list-row>*:nth-child(5){display:none}}.mobile-sidebar-backdrop{display:none}@media(max-width:768px){.mobile-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:190;animation:fadeIn .2s ease}.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:var(--radius-xs);background:#ffffff14;color:var(--text-white);border:none;cursor:pointer}.discord-login-box{flex-direction:column;max-width:440px;width:92vw}.login-qr-side{display:none}.guild-rail{position:fixed;left:0;top:0;bottom:0;width:66px;z-index:200;transform:translate(-100%);transition:transform var(--motion-base) var(--easing-discord);box-shadow:4px 0 20px #0009}.guild-rail.mobile-open{transform:translate(0)}.channels-sidebar{position:fixed;left:66px;top:0;bottom:0;width:260px;max-width:calc(100vw - 66px);z-index:200;transform:translate(-160%);transition:transform var(--motion-base) var(--easing-discord);box-shadow:8px 0 28px #000000b3}.channels-sidebar.mobile-open{transform:translate(0)}.main-header{height:54px;padding:0 10px;gap:8px}.header-channel-title{font-size:13.5px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.header-divider{display:none}.search-input-wrapper{flex:1;min-width:0;max-width:none}.search-input{width:100%!important;font-size:12px;padding:6px 8px 6px 28px}.btn-tier-badge{padding:5px 8px;font-size:11px;min-height:32px;white-space:nowrap}.main-header .btn-primary{padding:6px 10px;font-size:12px;min-height:32px;white-space:nowrap}.filter-tabs-bar{padding-bottom:8px;gap:8px}.filter-chips{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;flex-wrap:nowrap}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{padding:5px 12px;font-size:12px;flex-shrink:0}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px!important}.save-card{border-radius:8px}.card-header-banner{height:100px!important}.card-body{padding:8px 10px 6px;gap:3px}.card-title{font-size:12.5px;-webkit-line-clamp:2}.card-meta-row{font-size:10px}.card-action-btn{width:28px;height:28px}.explorer-container{padding:12px 10px!important;gap:12px!important}.discord-modal{width:95vw!important;max-width:95vw!important;margin:8px auto!important;max-height:92vh!important;border-radius:12px!important}.inspector-drawer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:400}.audio-dock-capsule{bottom:12px;right:12px;left:12px;width:auto;padding:6px 10px}}@media(max-width:380px){.cards-grid{grid-template-columns:1fr!important}.btn-tier-badge span{display:none}}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes eqBarPulse{0%{height:4px}50%{height:18px}to{height:4px}}@keyframes progressGlow{0%{filter:drop-shadow(0 0 4px rgba(88,101,242,.6))}50%{filter:drop-shadow(0 0 10px rgba(0,168,252,.9))}to{filter:drop-shadow(0 0 4px rgba(88,101,242,.6))}}.vinyl-disc{width:48px;height:48px;border-radius:var(--radius-full);position:relative;overflow:hidden;box-shadow:0 4px 16px #0009,0 0 0 2px #ffffff1a;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#2b2d31 30%,#111214 70%)}.vinyl-disc.spinning{animation:vinylSpin 22s linear infinite}.vinyl-disc-center-dot{position:absolute;width:12px;height:12px;border-radius:var(--radius-full);background-color:var(--color-blurple);border:2px solid #fff;z-index:2}.vinyl-cover-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.audio-visualizer-bars{display:flex;align-items:flex-end;gap:3px;height:20px;padding:0 4px}.visualizer-bar{width:3px;border-radius:2px;background:linear-gradient(180deg,#00a8fc,#5865f2);animation:eqBarPulse 1.2s ease-in-out infinite}.visualizer-bar:nth-child(1){animation-delay:.1s;height:6px}.visualizer-bar:nth-child(2){animation-delay:.3s;height:14px}.visualizer-bar:nth-child(3){animation-delay:.5s;height:18px}.visualizer-bar:nth-child(4){animation-delay:.2s;height:10px}.visualizer-bar:nth-child(5){animation-delay:.4s;height:16px}.visualizer-bar:nth-child(6){animation-delay:.6s;height:8px}.visualizer-bar.paused{animation-play-state:paused;height:4px!important}.special-progress-container{position:relative;width:100%;height:8px;background:#ffffff14;border-radius:var(--radius-full);cursor:pointer;overflow:visible;display:flex;align-items:center}.special-progress-fill{position:absolute;top:0;left:0;bottom:0;border-radius:var(--radius-full);background:linear-gradient(90deg,#5865f2,#00a8fc 70%,#57f287);box-shadow:0 0 12px #5865f2cc,0 0 20px #00a8fc80;transition:width .1s linear}.special-progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:var(--radius-full);background-color:#fff;border:2px solid #5865F2;box-shadow:0 0 8px #00a8fc;pointer-events:none;transition:transform .15s ease}.special-progress-container:hover .special-progress-thumb{transform:translate(-50%,-50%) scale(1.25)}.audio-dock-capsule{position:fixed;bottom:24px;right:24px;z-index:160;display:flex;align-items:center;gap:10px;background:#18191ceb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(88,101,242,.5);border-radius:var(--radius-full);padding:6px 14px 6px 8px;box-shadow:0 8px 32px #000000b3,0 0 16px #5865f24d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInRight .35s ease}.audio-dock-capsule:hover{transform:translateY(-2px) scale(1.03);border-color:var(--color-cyan);box-shadow:0 12px 36px #000c,0 0 24px #00a8fc80}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}