:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #121212;--bg-secondary: #1a1a1a;--bg-card: rgba(255, 255, 255, .05);--text-primary: #fff;--text-secondary: #aaa;--text-muted: #666;--border-color: #333;--accent-color: #00bcd4;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800}[data-theme=light]{color-scheme:light;color:#000000de;background-color:#f5f5f5;--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-card: rgba(0, 0, 0, .05);--text-primary: #1a1a1a;--text-secondary: #555;--text-muted: #888;--border-color: #ddd;--accent-color: #0097a7;--success-color: #388e3c;--error-color: #d32f2f;--warning-color: #f57c00}body{margin:0;display:block;min-width:320px;min-height:100vh;background:var(--bg-primary);background-image:radial-gradient(circle at 10% 20%,rgba(20,20,30,.3) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(20,30,40,.3) 0%,transparent 20%);transition:background .3s ease}[data-theme=light] body{background-image:radial-gradient(circle at 10% 20%,rgba(0,151,167,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(0,151,167,.1) 0%,transparent 20%)}h1,h2,h3{font-weight:700;color:var(--text-primary)}a{font-weight:500;color:var(--accent-color);text-decoration:inherit}a:hover{color:var(--accent-color);filter:brightness(1.2)}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.search-bar-wrapper[data-v-cb4737c9]{position:relative;width:100%;max-width:650px}.search-bar[data-v-cb4737c9]{display:flex;gap:10px;width:100%}.search-input[data-v-cb4737c9]{flex:1;padding:10px 15px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.search-btn[data-v-cb4737c9]{padding:10px 20px;background:var(--accent-color);color:var(--bg-primary);border:none;font-weight:700;border-radius:8px;cursor:pointer;transition:background .2s}.search-btn[data-v-cb4737c9]:hover{background:var(--accent-color);filter:brightness(.9)}.search-btn[data-v-cb4737c9]:disabled{background:var(--border-color);cursor:not-allowed}.mode-select[data-v-cb4737c9]{padding:10px 15px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;cursor:pointer;outline:none}.mode-select[data-v-cb4737c9]:hover{border-color:var(--accent-color)}.search-history-dropdown[data-v-cb4737c9]{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px;z-index:10;max-height:240px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:4px;padding:6px;box-shadow:0 16px 36px #00000080,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:dropdownIn-cb4737c9 .18s ease-out}.history-item[data-v-cb4737c9]{padding:3px 6px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);border-radius:999px;cursor:pointer;transition:background .15s ease,transform .15s ease,border-color .15s ease;background:var(--bg-card);color:var(--text-primary)}.history-item[data-v-cb4737c9]:last-child{border-bottom:none}.history-item[data-v-cb4737c9]:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}.history-name[data-v-cb4737c9]{font-weight:600;color:var(--text-primary);letter-spacing:.2px;max-width:120px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-btn[data-v-cb4737c9]{color:var(--text-muted);padding:1px 4px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-card);transition:background .2s,color .2s,border-color .2s;font-size:.7rem}.delete-btn[data-v-cb4737c9]:hover{background:#f443361f;color:var(--error-color);border-color:#f4433659}@keyframes dropdownIn-cb4737c9{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.match-list-container[data-v-7adc9099]{width:100%}.match-list[data-v-7adc9099]{display:flex;flex-direction:column;gap:10px}.match-card[data-v-7adc9099]{background:var(--bg-card);border-radius:8px;padding:8px;display:flex;align-items:center;border-left:4px solid var(--border-color);transition:all .2s;cursor:pointer;position:relative;overflow:hidden;color:var(--text-primary)}.match-card[data-v-7adc9099]:hover{background:#ffffff1a;transform:translate(4px)}.match-card.active[data-v-7adc9099]{background:linear-gradient(90deg,#ffffff26,#ffffff0d);border-left-width:6px;box-shadow:0 2px 8px #0003}.match-card.win[data-v-7adc9099]{border-left-color:var(--success-color)}.match-card.loss[data-v-7adc9099]{border-left-color:var(--error-color)}.match-card.win.active[data-v-7adc9099]{background:linear-gradient(90deg,#4caf5047,#4caf5014);box-shadow:0 2px 10px #4caf5040}.match-card.loss.active[data-v-7adc9099]{background:linear-gradient(90deg,#f4433647,#f4433614);box-shadow:0 2px 10px #f4433640}.match-info[data-v-7adc9099]{display:flex;justify-content:space-between;align-items:center;width:100%;gap:5px}.game-meta[data-v-7adc9099]{width:68px;font-size:.7rem;display:flex;flex-direction:column;gap:3px;flex-shrink:0}.mode[data-v-7adc9099]{font-weight:700;color:var(--text-primary);margin-bottom:4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.65rem;max-width:100%}.champion-info[data-v-7adc9099]{flex:0 0 auto;display:flex;justify-content:flex-start}.champion-icon-wrapper[data-v-7adc9099]{width:42px;height:42px;position:relative;flex-shrink:0}.champion-icon[data-v-7adc9099]{border-radius:50%;width:100%;height:100%;border:2px solid var(--border-color)}.kda-stats[data-v-7adc9099]{flex:1;text-align:right;font-size:.85rem;font-weight:700;letter-spacing:.5px;min-width:0;white-space:nowrap;margin-right:2px;line-height:1.1}.kda[data-v-7adc9099]{font-size:.9rem;font-weight:700;white-space:nowrap;letter-spacing:0}.kda-sep[data-v-7adc9099]{margin:0;font-weight:600;opacity:.8}.kda .deaths[data-v-7adc9099]{color:var(--error-color)}.pagination[data-v-7adc9099]{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px 0;margin-top:20px}.pagination button[data-v-7adc9099]{padding:5px 12px;cursor:pointer;background:#444;color:#fff;border:none;border-radius:4px}.pagination button[data-v-7adc9099]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-7adc9099]{color:var(--text-secondary);font-size:.9rem}.initial-state[data-v-7adc9099]{text-align:center;padding:3rem 1rem;color:var(--text-muted);background:var(--bg-card);border-radius:12px;border:1px dashed var(--border-color)}.skeleton[data-v-7adc9099]{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;animation:shimmer-7adc9099 1.5s infinite;border-radius:4px}@keyframes shimmer-7adc9099{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card[data-v-7adc9099]{background:#ffffff08;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:space-between;border-left:4px solid #444}.skeleton.champion-skeleton[data-v-7adc9099]{width:42px;height:42px;border-radius:50%;flex-shrink:0}.skeleton-group[data-v-7adc9099]{display:flex;flex-direction:column;gap:4px}.mode-skeleton[data-v-7adc9099]{width:50px;height:12px}.date-skeleton[data-v-7adc9099]{width:40px;height:10px}.kda-skeleton[data-v-7adc9099]{width:60px;height:16px}.skeleton-pagination[data-v-7adc9099]{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px 0;margin-top:20px}.btn-skeleton[data-v-7adc9099]{width:70px;height:32px;border-radius:4px}.page-skeleton[data-v-7adc9099]{width:40px;height:16px}.welcome-msg .icon[data-v-7adc9099]{display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.welcome-msg p[data-v-7adc9099]{font-size:1.1rem;margin:0}.no-data[data-v-7adc9099]{margin-top:2rem;color:var(--text-secondary);font-style:italic;text-align:center}.error-message[data-v-7adc9099]{color:var(--error-color);margin-bottom:10px;text-align:center;padding:10px;background:#f443361a;border-radius:6px}@media(max-width:600px){.match-info[data-v-7adc9099]{grid-template-columns:1fr;text-align:center}}.p-row[data-v-83c55ab3]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px;padding:10px 15px;border:1px solid transparent;border-bottom-color:#ffffff0d;border-left:4px solid transparent;border-radius:4px;margin-bottom:6px;transition:background .1s,border-color .1s;box-sizing:border-box}.blue-team .p-row[data-v-83c55ab3]{background:linear-gradient(90deg,#1e3c5a66,#1e3c5a1a);border-left-color:#2980b9}.red-team .p-row[data-v-83c55ab3]{background:linear-gradient(90deg,#5a1e1e66,#5a1e1e1a);border-left-color:#c0392b}.p-row[data-v-83c55ab3]:hover{background:#ffffff1f!important}.p-row.is-me[data-v-83c55ab3]{background:#ffd7001f!important;border-color:#ffd7004d;border-left-color:gold;border-left-width:4px}.p-champ[data-v-83c55ab3]{width:52px;height:52px;position:relative;flex-shrink:0;margin-top:-14px}.p-icon[data-v-83c55ab3]{width:52px;height:52px;border-radius:50%;border:2px solid #222}.p-spells-inline[data-v-83c55ab3]{display:flex;flex-direction:column;justify-content:center;gap:2px;margin-right:6px;padding-right:6px;border-right:1px solid rgba(255,255,255,.1)}.p-spell-icon-v2[data-v-83c55ab3]{width:14px;height:14px;border-radius:2px;border:1px solid var(--border-color);background:var(--bg-primary)}.p-level[data-v-83c55ab3]{position:absolute;bottom:-2px;left:32px;background:#000c;color:#fff;font-size:.75rem;padding:0 3px;border-radius:4px;border:1px solid var(--border-color);z-index:2}.p-kda-under[data-v-83c55ab3]{margin-top:0;font-size:.75rem;color:var(--text-secondary);text-align:center;line-height:1;font-family:monospace}.p-kda-under .deaths[data-v-83c55ab3]{color:var(--error-color)}.p-main-info[data-v-83c55ab3]{display:flex;flex-direction:column;justify-content:center;gap:4px;overflow:hidden;min-height:48px}.p-name-wrapper[data-v-83c55ab3]{display:flex;align-items:center;gap:6px}.p-name[data-v-83c55ab3]{font-weight:700;font-size:1.1rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.p-kda-items[data-v-83c55ab3]{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.p-stats-compact[data-v-83c55ab3]{font-size:.85rem;color:var(--text-secondary);text-align:right;line-height:1.2;display:flex;flex-direction:column;gap:2px;margin-left:auto}.p-stats-compact div[data-v-83c55ab3]{display:flex;justify-content:flex-end;align-items:center;gap:4px}.items-container-row[data-v-83c55ab3]{display:flex;align-items:center;gap:8px}.p-items-row[data-v-83c55ab3]{display:flex;gap:4px}.hextech-grid[data-v-83c55ab3]{display:flex;gap:2px}.p-hextech-icon[data-v-83c55ab3]{width:32px;height:32px;border-radius:4px;background:var(--bg-primary);border:1px solid var(--border-color);object-fit:cover}.p-hextech-icon[src*=placeholder][data-v-83c55ab3]{filter:brightness(1.5)}[data-theme=light] .p-hextech-icon[src*=placeholder][data-v-83c55ab3]{filter:none;border-color:#999}.p-item-icon-small[data-v-83c55ab3]{width:32px;height:32px;border-radius:4px;background:var(--bg-primary);border:1px solid var(--border-color)}.copy-btn[data-v-83c55ab3]{background:transparent;border:1px solid transparent;color:var(--text-muted);border-radius:3px;padding:1px 4px;font-size:.7rem;cursor:pointer;transition:all .2s;flex-shrink:0;opacity:0;visibility:hidden;line-height:1;margin-left:4px}.p-name-wrapper:hover .copy-btn[data-v-83c55ab3]{opacity:1;visibility:visible}.copy-btn[data-v-83c55ab3]:hover{background:#00bcd4;color:#000;border-color:#00bcd4}@media(max-width:1000px){.p-row[data-v-83c55ab3]{grid-template-columns:60px minmax(0,1fr)}}@media(max-width:700px){.p-row[data-v-83c55ab3]{padding:8px 10px;gap:10px}.items-container-row[data-v-83c55ab3]{flex-wrap:wrap;row-gap:6px}.p-items-row[data-v-83c55ab3]{flex-wrap:wrap}.hextech-grid[data-v-83c55ab3]{flex-wrap:wrap;row-gap:4px}.p-item-icon-small[data-v-83c55ab3],.p-hextech-icon[data-v-83c55ab3]{width:26px;height:26px}}@media(max-width:600px){.p-row[data-v-83c55ab3]{padding:8px}.p-name[data-v-83c55ab3]{font-size:1rem}.p-stats-compact[data-v-83c55ab3]{font-size:.8rem}.p-champ[data-v-83c55ab3]{margin-top:-8px}.p-kda-under[data-v-83c55ab3]{font-size:.7rem}.p-item-icon-small[data-v-83c55ab3],.p-hextech-icon[data-v-83c55ab3]{width:24px;height:24px}}.right-pane[data-v-ab2c8688]{flex:1.8;background:var(--bg-secondary);border-radius:12px;padding:24px;font-size:1.03rem;box-shadow:0 4px 15px #00000080;border:1px solid var(--border-color);animation:fadeIn-ab2c8688 .3s ease-out;min-width:0}.detail-loading-wrapper[data-v-ab2c8688]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;color:var(--text-secondary)}.spinner[data-v-ab2c8688]{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--accent-color);border-radius:50%;animation:spin-ab2c8688 1s linear infinite;margin-bottom:1rem}@keyframes spin-ab2c8688{to{transform:rotate(360deg)}}@keyframes fadeIn-ab2c8688{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.teams-wrapper[data-v-ab2c8688]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-column[data-v-ab2c8688]{min-width:0}.team-summary[data-v-ab2c8688]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 2px;padding:6px 10px;font-size:.82rem;color:var(--text-secondary);border-radius:4px 4px 0 0;border:1px solid var(--border-color);border-bottom:none;background:var(--bg-card)}.team-result[data-v-ab2c8688]{padding:1px 6px;border-radius:3px;border:1px solid rgba(255,255,255,.12);font-weight:700}.team-result.win[data-v-ab2c8688]{color:var(--success-color);border-color:#4caf5080;background:#4caf501f}.team-result.loss[data-v-ab2c8688]{color:var(--error-color);border-color:#f4433680;background:#f443361f}.team-kda[data-v-ab2c8688],.team-gold[data-v-ab2c8688]{opacity:.85;font-variant-numeric:tabular-nums}.team-kda[data-v-ab2c8688]:before,.team-gold[data-v-ab2c8688]:before{content:"•";margin:0 6px 0 2px;opacity:.35}.team-icon[data-v-ab2c8688]{margin-right:4px;font-size:.85rem;opacity:.9}.blue-team .team-summary[data-v-ab2c8688]{border-left:4px solid #2980b9;background:linear-gradient(90deg,#2980b933,#2980b90d)}.red-team .team-summary[data-v-ab2c8688]{border-left:4px solid #c0392b;background:linear-gradient(90deg,#c0392b33,#c0392b0d)}.team-summary-left[data-v-ab2c8688],.team-summary-right[data-v-ab2c8688]{display:flex;align-items:center;gap:8px;min-width:0}.team-summary-right[data-v-ab2c8688]{justify-content:flex-end;color:var(--text-secondary);font-size:.8rem;gap:10px;white-space:nowrap}.team-summary-placeholder[data-v-ab2c8688]{visibility:hidden}.team-meta[data-v-ab2c8688]{opacity:.9;font-variant-numeric:tabular-nums}.team-meta-icon[data-v-ab2c8688]{margin-right:4px;font-size:.85rem;opacity:.9}.team-summary-right .team-meta+.team-meta[data-v-ab2c8688]:before{content:"•";margin:0 12px 0 4px;opacity:.35}@media(max-width:1000px){.teams-wrapper[data-v-ab2c8688]{grid-template-columns:1fr}}@media(max-width:900px){.right-pane[data-v-ab2c8688]{width:100%}}@media(max-width:700px){.right-pane[data-v-ab2c8688]{padding:12px}}.item-tooltip[data-v-ac7b78d4]{position:fixed;z-index:9999;background:var(--bg-secondary, rgba(10, 10, 15, .95));border:1px solid var(--border-color, #785a28);color:var(--text-primary, #e0e0e0);padding:12px;border-radius:6px;font-size:.85rem;max-width:300px;pointer-events:none;box-shadow:0 4px 20px #000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tooltip-header[data-v-ac7b78d4]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #444);padding-bottom:8px;margin-bottom:8px}.tooltip-name[data-v-ac7b78d4]{font-weight:700;color:var(--accent-color, #00bcd4);font-size:1rem}.tooltip-gold[data-v-ac7b78d4]{color:gold;font-weight:700}.tooltip-desc[data-v-ac7b78d4]{line-height:1.4;color:var(--text-secondary, #bbb)}.match-history-container[data-v-7069b0a6]{color:#e0e0e0;max-width:1400px;margin:0 auto}.header[data-v-7069b0a6]{margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.content-area[data-v-7069b0a6]{display:flex;gap:20px;align-items:flex-start;justify-content:center;transition:all .3s ease;min-height:600px}.content-area.has-selection[data-v-7069b0a6]{justify-content:flex-start}.left-pane[data-v-7069b0a6]{width:100%;max-width:460px;display:flex;flex-direction:column;gap:8px;transition:max-width .3s ease}.content-area.has-selection .left-pane[data-v-7069b0a6]{max-width:220px;flex-shrink:0}@media(max-width:900px){.content-area[data-v-7069b0a6]{flex-direction:column;align-items:center}.content-area.has-selection .left-pane[data-v-7069b0a6]{max-width:500px;width:100%}}.lightbox[data-v-34487e6d]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;display:flex;justify-content:center;align-items:center;animation:fadeIn-34487e6d .2s ease-out}@keyframes fadeIn-34487e6d{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.lightbox-content[data-v-34487e6d]{max-width:90%;max-height:85%;position:relative;display:flex;justify-content:center;align-items:center}.lightbox-content img[data-v-34487e6d],.lightbox-content video[data-v-34487e6d]{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px;box-shadow:0 10px 40px #00000080}.unsupported-preview[data-v-34487e6d]{background:#222;padding:40px;border-radius:12px;text-align:center;color:#eee;border:1px solid #444}.download-btn[data-v-34487e6d]{display:inline-block;margin-top:20px;padding:10px 20px;background:#00bcd4;color:#111;text-decoration:none;font-weight:700;border-radius:8px;transition:all .2s}.download-btn[data-v-34487e6d]:hover{background:#26c6da;transform:scale(1.05)}.lightbox-btn[data-v-34487e6d]{position:absolute;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .2s,transform .2s;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3010}.lightbox-btn[data-v-34487e6d]:hover{background:#ffffff40;transform:scale(1.1)}.lightbox-close[data-v-34487e6d]{top:20px;right:30px;width:50px;height:50px;font-size:2rem}.lightbox-nav[data-v-34487e6d]{top:50%;transform:translateY(-50%);width:60px;height:60px;font-size:1.5rem}.lightbox-nav.prev[data-v-34487e6d]{left:30px}.lightbox-nav.next[data-v-34487e6d]{right:30px}.lightbox-nav[data-v-34487e6d]:hover{transform:translateY(-50%) scale(1.1)}.lightbox-caption[data-v-34487e6d]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#fff;background:#0009;padding:8px 16px;border-radius:20px;font-size:1rem;letter-spacing:.5px;pointer-events:none}@media(max-width:768px){.lightbox-nav[data-v-34487e6d]{width:40px;height:40px;font-size:1.2rem}.lightbox-nav.prev[data-v-34487e6d]{left:10px}.lightbox-nav.next[data-v-34487e6d]{right:10px}.lightbox-close[data-v-34487e6d]{top:10px;right:10px;width:40px;height:40px}}.gallery-overlay[data-v-6b7ab9b8]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn-6b7ab9b8 .3s ease-out}.gallery-container[data-v-6b7ab9b8]{width:90%;max-width:1200px;height:90%;background:var(--bg-secondary);border-radius:16px;box-shadow:0 10px 40px #0009;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color)}.gallery-header[data-v-6b7ab9b8]{padding:1.2rem 1.5rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.gallery-header h2[data-v-6b7ab9b8]{margin:0;font-size:1.25rem;font-weight:500;color:var(--text-primary);letter-spacing:.5px}.close-btn[data-v-6b7ab9b8]{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;line-height:1;cursor:pointer;transition:color .2s,transform .2s}.close-btn[data-v-6b7ab9b8]:hover{color:var(--text-primary);transform:scale(1.1)}.gallery-content[data-v-6b7ab9b8]{flex:1;overflow-y:auto;padding:1.5rem;position:relative}.gallery-content[data-v-6b7ab9b8]::-webkit-scrollbar{width:8px}.gallery-content[data-v-6b7ab9b8]::-webkit-scrollbar-track{background:#0003}.gallery-content[data-v-6b7ab9b8]::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.gallery-content[data-v-6b7ab9b8]::-webkit-scrollbar-thumb:hover{background:#fff6}.state-container[data-v-6b7ab9b8]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:1.1rem}.spinner[data-v-6b7ab9b8]{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--accent-color);border-radius:50%;animation:spin-6b7ab9b8 1s linear infinite;margin-bottom:1rem}@keyframes spin-6b7ab9b8{to{transform:rotate(360deg)}}@keyframes fadeIn-6b7ab9b8{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.retry-btn[data-v-6b7ab9b8]{margin-top:1rem;padding:.6rem 1.5rem;background:var(--accent-color);color:var(--bg-primary);border:none;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.retry-btn[data-v-6b7ab9b8]:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #00bcd44d}.list-container[data-v-6b7ab9b8]{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 15px #0000004d;overflow:hidden}.list-header-titles[data-v-6b7ab9b8]{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);cursor:default!important;font-size:.95rem}.list-header-titles[data-v-6b7ab9b8]:hover{background:var(--bg-secondary)!important}.list-item[data-v-6b7ab9b8]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s;cursor:pointer}.list-item[data-v-6b7ab9b8]:last-child{border-bottom:none}.list-item[data-v-6b7ab9b8]:hover{background:#ffffff14}.back-item[data-v-6b7ab9b8]{background:#00bcd41a}.back-item[data-v-6b7ab9b8]:hover{background:#00bcd433}.col-icon[data-v-6b7ab9b8]{width:40px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.col-name[data-v-6b7ab9b8]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);padding-right:15px;font-weight:500}.col-date[data-v-6b7ab9b8]{width:150px;flex-shrink:0;color:var(--text-secondary);font-size:.9rem}.col-size[data-v-6b7ab9b8]{width:80px;flex-shrink:0;color:var(--text-secondary);font-size:.9rem;text-align:right;padding-right:15px}.col-actions[data-v-6b7ab9b8]{width:100px;flex-shrink:0;display:flex;justify-content:center}.item-icon[data-v-6b7ab9b8]{width:28px;height:28px}.folder-icon[data-v-6b7ab9b8]{color:#ffca28}.image-icon[data-v-6b7ab9b8]{color:#4caf50}.video-icon[data-v-6b7ab9b8]{color:#f44336}.file-icon[data-v-6b7ab9b8]{color:#2196f3}.action-btn[data-v-6b7ab9b8]{display:flex;align-items:center;gap:4px;background:var(--accent-color);color:var(--bg-primary);border:none;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn[data-v-6b7ab9b8]:hover{background:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 8px #00bcd44d}.action-btn[data-v-6b7ab9b8]:active{transform:translateY(0)}@media(max-width:768px){.gallery-container[data-v-6b7ab9b8]{width:100%;height:100%;border-radius:0}.col-date[data-v-6b7ab9b8],.col-size[data-v-6b7ab9b8],.action-btn span[data-v-6b7ab9b8]{display:none}.action-btn[data-v-6b7ab9b8]{padding:6px}}.toast-notification[data-v-952ebaa8]{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:12px 24px;background:#1e1e1ef2;color:#fff;border-radius:50px;box-shadow:0 4px 15px #00000080;z-index:2000;font-size:.95rem;display:flex;align-items:center;justify-content:center;animation:slideDown-952ebaa8 .3s ease-out;border:1px solid rgba(255,255,255,.1)}.toast-notification.warning[data-v-952ebaa8]{border-left:4px solid #ff9800}.toast-notification.error[data-v-952ebaa8]{border-left:4px solid #f44336}.toast-notification.success[data-v-952ebaa8]{border-left:4px solid #4caf50}@keyframes slideDown-952ebaa8{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.profile-modal[data-v-3d6cf787]{text-align:center}.profile-info[data-v-3d6cf787]{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:25px}.avatar-large[data-v-3d6cf787]{width:80px;height:80px;background:#00bcd4;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#111;margin-bottom:10px;border:4px solid #2a2a2a;box-shadow:0 0 0 2px #00bcd4}.info-row[data-v-3d6cf787]{font-size:1.2rem;color:#eee}.info-row .label[data-v-3d6cf787]{color:#888;margin-right:10px}.form-actions.center[data-v-3d6cf787]{justify-content:center}.form-actions.center .submit-btn[data-v-3d6cf787]{flex:0 0 100px}.app-container[data-v-3d6cf787]{min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-3d6cf787]{position:relative;padding:1.5rem 1.5rem .5rem;text-align:center;background:linear-gradient(180deg,#00000080,#0000)}.user-profile-area[data-v-3d6cf787]{position:absolute;top:1.5rem;right:1.5rem;z-index:100}.theme-toggle[data-v-3d6cf787]{position:absolute;top:1.5rem;left:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:background .2s,transform .2s;display:flex;align-items:center;justify-content:center}.theme-toggle[data-v-3d6cf787]:hover{background:var(--border-color);transform:scale(1.1)}.login-btn[data-v-3d6cf787]{background:var(--accent-color);border:none;color:#000;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background .2s,filter .2s;font-weight:700}.login-btn[data-v-3d6cf787]:hover{filter:brightness(.9)}.user-avatar-wrapper[data-v-3d6cf787]{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;background:#0000004d;padding:5px 12px 5px 5px;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:background .2s}.user-avatar-wrapper[data-v-3d6cf787]:hover{background:#00000080}.avatar-circle[data-v-3d6cf787]{width:32px;height:32px;background:#00bcd4;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#111}.user-name-header[data-v-3d6cf787]{font-size:.9rem;font-weight:700;color:#eee;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown[data-v-3d6cf787]{position:absolute;top:110%;right:0;width:140px;background:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 4px 15px #00000080;overflow:hidden;animation:fadeIn-3d6cf787 .2s ease}.menu-item[data-v-3d6cf787]{padding:10px 15px;color:#eee;font-size:.9rem;cursor:pointer;transition:background .2s;text-align:left}.menu-item[data-v-3d6cf787]:hover{background:#333}.menu-item.logout[data-v-3d6cf787]{border-top:1px solid #333;color:#f44336}.menu-item.logout[data-v-3d6cf787]:hover{background:#f443361a}@keyframes fadeIn-3d6cf787{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.app-header h1[data-v-3d6cf787]{font-size:2.5rem;background:-webkit-linear-gradient(#eee,#333);-webkit-background-clip:text;text-shadow:0 4px 10px rgba(0,0,0,.5);margin:0;letter-spacing:2px}main[data-v-3d6cf787]{flex:1;padding:5px 20px 20px}.modal-overlay[data-v-3d6cf787]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-3d6cf787]{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;width:300px;box-shadow:0 4px 20px #00000080;color:var(--text-primary);border:1px solid var(--border-color)}.modal-content h2[data-v-3d6cf787]{margin-top:0;text-align:center;margin-bottom:1.2rem;font-size:1.5rem}.form-group[data-v-3d6cf787]{margin-bottom:.8rem}.form-group input[data-v-3d6cf787]{width:100%;padding:.6rem .8rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);box-sizing:border-box;outline:none}.form-group input[data-v-3d6cf787]:focus{border-color:var(--accent-color)}.captcha-group[data-v-3d6cf787]{display:flex;align-items:center;gap:10px}.captcha-img[data-v-3d6cf787]{height:38px;cursor:pointer;border-radius:4px}.form-actions[data-v-3d6cf787]{display:flex;justify-content:space-between;margin-top:1.2rem;gap:10px}.submit-btn[data-v-3d6cf787],.cancel-btn[data-v-3d6cf787]{flex:1;padding:.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:.9rem}.submit-btn[data-v-3d6cf787]{background:#007bff;color:#fff}.submit-btn[data-v-3d6cf787]:hover{background:#0056b3}.cancel-btn[data-v-3d6cf787]{background:#555;color:#fff}.cancel-btn[data-v-3d6cf787]:hover{background:#444}.register-area[data-v-3d6cf787]{margin-top:15px;padding-top:12px;border-top:1px solid #333;text-align:center;font-size:.8rem;color:#999;display:flex;justify-content:center;align-items:center;gap:6px}.register-link[data-v-3d6cf787]{color:#00bcd4;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;transition:color .2s,transform .2s}.register-link[data-v-3d6cf787]:hover{color:#4dd0e1;transform:translate(2px)}.register-link .arrow[data-v-3d6cf787]{margin-left:4px;font-size:1.1rem;line-height:1}.login-message[data-v-3d6cf787]{margin-top:15px;padding:10px;border-radius:4px;text-align:center;font-size:.9rem}.login-message.success[data-v-3d6cf787]{background:#4caf5033;color:#4caf50;border:1px solid #4caf50}.login-message.error[data-v-3d6cf787]{background:#f4433633;color:#f44336;border:1px solid #f44336}.toast-notification[data-v-3d6cf787]{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:12px 24px;background:#1e1e1ef2;color:#fff;border-radius:50px;box-shadow:0 4px 15px #00000080;z-index:2000;font-size:.95rem;display:flex;align-items:center;justify-content:center;animation:slideDown-3d6cf787 .3s ease-out;border:1px solid rgba(255,255,255,.1)}.toast-notification.warning[data-v-3d6cf787]{border-left:4px solid #ff9800}.toast-notification.error[data-v-3d6cf787]{border-left:4px solid #f44336}.toast-notification.success[data-v-3d6cf787]{border-left:4px solid #4caf50}@keyframes slideDown-3d6cf787{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.app-footer[data-v-3d6cf787]{text-align:center;padding:2rem;color:#666;font-size:.8rem}.footer-link[data-v-3d6cf787]{color:inherit;text-decoration:none;transition:color .2s}.footer-link[data-v-3d6cf787]:hover{color:#00bcd4}