:root{color-scheme:light dark;--sidebar-width: clamp(220px, 18vw, 280px);--sidebar-width-min: 200px;--sidebar-width-max: 320px;--sidebar-width-collapsed: 72px;--gutter: var(--space-6);--grid-card-min: 200px;--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-3xl: 16px;--radius-4xl: 20px;--radius-full: 9999px;--radius: var(--radius-2xl);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--text-6xl: 3rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.8;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--tracking-tighter: -.02em;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .04em;--tracking-widest: .08em;--measure-prose: 65ch;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 20px;--icon-xl: 24px;--z-below: -1;--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-dropdown: 1000;--z-overlay: 2000;--z-drawer: 2500;--z-modal: 3000;--z-popover: 3500;--z-toast: 4000;--z-tooltip: 5000;--z-notification: 6000;--z-max: 9999;--motion-instant: 0ms;--motion-fast: .12s;--motion-base: .16s;--motion-moderate: .2s;--motion-slow: .3s;--motion-slower: .5s;--motion-spinner: 1s;--spin-duration: var(--motion-spinner);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.3, 0, 0, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--shadow-xs: 0 1px 2px var(--color-shadow-xs);--shadow-sm: 0 1px 3px var(--color-shadow-sm), 0 1px 2px var(--color-shadow-xs);--shadow-md: 0 4px 6px var(--color-shadow-sm), 0 2px 4px var(--color-shadow-xs);--shadow-lg: 0 10px 15px var(--color-shadow-md), 0 4px 6px var(--color-shadow-sm);--shadow-xl: 0 20px 25px var(--color-shadow-md), 0 8px 10px var(--color-shadow-sm);--shadow-2xl: 0 25px 50px var(--color-shadow-lg);--bp-xs: 480px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--density-row-py: var(--space-3);--density-row-px: var(--space-3-5);--density-gap: var(--space-3);--density-control-h: 40px;--color-bg-page: light-dark(#f5f7fa, #0f172a);--color-bg-surface: light-dark(#ffffff, #1e293b);--color-bg-input: light-dark(#f9fafb, #0f172a);--color-bg-hover: light-dark(#f8fafc, #334155);--color-bg-muted: light-dark(#f0f3f7, #1a2540);--color-bg-subtle: light-dark(#f8f9fa, #162032);--color-bg-alt: light-dark(#f7fafc, #0f172a);--color-bg-input-alt: light-dark(#edf2f7, #253045);--color-bg-empty: light-dark(#f0f0f0, #253045);--color-border: light-dark(#e2e8f0, #334155);--color-border-light: light-dark(#f1f5f9, #334155);--color-border-medium: light-dark(#cbd5e0, #475569);--color-border-faint: light-dark(#e0e6ed, #2a3650);--color-border-subtle: light-dark(#e0e5e8, #2a3650);--color-border-xfaint: light-dark(#f0f0f0, #1e293b);--color-border-ddd: light-dark(#ddd, #334155);--color-text: light-dark(#2d3748, #e2e8f0);--color-text-heading: light-dark(#1e293b, #f1f5f9);--color-text-secondary: light-dark(#475569, #cbd5e1);--color-text-muted: light-dark(#586472, #b2c0d0);--color-text-subtle: light-dark(#5e6a78, #a6b4c6);--color-text-faint: light-dark(#647082, #9fadbe);--color-text-dark: var(--color-text-secondary);--color-text-dim: var(--color-text-secondary);--color-text-black: var(--color-text);--color-text-gray: var(--color-text-muted);--color-text-medium: var(--color-text-muted);--color-text-faint2: var(--color-text-faint);--color-text-light: var(--color-on-accent);--color-text-placeholder: var(--color-text-faint);--color-accent: #ff5e3a;--color-accent-hover: light-dark(#e04520, #ff7a5c);--color-accent-text: light-dark(#cc3a16, #ff8a5c);--color-on-accent: #ffffff;--color-focus-ring: #ff5e3a;--color-logo-gradient: linear-gradient(135deg, #ff5e3a 0%, #ff8a5c 100%);--color-accent-gradient: linear-gradient(135deg, #ff5e3a 0%, #ff2d55 100%);--color-accent-shadow: rgba(255, 94, 58, .3);--color-accent-ring: light-dark(rgba(255, 94, 58, .1), rgba(255, 94, 58, .15));--color-accent-tint: light-dark(#fff5f3, #2a1a15);--color-accent-mid: #ff8a5c;--color-accent-shadow-lg: rgba(255, 94, 58, .4);--color-accent-bg: rgba(255, 94, 58, .06);--color-accent-bg-sm: rgba(255, 94, 58, .08);--color-accent-ring-dark: rgba(255, 94, 58, .15);--color-accent-ring-strong: rgba(255, 94, 58, .2);--color-accent-ring-xl: rgba(255, 94, 58, .4);--color-accent-ring-xs: rgba(255, 94, 58, .05);--color-accent-glow: rgba(255, 94, 58, .2);--color-accent-glow-soft: rgba(255, 94, 58, .1);--brand-ambient: radial-gradient(55% 50% at 8% 4%, var(--color-accent-glow), transparent 60%), radial-gradient(55% 55% at 95% 98%, var(--color-accent-glow), transparent 58%), radial-gradient(48% 48% at 88% 12%, var(--color-accent-glow-soft), transparent 55%), radial-gradient(50% 45% at 6% 92%, var(--color-accent-glow-soft), transparent 55%), radial-gradient(78% 64% at 50% 33%, var(--color-bg-surface), transparent 70%), var(--color-bg-page);--brand-grain: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23g)'/></svg>");--color-error-bg: light-dark(#fee2e2, #3b1111);--color-error-text: light-dark(#b91c1c, #fca5a5);--color-success-bg: light-dark(#dcfce7, #052e16);--color-success-text: light-dark(#15803d, #86efac);--color-success-border: #16a34a;--color-success-alt: #16a34a;--color-success-bg-alt: var(--color-success-bg);--color-success-text-alt: var(--color-success-text);--color-success-bg-green: var(--color-success-bg);--color-success-text-green: var(--color-success-text);--color-danger-bg: #ef4444;--color-danger-text: #ffffff;--color-danger-bg-hover: #dc2626;--color-danger-alt: #ef4444;--color-danger-ring: rgba(239, 68, 68, .3);--color-danger-ring-lg: rgba(239, 68, 68, .4);--color-danger-light-bg: light-dark(#fef2f2, #2a0c0c);--color-danger-lighter: light-dark(#fef2f2, #2a0c0c);--color-danger-text-alt: var(--color-error-text);--color-danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--color-warning-bg: light-dark(#fef3c7, #2a2410);--color-warning-text: light-dark(#b45309, #fbbf24);--color-warning-border: #f59e0b;--color-warning-bg-dark: light-dark(#fde68a, #3d2e00);--color-warning-ring: rgba(245, 158, 11, .12);--color-warning-shadow: rgba(245, 158, 11, .4);--color-warning-orange-bg: var(--color-warning-bg);--color-warning-orange-border: var(--color-warning-border);--color-warning-orange-text: var(--color-warning-text);--color-warning-bg-light: var(--color-warning-bg);--color-warning-text-amber: var(--color-warning-text);--color-warning-bg-orange: var(--color-warning-bg);--color-warning-text-orange: var(--color-warning-text);--color-info-bg: light-dark(#eff6ff, #0c2d48);--color-info-text: light-dark(#1d4ed8, #93c5fd);--color-info-border: #3b82f6;--color-info-blue: #3b82f6;--color-info-bg-alt: var(--color-info-bg);--color-info-text-alt: var(--color-info-text);--color-info-surface: var(--color-info-bg);--color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--color-shadow-lg: light-dark(rgba(0, 0, 0, .12), rgba(0, 0, 0, .38));--color-shadow-xs: rgba(0, 0, 0, .05);--color-shadow-sm: rgba(0, 0, 0, .08);--color-shadow-md: light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .34));--color-shadow-xl: rgba(0, 0, 0, .2);--color-shadow-2xl: rgba(0, 0, 0, .25);--color-shadow-3xl: rgba(0, 0, 0, .3);--color-shadow-4xl: rgba(0, 0, 0, .4);--color-overlay: rgba(0, 0, 0, .5);--color-scrim-control: light-dark(rgba(255, 255, 255, .92), rgba(15, 23, 42, .82));--color-overlay-light: rgba(0, 0, 0, .45);--color-overlay-heavy: rgba(0, 0, 0, .85);--color-overlay-darkest: rgba(0, 0, 0, .92);--color-overlay-shadow: rgba(0, 0, 0, .6);--color-on-overlay: rgba(255, 255, 255, .95);--color-on-overlay-muted: rgba(255, 255, 255, .9);--color-overlay-button: rgba(255, 255, 255, .12);--color-overlay-button-hover: rgba(255, 255, 255, .22);--color-item: var(--color-bg-surface);--color-item-hover: var(--color-bg-hover);--color-item-active: light-dark(#f8d2ae, #5a5047);--color-item-selected: light-dark(#fff8f6, #39281a);--color-item-hover-accent: light-dark(#fff0ec, #3d342c);--color-item-hover-blue: light-dark(#f0f8ff, #18293f);--color-item-hover-sky: light-dark(#e0f2fe, #103048);--color-sidebar-bg-from: light-dark(#2a3042, #0f172a);--color-sidebar-bg-to: light-dark(#232838, #0c1322);--color-sidebar-text: rgba(255, 255, 255, .65);--color-sidebar-text-hover: rgba(255, 255, 255, .9);--color-sidebar-text-active: #ffffff;--color-sidebar-active-bg: rgba(255, 94, 58, .12);--color-sidebar-hover-bg: rgba(255, 255, 255, .06);--color-sidebar-separator: rgba(255, 255, 255, .07);--color-sidebar-overlay: rgba(0, 0, 0, .5);--color-sidebar-storage-bg: rgba(255, 255, 255, .05);--color-sidebar-storage-border: rgba(255, 255, 255, .07);--color-sidebar-storage-text: rgba(255, 255, 255, .8);--color-sidebar-storage-bar: rgba(255, 255, 255, .1);--color-sidebar-storage-faint: rgba(255, 255, 255, .5);--color-sidebar-logo-gradient: linear-gradient(135deg, #ff5e3a 0%, #ff8a5c 100%);--color-sidebar-progress: linear-gradient(90deg, #ff5e3a 0%, #ff8a5c 100%);--color-sidebar-shadow: rgba(255, 94, 58, .35);--color-sidebar-shadow-lg: rgba(255, 94, 58, .45);--color-cal-1: #d36868;--color-cal-2: #d3a268;--color-cal-3: #c9d368;--color-cal-4: #8fd368;--color-cal-5: #68d37c;--color-cal-6: #68d3b6;--color-cal-7: #68b6d3;--color-cal-8: #687cd3;--color-cal-9: #8f68d3;--color-cal-10: #c968d3;--color-cal-11: #d368a2;--color-ft-html: #e34c26;--color-ft-js: #2965f1;--color-ft-python: #3776ab;--color-ft-typescript: #3178c6;--color-ft-rust: #dea584;--color-ft-go: #00add8;--color-ft-java: #e76f00;--color-ft-shell: #555555;--color-ft-csharp: #68217a;--color-ft-php: #8892be;--color-ft-ruby: #cc342d;--color-ft-swift: #fa7343;--color-ft-kotlin: #7f52ff;--color-ft-scala: #e38c00;--color-ft-angular: #cb171e;--color-ft-cpp: #9c4221;--color-ft-docker: #083fa1;--color-ft-generic-blue: #556ee6;--color-ft-generic-green: #4eaa25;--color-ft-generic-gray: #a0aec0;--color-ft-orange-light: #ffb86c;--color-ft-yellow: #ffd43b;--color-ft-orange-alt: #e34c26;--color-ft-coffeescript: #9c4221;--color-ft-folder-bg: #ffeaa7;--color-ft-folder-tab: #fdcb6e;--color-ft-doc-bg: #e0ecff;--color-ft-doc-text: #3171d8;--color-ft-pdf-bg: #fee2e2;--color-ft-pdf-text: #e53e3e;--color-ft-image-bg: #e0f2fe;--color-ft-image-text: #3b82f6;--color-ft-video-bg-from: #ede9fe;--color-ft-video-bg-to: #fce7f3;--color-ft-video-text: #8b5cf6;--color-ft-audio-bg: #fef3c7;--color-ft-audio-text: #f59e0b;--color-ft-audio-alt-bg: #fff3e0;--color-ft-spreadsheet-bg: #e6f4ea;--color-ft-spreadsheet-text: #0d904f;--color-ft-presentation-bg: #fef3e2;--color-ft-presentation-text: #d04423;--color-ft-archive-bg: #f5f0eb;--color-ft-archive-text: #8d6e63;--color-ft-installer-bg: #f3e8ff;--color-ft-installer-text: #7c3aed;--color-ft-script-bg: #e8f5e9;--color-ft-script-text: #4eaa25;--color-ft-config-bg: #f1f3f5;--color-ft-config-text: #718096;--color-multiselect-bg: #1e293b;--color-multiselect-border: #334155;--color-multiselect-text: #ffffff;--color-multiselect-text-faint: rgba(255, 255, 255, .7);--color-multiselect-hover-bg: rgba(255, 255, 255, .1);--color-multiselect-action-text: #ffffff;--color-multiselect-action-hover: rgba(255, 255, 255, .2);--color-multiselect-danger-bg: rgba(239, 68, 68, .25);--color-multiselect-danger-text: #fca5a5;--color-multiselect-danger-active: rgba(239, 68, 68, .4);--color-multiselect-danger-text-active: #ffffff;--color-notification-bg: light-dark(#ffffff, #1e293b);--color-notification-badge: #ff3b30;--color-notification-success: #34c759;--color-notification-error: #ff3b30;--color-lightbox-overlay: rgba(0, 0, 0, .92);--color-lightbox-btn-bg: rgba(255, 255, 255, .12);--color-lightbox-btn-text: #ffffff;--color-lightbox-btn-hover: rgba(255, 255, 255, .25);--color-lightbox-gradient-top: linear-gradient(to bottom, rgba(0, 0, 0, .6), transparent);--color-lightbox-gradient-bottom: linear-gradient(to top, rgba(0, 0, 0, .6), transparent);--color-lightbox-text-faint: rgba(255, 255, 255, .5);--color-lightbox-text-muted: rgba(255, 255, 255, .7);--color-oidc-bg: var(--color-info-blue);--color-oidc-shadow: rgba(79, 70, 229, .3);--color-oidc-shadow-lg: rgba(79, 70, 229, .4);--color-device-verify-text: #ffc107;--color-device-verify-shadow: rgba(255, 193, 7, .5);--color-device-verify-drop-shadow: rgba(255, 193, 7, .4);--color-device-verify-border: #ffc107;--color-device-verify-muted: #6c757d;--color-device-verify-dim: #ccc;--color-content-muted: #888;--color-content-bg-warn: light-dark(#ffeaa7, #3d2e00);--color-content-bg-warn-dark: light-dark(#fdcb6e, #5a4200);--color-user-menu-header-bg: light-dark(linear-gradient(135deg, #fef5f3 0%, #fdf2f8 100%), linear-gradient(135deg, #1a2332 0%, #1e2940 100%));--color-user-menu-header-border: light-dark(#fce7e1, #3a2520);--color-share-link-text: var(--color-info-text);--color-share-link-hover: var(--color-info-text);--color-share-remove-text: #b71c1c;--color-share-owner-text: #757575;--color-primary: var(--color-accent);--color-primary-hover: var(--color-accent-hover);--color-recent-muted: #6c757d;--color-recent-border: #6c757d;--color-star-text: #fbbf24;--color-star-text-hover: #f59e0b;--color-star-active: #d97706;--color-card-drop-tint: rgba(230, 126, 34, .08);--color-card-drop-border: #e67e22;--color-neutral-warm-bg: #f5f0eb;--color-neutral-warm-text: #8d6e63;--color-neutral-bg: #f1f3f5;--color-admin-blue: #60a5fa;--color-admin-blue-bg: rgba(59, 130, 246, .1);--color-admin-blue-bg-sm: rgba(59, 130, 246, .15);--color-danger-hover-bg: rgba(239, 68, 68, .1);--color-success-ring: rgba(72, 187, 120, .1);--color-success-ring-dark: rgba(72, 187, 120, .15);--color-success-text-strong: #2f855a;--color-success-ring-vivid: rgba(74, 222, 128, .1);--color-success-text-vivid: #86efac;--color-success-ring-vivid-lg: rgba(74, 222, 128, .15);--color-success-icon-vivid: #4ade80;--color-secret-green: #059669;--color-overlay-mid: rgba(0, 0, 0, .6);--color-overlay-video: rgba(0, 0, 0, .55);--color-progress-overlay: rgba(255, 255, 255, .95);--color-progress-overlay-dark: rgba(30, 41, 59, .95);--color-black: #000000;--color-info-border-light: #90cdf4;--color-notification-error-ring: rgba(255, 59, 48, .1);--color-accent-second: #ff2d55;--color-warning-ring-xs: rgba(255, 193, 7, .05);--color-avatar-gradient: linear-gradient(135deg, #3b82f6, #6366f1);--color-text-navy: #1a1a2e;--color-role-admin-bg: #dbeafe;--color-role-admin-text: #1d4ed8;--color-dark-mid: #475569;--color-role-admin-dark-bg: #1e3a5f;--color-photo-check-border: rgba(255, 255, 255, .8);--color-accent-shadow-sm: rgba(255, 94, 58, .25);--color-warning-bg-faint: #fffbeb;--color-storage-fill-green: linear-gradient(90deg, #059669, #10b981);--color-storage-fill-orange: linear-gradient(90deg, #d97706, #f59e0b);--color-storage-fill-red: linear-gradient(90deg, #dc2626, #ef4444);--color-error-text-dark: light-dark(#991b1b, #f87171);--color-stat-warn-border: #fbbf24;--color-badge-success-bg: #ecfdf5;--color-badge-success-bg-medium: #d1fae5;--color-badge-success-text: #065f46;--color-badge-success-border: #a7f3d0;--color-badge-success-fill: #047857;--color-badge-success-fill-dark: #064e27;--color-badge-success-fill-faint: #f0fdf4;--color-badge-green-bg: #ecfdf5;--color-badge-green-text: #065f46;--color-badge-orange-bg: light-dark(#fff5f3, #2a1814);--color-badge-orange-text: light-dark(#ff5e3a, #ff8a65);--color-badge-error-border: #fecaca;--color-badge-warning-text: #92400e;--color-badge-warning-border: #fde68a;--color-badge-amber-bg: #fef3c7;--color-badge-amber-text: #f59e0b;--color-badge-indigo-bg: #ede9fe;--color-badge-indigo-text: #6d28d9;--color-badge-blue-bg: light-dark(#eff6ff, #0c2d48);--color-badge-blue-text: light-dark(#1e40af, #93c5fd);--color-badge-blue-border: #bfdbfe;--color-badge-gray: #d1d5db;--file-kind-folder: light-dark(#3b82f6, #60a5fa);--file-kind-pdf: light-dark(#ef4444, #f87171);--file-kind-doc: light-dark(#2563eb, #60a5fa);--file-kind-sheet: light-dark(#16a34a, #4ade80);--file-kind-slides: light-dark(#ea580c, #fb923c);--file-kind-archive: light-dark(#d97706, #fbbf24);--file-kind-code: light-dark(#7c3aed, #a78bfa);--file-kind-image: light-dark(#0891b2, #22d3ee);--file-kind-video: light-dark(#c026d3, #e879f9);--file-kind-audio: light-dark(#db2777, #f472b6);--file-kind-text: light-dark(#475569, #94a3b8);--file-kind-generic: light-dark(#64748b, #94a3b8);--color-dark-footer: #162032;--color-scrollbar-dark: rgba(255, 255, 255, .15);--color-border-dark-faint: rgba(255, 255, 255, .03);--color-bg-off-white: #fafbfd;--color-danger-shadow: rgba(220, 38, 38, .2);--color-danger-shadow-lg: rgba(220, 38, 38, .3);--color-music-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-music-background: var(--color-bg-surface);--color-music-public-bg: rgba(74, 144, 217, .12);--color-video-play: #ffffff;--color-video-play-shadow: #000000}html[data-color-scheme=light]{color-scheme:light}html[data-color-scheme=dark]{color-scheme:dark}html[data-density=compact]{--density-row-py: var(--space-2);--density-row-px: var(--space-2-5);--density-gap: var(--space-2);--density-control-h: 32px}@media(prefers-contrast:more){:root{--color-border: light-dark(#64748b, #94a3b8);--color-border-light: light-dark(#64748b, #94a3b8);--color-border-medium: light-dark(#475569, #cbd5e1)}}html{font-size:100%}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)}body{display:flex;height:100vh;height:100dvh;font-size:var(--text-base);line-height:var(--leading-normal);background-color:var(--color-bg-page);overflow:hidden}html[dir=rtl] .fa-arrow-left:before{content:""}html[dir=rtl] .fa-sign-out-alt{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hidden{display:none!important}::selection{background:var(--color-accent-ring-strong);color:var(--color-text-heading)}:root{caret-color:var(--color-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.heading-page{font-size:var(--text-2xl);line-height:var(--leading-tight);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-heading)}.heading-section{font-size:var(--text-xl);line-height:var(--leading-snug);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text-heading)}.heading-card{font-size:var(--text-md);line-height:var(--leading-snug);font-weight:var(--weight-semibold);color:var(--color-text-heading)}.heading-eyebrow{font-size:var(--text-xs);line-height:var(--leading-normal);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted)}.prose{max-width:var(--measure-prose)}h1,h2,h3,.heading-page,.heading-section,.heading-card,.page-title{text-wrap:balance}.prose,.empty-state p,.about-description,.auth-subtitle,.auth-hint,.language-subtitle{text-wrap:pretty}.storage-info,.user-menu-storage-text,.notif-badge,.stat-value{font-variant-numeric:tabular-nums}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.form-group input,.form-group textarea{width:100%;padding:var(--space-2-5);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base)}.form-group textarea{resize:vertical;min-height:80px}.button{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);transition:background-color .2s}.primary{background-color:var(--color-accent);color:var(--color-danger-text)}.primary:hover{background-color:var(--color-accent-hover)}.secondary{background-color:var(--color-border);color:var(--color-text-secondary)}.secondary:hover{background-color:var(--color-border-medium)}.danger{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.danger:hover{background-color:var(--color-danger-bg-hover)}@keyframes spin{to{transform:rotate(360deg)}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:var(--z-max);padding:var(--space-2) var(--space-4);background:var(--color-bg-surface);color:var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform:translateY(-150%);transition:transform var(--motion-fast) var(--ease-standard)}.skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--color-text-muted: var(--color-text-secondary);--color-text-subtle: var(--color-text-secondary);--color-text-faint: var(--color-text-secondary)}:focus-visible{outline-width:3px}}@media(forced-colors:active){:focus-visible{outline-color:Highlight}}.error-toast{position:fixed;bottom:var(--space-5);left:50%;z-index:var(--z-toast);max-width:min(90vw,420px);padding:var(--space-3) var(--space-4);background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-badge-error-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);transform:translate(-50%,calc(100% + var(--space-5)));transition:transform var(--motion-base) var(--ease-standard)}.error-toast.is-visible{transform:translate(-50%)}@media print{.sidebar,.sidebar-overlay,.top-bar,.actions-bar,.page-sticky-header,.cmdk-overlay,.skip-link,.error-toast{display:none!important}.content-area,.main-content{overflow:visible!important}*{box-shadow:none!important}}@media(max-width:768px){.sidebar-toggle,.search-toggle-btn,.search-back-btn,.notif-bell-btn,.user-avatar-btn{min-width:44px;min-height:44px}.nav-item{min-height:44px}.files-list-view .file-item{min-height:48px}}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--color-sidebar-bg-from) 0%,var(--color-sidebar-bg-to) 100%);color:var(--color-sidebar-text-active);display:flex;flex-direction:column;height:100%;flex-shrink:0;box-shadow:2px 0 12px var(--color-shadow-md);transition:transform var(--motion-slow) var(--ease-emphasized)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-sidebar-overlay);z-index:998;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;z-index:999;transform:translate(-100%)}.sidebar.open{transform:translate(0)}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .sidebar.open{transform:translate(0)}}.logo-container{padding:22px var(--space-5);display:flex;align-items:center;border-bottom:1px solid var(--color-sidebar-separator);margin-bottom:var(--space-2);text-decoration:none;color:inherit}.logo{width:40px;height:40px;background:var(--color-sidebar-logo-gradient);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin-right:var(--space-3);box-shadow:0 3px 10px var(--color-sidebar-shadow);transition:transform .2s,box-shadow .2s}[dir=rtl] .logo{margin-left:var(--space-3);margin-right:unset}.logo:hover{transform:scale(1.05);box-shadow:0 4px 14px var(--color-sidebar-shadow-lg)}.logo svg{width:25px;height:25px;fill:var(--color-sidebar-text-active)}.app-name{font-size:19px;font-weight:var(--weight-bold);color:var(--color-sidebar-text-active);letter-spacing:.3px}.nav-menu{display:flex;flex-direction:column;flex-grow:1;padding:var(--space-2) var(--space-3);gap:var(--space-0-5)}.nav-item{display:flex;align-items:center;width:100%;padding:11px var(--space-3-5);border-radius:var(--radius-xl);cursor:pointer;color:var(--color-sidebar-text);font-size:14.5px;font-weight:var(--weight-medium);text-decoration:none;font-family:inherit;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;transition:all .2s ease;position:relative;border:none;border-left:3px solid transparent}[dir=rtl] .nav-item{border-left:none;border-right:3px solid transparent}.nav-item:hover{background-color:var(--color-sidebar-hover-bg);color:var(--color-sidebar-text-hover)}.nav-item.active{background-color:var(--color-sidebar-active-bg);color:var(--color-sidebar-text-active);font-weight:var(--weight-semibold)}.nav-item i,.nav-item .nav-icon,.nav-item .oxi-icon{margin-right:var(--space-3-5);width:20px;height:20px;text-align:center;font-size:var(--text-md);transition:color .2s,transform .2s;flex-shrink:0}[dir=rtl] :is(.nav-item i),[dir=rtl] :is(.nav-item .nav-icon),[dir=rtl] :is(.nav-item .oxi-icon){margin-left:var(--space-3-5);margin-right:unset}.nav-item[data-section=files] i,.nav-item[data-section=files] .oxi-icon{color:var(--color-cal-2)}.nav-item[data-section=shared] i,.nav-item[data-section=shared] .oxi-icon{color:var(--color-cal-7)}.nav-item[data-section=shared-with-me] i,.nav-item[data-section=shared-with-me] .oxi-icon{color:var(--color-cal-8)}.nav-item[data-section=recent] i,.nav-item[data-section=recent] .oxi-icon{color:var(--color-cal-6)}.nav-item[data-section=favorites] i,.nav-item[data-section=favorites] .oxi-icon{color:var(--color-cal-3)}.nav-item[data-section=photos] i,.nav-item[data-section=photos] .oxi-icon{color:var(--color-cal-10)}.nav-item[data-section=music] i,.nav-item[data-section=music] .oxi-icon{color:var(--color-cal-9)}.nav-item[data-section=trash] i,.nav-item[data-section=trash] .oxi-icon{color:var(--color-cal-1)}.nav-item.active i,.nav-item.active .oxi-icon{color:var(--color-accent)}.nav-item:hover i,.nav-item:hover .oxi-icon{transform:scale(1.1)}.storage-container{margin:auto var(--space-3) var(--space-4) var(--space-3);background:var(--color-sidebar-storage-bg);border:1px solid var(--color-sidebar-storage-border);border-radius:var(--radius-2xl);padding:var(--space-4)}.storage-title{display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-sidebar-storage-text);letter-spacing:.3px}.storage-bar{height:6px;background-color:var(--color-sidebar-storage-bar);border-radius:3px;overflow:hidden;margin-bottom:var(--space-2-5)}.storage-fill{height:100%;background:var(--color-sidebar-progress);border-radius:3px;width:0%;transition:width .8s ease}.storage-info{text-align:center;font-size:11.5px;color:var(--color-sidebar-storage-faint);font-weight:var(--weight-normal)}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{height:70px;min-height:70px;max-height:70px;background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--gutter);justify-content:space-between;flex-shrink:0}.sidebar-toggle{display:none;background:none;border:none;padding:var(--space-2-5);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-lg);transition:background-color .2s,color .2s;margin-right:var(--space-3);flex-shrink:0}.sidebar-toggle:hover{background-color:var(--color-border);border-color:var(--color-border-medium)}.sidebar-toggle i{font-size:var(--text-xl)}.search-toggle-btn{display:none;background:none;border:none;padding:var(--space-2-5);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-lg);font-size:var(--text-lg);transition:background-color .2s,color .2s;flex-shrink:0}.search-toggle-btn:hover{background-color:var(--color-border)}.search-back-btn{display:none;background:none;border:none;padding:var(--space-2-5);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-lg);font-size:var(--text-lg);transition:background-color .2s,color .2s;flex-shrink:0}.search-back-btn:hover{background-color:var(--color-border);color:var(--color-text-heading)}.search-slot{flex-grow:1;max-width:600px;margin-right:var(--space-5);position:relative;display:flex;align-items:center}[dir=rtl] .search-slot{margin-left:var(--space-5);margin-right:unset}.search-container{flex-grow:1;position:relative;display:flex;align-items:center}.search-container input{width:100%;padding:var(--space-3) 50px var(--space-3) var(--space-11);border-radius:var(--radius-2xl);border:2px solid var(--color-border);background-color:var(--color-bg-input);font-size:var(--text-base);height:46px;color:var(--color-text-heading);transition:all .2s ease}.search-container input:hover{border-color:var(--color-border-medium);background-color:var(--color-bg-surface)}.search-container input:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-bg-surface);box-shadow:0 0 0 4px var(--color-accent-ring)}.search-container input::placeholder{color:var(--color-text-placeholder)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-placeholder);font-size:var(--text-md);pointer-events:none;transition:color .2s ease}[dir=rtl] .search-icon{right:16px;left:unset}.search-container input:focus+.search-icon,.search-container:focus-within .search-icon{color:var(--color-accent)}.search-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--color-accent-gradient);color:var(--color-on-accent);border:none;border-radius:var(--radius-xl);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px var(--color-accent-shadow)}[dir=rtl] .search-button{left:6px;right:unset}.search-button:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px var(--color-accent-shadow-lg)}.search-button:active{transform:translateY(-50%) scale(.98)}.search-button i{font-size:var(--text-base)}.user-controls{display:flex;align-items:center;gap:var(--space-3)}@media(max-width:768px){.top-bar{padding:0 var(--space-4)}.sidebar-toggle{display:flex;align-items:center;justify-content:center}.search-slot{display:none}.search-toggle-btn{display:flex;align-items:center;justify-content:center;margin-left:auto}.top-bar--search-active .search-back-btn{display:flex;align-items:center;justify-content:center}.top-bar--search-active .search-slot{display:flex;flex-grow:1;max-width:none;margin:0}.top-bar--search-active .search-icon{display:none}.top-bar--search-active .search-container input{padding-left:var(--space-4)}.top-bar--search-active .sidebar-toggle,.top-bar--search-active .search-toggle-btn,.top-bar--search-active .user-controls{display:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border:2px solid transparent;border-radius:var(--radius-full);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--color-accent);background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:var(--color-border-medium) transparent}.content-area{flex-grow:1;padding:var(--space-5) var(--gutter);overflow-y:scroll;scrollbar-gutter:stable}@media(max-width:640px){:root{--gutter: var(--space-4)}.content-area{scrollbar-gutter:auto}.actions-bar{flex-wrap:wrap;height:auto;gap:var(--space-2)}}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-5);color:var(--color-text)}.page-sticky-header{position:sticky;margin:0;padding:var(--space-2-5) 0;top:calc(-1 * var(--space-5));background-color:var(--color-bg-page);z-index:var(--z-sticky)}.actions-bar{display:flex;justify-content:space-between;margin:0 0 var(--space-3);height:60px;padding:var(--space-2-5)}.action-buttons{display:flex;flex:auto;gap:var(--space-3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-muted);width:100%;min-height:320px;grid-column:1 / -1}.empty-state p{margin:0;max-width:42ch;color:var(--color-text-muted)}.empty-state p:first-of-type{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-heading)}.empty-state .btn{margin-top:var(--space-4)}.drag-preview{position:absolute;top:-9999px;left:-9999px;pointer-events:none;width:360px}.btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-2xl);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--weight-medium);gap:var(--space-2);transition:all var(--motion-base) var(--ease-standard)}.btn i{font-size:15px}.btn-primary{background:var(--color-accent-gradient);color:var(--color-on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:0 4px 14px var(--color-accent-shadow);filter:brightness(1.05)}.btn-primary:active{transform:scale(.98);box-shadow:var(--shadow-xs);filter:brightness(.97)}.btn-secondary{background-color:var(--color-bg-hover);color:var(--color-text-secondary);border:2px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-input-alt);border-color:var(--color-border-medium)}.btn-secondary:active{transform:scale(.98);background-color:var(--color-border)}.btn-danger{background:var(--color-danger-gradient);color:var(--color-danger-text);box-shadow:var(--shadow-sm)}.btn-danger:hover{box-shadow:0 4px 14px var(--color-danger-ring);filter:brightness(1.05)}.btn-danger:active{transform:scale(.98);box-shadow:var(--shadow-xs);filter:brightness(.97)}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn:disabled,.btn[disabled],.btn.is-disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none;filter:none;pointer-events:none}.btn.is-loading,.btn[aria-busy=true]{position:relative;color:transparent;pointer-events:none}.btn.is-loading:after,.btn[aria-busy=true]:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid var(--color-on-accent);border-top-color:transparent;border-radius:var(--radius-full);animation:spin var(--spin-duration) linear infinite}.btn-secondary.is-loading:after,.btn-secondary[aria-busy=true]:after{border-color:var(--color-text-secondary);border-top-color:transparent}.view-toggle{display:flex;gap:var(--space-0-5);padding:3px;background-color:var(--color-bg-muted);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background-color:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-faint);font-size:var(--text-base);transition:all .2s ease}.toggle-btn:hover{background-color:var(--color-border);color:var(--color-text-subtle)}.toggle-btn.active{background-color:var(--color-border);color:var(--color-accent);box-shadow:0 1px 3px var(--color-shadow)}.toggle-btn i{pointer-events:none}.view-toggle-separator{width:1px;height:20px;background:var(--color-border-medium);align-self:center;margin:0 var(--space-0-5)}.view-toggle-separator.hidden{display:none}.group-by-selector{display:flex;align-items:center;position:relative}.group-by-selector.hidden{display:none}.group-by-btn.active{color:var(--color-accent)}.sort-dir-btn .oxi-icon{transition:transform .2s ease}.sort-dir-btn.active .oxi-icon{transform:rotate(180deg)}.group-by-label{display:none;font-size:.78rem;font-weight:var(--weight-semibold);white-space:nowrap}.group-by-btn:has(.group-by-label:not(:empty)){width:auto;padding:0 var(--space-2);gap:5px}.group-by-btn:has(.group-by-label:not(:empty)) .group-by-label{display:inline}.group-by-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:200;min-width:140px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 16px var(--color-shadow);padding:var(--space-1);display:flex;flex-direction:column;gap:var(--space-0-5)}.group-by-menu.hidden{display:none}.group-by-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-2-5);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;color:var(--color-text);text-align:left;width:100%}.group-by-option:hover{background:var(--color-border)}.group-by-option.active{color:var(--color-accent);font-weight:var(--weight-semibold)}.upload-dropdown{position:relative;display:inline-block}.upload-dropdown .btn-primary{display:flex;align-items:center;gap:var(--space-1-5)}.upload-dropdown-menu{display:block;position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:var(--color-bg-surface);border-radius:var(--radius-2xl);box-shadow:0 8px 30px var(--color-shadow-md);border:1px solid var(--color-border);z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.upload-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;color:var(--color-text-dark);font-size:var(--text-base);cursor:pointer;transition:background .15s ease;text-align:left}.upload-dropdown-item:hover{background:var(--color-border-light)}.upload-dropdown-item:active{background:var(--color-border)}.upload-dropdown-item .oxi-icon{width:20px;text-align:center;color:var(--color-text-subtle);font-size:15px}.upload-dropdown-item:first-child{border-bottom:1px solid var(--color-border-light)}.upload-caret{margin-left:var(--space-1);font-size:var(--text-xs)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:15px;font-size:var(--text-base);color:var(--color-text-medium);gap:var(--space-0-5)}.breadcrumb-item{padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm);border:2px solid transparent;transition:background .15s,color .15s}.breadcrumb-link{cursor:pointer;color:var(--color-text-muted)}.breadcrumb-link.drop-target{background-color:var(--color-warning-ring);border:2px dashed var(--color-warning-border)}.breadcrumb-link:hover{text-decoration:underline;color:var(--color-accent);background:var(--color-accent-bg)}.breadcrumb-current{font-weight:var(--weight-semibold);color:var(--color-text-black);cursor:default}.breadcrumb-separator{margin:0 var(--space-1);color:var(--color-text-faint);font-size:var(--text-xs);-webkit-user-select:none;user-select:none}.breadcrumb-home{display:inline-flex;align-items:center;gap:.35em;border-radius:var(--radius-sm)}.breadcrumb-home i{font-size:var(--text-xs)}.breadcrumb-home.breadcrumb-link:hover{background:var(--color-accent-ring)}.files-container{padding-top:3px}.selection-rect{position:fixed;border:1.5px solid var(--primary-color, var(--color-card-drop-border));background-color:var(--color-card-drop-tint);pointer-events:none;z-index:1000;border-radius:3px;display:none}.file-icon{width:100px;height:70px;border-radius:var(--radius-lg);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.file-icon .file-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.file-icon{--fk: var(--file-kind-generic)}.file-icon--folder{--fk: var(--file-kind-folder)}.file-icon--pdf{--fk: var(--file-kind-pdf)}.file-icon--doc{--fk: var(--file-kind-doc)}.file-icon--sheet{--fk: var(--file-kind-sheet)}.file-icon--slides{--fk: var(--file-kind-slides)}.file-icon--archive{--fk: var(--file-kind-archive)}.file-icon--code{--fk: var(--file-kind-code)}.file-icon--image{--fk: var(--file-kind-image)}.file-icon--video{--fk: var(--file-kind-video)}.file-icon--audio{--fk: var(--file-kind-audio)}.file-icon--text{--fk: var(--file-kind-text)}.file-icon--generic{--fk: var(--file-kind-generic)}.file-icon>i,.file-icon>svg{color:var(--fk)}.file-item{background-color:var(--color-item);transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.file-item.resource-row--just-added{animation:resource-row-just-added 1.5s ease-out;scroll-margin-top:100px;scroll-margin-bottom:24px}@keyframes resource-row-just-added{0%{background-color:var(--color-success-bg)}to{background-color:transparent}}.resource-list__swimlane-group--just-added>.resource-list__swimlane-header{color:var(--color-success-text)}.file-item.selected{background-color:var(--color-item-selected)}.file-item:hover{background-color:var(--color-item-hover);border-color:var(--color-border-medium)}.file-item.selected:hover{background-color:var(--color-item-hover-accent)}.file-item.dragging{opacity:.8;background-color:var(--color-bg-input)}.file-item.drop-target{background-color:var(--color-warning-ring)}.file-badge-shared{color:var(--color-badge-blue-text)}.file-item .file-icon>i,.file-item .file-icon>svg{position:absolute;display:flex;align-items:center;justify-content:center}.list-header-checkbox,.file-item .checkbox-cell{display:flex;align-items:center;justify-content:center}.list-header-checkbox input[type=checkbox],.file-item .checkbox-cell input[type=checkbox]{width:17px;height:17px;cursor:pointer;accent-color:var(--color-accent);border-radius:var(--radius-sm)}.list-header.selection-mode{grid-template-columns:36px 1fr;background-color:var(--color-multiselect-bg);color:var(--color-multiselect-text);border-bottom-color:var(--color-multiselect-border)}.list-header.selection-mode .list-header-checkbox input[type=checkbox]{accent-color:var(--color-accent)}.list-header{display:grid;grid-template-columns:var(--files-list-columns);column-gap:var(--space-3);padding:15px;font-weight:var(--weight-semibold);color:var(--color-text);background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-faint);align-items:center}.files-list-view.trash-list{--files-list-columns: minmax(180px, 1fr) 110px 130px 100px}.files-list-view.trash-list .file-item .path-cell,.files-list-view.trash-list .list-header.trash-header>div:nth-child(2){display:none}@media(min-width:1000px){.files-list-view.trash-list{--files-list-columns: minmax(180px, 1fr) 3fr 110px 130px 100px}.files-list-view.trash-list .file-item .path-cell,.files-list-view.trash-list .list-header.trash-header>div:nth-child(2){display:block}}.list-header>div,.files-list-view .file-item>div{min-width:0}.list-header>div:nth-child(5),.files-list-view .file-item .size-cell{justify-self:end;text-align:right}.list-header-sort{display:inline-flex;align-items:center;gap:var(--space-1-5);min-width:0;padding:0;border:none;background:none;cursor:pointer;font:inherit;color:inherit;transition:color var(--motion-fast) var(--ease-standard)}.list-header-sort:hover,.list-header-sort.is-active{color:var(--color-accent)}.list-header-sort__arrow{font-size:var(--text-2xs);color:var(--color-accent);flex-shrink:0}.list-header-sort[data-sort-field=size]{justify-self:end}.list-header-sort[data-sort-field=modified_at]{justify-self:center}.owner-cell{color:var(--color-text-secondary);font-size:var(--text-base);display:flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-list-view:has(.owner-cell:not(.hidden)){--files-list-columns: 36px minmax(200px, 2fr) 120px 100px 110px 130px 200px}.files-list-view{--files-list-columns: 36px minmax(200px, 2fr) 100px 110px 130px 200px;display:flex;flex-direction:column;width:100%;border-radius:var(--radius-xl);overflow:hidden;background-color:var(--color-item);box-shadow:0 1px 3px var(--color-shadow-xs)}.files-list-view .file-item{display:grid;grid-template-columns:var(--files-list-columns);column-gap:var(--space-3);padding:var(--space-3) 15px;border-bottom:1px solid var(--color-border-xfaint);align-items:center;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.files-list-view .file-item:hover,.files-list-view .file-item.selected{box-shadow:inset 3px 0 0 var(--color-accent)}.files-list-view .file-item.drop-target{border:1px dashed var(--color-warning-border)}.files-list-view .file-item .name-cell{color:var(--color-text);display:flex;align-items:center;gap:var(--space-3);min-width:0;overflow:hidden}.files-list-view .file-item .name-cell span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-list-view .file-item .name-cell:has(.file-item__snippet){flex-wrap:wrap;row-gap:2px}.files-list-view .file-item .file-item__snippet{flex-basis:100%;padding-left:48px;font-size:12px;color:var(--color-text-muted)}.files-grid-view .file-item .file-item__snippet{display:none}.files-list-view .file-item .file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--fk) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fk) 22%,var(--color-border));font-size:var(--text-md);margin-bottom:0;flex-shrink:0}.list-header>div:nth-child(5),.files-list-view .file-item .date-cell{justify-self:center;text-align:center}.files-list-view .file-item .date-cell{color:var(--color-text-muted);font-size:var(--text-base)}.files-list-view .file-item .size-cell{color:var(--color-text-muted);font-size:var(--text-base);text-align:right;font-variant-numeric:tabular-nums}.files-list-view .file-item .type-cell{color:var(--color-text-secondary);font-weight:var(--weight-medium);font-size:var(--text-base)}.files-list-view .file-item .action-cell{align-items:center;text-align:right}.files-list-view .file-item .action-cell .file-actions{display:none}.files-list-view .file-item .action-cell button:not(.btn-action),.files-list-view .file-item .action-cell div{display:inline;width:28px;height:28px;border-radius:var(--radius-lg);border:none;background:transparent;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-subtle);font-size:var(--text-md)}.files-list-view .file-item .action-cell button:not(.btn-action):hover{background:var(--color-border-subtle);color:var(--color-text-dark)}.files-list-view .file-item .action-cell button.favorite-star{display:none;border:none}.files-list-view .file-item:hover .action-cell button.favorite-star{display:inline}@media(hover:hover){.files-list-view .file-item .action-cell button.file-actions{opacity:0;transition:opacity var(--motion-fast) var(--ease-standard)}.files-list-view .file-item:hover .action-cell button.file-actions,.files-list-view .file-item:focus-within .action-cell button.file-actions{opacity:1}}.files-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-card-min),1fr));gap:var(--space-5);position:relative}.files-grid-view .list-header{display:none}@media(max-width:640px){.list-header:not(.selection-mode){display:none}.files-list-view .file-item{display:flex;align-items:center;gap:var(--space-3)}.files-list-view .file-item .type-cell,.files-list-view .file-item .date-cell,.files-list-view .file-item .owner-cell,.files-list-view .file-item .path-cell{display:none}.files-list-view .file-item .name-cell{flex:1;min-width:0}.files-list-view .file-item .checkbox-cell,.files-list-view .file-item .size-cell,.files-list-view .file-item .action-cell{flex-shrink:0}.files-grid-view{--grid-card-min: 140px;gap:var(--space-2)}}.files-grid-view .file-item{border-radius:var(--radius-2xl);border:1px solid var(--color-border);padding:var(--space-3);display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 2px var(--color-shadow-xs);cursor:pointer;width:100%;min-height:160px;position:relative;transition:transform var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard)}.files-grid-view .file-item.dragging{opacity:.5;transform:scale(.95);box-shadow:none}.files-grid-view .file-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px -8px var(--color-shadow-md);border-color:var(--color-accent)}.files-grid-view .file-item .file-icon .file-thumb{transition:transform var(--motion-moderate) var(--ease-standard)}.files-grid-view .file-item:hover .file-icon .file-thumb{transform:scale(1.04)}.files-grid-view .file-item.selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-ring-dark),0 4px 12px var(--color-accent-ring)}.files-grid-view .file-item.selected:hover{box-shadow:0 0 0 1px var(--color-accent-ring-strong),0 6px 18px var(--color-accent-ring-dark)}.files-grid-view .file-item .date-cell,.files-grid-view .file-item .type-cell,.files-grid-view .file-item .owner-cell{display:none}.files-grid-view .file-item .checkbox-cell{position:absolute;top:calc(var(--space-3) + 8px);left:calc(var(--space-3) + 8px);width:26px;height:26px;border-radius:var(--radius-md);background:var(--color-scrim-control);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 3px var(--color-shadow-sm);display:flex;align-items:center;justify-content:center;opacity:0;z-index:10;cursor:pointer;transition:opacity var(--motion-fast) var(--ease-standard)}.files-grid-view .file-item:hover .checkbox-cell,.files-grid-view .file-item.selected .checkbox-cell{opacity:1}.files-grid-view .file-item .checkbox-cell input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:2px solid var(--color-border-medium);border-radius:var(--radius-sm);background:var(--color-bg-surface);display:grid;place-content:center;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.files-grid-view .file-item .checkbox-cell input[type=checkbox]:after{content:"";width:5px;height:9px;margin-top:-1px;border:solid var(--color-danger-text);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform var(--motion-fast) var(--ease-standard)}.files-grid-view .file-item .checkbox-cell input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.files-grid-view .file-item .checkbox-cell input[type=checkbox]:checked:after{transform:rotate(45deg) scale(1)}.files-grid-view .file-item .checkbox-cell input[type=checkbox]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.files-grid-view .file-item .action-cell .btn-action,.files-grid-view .file-item .name-cell .item-badge{display:none}.files-grid-view .file-item .file-actions{position:absolute;top:calc(var(--space-3) + 8px);right:calc(var(--space-3) + 8px);width:30px;height:30px;border-radius:var(--radius-full);border:none;background:var(--color-scrim-control);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 3px var(--color-shadow-sm);display:flex;align-items:center;justify-content:center;opacity:0;z-index:10;cursor:pointer;color:var(--color-text);font-size:var(--text-md);transition:opacity var(--motion-fast) var(--ease-standard)}.files-grid-view .file-item:hover .file-actions{opacity:1}.files-grid-view .file-item .file-actions:hover{color:var(--color-accent)}.files-grid-view .file-item.drop-target{background-color:var(--color-warning-ring);border:2px dashed var(--color-warning-border)}.files-grid-view .file-item .file-badge-shared{position:absolute;top:calc(var(--space-3) + 8px);left:calc(var(--space-3) + 8px);width:24px;height:24px;border-radius:var(--radius-full);border:none;background:var(--color-scrim-control);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 3px var(--color-shadow-sm);display:flex;align-items:center;justify-content:center;z-index:9;font-size:var(--text-2xs);padding:0;line-height:var(--leading-none)}.files-grid-view .file-item button.favorite-star{position:absolute;top:calc(var(--space-3) + 8px);right:calc(var(--space-3) + 8px + 34px);width:30px;height:30px;border-radius:var(--radius-full);border:none;background:var(--color-scrim-control);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 3px var(--color-shadow-sm);display:flex;align-items:center;justify-content:center;opacity:0;z-index:12;cursor:pointer;color:var(--color-text-subtle);font-size:15px;padding:0;line-height:var(--leading-none);transition:opacity var(--motion-fast) var(--ease-standard)}.files-grid-view .file-item:hover button.favorite-star{opacity:1}.files-grid-view .file-item button.favorite-star:hover{color:var(--color-star-text)}.files-grid-view .file-item button.favorite-star.active{opacity:1;color:var(--color-star-text-hover)}.files-grid-view .file-item button.favorite-star.active:hover{color:var(--color-star-active)}.files-grid-view .file-item .name-cell{font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:center;margin-bottom:2px;color:var(--color-text);width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--space-1)}.files-grid-view .file-item .name-cell span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--space-2);padding-bottom:var(--space-2)}.files-grid-view .file-item .name-cell svg.favorite-star-inline{display:none}.files-grid-view .file-item .size-cell,.grid-meta{display:none}.files-grid-view .file-item .grid-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-1);max-width:100%;margin-top:2px;font-size:var(--text-2xs);color:var(--color-text-muted);line-height:var(--leading-snug)}.files-grid-view .file-item .grid-meta__date{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.files-grid-view .file-item .grid-meta__size{flex:0 0 auto;color:var(--color-text-faint)}.files-grid-view .file-item .grid-meta__size:before{content:"·";margin-right:var(--space-1);color:var(--color-text-faint)}.files-grid-view .file-item .grid-meta .user-vignette{flex:0 0 auto;margin-left:var(--space-1)}.files-grid-view .file-item .file-icon{width:100%;height:auto;aspect-ratio:4 / 3;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--fk) 9%,var(--color-bg-input));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fk) 22%,var(--color-border));margin:0 0 var(--space-3);font-size:30px}.files-grid-view .file-item .file-icon>i,.files-grid-view .file-item .file-icon>svg{top:0;right:0;bottom:0;left:0;margin:auto;width:56px;height:56px}.dragged-items{--dragged-files-list-columns: 36px minmax(200px, 1fr);flex-direction:column;background-color:transparent;overflow:hidden;border-radius:var(--radius-xl);width:100%}.dragged-items .file-item{grid-template-columns:var(--dragged-files-list-columns);column-gap:var(--space-3);align-items:center;background-color:var(--color-item);display:flex;padding:var(--space-1);width:360px;height:46px;color:var(--color-text)}.dragged-items .file-item div:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dragged-items .file-item .file-icon{width:36px;height:36px}.dragged-items div.fading{-webkit-mask-image:linear-gradient(to bottom,var(--color-item) 10%,transparent);mask-image:linear-gradient(to bottom,var(--color-item) 10%,transparent)}.dragged-items-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);background:var(--color-notification-badge);color:var(--color-danger-text);border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold);padding:var(--space-0-5)}.resource-list__swimlane-header{grid-column:1 / -1;padding:var(--space-1-5) var(--space-3) var(--space-1);font-size:.72rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);border-bottom:1px solid var(--color-border);margin-top:var(--space-2);cursor:default;-webkit-user-select:none;user-select:none}.resource-list__swimlane-header:first-child,.list-header+.resource-list__swimlane-header{margin-top:0}.resource-list__swimlane-header--node{display:flex;align-items:center;padding:var(--space-1) var(--space-3);text-transform:none;letter-spacing:normal;font-size:inherit;font-weight:var(--weight-normal);color:inherit}.files-list-view:has(.resource-list__swimlane-group){background-color:transparent;box-shadow:none;border-radius:0;overflow:visible;gap:var(--space-2-5)}.files-list-view .resource-list__swimlane-group{background-color:var(--color-item);border-radius:var(--radius-xl);box-shadow:0 1px 3px var(--color-shadow-xs);overflow:hidden}.files-list-view .resource-list__swimlane-group .resource-list__swimlane-header{margin-top:0}.files-grid-view .resource-list__swimlane-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;gap:var(--space-5)}.file-item.favorite-item{border-left:3px solid var(--color-warning-border)}[dir=rtl] .file-item.favorite-item{border-right:3px solid var(--color-warning-border);border-left:unset}.file-item.favorite-item{position:relative;grid-template-columns:30px minmax(200px,2fr) 1fr 1fr 120px}.file-item.favorite-item .favorite-indicator{position:relative;top:0;right:0;width:30px;height:30px}.files-grid-view .file-item.recent-item{border-left:3px solid var(--color-recent-border)}[dir=rtl] :is(.files-grid-view .file-item.recent-item){border-right:3px solid var(--color-recent-border);border-left:unset}.file-item.recent-item{position:relative;grid-template-columns:30px minmax(200px,2fr) 1fr 1fr 120px}.file-item.recent-item .recent-indicator{position:relative;top:0;right:0;width:30px;height:30px}.files-list-view .file-item .path-cell{color:var(--color-text-secondary);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-grid-view .file-item .path-cell{display:none}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-lg);border:none;background:transparent;cursor:pointer;color:var(--color-text-subtle);font-size:var(--text-md);padding:0}.btn-action:hover{background:var(--color-border-subtle);color:var(--color-text-dark)}.files-grid-view .file-item .btn-action{margin-top:var(--space-1)}.batch-selection-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-width:0}.batch-selection-bar{display:flex;align-items:center;background:var(--color-multiselect-bg);color:var(--color-multiselect-text);padding:var(--space-2-5) var(--space-5);border-radius:var(--radius-2xl);overflow:hidden;margin-right:var(--space-3);height:60px;transform:translateY(-8px);transition:opacity .2s,max-height .25s,transform .2s,margin .2s,padding .2s;pointer-events:auto}.batch-bar-close{background:none;border:none;color:var(--color-multiselect-text-faint);cursor:pointer;font-size:var(--text-base);padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-md);transition:background .15s,color .15s}.batch-bar-close:hover{background:var(--color-multiselect-hover-bg);color:var(--color-multiselect-text)}.batch-bar-count{font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap}.batch-bar-actions{display:flex;align-items:center;gap:var(--space-1-5)}.batch-btn{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:7px var(--space-3-5);border:none;border-radius:var(--radius-lg);background:var(--color-multiselect-hover-bg);color:var(--color-multiselect-action-text);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background .15s;white-space:nowrap}.batch-btn:hover{background:var(--color-multiselect-action-hover)}.batch-btn-danger{background:var(--color-multiselect-danger-bg);color:var(--color-multiselect-danger-text)}.batch-btn-danger:hover{background:var(--color-multiselect-danger-active);color:var(--color-multiselect-danger-text-active)}@media(max-width:640px){.batch-btn span{display:none}.batch-btn{padding:7px var(--space-2-5)}}.skeleton{background:var(--color-bg-muted);border-radius:var(--radius-md);animation:skeletonPulse 1.4s ease-in-out infinite}.skeleton-line{height:14px}.skeleton-line--short{width:40%}.skeleton-line--medium{width:65%}.skeleton-line--full{width:100%}.skeleton-row{display:grid;grid-template-columns:var(--files-list-columns, 36px 1fr 90px);column-gap:var(--space-3);align-items:center;padding:var(--space-3) 15px;border-bottom:1px solid var(--color-border-xfaint)}.skeleton-tile{aspect-ratio:1;width:100%;border-radius:var(--radius-lg)}.skeleton-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-2xl)}.skeleton-card .skeleton-thumb{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.skeleton-card .skeleton-line{align-self:center}.skeleton-icon{width:36px;height:36px;border-radius:var(--radius-md)}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}.notification{position:absolute;top:70px;right:20px;background-color:var(--color-notification-bg);width:250px;border-radius:var(--radius-lg);box-shadow:0 5px 15px var(--color-shadow);padding:15px;border-left:4px solid var(--color-accent);z-index:1000;display:none}[dir=rtl] .notification{left:20px;border-right:4px solid var(--color-accent);right:unset;border-left:unset}.notification-title{font-weight:var(--weight-bold);font-size:var(--text-base);margin-bottom:5px;color:var(--color-text)}.notification-message{font-size:var(--text-xs);color:var(--color-text-muted)}.notification-banner{position:fixed;top:20px;right:20px;padding:15px var(--space-5);background-color:var(--color-notification-bg);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--color-shadow);display:flex;align-items:center;justify-content:space-between;max-width:400px;z-index:2000;transform:translateY(-100px);opacity:0;transition:transform .3s,opacity .3s}.notification-banner.active{transform:translateY(0);opacity:1}.notification-banner.success{border-left:4px solid var(--color-success-border)}.notification-banner.error{border-left:4px solid var(--color-danger-bg)}.close-notification-btn{background:none;border:none;font-size:var(--text-lg);cursor:pointer;color:var(--color-text-placeholder);margin-left:var(--space-2-5)}.notif-wrapper{position:relative}.notif-bell-btn{background:none;border:none;cursor:pointer;font-size:var(--text-lg);color:var(--color-text-subtle);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.notif-bell-btn:hover{background:var(--color-accent-bg-sm);color:var(--color-accent)}.notif-bell-btn.active{color:var(--color-accent);background:var(--color-accent-ring)}.notif-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;line-height:16px;border-radius:var(--radius-lg);background:var(--color-notification-badge);color:var(--color-notification-bg);font-size:10px;font-weight:var(--weight-bold);text-align:center;padding:0 var(--space-1);pointer-events:none}@keyframes bellRing{0%,to{transform:rotate(0)}13%{transform:rotate(22deg)}26%{transform:rotate(-22deg)}39%{transform:rotate(14deg)}52%{transform:rotate(-14deg)}65%{transform:rotate(8deg)}78%{transform:rotate(-8deg)}91%{transform:rotate(3deg)}}.notif-bell-btn.ring{animation:bellRing 1s ease}.notif-panel{display:none;position:absolute;top:calc(100% + 10px);right:-40px;width:380px;max-height:480px;background:var(--color-notification-bg);border-radius:var(--radius-3xl);box-shadow:0 12px 40px var(--color-shadow-md),0 0 0 1px var(--color-shadow-xs);z-index:2000;overflow:hidden;animation:notifPanelIn .2s ease-out}.notif-wrapper.open .notif-panel{display:flex;flex-direction:column}@keyframes notifPanelIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3-5) var(--space-4);border-bottom:1px solid var(--color-border-xfaint)}.notif-panel-title{font-weight:var(--weight-semibold);font-size:15px;color:var(--color-text-heading)}.notif-clear-btn{background:none;border:none;cursor:pointer;color:var(--color-text-faint);font-size:var(--text-base);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:all .15s}.notif-clear-btn:hover{color:var(--color-accent);background:var(--color-accent-bg-sm)}.notif-panel-body{flex:1;overflow-y:auto;max-height:400px;scrollbar-width:thin;scrollbar-color:var(--color-border-medium) transparent}.notif-panel-body::-webkit-scrollbar{width:6px}.notif-panel-body::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}.notif-panel-body::-webkit-scrollbar-track{background:transparent}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-5);color:var(--color-text-faint);gap:var(--space-2)}.notif-empty i{font-size:var(--text-3xl);opacity:.5}.notif-empty span{font-size:var(--text-base)}.notif-item{display:flex;align-items:flex-start;padding:var(--space-3) var(--space-4);gap:var(--space-3);border-bottom:1px solid var(--color-bg-subtle);transition:background .15s;cursor:default}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--color-bg-hover)}.notif-item-icon{width:32px;height:32px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-base)}.notif-item-icon.upload{background:var(--color-accent-ring);color:var(--color-accent)}.notif-item-icon.success{background:var(--color-success-ring);color:var(--color-notification-success)}.notif-item-icon.error{background:var(--color-notification-error-ring);color:var(--color-notification-error)}.notif-item-body{flex:1;min-width:0}.notif-item-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-heading);margin-bottom:var(--space-0-5)}.notif-item-text{font-size:var(--text-xs);color:var(--color-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-time{font-size:var(--text-2xs);color:var(--color-text-faint);margin-top:3px}.notif-upload-progress{margin-top:var(--space-1-5)}.notif-upload-bar{height:3px;background:var(--color-bg-empty);border-radius:var(--radius-xs);overflow:hidden}.notif-upload-fill{height:100%;background:var(--color-accent);width:0%;transition:width .2s ease;border-radius:var(--radius-xs)}.notif-upload-fill.done{background:var(--color-notification-success)}.notif-upload-fill.error{background:var(--color-notification-error)}.notif-upload-detail{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.notif-upload-pct,.notif-upload-stats{font-size:var(--text-2xs);color:var(--color-text-faint)}.user-menu-wrapper{position:relative}.user-avatar-btn{background:none;border:none;border-radius:50%;padding:0;cursor:pointer;transition:transform var(--motion-base) var(--ease-standard);display:flex;align-items:center;justify-content:center}.user-avatar-btn:hover{transform:scale(1.05)}.user-avatar-btn:hover .user-vignette__avatar{box-shadow:0 0 0 3px var(--color-accent-ring),0 3px 12px -2px var(--color-accent-shadow)}.user-menu-wrapper.open .user-avatar-btn .user-vignette__avatar{box-shadow:0 0 0 3px var(--color-accent-ring-strong)}.user-avatar-btn .user-vignette__avatar{letter-spacing:.5px;-webkit-user-select:none;user-select:none;transition:box-shadow var(--motion-base) var(--ease-standard)}.user-menu-header .user-vignette__avatar{letter-spacing:.5px;box-shadow:0 4px 12px var(--color-accent-shadow)}.user-menu{display:none;position:absolute;top:calc(100% + 10px);right:0;left:auto;width:300px;background:var(--color-bg-surface);border-radius:var(--radius-3xl);box-shadow:0 12px 40px var(--color-shadow-md),0 0 0 1px var(--color-shadow-xs);z-index:2000;overflow:hidden;animation:userMenuIn .2s ease-out}.user-menu-wrapper.open .user-menu{display:block}[dir=rtl] .user-menu{right:auto;left:0}@keyframes userMenuIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-header{display:flex;align-items:center;gap:var(--space-3-5);padding:var(--space-5) var(--space-5) var(--space-4);background:var(--color-user-menu-header-bg);border-bottom:1px solid var(--color-user-menu-header-border)}.user-menu-header .user-vignette{flex:1;min-width:0}.user-menu-header .user-vignette__name{font-size:15px;font-weight:var(--weight-semibold);color:var(--color-text-heading)}.user-menu-header .user-vignette__email{font-size:12.5px;margin-top:1px}.user-menu-storage{padding:var(--space-3-5) var(--space-5)}.user-menu-storage-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.user-menu-storage-label i{font-size:var(--text-2xs);color:var(--color-text-faint)}.user-menu-storage-bar{height:6px;background:var(--color-border-light);border-radius:3px;overflow:hidden;margin-bottom:var(--space-1-5)}.user-menu-storage-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-second));border-radius:3px;width:0%;transition:width .5s ease}.user-menu-storage-text{font-size:11.5px;color:var(--color-text-faint)}.user-menu-divider{height:1px;background:var(--color-border-light);margin:var(--space-1) 0}.user-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);border:none;background:none;color:var(--color-text-dark);font-size:var(--text-base);cursor:pointer;transition:background .15s ease;text-align:left;text-decoration:none}.user-menu-item:hover,.user-menu-item:focus-visible{background:var(--color-bg-hover)}.user-menu-item i{width:20px;text-align:center;font-size:15px;color:var(--color-text-subtle)}.user-menu-item--theme{cursor:default}.user-menu-item--theme:hover{background:transparent}.theme-segmented{margin-left:auto;display:inline-flex;background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-0-5);gap:var(--space-0-5)}.theme-segmented__opt{width:28px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-subtle);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-2xs);padding:0;transition:background .15s ease,color .15s ease}.theme-segmented__opt:hover{color:var(--color-text)}.theme-segmented__opt--active{background:var(--color-accent);color:var(--color-danger-text)}.theme-segmented__opt--active:hover{color:var(--color-danger-text)}.user-menu-admin{color:var(--color-primary)}.user-menu-admin i{color:var(--color-info-blue)}.user-menu-admin:hover{background:var(--color-info-bg-alt)}.user-menu-role-badge{padding:var(--space-2) var(--space-5) var(--space-1)}.role-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-2xs);font-weight:var(--weight-semibold);padding:var(--space-0-5) var(--space-2-5);border-radius:var(--radius-xl)}.role-badge-admin{background:var(--color-info-surface);color:var(--color-primary)}.role-badge i{font-size:10px}.user-menu-logout{color:var(--color-danger-alt);margin-bottom:var(--space-1)}.user-menu-logout i{color:var(--color-danger-alt)}.user-menu-logout:hover{background:var(--color-danger-lighter)}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100%;position:relative;background:var(--brand-ambient)}.auth-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:var(--brand-grain);background-size:180px 180px;opacity:.6;mix-blend-mode:overlay}.auth-panel{position:relative;z-index:1}.auth-panel{width:420px;max-width:90%;margin:0 auto;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);padding:var(--space-9);text-align:center}.auth-logo{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.auth-logo-icon{width:52px;height:52px;background:var(--color-accent-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-right:var(--space-3);box-shadow:0 4px 14px -4px var(--color-accent-shadow)}.auth-logo-icon svg{width:30px;height:30px;fill:var(--color-on-accent)}.auth-logo-text{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text)}.auth-title{font-size:22px;font-weight:var(--weight-bold);margin-bottom:var(--space-7);color:var(--color-text-heading)}.auth-form{width:100%;text-align:left}[dir=rtl] .auth-form{text-align:right}.auth-input-group{margin-bottom:var(--space-5)}.auth-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-base);color:var(--color-text-heading);font-weight:var(--weight-semibold)}.auth-input{width:100%;padding:var(--space-3-5) 18px;border-radius:var(--radius-2xl);border:2px solid var(--color-border-medium);font-size:15px;background-color:var(--color-bg-input);color:var(--color-text);transition:all .2s ease}.auth-input::placeholder{color:var(--color-text-muted)}.auth-input:hover{border-color:var(--color-accent);background-color:var(--color-bg-surface)}.auth-input:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-bg-surface);box-shadow:0 0 0 3px var(--color-accent-ring)}.auth-input[readonly]{cursor:default;color:var(--color-text);font-weight:var(--weight-semibold);background-color:var(--color-bg-input-alt)}.auth-button{width:100%;padding:var(--space-3-5) 18px;border-radius:var(--radius-2xl);background:var(--color-accent-gradient);color:var(--color-on-accent);font-weight:var(--weight-bold);border:none;cursor:pointer;font-size:var(--text-md);transition:all .3s ease;margin-top:var(--space-3);box-shadow:0 4px 12px var(--color-accent-shadow)}.auth-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--color-accent-shadow-lg);filter:brightness(1.05)}.auth-button:active{transform:translateY(1px);box-shadow:0 2px 8px var(--color-accent-shadow)}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.auth-button.is-loading,.auth-button[aria-busy=true]{color:transparent;pointer-events:none;position:relative}.auth-button.is-loading:after,.auth-button[aria-busy=true]:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid var(--color-on-accent);border-top-color:transparent;border-radius:var(--radius-full);animation:spin var(--spin-duration) linear infinite}.auth-subtitle{margin:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--text-base)}.auth-action-wrap{margin-top:var(--space-5)}.auth-button-oidc{background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-secondary) 100%);box-shadow:0 4px 12px var(--color-shadow-3xl);display:flex;align-items:center;justify-content:center;gap:var(--space-2-5)}.auth-button-oidc:hover{box-shadow:0 6px 20px var(--color-shadow-4xl)}.auth-button-sso{background:var(--color-oidc-bg);box-shadow:0 4px 12px var(--color-oidc-shadow)}.auth-button-sso:hover{box-shadow:0 6px 20px var(--color-oidc-shadow-lg)}.auth-button-oidc i{font-size:var(--text-base)}.auth-hint{margin:0 0 var(--space-3);font-size:var(--text-sm);line-height:1.4;color:var(--color-text-secondary)}.auth-status{margin-top:var(--space-3);padding:var(--space-2-5) var(--space-3-5);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.4}.auth-status-success,.auth-status-error{background:var(--color-bg-hover);color:var(--color-text);border-left:3px solid var(--color-warning-orange-text)}.auth-divider{display:flex;align-items:center;margin:var(--space-5) 0;color:var(--color-text-faint);font-size:var(--text-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{padding:0 var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wide, .08em);font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.auth-form.hidden{display:none}.auth-toggle{margin-top:22px;font-size:var(--text-base);color:var(--color-text-muted)}.auth-toggle-link{color:var(--color-accent-text);cursor:pointer;text-decoration:none;font-weight:var(--weight-medium)}.auth-toggle-link:hover{text-decoration:underline}.auth-error{background-color:var(--color-error-bg);color:var(--color-error-text);padding:var(--space-3) 18px;border-radius:var(--radius-2xl);margin-bottom:var(--space-5);font-size:var(--text-base);display:none}.auth-success{background-color:var(--color-success-bg);color:var(--color-success-text);padding:var(--space-3) 18px;border-radius:var(--radius-2xl);margin-bottom:var(--space-5);font-size:var(--text-base);display:none}.setup-steps{margin-bottom:var(--space-7);display:grid;grid-template-columns:repeat(3,1fr);position:relative}.setup-steps:before{content:"";position:absolute;top:17px;left:16.667%;right:16.667%;height:2px;background:var(--color-border);z-index:0}.setup-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.step-number{width:34px;height:34px;background-color:var(--color-bg-input);border:2px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-faint);font-weight:var(--weight-bold);font-size:var(--text-base);margin-bottom:var(--space-1-5);transition:all .2s ease}.step-number.active{background:var(--color-accent-gradient);border-color:transparent;color:var(--color-on-accent);box-shadow:0 0 0 4px var(--color-accent-ring),0 4px 12px var(--color-accent-shadow)}.step-title{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:var(--weight-medium)}.step-title.active{color:var(--color-text-heading);font-weight:var(--weight-semibold)}.language-selector-panel{text-align:center}.language-subtitle{color:var(--color-text-muted);font-size:var(--text-md);margin-bottom:var(--space-6)}.lang-picker{position:relative;margin-bottom:var(--space-6);text-align:left}.lang-picker-selected{display:flex;align-items:center;padding:var(--space-3-5) 18px;border:2px solid var(--color-border);border-radius:var(--radius-2xl);cursor:pointer;background-color:var(--color-bg-input);transition:all .2s ease;-webkit-user-select:none;user-select:none}.lang-picker-selected:hover{border-color:var(--color-accent);background-color:var(--color-bg-surface)}.lang-picker.open .lang-picker-selected{border-color:var(--color-accent);background-color:var(--color-bg-surface);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 0 3px var(--color-accent-ring)}.lang-picker-flag{font-size:26px;margin-right:var(--space-3-5);flex-shrink:0}.lang-picker-name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-heading);flex:1}.lang-picker-arrow{color:var(--color-text-faint);font-size:var(--text-sm);transition:transform .2s ease;flex-shrink:0}.lang-picker.open .lang-picker-arrow{transform:rotate(180deg)}.lang-picker-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-surface);border:2px solid var(--color-accent);border-top:1px solid var(--color-border-light);border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);box-shadow:0 12px 32px var(--color-shadow-lg);z-index:100;overflow:hidden}.lang-picker.open .lang-picker-dropdown{display:block;animation:langPickerSlideDown .2s ease}@keyframes langPickerSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-picker-search{position:relative;padding:var(--space-2-5) var(--space-3-5);border-bottom:1px solid var(--color-border-light)}.lang-picker-search i{position:absolute;left:26px;top:50%;transform:translateY(-50%);color:var(--color-text-faint);font-size:var(--text-sm)}.lang-picker-search input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);outline:none;box-sizing:border-box;background-color:var(--color-bg-input);color:var(--color-text);transition:border-color .2s}.lang-picker-search input::placeholder{color:var(--color-text-faint)}.lang-picker-search input:focus{border-color:var(--color-accent)}.lang-picker-list{max-height:240px;overflow-y:auto;padding:var(--space-1-5)}.lang-picker-item{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all .12s ease}.lang-picker-item:hover{background:var(--color-bg-hover)}.lang-picker-item.selected{background:var(--color-accent-tint)}.lang-picker-item-flag{font-size:22px;flex-shrink:0}.lang-picker-item-name{font-size:15px;font-weight:var(--weight-medium);color:var(--color-text-heading)}.lang-picker-item-english{font-size:var(--text-sm);color:var(--color-text-faint);margin-left:auto}.lang-picker-item-check{color:var(--color-accent);font-size:var(--text-sm);flex-shrink:0}.lang-picker-empty{text-align:center;color:var(--color-text-faint);padding:var(--space-5);font-size:var(--text-base)}@media(max-width:480px){.auth-panel{width:95%;padding:var(--space-6)}.lang-picker-selected{padding:var(--space-3) var(--space-3-5)}.lang-picker-list{max-height:200px}}.brand-oxi{background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-button-secondary{background:var(--color-accent-tint);color:var(--color-accent-text);border:1.5px solid var(--color-border-medium);box-shadow:none}.auth-button-secondary:hover{background:var(--color-bg-surface);border-color:var(--color-accent);box-shadow:none;filter:none;transform:translateY(-1px)}.auth-button-secondary:active{transform:translateY(1px);box-shadow:none}.auth-input-wrap{position:relative}.auth-input-wrap .auth-input{padding-left:44px}.auth-input-wrap.has-toggle .auth-input{padding-right:44px}.auth-input-wrap:before{content:"";position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);background-color:var(--color-text-muted);pointer-events:none;z-index:1;transition:background-color .2s ease;-webkit-mask:var(--icon-url, none) center / contain no-repeat;mask:var(--icon-url, none) center / contain no-repeat}.auth-input-wrap:focus-within:before{background-color:var(--color-accent)}.auth-input-wrap--user{--icon-url: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>")}.auth-input-wrap--mail{--icon-url: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m2 7 10 6 10-6'/></svg>")}.auth-input-wrap--lock{--icon-url: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='11' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>")}.auth-pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;z-index:2}.auth-pw-toggle:before{content:"";width:18px;height:18px;background-color:var(--color-text-muted);transition:background-color .2s ease;--eye: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/><circle cx='12' cy='12' r='3'/></svg>");-webkit-mask:var(--eye) center / contain no-repeat;mask:var(--eye) center / contain no-repeat}.auth-pw-toggle:hover:before{background-color:var(--color-accent)}.auth-pw-toggle[aria-pressed=true]:before{--eye: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9.9 4.2A9 9 0 0 1 12 4c6.5 0 10 7 10 7a13 13 0 0 1-2 2.7M6.6 6.6A13 13 0 0 0 2 11s3.5 7 10 7a9 9 0 0 0 3.6-.7'/><path d='m2 2 20 20'/></svg>")}.auth-magic-toggle{display:block;width:100%;margin-top:var(--space-1);padding:var(--space-2);background:none;border:none;color:var(--color-accent-text);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;text-align:center}.auth-magic-toggle:hover{text-decoration:underline}.auth-magic-reveal{margin-top:var(--space-3)}.auth-magic-reveal:not(.hidden){animation:langPickerSlideDown .2s ease}.auth-match{margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);display:none;align-items:center;gap:var(--space-1-5)}.auth-match.show{display:flex}.auth-match:before{content:"";width:14px;height:14px;flex-shrink:0;background-color:currentColor;-webkit-mask:var(--match-icon) center / contain no-repeat;mask:var(--match-icon) center / contain no-repeat}.auth-match--ok{color:var(--color-success-text);--match-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>")}.auth-match--bad{color:var(--color-error-text);--match-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M18 6 6 18M6 6l12 12'/></svg>")}.auth-caps-warning{display:flex;align-items:center;gap:var(--space-1-5);margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-warning-orange-text)}.music-container{padding:0}.music-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-20) var(--space-10);min-height:calc(100dvh - 260px)}.music-empty-state-icon{width:96px;height:96px;border-radius:50%;background:var(--color-music-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);box-shadow:0 8px 32px var(--color-shadow-2xl)}.music-empty-state-icon i,.music-empty-state-icon .oxi-icon{font-size:var(--text-5xl);color:var(--color-danger-text)}.music-empty-state-title{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text)}.music-empty-state-desc{margin:0 0 var(--space-7);font-size:var(--text-base);color:var(--color-text-muted);max-width:360px;line-height:var(--leading-normal)}.music-toolbar{display:none}.music-content{display:flex;gap:0;height:calc(100dvh - 200px);min-height:400px;transition:height .3s ease}.music-player-active .music-content{height:calc(100dvh - 290px)}.music-sidebar{width:280px;min-width:280px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--color-bg-surface)}.music-sidebar-header{padding:var(--space-3-5) var(--space-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.music-sidebar-header h3{margin:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.music-sidebar-add-btn{width:28px;height:28px;border-radius:var(--radius-md);border:none;background:var(--color-accent-gradient);color:var(--color-danger-text);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px var(--color-accent-shadow)}.music-sidebar-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-accent-shadow)}.music-playlist-list{flex:1;overflow-y:auto;padding:var(--space-2)}.music-playlist-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:background .15s ease}.music-playlist-item:hover{background:var(--color-bg-hover)}.music-playlist-item.active{background:var(--color-bg-alt)}.music-playlist-icon{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--color-music-gradient);display:flex;align-items:center;justify-content:center;color:var(--color-danger-text);font-size:var(--text-base);flex-shrink:0}.music-playlist-item-info{flex:1;min-width:0}.music-playlist-item-name{display:block;font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-playlist-item-count{display:block;font-size:var(--text-xs);color:var(--color-text-secondary)}.music-main{flex:1;padding:var(--space-6);overflow-y:auto}.music-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-secondary)}.music-welcome i,.music-welcome .oxi-icon{font-size:64px;margin-bottom:var(--space-5);color:var(--color-text-muted)}.music-welcome h3{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text)}.music-welcome p{margin:0;font-size:var(--text-base)}.music-playlist-detail{max-width:900px}.music-playlist-header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6)}.music-playlist-cover{width:140px;height:140px;min-width:140px;border-radius:var(--radius-2xl);background:var(--color-music-gradient);display:flex;align-items:center;justify-content:center;color:var(--color-danger-text);font-size:var(--text-6xl);box-shadow:0 8px 24px var(--color-shadow-3xl)}.music-playlist-info{flex:1}.music-playlist-info h2{margin:0 0 var(--space-2);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text)}.music-playlist-info p{margin:0;font-size:var(--text-base);color:var(--color-text-secondary)}.music-playlist-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center}.music-playlist-actions .btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-lg)}.music-playlist-actions .btn i,.music-playlist-actions .btn .oxi-icon{font-size:var(--text-sm)}.music-playlist-actions .btn:not(:has(span)){padding:var(--space-2) var(--space-3);min-width:36px;justify-content:center}.music-track-list{background:var(--color-item);border-radius:var(--radius-2xl);overflow:hidden}.music-track-header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.music-track{display:flex;align-items:center;padding:var(--space-2-5) var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .15s ease}.music-track:last-child{border-bottom:none}.music-track:hover{background:var(--color-item-hover)}.music-track.selected{background:var(--color-item-selected)}.music-track-col{padding:0 var(--space-2)}.music-track-num{width:40px;text-align:center;color:var(--color-text-secondary);font-size:var(--text-base)}.music-track-title{flex:2;display:flex;align-items:center;gap:var(--space-3);min-width:0}.music-track-icon{color:var(--color-text-secondary);font-size:var(--text-base)}.music-track-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--weight-medium);color:var(--color-text)}.music-track-artist,.music-track-album{flex:1;color:var(--color-text-secondary);font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-duration{width:60px;text-align:right;color:var(--color-text-secondary);font-size:var(--text-base);font-variant-numeric:tabular-nums}.music-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--space-5);text-align:center;color:var(--color-text-secondary)}.music-empty i,.music-empty .oxi-icon{font-size:var(--text-6xl);margin-bottom:var(--space-4);color:var(--color-text-muted)}.music-empty p{margin:0;font-size:var(--text-base)}.music-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-10);color:var(--color-text-secondary);font-size:var(--text-base);gap:var(--space-2)}.music-loading i,.music-loading .oxi-icon{animation:spin 1s linear infinite}.music-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;color:var(--color-error-text)}.music-error i,.music-error .oxi-icon{font-size:var(--text-6xl);margin-bottom:var(--space-4)}.music-error p{margin:0;font-size:var(--text-base)}@media(max-width:768px){.music-content{flex-direction:column;height:auto}.music-sidebar{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--color-border);max-height:200px}.music-playlist-header{flex-direction:column;align-items:flex-start}.music-playlist-cover{width:120px;height:120px;font-size:var(--text-4xl)}.music-playlist-info h2{font-size:var(--text-xl)}.music-track-album{display:none}}.music-player{position:fixed;bottom:0;left:0;right:0;height:90px;background:var(--color-music-background);border-top:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-4);gap:var(--space-4);z-index:1000;box-shadow:0 -4px 20px var(--color-shadow);transform:translateY(100%);transition:transform .3s ease}.music-player.has-track{transform:translateY(0)}.music-player.hidden{display:none}.player-track-info{display:flex;align-items:center;gap:var(--space-3);min-width:180px;max-width:240px}.player-album-art{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-music-gradient);display:flex;align-items:center;justify-content:center;color:var(--color-danger-text);font-size:var(--text-xl);flex-shrink:0;overflow:hidden}.player-album-art img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.player-track-details{display:flex;flex-direction:column;min-width:0}.player-track-name{font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.player-track-artist{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.player-controls{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);max-width:600px}.player-buttons{display:flex;align-items:center;gap:var(--space-2)}.player-btn{background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:50%;color:var(--color-text-secondary);font-size:var(--text-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.player-btn:hover{color:var(--color-text);background:var(--color-bg-hover)}.player-btn.active{color:var(--color-text)}.player-btn-main{background:var(--color-text);color:var(--color-danger-text)!important;font-size:21px}.player-btn-main:hover{background:var(--color-text-dark);transform:scale(1.05)}.player-btn-small{padding:var(--space-1-5);font-size:var(--text-base)}.player-progress{display:flex;align-items:center;gap:var(--space-2);width:100%}.player-time{font-size:var(--text-2xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;min-width:40px}.player-time-current{text-align:right}.player-time-total{text-align:left}.player-progress-bar{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-xs);cursor:pointer;position:relative;overflow:visible}.player-progress-fill{height:100%;background:var(--color-text);border-radius:var(--radius-xs);transition:width .1s linear;width:0}.player-progress-handle{position:absolute;top:50%;left:0;width:12px;height:12px;background:var(--color-text);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease;box-shadow:0 2px 4px var(--color-shadow-xl)}.player-progress-bar:hover .player-progress-handle{opacity:1}.player-progress-bar:hover .player-progress-fill{height:6px;margin-top:-1px}.player-progress-range{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:var(--radius-xs);cursor:pointer}.player-progress-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-text);border-radius:50%;cursor:pointer}.player-progress-range::-moz-range-thumb{width:12px;height:12px;background:var(--color-text);border-radius:50%;cursor:pointer;border:none}.player-extra{display:flex;align-items:center;gap:var(--space-2);min-width:160px;justify-content:flex-end}.player-close-btn{opacity:.5;transition:opacity .15s ease;margin-left:var(--space-1)}.player-close-btn:hover{opacity:1}.player-volume-slider{width:80px;display:flex;align-items:center}#player-volume-input{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:var(--radius-xs);cursor:pointer}#player-volume-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-text);border-radius:50%;cursor:pointer}#player-volume-input::-moz-range-thumb{width:12px;height:12px;background:var(--color-text);border-radius:50%;cursor:pointer;border:none}.player-queue{position:fixed;bottom:100px;right:16px;width:320px;max-height:400px;background:var(--color-music-background);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:0 8px 30px var(--color-shadow-md);display:flex;flex-direction:column;z-index:1001;overflow:hidden}.player-queue:after{content:"";position:absolute;bottom:-8px;right:60px;width:14px;height:14px;background:var(--color-music-background);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transform:rotate(45deg);z-index:-1}.player-queue.hidden{display:none}.player-queue-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.player-queue-header h3{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.player-queue-list{flex:1;overflow-y:auto;padding:var(--space-2)}.player-queue-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:background .15s ease}.player-queue-item:hover{background:var(--color-bg-hover)}.player-queue-item.active{background:var(--color-bg-alt)}.queue-item-num{width:20px;text-align:center;font-size:var(--text-xs);color:var(--color-text-secondary)}.player-queue-item.active .queue-item-num{color:var(--color-text);font-weight:var(--weight-semibold)}.queue-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.queue-item-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-artist{font-size:var(--text-2xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-duration{font-size:var(--text-2xs);color:var(--color-text-secondary)}.queue-item-remove{background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--color-text-secondary);opacity:0;transition:opacity .15s ease}.player-queue-item:hover .queue-item-remove{opacity:1}.queue-item-remove:hover{color:var(--color-error-text)}.player-queue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-5);text-align:center;color:var(--color-text-secondary)}.player-queue-empty i,.player-queue-empty .oxi-icon{font-size:var(--text-4xl);margin-bottom:var(--space-3);color:var(--color-text-muted)}.music-track.playing{background:var(--color-item-active)}.music-track.playing.selected{background:var(--color-item-selected)}.music-track.playing .music-track-name{color:var(--color-text)}.track-num-text.hidden{display:none}.track-play-icon{display:none;color:var(--color-text)}.player-btn.repeat-one i,.player-btn.repeat-one .oxi-icon{position:relative}.player-btn.repeat-one i:after,.player-btn.repeat-one .oxi-icon:after{content:"1";font-size:8px;position:absolute;top:0;right:0}.player-btn .repeat-one-badge{position:absolute;top:-2px;right:-2px;font-size:8px;font-weight:var(--weight-bold);line-height:1}.player-btn{position:relative}@media(max-width:768px){.music-player{height:70px;padding:0 var(--space-2);gap:var(--space-2)}.music-player-active .music-content{height:calc(100dvh - 270px)}.player-track-info{min-width:auto;max-width:120px}.player-album-art{width:44px;height:44px;font-size:var(--text-md)}.player-track-name{max-width:70px;font-size:var(--text-xs)}.player-track-artist{max-width:70px;font-size:10px}.player-controls{max-width:none}.player-buttons{gap:var(--space-1)}.player-btn{padding:var(--space-1-5);font-size:var(--text-base)}.player-btn-main{width:36px;height:36px;font-size:var(--text-md)}.player-extra{min-width:auto}.player-volume-slider{display:none}.player-queue{right:8px;left:8px;width:auto}}.music-track-drag{width:28px;flex:0 0 28px;cursor:grab;color:var(--color-text-secondary);opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.music-track-header .music-track-drag{cursor:default}.music-track:hover .music-track-drag{opacity:.6}.music-track-drag:active{cursor:grabbing}.music-track.dragging{opacity:.35;background:var(--color-bg-hover)}.music-track.drag-over{border-top:2px solid var(--color-accent-hover);margin-top:-2px}.music-track-actions{width:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center}.music-track-remove-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-sm);opacity:0;transition:opacity .15s,color .15s;font-size:.85rem}.music-track:hover .music-track-remove-btn{opacity:1}.music-track-remove-btn:hover{color:var(--color-danger-text);background:var(--color-danger-bg)}.music-playlist-cover{cursor:pointer;position:relative;overflow:hidden}.music-cover-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.music-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-shadow-4xl);color:var(--color-danger-text);font-size:1.1rem;opacity:0;transition:opacity .2s;border-radius:inherit}.music-playlist-cover:hover .music-cover-overlay{opacity:1}.music-public-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);font-size:.72rem;background:var(--color-music-public-bg);color:var(--color-text);border-radius:var(--radius-2xl);margin-top:var(--space-1)}.music-public-badge.hidden{display:none}#music-toggle-public-btn.active{color:var(--color-text);background:var(--color-item-active)}.music-shares-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-shadow-4xl);display:flex;align-items:center;justify-content:center;z-index:10000}.music-shares-panel{background:var(--color-music-background);border-radius:var(--radius-2xl);width:420px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px var(--color-shadow-md)}.music-shares-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3-5) var(--space-5);border-bottom:1px solid var(--color-border)}.music-shares-header h3{margin:0;font-size:.95rem;display:flex;align-items:center;gap:var(--space-2)}.music-shares-close-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:var(--space-1);font-size:var(--text-md)}.music-shares-close-btn:hover{color:var(--color-text)}.music-shares-body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-5);min-height:60px}.music-shares-loading{text-align:center;padding:var(--space-5);color:var(--color-text-secondary)}.music-shares-empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-4) 0;margin:0}.music-share-item{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.music-share-item:last-child{border-bottom:none}.music-share-user{flex:1;font-size:.88rem;display:flex;align-items:center;gap:var(--space-1-5)}.music-share-perm{font-size:.78rem;color:var(--color-text-secondary)}.music-share-remove-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:var(--space-1);transition:color .15s}.music-share-remove-btn:hover{color:var(--color-danger-text)}.music-shares-add{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap}.music-shares-input{flex:1;min-width:120px;padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.88rem;background:var(--color-bg-surface);color:var(--color-text)}.music-shares-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.music-shares-write-label{font-size:.78rem;display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);white-space:nowrap}.music-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--color-shadow-4xl);opacity:0;transition:opacity .2s ease}.music-picker-overlay.active{opacity:1}.music-picker-modal{display:flex;flex-direction:column;width:min(560px,94vw);max-height:min(620px,85vh);background:var(--color-music-background);border-radius:var(--radius-2xl);box-shadow:0 12px 40px var(--color-shadow-xl);overflow:hidden;transform:translateY(12px);transition:transform .2s ease}.music-picker-overlay.active .music-picker-modal{transform:translateY(0)}.music-picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.music-picker-header h3{margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text)}.music-picker-header h3 i,.music-picker-header h3 .oxi-icon{margin-right:var(--space-2);color:var(--color-primary)}.music-picker-close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--color-text-muted);padding:0 var(--space-1);line-height:var(--leading-none)}.music-picker-close:hover{color:var(--color-text)}.music-picker-search{position:relative;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border)}.music-picker-search i,.music-picker-search>.oxi-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--text-sm)}.music-picker-search input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-bg-surface);color:var(--color-text);outline:none}.music-picker-search input:focus{border-color:var(--color-accent)}.music-picker-list{flex:1;overflow-y:auto;padding:var(--space-1) 0;min-height:200px}.music-picker-loading,.music-picker-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-10) var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.music-picker-item{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-5);cursor:pointer;transition:background .1s;font-size:var(--text-sm);color:var(--color-text)}.music-picker-item:hover{background:var(--color-item-hover)}.music-picker-item.selected{background:var(--color-item-selected)}.music-picker-item input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px;flex-shrink:0}.music-picker-item i.fa-file-audio,.music-picker-item .oxi-icon{color:var(--color-primary);font-size:var(--text-base);flex-shrink:0}.music-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-picker-size{flex-shrink:0;font-size:var(--text-xs);color:var(--color-text-muted)}.music-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border)}.music-picker-selected-count{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium)}.music-picker-actions{display:flex;gap:var(--space-2)}.drive-picker.svelte-cfpyzy{list-style:none;padding:0;margin:0 0 .25rem;display:flex;flex-direction:column}.drive-picker__row.svelte-cfpyzy{display:grid;grid-template-columns:1fr auto;align-items:center}.drive-picker__item.svelte-cfpyzy{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem .3rem 2rem;background:transparent;border:none;color:var(--color-sidebar-text);font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.drive-picker__item.svelte-cfpyzy:hover{background:var(--color-sidebar-hover-bg);color:var(--color-sidebar-text-hover)}.drive-picker__row--active.svelte-cfpyzy .drive-picker__item:where(.svelte-cfpyzy){color:var(--color-sidebar-text-active);font-weight:var(--weight-semibold)}.drive-picker__settings.svelte-cfpyzy{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;color:var(--color-sidebar-text);opacity:.6;text-decoration:none}.drive-picker__settings.svelte-cfpyzy:hover{opacity:1;color:var(--color-sidebar-text-hover)}.drive-picker__name.svelte-cfpyzy{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-picker__bar.svelte-cfpyzy{grid-column:1 / -1;height:3px;background:var(--color-sidebar-storage-bar);border-radius:1.5px;margin:0 1rem .25rem 2rem;overflow:hidden}.drive-picker__bar-fill.svelte-cfpyzy{height:100%;background:var(--color-accent);transition:width .2s ease}body{display:flex}.search-clear.svelte-whg6dh{position:absolute;right:44px;display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:50%;background:none;color:var(--color-text-muted);cursor:pointer}.search-clear.svelte-whg6dh:hover{background:var(--color-bg-hover);color:var(--color-text)}.suggest.svelte-whg6dh{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;list-style:none;margin:0;padding:.25rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, var(--radius-md));box-shadow:var(--shadow-lg, 0 10px 30px var(--color-overlay-shadow));max-height:24rem;overflow:auto}.suggest__item.svelte-whg6dh,.suggest__all.svelte-whg6dh{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .6rem;border:none;background:none;color:var(--color-text);cursor:pointer;text-align:left;border-radius:var(--radius-sm)}.suggest__item.svelte-whg6dh:hover,.suggest__all.svelte-whg6dh:hover{background:var(--color-bg-hover)}.suggest__all.svelte-whg6dh{justify-content:center;color:var(--color-primary);border-top:1px solid var(--color-border);margin-top:.25rem}.suggest__icon.svelte-whg6dh{color:var(--color-text-muted)}.suggest__name.svelte-whg6dh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest__busy.svelte-whg6dh{padding:.6rem;color:var(--color-text-muted);text-align:center}.notif-progress.svelte-whg6dh{height:6px;margin-top:.35rem;border-radius:var(--radius-pill, 999px);background:var(--color-bg-muted);overflow:hidden}.notif-progress__fill.svelte-whg6dh{height:100%;background:var(--color-accent);transition:width .2s ease}.notif-progress-detail.svelte-whg6dh{display:flex;justify-content:space-between;gap:.5rem;margin-top:.25rem;font-size:var(--text-xs, .75rem);color:var(--color-text-muted)}.notif-item-current.svelte-whg6dh{margin-top:.15rem;font-size:var(--text-xs, .75rem);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-bell-btn.ring.svelte-whg6dh svg,.notif-bell-btn.ring.svelte-whg6dh i{transform-origin:top center;animation:svelte-whg6dh-bell-ring .9s ease}@keyframes svelte-whg6dh-bell-ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(12deg)}20%,40%,60%{transform:rotate(-12deg)}70%{transform:rotate(6deg)}80%{transform:rotate(-6deg)}}.avatar.svelte-whg6dh{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-accent-gradient, var(--color-accent));color:var(--color-on-accent);font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0;overflow:hidden}.avatar--photo.svelte-whg6dh{object-fit:cover}.avatar--c0.svelte-whg6dh{background:var(--color-badge-indigo-bg);color:var(--color-badge-indigo-text)}.avatar--c1.svelte-whg6dh{background:var(--color-badge-green-bg);color:var(--color-badge-green-text)}.avatar--c2.svelte-whg6dh{background:var(--color-badge-orange-bg);color:var(--color-badge-orange-text)}.avatar--c3.svelte-whg6dh{background:var(--color-badge-blue-bg);color:var(--color-badge-blue-text)}.avatar--c4.svelte-whg6dh{background:var(--color-badge-amber-bg);color:var(--color-badge-amber-text)}.avatar--lg.svelte-whg6dh{width:44px;height:44px;font-size:var(--text-base)}.user-menu-header.svelte-whg6dh{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.user-menu-id.svelte-whg6dh{min-width:0}.user-menu-name.svelte-whg6dh{font-weight:var(--weight-semibold);color:var(--color-text-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email.svelte-whg6dh{font-size:var(--text-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-item--lang.svelte-whg6dh,.user-menu-item--theme.svelte-whg6dh{cursor:default}.lang-selector.svelte-whg6dh{position:relative;margin-left:auto}.lang-selector__toggle.svelte-whg6dh{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);cursor:pointer;font-size:var(--text-sm)}.lang-selector__toggle.svelte-whg6dh:hover{background:var(--color-bg-hover)}.lang-selector__code.svelte-whg6dh{font-weight:var(--weight-semibold)}.lang-selector__arrow{font-size:var(--text-xs, .7rem);transition:transform .15s ease}.lang-selector--open.svelte-whg6dh .lang-selector__arrow{transform:rotate(180deg)}.lang-selector__dropdown.svelte-whg6dh{position:absolute;bottom:calc(100% + 4px);right:0;z-index:60;min-width:12rem;max-height:18rem;overflow:auto;list-style:none;margin:0;padding:.25rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, var(--radius-md));box-shadow:var(--shadow-lg, 0 10px 30px var(--color-overlay-shadow))}[dir=rtl] .lang-selector__dropdown.svelte-whg6dh{right:auto;left:0}.lang-option.svelte-whg6dh{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .55rem;border:none;background:none;color:var(--color-text);cursor:pointer;text-align:left;border-radius:var(--radius-sm);font-size:var(--text-sm)}.lang-option.svelte-whg6dh:hover{background:var(--color-bg-hover)}.lang-option--active.svelte-whg6dh{color:var(--color-primary);font-weight:var(--weight-semibold)}.lang-option__name.svelte-whg6dh{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-option__check{color:var(--color-primary);flex-shrink:0}.about-overlay.svelte-whg6dh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--color-overlay);animation:svelte-whg6dh-about-fade .18s ease}.about-modal.svelte-whg6dh{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:min(92vw,26rem);padding:var(--space-6) var(--space-5);background:var(--color-bg-surface);color:var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center;animation:svelte-whg6dh-about-pop .2s ease}.about-modal__logo.svelte-whg6dh{width:73px;height:73px;color:var(--color-accent)}.about-modal__logo.svelte-whg6dh svg:where(.svelte-whg6dh){width:100%;height:100%;fill:currentColor}.about-modal__title.svelte-whg6dh{margin:0;font-size:var(--text-xl, 1.5rem);color:var(--color-text-heading)}.about-modal__version.svelte-whg6dh{font-size:var(--text-sm);color:var(--color-text-muted)}.about-modal__desc.svelte-whg6dh{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.about-modal__tech.svelte-whg6dh{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.about-modal__badge.svelte-whg6dh{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill, 999px);background:var(--color-bg-muted);color:var(--color-text-secondary, var(--color-text-muted));font-size:var(--text-xs, .75rem)}.about-modal__links.svelte-whg6dh{display:flex;gap:var(--space-4)}.about-modal__link.svelte-whg6dh{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-primary);text-decoration:none;font-size:var(--text-sm)}.about-modal__link.svelte-whg6dh:hover{text-decoration:underline}.about-modal__close.svelte-whg6dh{margin-top:var(--space-2);padding:var(--space-2) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);cursor:pointer;font-size:var(--text-sm)}.about-modal__close.svelte-whg6dh:hover{background:var(--color-bg-hover)}@keyframes svelte-whg6dh-about-fade{0%{opacity:0}to{opacity:1}}@keyframes svelte-whg6dh-about-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dlg-msg.svelte-1exszei{margin:0 0 var(--space-3);color:var(--color-text)}.dlg-input.svelte-1exszei{width:100%;padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);font-size:var(--text-base)}.dlg-error.svelte-1exszei{margin:var(--space-3) 0 0;color:var(--color-danger-text);font-size:var(--text-sm)}.toaster.svelte-1kymlcg{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom,0px) + var(--toaster-offset, 0px));right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1200;max-width:min(92vw,24rem);pointer-events:none}.toast.svelte-1kymlcg{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text);box-shadow:var(--shadow-md);border-left:4px solid var(--color-border);pointer-events:auto}.toast--success.svelte-1kymlcg{border-left-color:var(--color-success-text)}.toast--error.svelte-1kymlcg{border-left-color:var(--color-danger-text)}.toast--warning.svelte-1kymlcg{border-left-color:var(--color-warning-text)}.toast--info.svelte-1kymlcg{border-left-color:var(--color-primary)}.toast__msg.svelte-1kymlcg{flex:1}.toast__close.svelte-1kymlcg{background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;color:inherit;opacity:.7}.toast__close.svelte-1kymlcg:hover{opacity:1}.app-loading.svelte-12qhfyh{display:grid;place-items:center;min-height:100vh;color:var(--color-text-muted)}