@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}:root:not(#\#):not(#\#):not(#\#){--modal-overlay-bg: rgba(0, 0, 0, .5)}[data-theme=dark]:not(#\#):not(#\#):not(#\#){--modal-overlay-bg: rgba(0, 0, 0, .6)}.profile-btn:not(#\#):not(#\#):not(#\#){position:fixed;top:20px;left:16px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;text-decoration:none;z-index:100;transition:background .15s ease,border-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.profile-btn:active:not(#\#):not(#\#):not(#\#){background:var(--bg-secondary)}.promo-banner-content:not(#\#):not(#\#):not(#\#){background:linear-gradient(135deg,#6366f11a,#a855f71a);border-color:#6366f133}.promo-banner:hover:not(#\#):not(#\#):not(#\#) .promo-banner-content{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:#6366f14d;transform:translateY(-1px)}.promo-badge:not(#\#):not(#\#):not(#\#){background:linear-gradient(135deg,#6366f1,#a855f7)}.promo-url:not(#\#):not(#\#):not(#\#){color:#6366f1}.promo-arrow:not(#\#):not(#\#):not(#\#){color:#6366f1}.promo-banner:hover:not(#\#):not(#\#):not(#\#) .promo-arrow{transform:translate(3px)}[data-theme=dark]:not(#\#):not(#\#):not(#\#) .promo-banner-content{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:#6366f140}[data-theme=dark]:not(#\#):not(#\#):not(#\#) .promo-banner:hover .promo-banner-content{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#6366f159}[data-theme=dark]:not(#\#):not(#\#):not(#\#) .promo-url,[data-theme=dark]:not(#\#):not(#\#):not(#\#) .promo-arrow{color:#818cf8}.loading-spinner:not(#\#):not(#\#):not(#\#){border-style:solid;animation:spin .8s linear infinite}.loading-modal-spinner:not(#\#):not(#\#):not(#\#){border-style:solid;animation:spin .8s linear infinite}.loading-modal-backdrop:not(#\#):not(#\#):not(#\#){animation:fadeIn .15s ease}.loading-modal-content:not(#\#):not(#\#):not(#\#){animation:scaleIn .2s ease}.login-modal-backdrop:not(#\#):not(#\#):not(#\#){animation:fadeIn .2s ease}.login-modal-content:not(#\#):not(#\#):not(#\#){animation:slideUp .25s ease}.breadcrumb-item:not(#\#):not(#\#):not(#\#){color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.breadcrumb-item:hover:not(#\#):not(#\#):not(#\#){color:var(--text-primary);background:var(--border-light)}.breadcrumb-item.active:not(#\#):not(#\#):not(#\#){color:var(--text-primary);font-weight:500;cursor:default}.breadcrumb-item.active:hover:not(#\#):not(#\#):not(#\#){background:transparent}.breadcrumb-separator:not(#\#):not(#\#):not(#\#){color:var(--text-muted);font-size:.75rem}.file-item:not(#\#):not(#\#):not(#\#){display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s ease}.file-item:last-child:not(#\#):not(#\#):not(#\#){border-bottom:none}.file-item:hover:not(#\#):not(#\#):not(#\#){background:var(--bg-secondary)}.file-icon:not(#\#):not(#\#):not(#\#){width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon:not(#\#):not(#\#):not(#\#) img{width:32px;height:32px;object-fit:contain}.file-info:not(#\#):not(#\#):not(#\#){flex:1;min-width:0}.file-name:not(#\#):not(#\#):not(#\#){font-size:.875rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.file-meta:not(#\#):not(#\#):not(#\#){font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:8px}.platform-tag:not(#\#):not(#\#):not(#\#){display:inline-block;padding:1px 6px;font-size:.625rem;font-weight:500;border-radius:4px;line-height:1.4}.platform-tag--android:not(#\#):not(#\#):not(#\#){color:#22c55e;background:#22c55e1a}.platform-tag--windows:not(#\#):not(#\#):not(#\#){color:#3b82f6;background:#3b82f61a}[data-theme=dark]:not(#\#):not(#\#):not(#\#) .platform-tag--android{color:#4ade80;background:#22c55e26}[data-theme=dark]:not(#\#):not(#\#):not(#\#) .platform-tag--windows{color:#60a5fa;background:#3b82f626}.file-arrow:not(#\#):not(#\#):not(#\#){color:var(--text-muted);flex-shrink:0}.file-arrow:not(#\#):not(#\#):not(#\#) svg{width:18px;height:18px}.empty-folder:not(#\#):not(#\#):not(#\#){display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;color:var(--text-tertiary)}.empty-folder:not(#\#):not(#\#):not(#\#) svg{width:48px;height:48px;margin-bottom:16px;opacity:.4}.modal-overlay:not(#\#):not(#\#):not(#\#){background:var(--modal-overlay-bg);animation:fadeIn .2s ease}.modal-content:not(#\#):not(#\#):not(#\#){animation:slideUp .25s ease}@media(prefers-color-scheme:dark){[data-theme=auto]:not(#\#):not(#\#):not(#\#){--modal-overlay-bg: rgba(0, 0, 0, .6)}[data-theme=auto]:not(#\#):not(#\#):not(#\#) .promo-banner-content{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:#6366f140}[data-theme=auto]:not(#\#):not(#\#):not(#\#) .promo-banner:hover .promo-banner-content{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#6366f159}[data-theme=auto]:not(#\#):not(#\#):not(#\#) .promo-url,[data-theme=auto]:not(#\#):not(#\#):not(#\#) .promo-arrow{color:#818cf8}[data-theme=auto]:not(#\#):not(#\#):not(#\#) .platform-tag--android{color:#4ade80;background:#22c55e26}[data-theme=auto]:not(#\#):not(#\#):not(#\#) .platform-tag--windows{color:#60a5fa;background:#3b82f626}}@media(hover:hover){.profile-btn:hover:not(#\#):not(#\#):not(#\#){color:var(--text-primary);background:var(--bg-secondary);border-color:var(--text-tertiary)}}@media(max-width:420px){.profile-btn:not(#\#):not(#\#):not(#\#){top:12px;left:12px;padding:5px 10px;font-size:11px}}@media(max-width:640px){.file-item:not(#\#):not(#\#):not(#\#){padding:8px 16px}.file-icon:not(#\#):not(#\#):not(#\#){width:36px;height:36px}.file-icon:not(#\#):not(#\#):not(#\#) img{width:28px;height:28px}}
