:root{--bg-guild-rail: #1e1f22;--bg-sidebar: #2b2d31;--bg-main: #313338;--bg-card: #2b2d31;--bg-card-hover: #35373c;--bg-card-active: #3b3e45;--bg-input: #1e1f22;--bg-overlay: rgba(0, 0, 0, .75);--bg-tooltip: #111214;--bg-surface-indigo: #1a2081;--color-primary: #23272a;--color-blurple: #5865f2;--color-blurple-hover: #4752c4;--color-blurple-active: #3c45a5;--color-indigo: #1a2081;--color-indigo-hover: #222b9c;--color-green: #23a55a;--color-green-hover: #1f9450;--color-yellow: #f0b232;--color-red: #f23f43;--color-red-hover: #da373b;--color-cyan: #00a8fc;--color-fuchsia: #eb459e;--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, .08);--border-light: rgba(255, 255, 255, .14);--border-focus: #5865f2;--divider-color: rgba(255, 255, 255, .06);--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}.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,#1a208166,#23272ab3);border:1px solid rgba(88,101,242,.25);border-radius:var(--radius-sm);padding:var(--space-12);display:flex;flex-direction:column;gap:var(--space-8);margin-top:auto}.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-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:6px 14px;border-radius:var(--radius-full);background-color:var(--bg-card);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;border:1px solid transparent;transition:all var(--motion-fast) var(--easing-discord);white-space:nowrap}.filter-chip:hover{background-color:var(--bg-card-hover);color:var(--text-header)}.filter-chip.active{background-color:var(--color-blurple);color:var(--text-white)}.view-controls{display:flex;align-items:center;gap:var(--space-6)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.save-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);position:relative}.save-card:hover{transform:translateY(-2px);background-color:var(--bg-card-hover);border-color:#5865f280;box-shadow:0 8px 20px #00000073}.save-card.selected{border-color:var(--color-blurple);box-shadow:0 0 0 2px var(--color-blurple)}.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}}@media(max-width:768px){.mobile-menu-toggle{display:flex}.discord-login-box{flex-direction:column;max-width:440px}.login-qr-side{display:none}.channels-sidebar{position:absolute;left:var(--rail-width);top:0;bottom:0;box-shadow:8px 0 24px #00000080;transform:translate(-150%);transition:transform var(--motion-base) var(--easing-discord)}.channels-sidebar.mobile-open{transform:translate(0)}.guild-rail{width:60px;padding:var(--space-8) 0}.guild-btn{width:42px;height:42px}.discord-hero-banner{flex-direction:column;align-items:flex-start;gap:var(--space-16)}.hero-quick-stats{width:100%;justify-content:space-around}.search-input{width:140px}.search-input:focus{width:180px}.btn-primary,.btn-secondary,.btn-indigo{padding:8px 12px;font-size:12px}.header-topic{display:none}.cards-grid{grid-template-columns:1fr}}@media(max-width:360px){:root{--rail-width: 48px}.guild-btn{width:36px;height:36px;font-size:12px}.hero-title{font-size:18px}.search-input-wrapper{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}}