:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45;--bg: #000;--surface: #111;--surface2: #1a1a1a;--surface3: #222;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.12);--text: #f5f5f7;--text2: rgba(255,255,255,.55);--accent: #0a84ff;--accent-hover: #409cff;--danger: #ff453a;--danger-hover: #ff6961;--radius: 12px;--radius-sm: 8px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overflow-x:hidden}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(60px + var(--safe-bottom));position:relative}.header{position:sticky;top:0;z-index:20;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 16px;border-bottom:1px solid var(--border)}.header-nav{display:flex;align-items:center;gap:10px}.header-title{flex:1;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo{color:var(--accent);display:flex;align-items:center}.icon-btn{background:none;border:none;color:var(--text);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}.icon-btn:active{background:var(--surface3)}.icon-btn.light{color:#fff}.folder-strip{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.folder-strip::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface2);border:1px solid var(--border);color:var(--text2);padding:6px 12px;border-radius:20px;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:all .15s;position:relative;font-family:inherit}.chip:active{background:var(--surface3)}.chip-active{background:var(--accent);color:#fff;border-color:var(--accent)}.chip-menu-btn{background:none;border:none;color:inherit;cursor:pointer;padding:0 0 0 2px;display:flex;align-items:center;opacity:.7}.empty-folders{font-size:.82rem;color:var(--text2);padding:6px 0}.context-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--surface3);border:1px solid var(--border2);border-radius:var(--radius-sm);overflow:hidden;z-index:30;min-width:120px;box-shadow:0 8px 30px #00000080}.context-menu-media{left:auto;right:0;top:auto;bottom:100%;margin:0 0 4px}.context-menu button{display:block;width:100%;padding:10px 14px;background:none;border:none;color:var(--text);font-size:.85rem;text-align:left;cursor:pointer;font-family:inherit}.context-menu button:active{background:#ffffff14}.context-menu button.danger{color:var(--danger)}.gallery{flex:1;padding:8px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.grid-item{position:relative;cursor:pointer}.thumb{aspect-ratio:1;border-radius:4px;position:relative;overflow:hidden}.item-name{display:block;font-size:.68rem;color:var(--text2);padding:4px 2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00000080;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}.more-btn{position:absolute;top:4px;right:4px;background:#00000080;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.grid-item:hover .more-btn,.grid-item:active .more-btn{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{color:var(--text2);margin-bottom:16px;opacity:.4}.empty-icon svg{width:56px;height:56px}.empty-title{font-size:1.1rem;font-weight:600;margin-bottom:6px}.empty-sub{font-size:.88rem;color:var(--text2)}.fab{position:fixed;bottom:calc(76px + var(--safe-bottom));right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0a84ff66;z-index:15;transition:transform .15s,background .15s}.fab:active{transform:scale(.92);background:var(--accent-hover)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#111111eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;z-index:20}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--text2);font-size:.68rem;cursor:pointer;font-family:inherit;transition:color .15s}.nav-active,.nav-btn:active{color:var(--accent)}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f5;z-index:50;display:flex;flex-direction:column}.viewer-bar{display:flex;align-items:center;padding:8px 12px;gap:8px;flex-shrink:0}.viewer-name{flex:1;font-size:.9rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto}.viewer-media{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:16px}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:420px;border-radius:var(--radius);overflow:hidden;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-inner{padding:20px}.modal-title{font-size:1.05rem;font-weight:700;margin-bottom:14px}.modal-msg{font-size:.9rem;color:var(--text2);margin-bottom:18px;line-height:1.5}.modal-input{width:100%;padding:10px 14px;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;outline:none;font-family:inherit;margin-bottom:16px;transition:border-color .15s}.modal-input:focus{border-color:var(--accent)}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn{padding:9px 18px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{background:var(--accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:none;color:var(--text2)}.btn-ghost:active{color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:active{background:var(--danger-hover)}.move-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;max-height:200px;overflow-y:auto}.move-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:none;border:none;color:var(--text);font-size:.9rem;cursor:pointer;border-radius:var(--radius-sm);font-family:inherit;text-align:left}.move-option:active{background:#ffffff0f}.move-current{background:#0a84ff1f;color:var(--accent)}.move-option svg:last-child{margin-left:auto}.toast{position:fixed;bottom:calc(80px + var(--safe-bottom));left:50%;transform:translate(-50%);background:var(--surface3);color:var(--text);padding:10px 20px;border-radius:24px;font-size:.85rem;font-weight:500;z-index:60;animation:toastIn .2s ease-out;box-shadow:0 4px 20px #0006;border:1px solid var(--border2)}@keyframes toastIn{0%{transform:translate(-50%) translateY(12px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(min-width:600px){.grid{grid-template-columns:repeat(4,1fr);gap:4px}.gallery{padding:12px}.overlay{align-items:center}.modal{border-radius:var(--radius)}}