[data-theme=high-contrast]{--bg-primary: #fff;--bg-secondary: #fff;--bg-tertiary: #fff;--text-primary: #000;--text-secondary: #222;--text-tertiary: #444;--border-color: #000;--card-bg: #fff;--sidebar-bg: #fff;--modal-bg: #fff;--primary-500: #000;--primary-600: #000;--primary-700: #000;--primary-800: #000;--shadow-color: rgba(0, 0, 0, .7);outline:2px solid #000}:root{--primary-50: #f1f3f4;--primary-100: #e8f0fe;--primary-200: #d2e3fc;--primary-500: #1a73e8;--primary-600: #1967d2;--primary-700: #185abc;--primary-800: #174ea6;--gray-50: #f8f9fa;--gray-100: #f1f3f4;--gray-200: #e8eaed;--gray-300: #dadce0;--gray-400: #bdc1c6;--gray-500: #9aa0a6;--gray-600: #80868b;--gray-700: #5f6368;--gray-800: #3c4043;--gray-900: #202124;--success: #1e8e3e;--danger: #d93025;--warning: #f9ab00;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--bg-hover: rgba(60, 64, 67, .08);--text-primary: #202124;--text-secondary: #5f6368;--text-tertiary: #80868b;--border-color: #dadce0;--shadow-color: rgba(60, 64, 67, .3);--card-bg: #ffffff;--sidebar-bg: #ffffff;--modal-bg: #ffffff;--font-family: "Google Sans", Roboto, Arial, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--shadow-md: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);--shadow-lg: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);--sidebar-width: 256px}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-hover: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #334155;--shadow-color: rgba(0, 0, 0, .4);--card-bg: #1e293b;--sidebar-bg: #0f172a;--modal-bg: #1e293b}[data-theme=ocean]{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--bg-primary: #0c4a6e;--bg-secondary: #082f49;--bg-tertiary: #075985;--bg-hover: #0369a1;--text-primary: #f0f9ff;--text-secondary: #bae6fd;--text-tertiary: #7dd3fc;--border-color: #0369a1;--shadow-color: rgba(0, 0, 0, .4);--card-bg: #075985;--sidebar-bg: #0c4a6e;--modal-bg: #075985}[data-theme=sunset]{--primary-50: #fdf4ff;--primary-100: #fae8ff;--primary-200: #f5d0fe;--primary-500: #d946ef;--primary-600: #c026d3;--primary-700: #a21caf;--primary-800: #86198f;--bg-primary: #2e1065;--bg-secondary: #4c1d95;--bg-tertiary: #5b21b6;--bg-hover: #6d28d9;--text-primary: #faf5ff;--text-secondary: #e9d5ff;--text-tertiary: #d8b4fe;--border-color: #6d28d9;--shadow-color: rgba(0, 0, 0, .4);--card-bg: #5b21b6;--sidebar-bg: #2e1065;--modal-bg: #5b21b6}[data-theme=midnight]{--primary-50: #fafafa;--primary-100: #f4f4f5;--primary-200: #e4e4e7;--primary-500: #71717a;--primary-600: #52525b;--primary-700: #3f3f46;--primary-800: #27272a;--bg-primary: #000000;--bg-secondary: #000000;--bg-tertiary: #18181b;--bg-hover: #27272a;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--border-color: #27272a;--shadow-color: rgba(255, 255, 255, .1);--card-bg: #09090b;--sidebar-bg: #000000;--modal-bg: #09090b}[data-theme=dark] .bookmark-card,[data-theme=ocean] .bookmark-card,[data-theme=sunset] .bookmark-card,[data-theme=midnight] .bookmark-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:color-mix(in srgb,var(--card-bg) 85%,transparent)!important;border:1px solid rgba(255,255,255,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.img-loading{opacity:0;transition:opacity .4s ease-in-out}.img-loading.img-loaded{opacity:1}body{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-secondary);min-height:100vh;-webkit-font-smoothing:antialiased}@media(max-width:1024px){body{overflow-x:hidden}}@media(max-width:480px){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}a{color:var(--primary-500);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:1rem}.hidden{display:none!important}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.auth-bg{position:absolute;inset:0;z-index:0}.bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-600) 0%,#8b5cf6 50%,#ec4899 100%);opacity:.1}.bg-pattern{position:absolute;inset:0;background-image:radial-gradient(var(--primary-500) 1px,transparent 1px);background-size:40px 40px;opacity:.1}.status-banner{width:100%;padding:.75rem;margin-bottom:1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.status-banner.error{background:#fef2f2;color:var(--danger);border:1px solid #fee2e2}[data-theme=dark] .status-banner.error{background:#ef44441a;border-color:#ef444433}.auth-container{position:relative;z-index:1;width:100%;max-width:420px;background:var(--card-bg);border-radius:var(--radius-2xl);padding:2.5rem;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;margin-bottom:1rem}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #6366f166}.logo-icon svg{width:28px;height:28px}.logo-icon.small{width:36px;height:36px}.logo-icon.small svg{width:20px;height:20px}.logo-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-500),#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:var(--text-secondary);font-size:.875rem}.auth-tabs{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:4px;margin-bottom:1.5rem}.auth-tab{flex:1;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-tertiary);transition:all var(--transition-fast)}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:700}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}[data-theme=dark] .form-group input:focus{box-shadow:0 0 0 3px #6366f133}.form-group input::placeholder{color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-features{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.feature{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-tertiary);font-size:.75rem}.feature svg{width:20px;height:20px;color:var(--primary-500)}.feature[data-tooltip]{cursor:pointer;position:relative;text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}.feature[data-tooltip]:hover{color:var(--text-secondary);transform:translateY(-2px)}.feature[data-tooltip]:hover svg{color:var(--primary-600, #4f46e5)}.feature[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-inverse, #1e293b);color:var(--text-inverse, #f8fafc);font-size:.7rem;padding:.3rem .6rem;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:10}.feature[data-tooltip]:hover:after{opacity:1}.form-label-row{display:flex;justify-content:space-between;align-items:baseline}.forgot-password-link{font-size:.75rem;color:var(--primary-500);background:none;border:none;padding:0;cursor:pointer;font-weight:500;transition:color var(--transition-fast)}.forgot-password-link:hover{color:var(--primary-600, #4f46e5);text-decoration:underline}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:2.75rem!important}.password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;transition:color var(--transition-fast);line-height:0}.password-toggle:hover{color:var(--text-secondary)}.password-toggle svg{width:18px;height:18px;pointer-events:none}.password-strength{margin-top:.4rem;display:flex;align-items:center;gap:.5rem}.password-strength.hidden{display:none}.strength-bar{display:flex;gap:3px;flex:1}.strength-segment{height:4px;flex:1;border-radius:2px;background:var(--border-color);transition:background var(--transition-fast)}.strength-segment.weak{background:#ef4444}.strength-segment.fair{background:#f97316}.strength-segment.good{background:#eab308}.strength-segment.strong{background:#22c55e}.strength-label{font-size:.7rem;font-weight:600;min-width:3rem;text-align:right}.strength-label.weak{color:#ef4444}.strength-label.fair{color:#f97316}.strength-label.good{color:#eab308}.strength-label.strong{color:#22c55e}.confirm-password-error{font-size:.75rem;color:#ef4444;margin-top:.2rem}.confirm-password-error.hidden{display:none}@media(max-width:480px){.auth-screen{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.auth-container{max-width:100%;padding:1.5rem;margin:0 .5rem}.auth-header{margin-bottom:1.5rem}.auth-tabs{margin-bottom:1rem}.auth-features{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.btn svg{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.btn-outline{background:transparent;color:var(--primary-500);border:1px solid var(--primary-500)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-outline-danger:hover{background:var(--danger);color:#fff}.btn-full{width:100%}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.btn-icon-sm{width:16px;height:16px}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon svg{width:18px;height:18px}.main-app{display:flex;min-height:100vh;overflow:visible}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:100;transition:width .3s ease;overflow:hidden}body.sidebar-collapsed .sidebar{width:70px}body.sidebar-collapsed .main-content{margin-left:70px}body.sidebar-collapsed .sidebar .logo-text,body.sidebar-collapsed .sidebar .nav-item span:not(.collapsed-tooltip),body.sidebar-collapsed .sidebar .nav-section-header span,body.sidebar-collapsed .sidebar .user-info,body.sidebar-collapsed .sidebar .folder-actions,body.sidebar-collapsed .sidebar .tag-item span,body.sidebar-collapsed .sidebar .folder-name,body.sidebar-collapsed .sidebar .badge,body.sidebar-collapsed .sidebar .section-badge,body.sidebar-collapsed .sidebar .chevron,body.sidebar-collapsed .sidebar .section-actions,body.sidebar-collapsed .sidebar .stats-bar,body.sidebar-collapsed .sidebar .sidebar-tags-search{display:none}body.sidebar-collapsed .sidebar-search,body.sidebar-collapsed .nav-section.collapsible,body.sidebar-collapsed .active-filters-section{display:none}body:not(.sidebar-collapsed) .sidebar-popout{display:none!important}body.sidebar-collapsed .sidebar-header{padding:0;justify-content:center}.sidebar-actions{padding:1rem}#sidebar-add-bookmark-btn{height:48px;padding:0 24px;border-radius:24px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-weight:500;font-size:.875rem;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:1px solid var(--border-color)}#sidebar-add-bookmark-btn:hover{background-color:var(--primary-50);box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326;color:var(--primary-700);border-color:var(--primary-200)}#sidebar-add-bookmark-btn svg{width:24px;height:24px;color:var(--primary-500)}body.sidebar-collapsed .sidebar-actions{padding:1rem 0;display:flex;justify-content:center}body.sidebar-collapsed #sidebar-add-bookmark-btn{width:56px;height:56px;padding:0;justify-content:center;align-items:center;font-size:0;gap:0}body.sidebar-collapsed #sidebar-add-bookmark-btn svg{font-size:initial;width:24px;height:24px}body.sidebar-collapsed .nav-item{padding:.625rem;justify-content:center;margin:2px .5rem;position:relative}body.sidebar-collapsed .nav-item svg{width:22px;height:22px}body.sidebar-collapsed .nav-item:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--bg-primary);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;box-shadow:0 4px 12px #00000026;border:1px solid var(--border-color);z-index:1100}body.sidebar-collapsed .nav-item:hover:after{opacity:1;visibility:visible}body.sidebar-collapsed .nav-section:not(.collapsible){padding:0 .25rem}body.sidebar-collapsed .folder-item,body.sidebar-collapsed .nav-section-header{padding:.5rem;justify-content:center}body.sidebar-collapsed .user-menu{padding:.5rem;justify-content:center;flex-direction:column;gap:.5rem}body.sidebar-collapsed .user-menu .user-avatar{width:36px;height:36px;font-size:.9rem}body.sidebar-collapsed .sidebar-footer{align-items:center;border-top:1px solid var(--border-color);justify-content:center;padding:.5rem;height:auto;display:flex;flex-direction:column;width:100%}body.sidebar-collapsed .sidebar-footer a[href="/help.html"]{width:40px!important;height:40px!important;min-width:40px;min-height:40px;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;position:relative;border:1px solid var(--border-color)!important;background:transparent!important;box-shadow:none!important}body.sidebar-collapsed .sidebar-footer a[href="/help.html"] span{display:none}body.sidebar-collapsed .sidebar-footer a[href="/help.html"] svg{width:18px;height:18px;margin:0!important}body.sidebar-collapsed .sidebar-footer a[href="/help.html"]:after{content:"Help & Docs";position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--bg-primary);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;box-shadow:0 4px 12px #00000026;border:1px solid var(--border-color);z-index:1100}body.sidebar-collapsed .sidebar-footer a[href="/help.html"]:hover:after{opacity:1;visibility:visible}body.sidebar-collapsed .user-menu .btn-icon{width:32px;height:32px}body.sidebar-collapsed .sidebar-nav{align-items:center;overflow:hidden}body.sidebar-collapsed .nav-section{width:100%}body.sidebar-collapsed .sidebar-footer{align-items:center;border-top:1px solid var(--border-color)}.sidebar-popout{position:fixed;left:70px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;padding:.5rem;min-width:200px;max-width:300px;z-index:1000;display:none;opacity:0;transition:opacity .2s ease}[data-theme=dark] .sidebar-popout{box-shadow:0 4px 16px #0006}.sidebar-popout.show{display:block;opacity:1}.sidebar-popout-header{font-weight:600;font-size:.875rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-color);margin-bottom:.25rem}.sidebar-popout-content{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto}.sidebar-popout-content::-webkit-scrollbar{width:6px}.sidebar-popout-content::-webkit-scrollbar-track{background:transparent}.sidebar-popout-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-popout-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sidebar-popout .nav-item,.sidebar-popout .folder-item{width:100%;cursor:pointer}.sidebar-popout .folder-item .folder-actions{opacity:0;transition:opacity .2s}.sidebar-popout .folder-item:hover .folder-actions{opacity:1;display:flex}body.sidebar-collapsed .nav-item,body.sidebar-collapsed .folder-item,body.sidebar-collapsed .nav-section-header{position:relative;cursor:pointer}.sidebar-header{padding:0 1.5rem;height:64px;display:flex;align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-header .logo{justify-content:flex-start}.header-search-bar{position:relative;width:360px}.header-search-bar svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-secondary);pointer-events:none;z-index:1}.header-search-bar input{width:100%;padding:.75rem 4.5rem .75rem 2.75rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;height:48px;transition:all var(--transition-fast);box-shadow:0 2px 4px #0000000d,0 1px 2px #0000001a;font-weight:400}.header-search-bar input::placeholder{color:var(--text-tertiary);font-weight:400}.header-search-bar input:focus{outline:none;border-color:var(--primary-500);background:var(--bg-primary);box-shadow:0 4px 12px #0000001a,0 0 0 4px var(--primary-100),0 2px 4px #00000014;transform:translateY(-1px)}.header-search-bar input:hover:not(:focus){border-color:var(--primary-300);box-shadow:0 3px 6px #00000014,0 1px 2px #0000001f}.header-search-bar kbd{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);height:22px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;line-height:1;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d,inset 0 -1px #0000000d;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;letter-spacing:.025em;z-index:1;opacity:.85;pointer-events:none}.omnibar-container{position:relative}.omnibar-panel{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);width:auto;min-width:300px;max-width:480px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:500px;overflow-y:auto;z-index:2000;animation:omnibarSlideDown .25s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity,filter}@keyframes omnibarSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:blur(0)}}@keyframes viewTransition{0%{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.omnibar-panel::-webkit-scrollbar{width:6px}.omnibar-panel::-webkit-scrollbar-track{background:transparent}.omnibar-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.omnibar-panel::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.omnibar-section{border-bottom:1px solid var(--border-color)}.omnibar-section:last-child{border-bottom:none}.omnibar-section.hidden{display:none}.omnibar-section-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary)}.omnibar-section-content{padding:.25rem 0}.omnibar-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;cursor:pointer;transition:background var(--transition-fast);border-left:3px solid transparent}.omnibar-item:hover,.omnibar-item.active{background:var(--bg-hover)}[data-theme=dark] .omnibar-item:hover,[data-theme=dark] .omnibar-item.active{background:#6366f126}.omnibar-item.bookmark.active,.omnibar-item.bookmark:hover{border-left-color:#3b82f6}.omnibar-item.folder.active,.omnibar-item.folder:hover{border-left-color:#f59e0b}.omnibar-item.empty{color:var(--text-tertiary);font-style:italic;justify-content:center;cursor:default}.omnibar-item-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.omnibar-item-content{flex:1;min-width:0}.omnibar-item-label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.omnibar-item-description{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem}.omnibar-recent-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;cursor:pointer;transition:background var(--transition-fast)}.omnibar-recent-item:hover{background:var(--bg-hover)}.omnibar-recent-remove{opacity:0;transition:opacity var(--transition-fast);color:var(--text-tertiary);padding:.25rem;border-radius:var(--radius-sm)}.omnibar-recent-remove:hover{background:var(--bg-tertiary);color:var(--text-primary)}.omnibar-recent-item:hover .omnibar-recent-remove{opacity:1}.omnibar-tags-grid{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.omnibar-tag-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.omnibar-tag-pill:hover{background:var(--primary-100);color:var(--primary-600);border-color:var(--primary-200)}[data-theme=dark] .omnibar-tag-pill:hover{background:#6366f133;color:var(--primary-200);border-color:#6366f14d}.omnibar-tips{display:flex;gap:1rem;padding:.625rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-tertiary);flex-wrap:wrap}.omnibar-tips .tip{display:flex;align-items:center;gap:.25rem}.omnibar-tips kbd{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;color:var(--text-secondary)}.omnibar-clear-btn{font-size:.6875rem;color:var(--text-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-transform:none;letter-spacing:normal}.omnibar-clear-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.command-favicon{width:16px;height:16px;border-radius:2px;object-fit:contain}.command-icon{font-size:1rem;width:20px;text-align:center}.sidebar-actions{padding:1rem .5rem 0;margin-bottom:.5rem}.sidebar-nav{flex:1;overflow-y:auto;padding:.5rem 0}.stats-bar{display:flex;justify-content:space-between;padding:.5rem .75rem;margin:0 .75rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:.25rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:0}.stat-item .stat-icon{display:none}.stat-value{font-size:.9rem;font-weight:700;color:var(--primary-500);line-height:1}.stat-label{font-size:.6rem;color:var(--text-tertiary);text-transform:lowercase;white-space:nowrap}.nav-section{padding:0 1rem;margin-bottom:.5rem}.nav-section.collapsible{background:var(--bg-tertiary);margin:.5rem .75rem;border-radius:var(--radius-lg);padding:0;border:1px solid transparent;transition:border-color var(--transition-fast)}.nav-section.collapsible:hover{border-color:transparent}.nav-section-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.nav-section.collapsible .nav-section-header:hover{background:var(--bg-hover)}.section-title{display:flex;align-items:center;gap:.5rem}.section-icon{width:16px;height:16px;color:var(--text-tertiary)}.section-badge{font-size:.65rem;padding:1px 5px}.section-actions{display:flex;align-items:center;gap:.25rem}.chevron{width:16px;height:16px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.nav-section.collapsed .chevron{transform:rotate(-90deg)}.nav-section-content{overflow-y:auto;overflow-x:hidden;transition:max-height .3s ease;max-height:275px;padding:0 .5rem .5rem}.nav-section-content::-webkit-scrollbar{width:5px}.nav-section-content::-webkit-scrollbar-track{background:transparent}.nav-section-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.nav-section-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.nav-section.collapsed .nav-section-content{max-height:0;padding-bottom:0}.sidebar-tags-search{padding:.25rem 0}.sidebar-tags-search input{width:100%;padding:.4rem .6rem;font-size:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary)}.sidebar-tags-search input::placeholder{color:var(--text-tertiary)}.sidebar-filter-group{margin-bottom:.75rem}.sidebar-filter-group label{display:block;font-size:.7rem;font-weight:500;color:var(--text-tertiary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.03em}.sidebar-filter-select{width:100%;padding:.4rem .6rem;font-size:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer}.sidebar-filter-select:focus{outline:none;border-color:var(--primary-500)}.sidebar-active-filters{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.sidebar-active-filters:empty{display:none}.sidebar-active-filters .filter-chip{font-size:.65rem;padding:2px 6px}.sidebar-active-filters-wrapper{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.sidebar-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sidebar-filter-header label{font-size:.7rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.sidebar-filter-header .btn-link{font-size:.7rem}.sidebar-active-filters-wrapper .filter-chips{gap:.25rem}.sidebar-active-filters-wrapper .folder-chip,.sidebar-active-filters-wrapper .tag-chip{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.sidebar-active-filters-wrapper .filter-chip{font-size:.65rem;padding:2px 6px}.show-more-btn{width:100%;padding:.4rem;font-size:.75rem;color:var(--primary-500);background:none;border:none;cursor:pointer;text-align:center;border-radius:var(--radius-md);transition:background var(--transition-fast)}.show-more-btn:hover{background:var(--bg-hover)}.active-filters-section{background:#6366f11a;border:1px solid var(--primary-200)}[data-theme=dark] .active-filters-section{background:#6366f11a;border-color:#6366f14d}.active-filters-section .nav-section-header{cursor:default}.btn-link{background:none;border:none;color:var(--primary-500);font-size:.75rem;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.filter-chips{display:flex;flex-wrap:wrap;gap:.375rem;padding:.5rem 0}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:.7rem;font-weight:500}[data-theme=dark] .filter-chip{background:#6366f133;color:#a5b4fc}.filter-chip button{display:flex;background:none;border:none;color:currentColor;cursor:pointer;padding:0;opacity:.7}.filter-chip button:hover{opacity:1}.filter-chip svg{width:12px;height:12px}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:2px;position:relative}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:0;background:var(--primary-500);border-radius:0 2px 2px 0;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(2px)}.nav-item:hover:before{transform:translateY(-50%) scaleY(1);height:60%}.nav-item.active{background:var(--primary-50);color:var(--primary-600);font-weight:500}.nav-item.active:before{transform:translateY(-50%) scaleY(1);height:60%}[data-theme=dark] .nav-item.active{background:#6366f126;color:#a5b4fc}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item span:not(.badge):not(.folder-color){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{padding:2px 8px;font-size:.75rem;font-weight:500;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-tertiary)}.folder-color{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.folder-actions{display:none;gap:2px}.folder-item{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.folder-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:0;background:var(--primary-500);border-radius:0 2px 2px 0;transition:all .2s cubic-bezier(.4,0,.2,1)}.folder-item:hover{background:var(--bg-hover);transform:translate(2px)}.folder-item:hover:before{transform:translateY(-50%) scaleY(1);height:60%}.folder-item:hover .folder-actions{display:flex}.folder-item:hover .badge{display:none}.folder-item.empty{opacity:.5}.folder-item.empty:hover{opacity:.8}.folder-item.empty .folder-color{opacity:.5}.folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tags-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;padding-right:4px}.sidebar-tag-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;color:var(--text-secondary);transition:all var(--transition-fast)}.sidebar-tag-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-tag-item.active{background:var(--primary-100);color:var(--primary-700)}[data-theme=dark] .sidebar-tag-item.active{background:#6366f133;color:#a5b4fc}.sidebar-tag-item .tag-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sidebar-tag-item .tag-count{font-size:.75rem;color:var(--text-tertiary);margin-left:.5rem}.sidebar-footer{padding:1rem 1.5rem;height:78px;border-top:1px solid var(--border-color)}.user-menu{display:flex;align-items:center;gap:.5rem}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-info{flex:1;overflow:hidden}.user-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-name{font-weight:500;font-size:.875rem}.user-plan{font-size:.75rem;color:var(--text-tertiary)}.main-content{flex:1;margin-left:var(--sidebar-width);height:100vh;background:var(--bg-secondary);transition:margin-left .3s ease;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}#headers-container{position:sticky!important;position:-webkit-sticky!important;top:0!important;z-index:100!important;width:100%;display:flex;flex-direction:column}.content-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;gap:1rem;height:64px;width:100%;background:var(--bg-primary)!important;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d}.content-header.selection-mode{background:var(--primary-500);color:#fff;border-bottom-color:var(--primary-600)}.content-header.selection-mode .header-left h1,.content-header.selection-mode .badge,.content-header.selection-mode .btn-icon,.content-header.selection-mode .user-avatar-btn{color:#fff}.content-header.selection-mode .btn-icon:hover{background:#ffffff1a}.header-normal-ui,.header-selection-ui{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;position:relative;transition:opacity var(--transition-fast),transform var(--transition-fast)}.header-center{display:flex;align-items:center;justify-content:center;gap:.75rem;z-index:10;pointer-events:none;flex:1;min-width:0}.header-center .omnibar-container{pointer-events:auto}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-left:auto}@media(max-width:640px){.header-center{order:2;width:100%;padding:.25rem 1rem;pointer-events:auto}.header-left{order:1}.header-right{order:3}.header-center .omnibar-container{width:100%;max-width:none}.omnibar-panel{max-width:90vw;min-width:280px}.header-normal-ui{gap:.5rem}}@media(max-width:900px){.omnibar-panel{max-width:420px}}@media(max-width:768px){.omnibar-panel{max-width:380px}}.content-header.selection-mode .header-normal-ui{display:none}.content-header:not(.selection-mode) .header-selection-ui{display:none}.selection-count{font-weight:500;font-size:1rem}.user-profile-menu{position:relative}.user-avatar-btn{padding:4px;border-radius:var(--radius-full);transition:background var(--transition-fast)}.user-avatar-btn:hover{background:var(--bg-hover)}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:0 0 16px #0000001a;border:1px solid var(--border-color);z-index:1000;padding:1rem;display:flex;flex-direction:column;gap:1rem}.user-dropdown-header{display:flex;flex-direction:column;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color);text-align:center}.user-avatar.large{width:80px;height:80px;font-size:2rem;margin-bottom:.75rem}.user-dropdown-info .user-name{font-weight:500;font-size:1rem;display:block}.user-dropdown-info .user-plan{font-size:.875rem;color:var(--text-tertiary)}.user-dropdown-actions{display:flex;flex-direction:column;gap:.5rem}.dropdown-menu{position:absolute!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;box-shadow:0 4px 12px #00000026!important;z-index:1000!important;min-width:200px!important;padding:.5rem!important}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:background var(--transition-fast);width:100%;text-align:left}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item svg{width:18px;height:18px;color:var(--text-secondary)}.dashboard-header,.bookmarks-header,.favorites-header,.recents-header,.archived-header{display:none;position:relative;min-height:60px;height:auto}.header-left{display:flex;align-items:center;gap:1rem;flex:0 1 auto;min-width:0;max-width:250px}.header-left h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{display:flex;align-items:center;gap:1rem}.sort-controls,.time-range-controls{display:flex;align-items:center;gap:.5rem}.sort-controls label,.time-range-controls label{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;font-weight:500}.form-select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.form-select:hover{border-color:var(--primary-400)}.form-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.bookmark-count{font-size:.875rem;color:var(--text-tertiary);font-weight:500;padding:.25rem .75rem;background:var(--bg-secondary);border-radius:12px}.view-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:4px}.view-btn{padding:.25rem .5rem;border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-primary);color:var(--primary-500);box-shadow:var(--shadow-sm)}.view-btn svg{width:18px;height:18px}.content-body{padding:2rem}@media(max-width:768px){.content-body{padding:1.25rem}}@media(max-width:480px){.content-body{padding:1rem}}@media(max-width:390px){.content-body{padding:.75rem}}body.dashboard-active .content-body{padding:0}body.tag-cloud-active .content-body{padding:0;padding-bottom:2rem}.folder-tab-btn{padding:.5rem .9rem;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.folder-tab-btn:hover{color:var(--text-primary);border-color:var(--primary-200)}.folder-tab-btn.active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-color:transparent;box-shadow:var(--shadow-md)}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 2rem;background:var(--card-bg);box-shadow:var(--shadow-sm);position:sticky;top:64px;z-index:99;width:100%}@media(max-width:768px){.bulk-bar{flex-wrap:wrap;padding:.6rem 1rem;gap:.5rem}}@media(max-width:480px){.bulk-bar{padding:.5rem .75rem;gap:.5rem}.bulk-left{display:flex;align-items:center;flex-wrap:wrap;width:100%;order:1;gap:.25rem;font-size:.875rem}.bulk-left .btn-link{font-size:.8rem;padding:.25rem 0}.bulk-actions{width:100%;order:2;flex-wrap:wrap;gap:.4rem;justify-content:flex-start}.bulk-actions .btn{padding:.4rem .6rem;font-size:.8rem}.bulk-move{flex-wrap:wrap;gap:.35rem}.bulk-move select{min-width:0;max-width:120px;font-size:.8rem}}.bulk-actions{display:flex;align-items:center;gap:.75rem}.bulk-move{display:flex;align-items:center;gap:.5rem}.bulk-move select{padding:.4rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary)}.btn-ghost{padding:.45rem .9rem;border-radius:var(--radius-sm);color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);transition:all var(--transition-fast)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--primary-200)}.btn-danger{padding:.45rem .9rem;border-radius:var(--radius-sm);background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.tag-stats-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem;max-height:260px;overflow-y:auto}.tag-stat-item{padding:.6rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem}.tag-stat-item .tag-path{color:var(--text-secondary);font-size:.8rem}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;animation:viewTransition .3s cubic-bezier(.4,0,.2,1)}.bookmark-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:0;transition:all var(--transition-base);position:relative;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;height:100%;contain:layout style paint}.bookmark-card.selected{border-color:var(--primary-500);box-shadow:0 0 0 2px #6366f126,0 8px 16px #0000001a;background:var(--bg-primary)}.bookmark-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014;border-color:var(--primary-300)}[data-theme=dark] .bookmark-card:hover{box-shadow:0 8px 16px #0000004d}.bookmark-preview{width:100%;height:140px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center}.bookmark-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.bookmark-card:hover .bookmark-thumbnail{transform:scale(1.05)}.bookmark-header{display:flex;align-items:center;gap:.875rem;padding:1.25rem 1.25rem .75rem;position:relative;flex:0 0 auto}.bookmark-select{position:absolute;top:.75rem;left:.75rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:2;background:var(--card-bg);border-radius:var(--radius-sm);padding:2px}.bookmark-select input{width:16px;height:16px;accent-color:var(--primary-600);cursor:pointer}.bookmark-favicon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.bookmark-favicon img{width:28px;height:28px;object-fit:contain}.bookmark-favicon svg{width:24px;height:24px;color:var(--text-tertiary)}.bookmark-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.bookmark-title{font-weight:600;font-size:.9375rem;line-height:1.4;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.bookmark-url{font-size:.75rem;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.bookmark-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;padding:0 1.25rem .875rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:0 0 auto}.bookmark-card{position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.bookmark-actions{display:flex;gap:.25rem;opacity:0;width:0;overflow:hidden;transition:opacity var(--transition-fast),width var(--transition-fast);pointer-events:none}.bookmark-card:hover .bookmark-actions,.bookmark-card.touch-active .bookmark-actions{opacity:1;width:auto;pointer-events:auto}.compact-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;transition:background var(--transition-fast)}.compact-actions{display:flex;gap:2px;opacity:0;width:0;overflow:hidden;transition:opacity var(--transition-fast),width var(--transition-fast);pointer-events:none}.compact-item:hover .compact-actions,.compact-item.touch-active .compact-actions{opacity:1;width:auto;pointer-events:auto}@media(hover:none){.bookmark-actions,.compact-actions{opacity:1;width:auto;pointer-events:auto}}.bookmark-tags{display:flex;flex-wrap:wrap;gap:.375rem;padding:0 1.25rem .875rem;flex:0 0 auto}.tag-suggestions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.tag-suggestion{padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.tag-suggestion:hover{border-color:var(--primary-300);color:var(--text-primary)}.tag{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;font-size:.75rem;font-weight:500;background:color-mix(in srgb,var(--tag-color, var(--primary-500)) 20%,transparent);color:var(--tag-color, var(--primary-600));border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--tag-color, var(--primary-500)) 25%,transparent);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;flex-shrink:0;line-height:1.2}.tag:hover{background:color-mix(in srgb,var(--tag-color, var(--primary-500)) 25%,transparent);border-color:color-mix(in srgb,var(--tag-color, var(--primary-500)) 35%,transparent)}[data-theme=dark] .tag{background:color-mix(in srgb,var(--tag-color, #6366f1) 15%,transparent);color:color-mix(in srgb,var(--tag-color, #a5b4fc) 80%,white);border-color:color-mix(in srgb,var(--tag-color, #6366f1) 25%,transparent)}[data-theme=dark] .tag:hover{background:color-mix(in srgb,var(--tag-color, #6366f1) 25%,transparent);border-color:color-mix(in srgb,var(--tag-color, #6366f1) 35%,transparent)}.bookmark-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast);cursor:pointer}.bookmark-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--gray-300)}.bookmark-action-btn.primary{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.bookmark-action-btn.primary:hover{background:var(--primary-600);border-color:var(--primary-600)}.bookmark-action-btn.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.bookmark-action-btn svg{width:14px;height:14px;flex-shrink:0}.bookmark-favorite{color:var(--text-tertiary)}.bookmark-favorite.active{color:#fbbf24}.bookmark-favorite.active svg{fill:#fbbf24}.load-more-sentinel{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-tertiary);font-size:.875rem;grid-column:1 / -1}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.bookmarks-list{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:100%;overflow:hidden}.bookmarks-list .bookmark-card{display:flex;flex-direction:row;align-items:center;gap:1.25rem;padding:.875rem 1.25rem;border-radius:var(--radius-lg);width:100%;max-width:100%;box-sizing:border-box;height:auto;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);margin-bottom:.5rem}.bookmarks-list .bookmark-card:hover{transform:scale(1.005) translate(4px);background:var(--bg-hover);box-shadow:var(--shadow-md);z-index:10}.bookmarks-list .bookmark-select{position:static;width:18px;height:18px;padding:0;background:transparent;flex-shrink:0}.bookmarks-list .bookmark-select input{width:16px;height:16px}.bookmarks-list .bookmark-header{flex:0 1 350px;margin-bottom:0;padding:0;display:flex;align-items:center;gap:1rem;min-width:200px;overflow:hidden}.bookmarks-list .bookmark-info{min-width:0}.bookmarks-list .bookmark-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmarks-list .bookmark-url{position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:var(--text-tertiary);font-weight:450;letter-spacing:.01em}.bookmarks-list .bookmark-url:after{content:attr(data-full-url);position:absolute;left:0;top:calc(100% + 8px);background:var(--bg-primary);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-md);font-size:.8125rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:min(520px,80vw);z-index:1100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.bookmarks-list .bookmark-card:hover .bookmark-url:after{opacity:1;visibility:visible}.bookmarks-list .bookmark-favicon{width:32px;height:32px;flex-shrink:0}.bookmarks-list .bookmark-description{display:block;font-size:.8125rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.4}.bookmarks-list .bookmark-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-left:0;overflow:hidden;max-width:100%;flex-shrink:1;justify-content:flex-start;padding:0}.bookmarks-list .bookmark-url-and-tags{display:flex;flex-direction:column;gap:.25rem;margin-left:1rem;margin-top:.25rem;min-width:0}.bookmarks-list .bookmark-url-and-tags .bookmark-url{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmarks-list .bookmark-url-and-tags .bookmark-tags{margin-left:0;max-width:100%;justify-content:flex-start;padding:0}.bookmarks-list .bookmark-actions{position:static;opacity:0;flex-shrink:0;padding:0;border:none;background:transparent;margin:0}.bookmarks-list .bookmark-card{display:grid;grid-template-columns:20px 36px 2fr 1.2fr auto;gap:.75rem;align-items:start;padding:.75rem 1rem;margin-bottom:0}.bookmarks-list .bookmark-select{grid-column:1;align-self:center}.bookmarks-list .bookmark-favicon{grid-column:2;width:32px;height:32px;flex-shrink:0;align-self:center}.bookmarks-list .bookmark-title-tags{grid-column:3;min-width:0;display:flex;flex-direction:column;gap:.3rem}.bookmarks-list .bookmark-desc-url{grid-column:4;min-width:0;display:flex;flex-direction:column;gap:.25rem;padding-top:1px}.bookmarks-list .bookmark-description.empty{display:none}.bookmarks-list .bookmark-actions{grid-column:5;width:max-content;overflow:visible;flex-shrink:0;align-self:center}.bookmarks-list .bookmark-card:hover .bookmark-actions{opacity:1}.bookmarks-list .bookmark-action-btn{flex:0 0 auto;padding:.3125rem .5rem;font-size:.8125rem}.bookmarks-list .bookmark-action-btn svg{width:13px;height:13px}.bookmarks-list .bookmark-action-btn.primary span{display:inline}.bookmarks-list .bookmark-action-btn:not(.primary) span{display:none}.bookmarks-compact{display:flex;flex-direction:column;gap:0;background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:100vw;box-sizing:border-box;animation:viewTransition .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;overflow-y:auto}.bookmarks-compact .bookmark-card{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:0;border:none;border-bottom:1px solid var(--border-color);background:var(--card-bg);height:auto;min-height:32px}.bookmarks-compact .bookmark-card:last-child{border-bottom:none}.bookmarks-compact .bookmark-card:hover{transform:none;box-shadow:none;background:var(--bg-hover)}.bookmarks-compact .bookmark-select{position:static;width:16px;height:16px;padding:0;background:transparent;flex-shrink:0}.bookmarks-compact .bookmark-select input{width:14px;height:14px}.bookmarks-compact .bookmark-header{flex:1;display:flex;align-items:center;padding:0;margin-bottom:0;gap:.5rem;min-width:0;overflow:hidden}.bookmarks-compact .bookmark-favicon{width:16px;height:16px;border:none;background:transparent;flex-shrink:0}.bookmarks-compact .bookmark-favicon img{width:14px;height:14px}.bookmarks-compact .bookmark-favicon svg{width:14px;height:14px}.bookmarks-compact .bookmark-info{display:flex;flex-direction:row;align-items:center;gap:.75rem;min-width:0;flex:1;overflow:hidden}.bookmarks-compact .bookmark-title{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;flex-shrink:1}.bookmarks-compact .bookmark-url{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:999;min-width:100px}.bookmarks-compact .bookmark-description,.bookmarks-compact .bookmark-tags{display:none}.bookmarks-compact .bookmark-actions{position:static;opacity:0;gap:.125rem;padding:0;border:none;background:transparent;margin:0;flex-shrink:0}.bookmarks-compact .bookmark-action-btn{padding:.25rem .375rem;font-size:.6875rem}.bookmarks-compact .bookmark-action-btn svg{width:12px;height:12px}.bookmarks-compact .bookmark-card:hover .bookmark-actions{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;min-height:400px;background:var(--bg-secondary);border-radius:var(--radius-xl);margin:1rem}.empty-state-content{display:flex;flex-direction:column;align-items:center;max-width:320px}.empty-icon{width:80px;height:80px;background:var(--bg-tertiary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.empty-icon svg{width:40px;height:40px;color:var(--text-tertiary)}.empty-state h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}@media(max-width:480px){.empty-state{padding:2rem 1rem;margin:.5rem;min-height:280px}.empty-icon{width:64px;height:64px;margin-bottom:1rem}.empty-icon svg{width:32px;height:32px}.empty-state h3{font-size:1rem}.empty-state p{font-size:.875rem}.empty-state .btn{min-height:44px}}.welcome-content{padding:1.5rem}.welcome-intro{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;text-align:center}.welcome-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:600px){.welcome-features{grid-template-columns:1fr}}.welcome-feature{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.feature-icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-500)}[data-theme=dark] .feature-icon{background:#6366f133}.feature-icon svg{width:20px;height:20px}.feature-text h4{font-size:.9rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.feature-text p{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4}.feature-text kbd{display:inline-block;padding:2px 6px;font-size:.75rem;font-family:inherit;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--border-color)}.welcome-actions{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.welcome-actions .btn{display:flex;align-items:center;gap:.5rem}.welcome-checkbox{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8125rem;color:var(--text-tertiary);cursor:pointer}.welcome-checkbox input{accent-color:var(--primary-500)}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;width:90vw;height:90vh;max-width:90vw;max-height:90vh;overflow-y:auto;background:var(--modal-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:modalSlideIn .3s ease;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-sm .modal-content{max-width:380px;height:auto}.modal-tag-picker .modal-content{max-width:460px;height:auto;overflow:visible}.modal-lg .modal-content{max-width:640px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary);gap:1rem}.modal-header h2{font-size:1.25rem;font-weight:700;margin:0;flex:1}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:var(--radius-md);flex-shrink:0}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close svg{width:20px;height:20px;stroke-width:2.5}.modal-content form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:1rem}.color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.color-option{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary)}.color-picker-tag{display:flex;gap:.5rem;flex-wrap:wrap}.color-option-tag{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.color-option-tag:hover{transform:scale(1.1)}.color-option-tag.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary)}.color-picker-bookmark{display:flex;gap:.5rem;flex-wrap:wrap}.color-option-bookmark{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.color-option-bookmark:hover{transform:scale(1.1)}.color-option-bookmark.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary)}.bookmark-card.has-custom-color{background:color-mix(in srgb,var(--bookmark-color) 20%,var(--bg-secondary))!important;border-color:color-mix(in srgb,var(--bookmark-color) 40%,var(--border-color))!important;border-left:8px solid var(--bookmark-color)!important}.bookmark-card.has-custom-color:hover{background:color-mix(in srgb,var(--bookmark-color) 28%,var(--bg-secondary))!important;border-color:color-mix(in srgb,var(--bookmark-color) 50%,var(--border-color))!important}[data-theme=dark] .bookmark-card.has-custom-color{background:color-mix(in srgb,var(--bookmark-color) 18%,var(--bg-secondary))!important;border-color:color-mix(in srgb,var(--bookmark-color) 35%,var(--border-color))!important;border-left:8px solid color-mix(in srgb,var(--bookmark-color) 80%,white)!important}[data-theme=dark] .bookmark-card.has-custom-color:hover{background:color-mix(in srgb,var(--bookmark-color) 25%,var(--bg-secondary))!important;border-color:color-mix(in srgb,var(--bookmark-color) 45%,var(--border-color))!important}#tag-modal{z-index:1100}.tags-input-container{display:flex;flex-wrap:wrap;gap:.375rem;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);min-height:42px;cursor:text;transition:border-color .2s}.tags-input-container:focus-within{border-color:var(--primary-500);outline:none}.selected-tags{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.selected-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;background:color-mix(in srgb,var(--tag-color, var(--primary-500)) 15%,transparent);color:var(--tag-color, var(--primary-700));border:1px solid color-mix(in srgb,var(--tag-color, var(--primary-500)) 25%,transparent);border-radius:var(--radius-full);transition:all .2s}[data-theme=dark] .selected-tag{background:color-mix(in srgb,var(--tag-color, #6366f1) 15%,transparent);color:color-mix(in srgb,var(--tag-color, #a5b4fc) 80%,white);border-color:color-mix(in srgb,var(--tag-color, #6366f1) 25%,transparent)}.selected-tag-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;background:none;border:none;cursor:pointer;color:currentColor;opacity:.7;transition:opacity .2s}.selected-tag-remove:hover{opacity:1}.tags-input-container input[type=text]{flex:1;min-width:120px;border:none;outline:none;background:transparent;font-size:.875rem;padding:.25rem}.tags-input-container input[type=text]::placeholder{color:var(--text-tertiary)}.tag-autocomplete{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;max-height:200px;overflow-y:auto;background:var(--modal-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000}.tag-autocomplete-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;cursor:pointer;transition:background .15s}.tag-autocomplete-item:hover,.tag-autocomplete-item.active{background:var(--bg-tertiary)}.tag-autocomplete-name{font-size:.875rem;color:var(--text-primary);font-weight:500}.tag-autocomplete-count{font-size:.75rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-sm)}.tag-autocomplete-item:hover .tag-autocomplete-count{background:var(--bg-secondary)}.tag-autocomplete-empty{padding:.75rem;text-align:center;color:var(--text-tertiary);font-size:.875rem}.form-group{position:relative}.settings-content{display:flex;flex:1;min-height:0;background:var(--bg-secondary);overflow:hidden}.settings-tabs{width:200px;min-width:200px;padding:.75rem 0;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary)}.settings-tabs-inner{display:flex;flex-direction:column;gap:2px;padding:0 .75rem}.settings-section-header{margin:.75rem 0 .25rem;padding:0 .5rem;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);line-height:1.2}.settings-section-header:first-child{margin-top:0}.settings-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-md);text-align:left;font-size:.875rem;color:var(--text-secondary);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;width:100%}.settings-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-tab.active{background:var(--primary-50);color:var(--primary-600);font-weight:500}.settings-tab.active .settings-tab-icon{color:var(--primary-600)}[data-theme=dark] .settings-tab.active{background:#6366f126;color:var(--primary-300)}[data-theme=dark] .settings-tab.active .settings-tab-icon{color:var(--primary-300)}.settings-tab-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:color var(--transition-fast)}.settings-tab-icon svg{width:18px;height:18px}.settings-tab:hover .settings-tab-icon{color:var(--text-secondary)}.settings-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.settings-panel{flex:1;padding:1.5rem;display:none!important;overflow-y:auto;overflow-x:hidden;background:var(--bg-secondary);min-height:0}.settings-panel.active{display:flex!important;flex-direction:column}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;border-bottom:1px solid var(--border-color);gap:1.5rem}.setting-item:last-child{border-bottom:none}.setting-info{flex:1}.setting-info h4{font-size:.875rem;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.setting-info p{font-size:.8125rem;color:var(--text-tertiary);margin:0}.toggle{position:relative;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:2px;background:#fff;border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle input:checked+.toggle-slider{background:var(--primary-500);border-color:var(--primary-500)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.settings-panel select,.settings-panel input[type=email],.settings-panel input[type=password],.settings-panel textarea{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-fast);min-width:200px}.settings-panel select:focus,.settings-panel input[type=email]:focus,.settings-panel input[type=password]:focus,.settings-panel textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #6366f11a}.settings-panel textarea{min-width:100%;resize:vertical;min-height:100px}#settings-profile form{display:flex;flex-direction:column;gap:.5rem}#settings-profile .form-group{display:flex;flex-direction:column;gap:.25rem}#settings-profile .form-group label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}#settings-profile input[type=email],#settings-profile input[type=password]{width:100%}.api-section{margin-bottom:2rem}.api-section h4{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.api-section>p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.api-key-display{display:flex;gap:.5rem;margin-bottom:.5rem}.api-key-display code{flex:1;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);font-family:monospace;font-size:.875rem;word-break:break-all}.api-endpoint{padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:.5rem}.api-endpoint code{display:block;margin:.25rem 0;font-family:monospace;font-size:.875rem}.api-endpoint p{font-size:.75rem;color:var(--text-tertiary)}.method{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.method.get{background:#22c55e1a;color:#22c55e}.widget-sidebar{position:fixed;top:0;left:0;right:0;max-height:500px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-100%);transition:transform .3s ease;z-index:200;display:flex;flex-direction:column}.widget-sidebar.open{transform:translateY(0)}.widget-sidebar.pinned{z-index:199}.widget-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.widget-sidebar-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}#pin-widget-sidebar.pinned svg{color:var(--primary-500);fill:currentColor}.widget-sidebar-content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-color);overflow:hidden;min-height:0}.widget-section{background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;min-height:0}.widget-section-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.widget-section-header h4{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.widget-section-search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.widget-section-search svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.widget-section-search input{flex:1;min-width:0}.widget-section-list{flex:1;overflow-y:auto;padding:.75rem;min-height:0}@media(max-width:768px){.filter-dropdown{width:calc(100vw - 2rem);left:1rem!important;right:1rem!important;max-height:80vh;overflow-y:auto}.filter-row{flex-direction:column;gap:1.5rem}.filter-column{width:100%;min-width:unset}.filter-grid{max-height:200px;overflow-y:auto}.content-header{flex-wrap:wrap;height:auto;padding:.75rem}.header-left{width:100%;margin-bottom:.5rem}.header-right{width:100%;justify-content:space-between}.header-search-bar{width:100%;flex:1}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-menu:not(.hidden){display:flex;animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1)}.widget-picker-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;margin-bottom:.5rem}.widget-picker-item:last-child{margin-bottom:0}.widget-picker-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.widget-picker-item.added{background:var(--bg-tertiary);opacity:.6;cursor:not-allowed}.widget-picker-item.draggable{cursor:grab}.widget-picker-item.draggable:active{cursor:grabbing}.widget-picker-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-tertiary);flex-shrink:0}.widget-picker-item-icon svg{width:16px;height:16px;color:var(--text-secondary)}.widget-picker-item-info{flex:1;min-width:0}.widget-picker-item-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-picker-item-count{font-size:.75rem;color:var(--text-tertiary)}.widget-picker-empty{text-align:center;padding:2rem 1rem;color:var(--text-tertiary)}.widget-picker-empty svg{width:36px;height:36px;margin-bottom:.75rem;opacity:.5}.widget-picker-empty h4{font-size:.875rem;margin-bottom:.25rem;color:var(--text-secondary)}.widget-picker-empty p{font-size:.75rem}@media(max-width:1024px){.main-app,.main-content,.dashboard-view,.dashboard-content{width:100vw;max-width:100vw}.content-header{padding:.75rem 1rem;flex-wrap:wrap;min-height:90px;height:auto;position:sticky;top:0;z-index:100}.bulk-bar{top:90px}.header-normal-ui{flex-wrap:wrap;gap:.5rem 0}.header-left{order:1;flex:1 1 100%;margin-bottom:.25rem}.header-center{order:2;flex:1 1 100%;width:100%;min-width:0;margin-bottom:.25rem;max-width:100%}.header-center .omnibar-container,.header-center .header-search-bar{width:100%;max-width:100%;min-width:0}.header-right{order:3;flex:1 1 100%;width:100%;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.view-toggle .view-btn{padding:.4rem .6rem}.time-range-controls,.view-toggle,.header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.header-left h1{font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-header .header-left .btn-icon[id^=toggle-sidebar-btn-]{min-width:44px;min-height:44px;padding:.5rem}.dashboard-columns{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translate(-100%);width:280px;max-width:85vw;height:100vh;height:100dvh;z-index:1000;transition:transform var(--transition-fast);box-shadow:2px 0 12px #00000026;padding-left:env(safe-area-inset-left);box-sizing:border-box}body.mobile-sidebar-open .sidebar{transform:translate(0)}body.mobile-sidebar-open{overflow:hidden}.main-content{margin-left:0!important;width:100%}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}body.mobile-sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}body.sidebar-collapsed .sidebar{width:280px;max-width:85vw}body.sidebar-collapsed .main-content{margin-left:0!important}body.sidebar-collapsed .sidebar .logo-text,body.sidebar-collapsed .sidebar .nav-item span:not(.collapsed-tooltip),body.sidebar-collapsed .sidebar .nav-section-header span,body.sidebar-collapsed .sidebar .user-info,body.sidebar-collapsed .sidebar .folder-actions,body.sidebar-collapsed .sidebar .tag-item span,body.sidebar-collapsed .sidebar .folder-name,body.sidebar-collapsed .sidebar .badge,body.sidebar-collapsed .sidebar .section-badge,body.sidebar-collapsed .sidebar .chevron,body.sidebar-collapsed .sidebar .section-actions,body.sidebar-collapsed .sidebar .stats-bar,body.sidebar-collapsed .sidebar .sidebar-tags-search{display:unset}body.sidebar-collapsed .sidebar-search,body.sidebar-collapsed .nav-section.collapsible,body.sidebar-collapsed .active-filters-section{display:block}body.sidebar-collapsed .sidebar-header{padding:1rem;justify-content:flex-start}body.sidebar-collapsed .sidebar-actions{padding:0 1rem}body.sidebar-collapsed .sidebar-actions .btn-primary{width:100%;height:auto;padding:.5rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;gap:.5rem}body.sidebar-collapsed .nav-item{padding:.75rem 1rem;justify-content:flex-start;margin:0}body.sidebar-collapsed .nav-section:not(.collapsible){padding:.5rem 0}.widget-sidebar{max-height:70vh}.widget-sidebar-content{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.widget-section-header h4{font-size:.8125rem}.widget-picker-item{padding:.625rem;gap:.5rem}.widget-picker-item-icon{width:28px;height:28px}.widget-picker-item-icon svg{width:14px;height:14px}.widget-picker-item-name{font-size:.8125rem}.widget-picker-item-count{font-size:.6875rem}}@media(max-width:480px){.main-app{overflow-x:hidden;max-width:100vw}.content-header{padding:.5rem .75rem;min-height:56px}.header-left h1{font-size:1.1rem}.header-right .btn-icon,.header-right .btn{min-width:44px;min-height:44px;padding:.5rem}.header-right{min-width:0}.header-right .view-toggle{flex-wrap:wrap}.sort-controls,.time-range-controls{flex-wrap:wrap;gap:.35rem}.sort-controls label,.time-range-controls label{font-size:.8rem}.sort-controls .form-select,.time-range-controls .form-select{min-width:0;max-width:140px;font-size:.8rem}.sidebar .nav-item{min-height:48px;padding:.75rem 1rem}.sidebar-actions #sidebar-add-bookmark-btn{min-height:48px}.sidebar .stats-bar{padding:.5rem 1rem;gap:.5rem}.sidebar .stat-item{font-size:.8rem}.bookmarks-grid{gap:.75rem}.bookmark-card{padding:.875rem 1rem}.bookmark-action-btn{min-height:44px;padding:.5rem}.modal-content{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);margin:.5rem;max-height:calc(100dvh - 1rem)}.filter-sidebar{max-width:100%;width:100%}.filter-header,.filter-content{padding:1rem}}.widget-sidebar-overlay{position:fixed;inset:0;background:#0000004d;z-index:199;opacity:0;pointer-events:none;transition:opacity .3s ease}.widget-sidebar-overlay.active{opacity:1;pointer-events:all}body.dragging-widget .widget-sidebar-overlay{pointer-events:none}.method.post{background:#3b82f61a;color:#3b82f6}.sync-info{text-align:center;padding:2rem}.sync-icon{width:60px;height:60px;background:var(--primary-50);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.sync-icon svg{width:28px;height:28px;color:var(--primary-500)}.sync-info h4{font-size:1.125rem;margin-bottom:.5rem}.sync-info>p{color:var(--text-secondary);margin-bottom:1.5rem}.extension-buttons{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.import-section{margin-bottom:2rem}.import-section h4{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.import-section>p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.import-options,.export-options{display:flex;gap:.5rem;flex-wrap:wrap}.import-progress{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary);min-height:20px}.import-progress .spinner{width:16px;height:16px;border:2px solid #d1d5db;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.import-progress .success-dot,.import-progress .error-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.import-progress .success-dot{background:#10b981}.import-progress .error-dot{background:#ef4444}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;background:var(--gray-900);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:2000;animation:toastSlideIn .3s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast.success{background:var(--success)}.toast.error{background:var(--danger);cursor:pointer;font-weight:600;border:2px solid rgba(255,255,255,.2)}.context-menu{position:fixed;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.25rem;min-width:160px;z-index:1000}.context-menu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.context-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.context-menu-item.danger{color:var(--danger)}.context-menu-item svg{width:16px;height:16px}.command-item{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.command-item:last-child{border-bottom:none}.command-item:hover,.command-item.active{background:var(--bg-hover)}[data-theme=dark] .command-item:hover,[data-theme=dark] .command-item.active{background:#6366f126}.command-item-left{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0}.command-item-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.command-icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0}.command-favicon{width:16px;height:16px;border-radius:2px;object-fit:contain;flex-shrink:0}.command-label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-desc{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.command-category{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-tertiary);flex-shrink:0}.command-category.bookmark{background:#3b82f626;color:#3b82f6}.command-category.folder{background:#f59e0b26;color:#f59e0b}.command-category.view{background:#facc1526;color:#b59f1a}.command-category.tag{background:#10b98126;color:#10b981}.command-item.bookmark{border-left:3px solid transparent}.command-item.bookmark.active,.command-item.bookmark:hover{border-left-color:#3b82f6}.command-item.folder{border-left:3px solid transparent}.command-item.folder.active,.command-item.folder:hover{border-left-color:#f59e0b}.command-item.empty{color:var(--text-tertiary);font-style:italic;justify-content:center}@media(max-width:640px){.command-desc{display:none}}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:transform var(--transition-base)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}@media(max-width:768px){.bookmarks-grid{grid-template-columns:1fr;gap:1rem}.bookmark-actions{flex-wrap:wrap}.bookmark-action-btn span{display:none}.bookmark-action-btn{flex:0 0 auto;padding:.5rem}.bookmark-action-btn.primary{flex:1}.bookmark-action-btn.primary span{display:inline}.form-row{grid-template-columns:1fr}.settings-content{flex-direction:column;min-height:auto;max-height:none}.settings-tabs{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border-color);padding:.5rem;overflow-x:auto}.settings-tabs-inner{flex-direction:row;flex-wrap:nowrap;gap:.25rem;padding:0 .25rem;min-width:min-content}.settings-section-header{display:none}.settings-tab{padding:.4rem .75rem;font-size:.8rem;flex-shrink:0;width:auto}.settings-tab-icon svg{width:16px;height:16px}.settings-panel{padding:1rem}.setting-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 0}.settings-panel select,.settings-panel input[type=email],.settings-panel input[type=password],.settings-panel textarea{width:100%;min-width:unset}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600)}.dashboard-view{background:var(--bg-secondary);min-height:calc(100vh - 60px);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.dashboard-tabs{display:flex;gap:6px;padding:1rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto;flex-wrap:wrap}.dashboard-tab{padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;background:var(--primary-500);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.dashboard-tab:hover{filter:brightness(1.1);transform:translateY(-1px)}.dashboard-tab.active{box-shadow:0 4px 12px #00000026}.dashboard-tab[data-color=blue]{background:#3b82f6}.dashboard-tab[data-color=red]{background:#ef4444}.dashboard-tab[data-color=green]{background:#22c55e}.dashboard-tab[data-color=yellow]{background:#eab308;color:#000}.dashboard-tab[data-color=purple]{background:#8b5cf6}.dashboard-tab[data-color=orange]{background:#f97316}.dashboard-tab[data-color=teal]{background:#14b8a6}.dashboard-tab[data-color=pink]{background:#ec4899}.dashboard-tab[data-color=gray]{background:#6b7280}.dashboard-tab[data-color=indigo]{background:#6366f1}.dashboard-action-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.dashboard-action-bar .action-link{color:var(--primary-500);font-size:.875rem;cursor:pointer;text-decoration:none;font-weight:500}.dashboard-action-bar .action-link:hover{text-decoration:underline}.dashboard-action-bar input[type=text]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.875rem;min-width:150px}.dashboard-action-bar input::placeholder{color:var(--text-tertiary)}.dashboard-content{padding:1.5rem;background:var(--bg-secondary);max-width:100%;box-sizing:border-box}.dashboard-columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;align-items:start}@media(max-width:640px){.dashboard-columns{grid-template-columns:1fr}.bookmark-actions{opacity:1;transform:translateY(0)}}.dashboard-widget{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:0;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;min-width:200px;transition:transform .15s,opacity .15s,box-shadow .15s;cursor:grab}.dashboard-widget.dragging{opacity:.6;transform:scale(.98);box-shadow:var(--shadow-xl);cursor:grabbing}.dashboard-widget:hover{box-shadow:var(--shadow-lg)}.widget-header{padding:.5rem .75rem;border-bottom:none;display:flex;align-items:center;gap:.5rem;background:#3b82f6;border-radius:0;min-height:32px}.widget-drag-handle{cursor:grab;display:flex;align-items:center;padding:2px;opacity:.7;transition:opacity var(--transition-fast)}.widget-drag-handle:hover{opacity:1}.widget-title{flex:1;font-weight:600;font-size:.8125rem;color:#fff}.widget-count{font-size:.75rem;background:#fff3;padding:2px 8px;border-radius:var(--radius-full);color:#fff}.widget-header[data-color="#6366f1"]{background:#6366f1}.widget-header[data-color="#a855f7"]{background:#a855f7}.widget-header[data-color="#ec4899"]{background:#ec4899}.widget-header[data-color="#ef4444"]{background:#ef4444}.widget-header[data-color="#f97316"]{background:#f97316}.widget-header[data-color="#eab308"]{background:#eab308}.widget-header[data-color="#10b981"]{background:#10b981}.widget-header[data-color="#14b8a6"]{background:#14b8a6}.widget-header[data-color="#06b6d4"]{background:#06b6d4}.widget-header[data-color="#4f46e5"]{background:#4f46e5}.widget-header[data-color="#6b7280"]{background:#6b7280}.widget-header[data-color="#475569"]{background:#475569}.widget-title{font-size:.8125rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.widget-actions{display:flex;gap:.25rem;align-items:center}.widget-actions button,.widget-actions .widget-action-btn{color:#fffc;background:none;border:none;padding:2px;cursor:pointer}.widget-actions button:hover{color:#fff}.widget-actions svg{width:14px;height:14px}.widget-body{padding:.25rem 0;background:var(--card-bg)}.compact-list{display:flex;flex-direction:column}.compact-item{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;color:var(--text-primary);font-size:.8125rem;text-decoration:none;transition:all var(--transition-fast);border-left:3px solid transparent}.compact-item:hover{background:var(--bg-hover);color:var(--text-primary);border-left-color:var(--primary-500)}.compact-item.highlighted{background:var(--danger);color:#fff}.compact-favicon{width:16px;height:16px;flex-shrink:0;border-radius:2px}.compact-favicon img{width:100%;height:100%;object-fit:contain}.compact-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-item-link{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;color:inherit;text-decoration:none}.compact-actions{display:flex;gap:.125rem;opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.compact-item:hover .compact-actions{opacity:1}.compact-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.compact-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.compact-action-btn svg{width:12px;height:12px}.compact-action-btn.compact-action-danger:hover{background:#ef44441a;color:var(--danger)}[data-theme=dark] .compact-action-btn.compact-action-danger:hover{background:#ef444433}.filter-sidebar{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:200;transform:translate(100%);transition:transform var(--transition-base);display:flex;flex-direction:column;box-shadow:-4px 0 15px #0000001a}.filter-sidebar.open{transform:translate(0)}.filter-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary);display:flex;justify-content:space-between;align-items:center}.filter-header h3{font-size:1.125rem;font-weight:600;margin:0}.filter-content{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-secondary)}.filter-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.filter-section:last-child{border-bottom:none;margin-bottom:0}.filter-section h4{font-size:.8125rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);text-transform:none;letter-spacing:0}.available-tags-list{display:flex;flex-direction:column;max-height:350px;overflow-y:auto;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:.25rem}.tags-empty-state{text-align:center;padding:1.5rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.tags-empty-state p{margin:0;font-size:.875rem}.tags-empty-state p.text-tertiary{font-size:.75rem;margin-top:.25rem}.selected-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.selected-tag-chip{display:flex;align-items:center;gap:6px;background:var(--primary-100);color:var(--primary-700);padding:4px 8px 4px 12px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500}[data-theme=dark] .selected-tag-chip{background:#6366f133;color:#a5b4fc}.selected-tag-chip button{display:flex;color:currentColor;opacity:.6}.selected-tag-chip button:hover{opacity:1}.selected-tag-chip svg{width:14px;height:14px}.tag-mode-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);border:1.5px solid;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.tag-mode-btn.or-mode{border-color:var(--primary-400);background:#818cf81a;color:var(--primary-600)}.tag-mode-btn.and-mode{border-color:var(--primary-600);background:var(--primary-100);color:var(--primary-700)}.tag-mode-btn:hover{opacity:.85;transform:translateY(-1px)}[data-theme=dark] .tag-mode-btn.or-mode{background:#818cf826;color:#a5b4fc}[data-theme=dark] .tag-mode-btn.and-mode{background:#6366f140;color:#a5b4fc}.tag-list-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .5rem;border-radius:var(--radius-sm);cursor:pointer;color:var(--primary-500);font-size:.875rem;margin-bottom:1px;transition:all var(--transition-fast)}.tag-list-item:before{content:"⊕";margin-right:.5rem;color:var(--primary-500);font-size:.75rem}.tag-list-item:hover{background:var(--bg-hover);color:var(--text-primary)}.tag-list-item:hover:before{color:var(--text-primary)}.tag-list-item.selected{background:var(--primary-100);color:var(--primary-700)}[data-theme=dark] .tag-list-item{color:#22d3ee}[data-theme=dark] .tag-list-item:before{color:#22d3ee}[data-theme=dark] .tag-list-item.selected{background:#22d3ee26;color:#22d3ee}.tag-count{font-size:.8125rem;color:var(--text-secondary);margin-left:auto}.tag-autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px}.tag-autocomplete-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;cursor:pointer;transition:background-color var(--transition-fast)}.tag-autocomplete-item:hover,.tag-autocomplete-item.active{background-color:var(--bg-hover)}.tag-autocomplete-name{font-weight:500;color:var(--text-primary)}.tag-autocomplete-count{font-size:.75rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-full)}.tag-autocomplete-empty{padding:.75rem;color:var(--text-secondary);text-align:center;font-size:.875rem}.tag-autocomplete-create{border-top:1px solid var(--border-color);color:var(--primary-600)}.tag-autocomplete-create .tag-autocomplete-name{color:var(--primary-600)}.dashboard-freeform{width:100%;height:100%;overflow:hidden}.dashboard-freeform-container{position:relative;width:100%;height:calc(100vh - 4rem);background:var(--bg-secondary);overflow:auto;transition:background var(--transition-base)}.dashboard-freeform-container.drag-over{background:var(--primary-50);border:2px dashed var(--primary-500)}[data-theme=dark] .dashboard-freeform-container.drag-over{background:#6366f11a}.dashboard-help-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-tertiary);font-size:1rem;pointer-events:none;z-index:0}.dashboard-widgets-container{position:relative;min-height:100%;min-width:100%}.dashboard-widget-freeform{position:absolute;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow var(--transition-fast);border:1px solid var(--border-color)}.dashboard-widget-freeform:hover{box-shadow:var(--shadow-lg);z-index:10}.dashboard-widget-freeform.dragging{opacity:.8;cursor:grabbing!important;box-shadow:var(--shadow-xl);z-index:100}.dashboard-widget-freeform.resizing{opacity:.9;z-index:100}.dashboard-widget-freeform .widget-header{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.dashboard-widget-freeform.dragging .widget-header{cursor:grabbing}.dashboard-widget-freeform .widget-body{height:calc(100% - 48px);overflow-y:auto}.dashboard-widget-freeform .compact-list,.dashboard-widget-freeform .compact-item,.dashboard-widget-freeform .compact-item-link,.dashboard-widget-freeform .compact-text{text-align:left}.dashboard-widget-freeform .compact-item{justify-content:flex-start}.widget-resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--text-tertiary) 50%);opacity:.3;transition:opacity var(--transition-fast)}.dashboard-widget-freeform:hover .widget-resize-handle{opacity:.6}.widget-resize-handle:hover{opacity:1!important}.widget-remove{opacity:0;transition:opacity var(--transition-fast)}.widget-actions{display:flex;gap:.25rem;align-items:center;opacity:0;transition:opacity var(--transition-fast)}.dashboard-widget-freeform:hover .widget-actions,.dashboard-widget-freeform:hover .widget-remove{opacity:1}.widget-remove:hover{background:#ef44441a!important;color:var(--danger)!important}.widget-color-btn:hover{background:#fff3!important}.widget-options-container{position:relative}.widget-options-menu{position:absolute;top:100%;right:0;min-width:180px;background:var(--modal-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:fadeIn .15s ease}.widget-options-menu.hidden{display:none}.widget-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.widget-option:hover{background:var(--bg-hover)}.widget-option svg{color:var(--text-tertiary);flex-shrink:0}.widget-option:hover svg{color:var(--text-primary)}.widget-option-divider{height:1px;background:var(--border-color);margin:.25rem 0}.widget-color-picker{position:fixed;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem;box-shadow:var(--shadow-lg);z-index:1000;animation:fadeIn .15s ease}.color-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.color-picker-option{width:32px;height:32px;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;display:flex;align-items:center;justify-content:center}.color-picker-option:hover{transform:scale(1.1);border-color:var(--text-primary);box-shadow:var(--shadow-md)}.color-check{color:#fff;font-size:16px;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.5)}.folder-item[draggable=true]:active,.sidebar-tag-item[draggable=true]:active{opacity:.6;cursor:grabbing!important}.folder-item[draggable=true]:hover,.sidebar-tag-item[draggable=true]:hover{cursor:grab}.tour-overlay{position:fixed;inset:0;background:#00000080;z-index:999;transition:opacity .3s ease}.tour-overlay.hidden{opacity:0;pointer-events:none}.tour-popover{position:fixed;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000004d;z-index:1000;max-height:80vh;overflow-y:auto;padding:1.5rem}.filter-dropdown{position:static;width:100%;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px #00000014;z-index:99;opacity:1!important;display:block!important;order:2}.filter-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.filter-dropdown-title{font-weight:600;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.filter-dropdown-actions{display:flex;gap:.5rem}.filter-dropdown-body{padding:1.5rem 2rem 2rem}.filter-row{display:flex;gap:2rem;align-items:flex-start}.filter-column{flex:1;min-width:0}.filter-column h4{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem}.filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.filter-grid::-webkit-scrollbar{width:6px}.filter-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.filter-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.filter-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.filter-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;gap:.5rem;min-height:36px}.filter-item:hover{border-color:var(--primary-400);background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.filter-item.active{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-700)}[data-theme=dark] .filter-item.active{background:#6366f126;color:#a5b4fc;border-color:#6366f180}.filter-item-name{flex:1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-item-count{font-size:.75rem;color:var(--text-tertiary);font-weight:600;background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:10px;min-width:28px;text-align:center;flex-shrink:0}.filter-item.active .filter-item-count{background:#6366f133;color:var(--primary-700)}[data-theme=dark] .filter-item.active .filter-item-count{color:#a5b4fc}.filter-column-controls{flex:0 0 auto;min-width:220px}.filter-controls{display:flex;flex-direction:column;gap:1rem}.filter-control-group{display:flex;flex-direction:column;gap:.5rem}.filter-control-group label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.filter-select{padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:var(--primary-500)}.filter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.btn-sm{padding:.45rem .8rem;font-size:.875rem}.btn-full{width:100%;justify-content:center}.filter-item .folder-color{width:8px;height:8px;border-radius:50%;margin-right:.5rem;flex-shrink:0}.filter-active-filters{display:flex;flex-wrap:wrap;gap:.5rem;min-height:32px}.filter-no-active{color:var(--text-tertiary);font-size:.875rem;font-style:italic}.filter-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .5rem;background:var(--primary-50);border:1px solid var(--primary-200);border-radius:6px;font-size:.875rem}[data-theme=dark] .filter-badge{background:#6366f126;border-color:#6366f14d}.filter-badge-label{font-weight:600;color:var(--primary-700);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .filter-badge-label{color:#a5b4fc}.filter-badge-value{color:var(--primary-900);font-weight:500}[data-theme=dark] .filter-badge-value{color:#c7d2fe}.filter-badge-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin-left:.25rem;background:transparent;border:none;border-radius:3px;cursor:pointer;color:var(--primary-600);transition:all .2s ease}.filter-badge-remove:hover{background:var(--primary-100);color:var(--primary-800)}[data-theme=dark] .filter-badge-remove:hover{background:#6366f133;color:#e0e7ff}@media(max-width:1200px){.filter-row{flex-direction:column}.filter-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:200px}.filter-column-controls{min-width:100%}}@media(max-width:768px){.filter-dropdown-body{padding:1rem}.filter-row{gap:1.5rem}.filter-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:150px}}.tour-popover.hidden{opacity:0;pointer-events:none;transform:scale(.9)}.tour-popover:before{content:"";position:absolute;width:10px;height:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-right:none;border-bottom:none;transform:rotate(45deg);top:-5px;left:30px}.tour-header{display:flex;justify-content:space-between;align-items:center}.tour-steps{display:flex;gap:.5rem}.tour-step{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;font-size:.75rem;font-weight:600;color:var(--text-secondary);transition:all .2s ease}.tour-step.active{background:var(--primary-500);color:#fff;box-shadow:0 0 0 3px var(--primary-100)}.tour-close{padding:.25rem;color:var(--text-secondary);transition:color .2s ease}.tour-close:hover{color:var(--text-primary)}.tour-content{display:flex;flex-direction:column;gap:.5rem}.tour-content h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.tour-content p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.tour-actions{display:flex;gap:.75rem;justify-content:flex-end}.tour-actions .btn{font-size:.875rem;padding:.5rem 1rem}@media(max-width:768px){.tour-popover{max-width:90vw;padding:1rem}.tour-actions{flex-direction:column}.tour-actions .btn{width:100%}}@media(max-width:480px){.tour-popover{max-width:95vw;padding:.875rem}}.tour-highlight{box-shadow:0 0 0 3px var(--primary-500)!important;border-radius:var(--radius-md);position:relative;z-index:1001}.shortcuts-header{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.shortcuts-header h3{font-size:1.125rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.shortcuts-intro{margin:0;color:var(--text-secondary);font-size:.75rem;line-height:1.3}.shortcuts-mac-note{color:var(--text-tertiary);font-size:.6875rem}.shortcuts-intro kbd{display:inline-block;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.125rem .25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;font-weight:500;color:var(--text-primary);margin:0 .125rem}#settings-shortcuts.active{display:flex;flex-direction:column;height:100%;overflow:hidden}.shortcuts-body{display:flex;flex-direction:column;gap:1.25rem;margin-top:.5rem;flex:1;overflow-y:auto;padding-right:.5rem;min-height:0}.shortcuts-category{display:flex;flex-direction:column;gap:.5rem}.shortcuts-category-title{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin:0;padding-bottom:.25rem;border-bottom:1px solid var(--border-color)}.shortcuts-table-wrap{display:grid;grid-template-columns:1fr auto;gap:0 1.5rem;align-items:baseline;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.shortcuts-table-header{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:1.5rem;padding:.5rem 1rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.shortcuts-table-body{display:contents}.shortcut-row{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;padding:.5rem 1rem;font-size:.8125rem;border-bottom:1px solid var(--border-color);min-height:2.25rem}.shortcut-row:last-child{border-bottom:none}.shortcut-action{color:var(--text-primary);line-height:1.4}.shortcut-keys,.shortcuts-col-shortcut{font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace}.shortcut-keys-monospace{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:flex-end;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.75rem;font-weight:500;color:var(--text-secondary)}.shortcut-keys-monospace kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;box-shadow:0 1px 2px #0000000d}.shortcut-keys-monospace span{color:var(--text-tertiary);font-size:.6875rem;font-weight:400}.shortcuts-section{margin-bottom:2rem}.shortcuts-section h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.shortcuts-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.shortcuts-table tr{border-bottom:1px solid var(--border-color)}.shortcuts-table tr:last-child{border-bottom:none}.shortcuts-table td{padding:.875rem 0;font-size:.9375rem}.shortcuts-table td:first-child{width:40%;padding-right:1rem}.shortcuts-table td:last-child{color:var(--text-secondary)}.shortcuts-table kbd{display:inline-block;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.25rem .5rem;margin:0 .25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;box-shadow:0 1px 2px #0000000d}@media(max-width:768px){.modal-content{width:95vw;height:95vh;max-width:95vw;max-height:95vh}.shortcuts-body{gap:1rem}.shortcuts-table-wrap{gap:0 1rem}.shortcuts-table-header,.shortcut-row{padding:.5rem .75rem;gap:1rem}.shortcut-keys-monospace{justify-content:flex-start;font-size:.6875rem}.shortcut-keys-monospace kbd{min-width:1.25rem;height:1.25rem;font-size:.6875rem}}@media(max-width:640px){.shortcuts-header{margin-bottom:.75rem;padding-bottom:.5rem}.shortcuts-header h3{font-size:1.125rem}.shortcuts-intro{font-size:.75rem}.shortcut-row{padding:.375rem .75rem;min-height:2rem}.shortcut-action{font-size:.75rem}.shortcut-keys-monospace{font-size:.6875rem}.shortcut-keys-monospace kbd{min-width:1.25rem;height:1.25rem;font-size:.6875rem;padding:0 .25rem}}.tag-cloud-view{display:flex;flex-direction:column;gap:2rem;padding:1rem;height:100%;min-height:calc(100vh - 120px)}.smart-tag-suggestion{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);transition:all .2s}.smart-tag-suggestion:hover{background:var(--primary-50);border-color:var(--primary-500)}.tag-suggestion-btn{display:flex;align-items:center;gap:8px;padding:0;background:none;border:none;cursor:pointer;font-size:.9rem;text-align:left}.source-icon{font-size:1.1em}.tag-score{margin-left:auto;font-weight:700;color:var(--primary-500);font-size:.85em}.suggestion-reason{line-height:1.3;white-space:pre-wrap}.domain-info-mini{display:flex;align-items:center;gap:8px}.smart-collections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--primary-500)}.smart-collection-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);transition:all .2s}.smart-collection-card:hover{border-color:var(--primary-500);box-shadow:0 2px 8px #6366f11a}.collection-header{display:flex;gap:12px;align-items:flex-start}.collection-icon{flex-shrink:0}.collection-info{flex:1}.collection-name{margin:0;font-size:1rem;font-weight:600}.collection-reason{margin:4px 0 0;font-size:.85rem}.collection-meta{display:flex;gap:12px;font-size:.85rem;color:var(--text-secondary)}.collection-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tag-badge{display:inline-block;padding:4px 8px;background:var(--primary-50);color:var(--primary-500);border-radius:4px;font-size:.8rem;font-weight:500}.tag-badge.more{background:none;color:var(--text-secondary);padding:0}.smart-insights-widget{padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);margin-bottom:20px}.insights-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.insight-stat{display:flex;flex-direction:column;align-items:center;padding:12px;background:var(--bg-primary);border-radius:6px;text-align:center}.insight-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.insight-value{font-size:1.5rem;font-weight:700;color:var(--primary-500)}.insights-section{margin-bottom:20px}.insights-section h4{margin:0 0 12px;font-size:.95rem;font-weight:600}.insights-list{display:flex;flex-direction:column;gap:10px}.insight-item{display:flex;align-items:center;gap:12px}.item-name{flex-shrink:0;width:120px;font-size:.9rem;text-overflow:ellipsis;overflow:hidden}.item-bar{flex:1;height:20px;background:var(--bg-primary);border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-50))}.item-count{flex-shrink:0;width:40px;text-align:right;font-size:.9rem;font-weight:500}.insights-tags{display:flex;gap:8px;flex-wrap:wrap}.tag-badge-small{display:inline-block;padding:6px 10px;background:var(--primary-50);color:var(--primary-500);border-radius:4px;font-size:.8rem;font-weight:500;white-space:nowrap}.insights-stats{display:flex;flex-direction:column;gap:10px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg-primary);border-radius:4px}.suggestions-list{display:flex;flex-direction:column;gap:8px}.suggestion-btn{padding:10px 12px;background:var(--primary-50);color:var(--primary-500);border:1px solid var(--primary-500);border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.suggestion-btn:hover{background:var(--primary-500);color:#fff}.smart-stats-modal .modal-content{max-width:600px;max-height:80vh;overflow-y:auto}@media(max-width:768px){.header-search-bar{width:200px}}@media(max-width:480px){.header-search-bar{width:140px}.header-search-bar input{padding-right:.5rem}.header-search-bar kbd{display:none}}.stat-card{display:flex;flex-direction:column;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default}.stat-card:hover{background:var(--bg-primary);border-color:var(--primary-300);box-shadow:0 2px 8px #00000014,0 1px 3px #0000001a;transform:translateY(-2px)}.stat-card:active{transform:translateY(0);transition:transform .1s ease}.tag-distribution{display:flex;flex-direction:column;gap:12px}.tag-dist-item{display:flex;align-items:center;gap:12px}.tag-bar{flex:1;height:24px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.most-clicked{display:flex;flex-direction:column;gap:10px}.clicked-item{display:flex;justify-content:space-between;padding:10px;background:var(--bg-secondary);border-radius:4px;border-left:3px solid var(--primary-500)}.clicked-title{flex:1;font-size:.9rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.clicked-count{flex-shrink:0;font-weight:700;color:var(--primary-500)}.quick-launch-panel li:hover,.quick-launch-panel li.active{background:#ffffff14}html{scroll-behavior:smooth}.help-anchor{scroll-margin-top:2rem}.help-anchor:target{padding-left:.75rem;border-left:4px solid var(--primary-500);border-radius:var(--radius-md)}.help-container{max-width:1180px;margin:0 auto;padding:2rem 1.5rem;background:var(--bg-primary);min-height:100vh}.help-shell{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}@media(max-width:960px){.help-container{padding:1.5rem 1rem}.help-shell{grid-template-columns:1fr;gap:1.5rem}}.help-main{min-width:0}.help-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.help-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-primary)}.help-header p{font-size:1.125rem;color:var(--text-secondary)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-600);text-decoration:none;margin-bottom:2rem;font-weight:500;transition:color var(--transition-fast)}.back-link:hover{color:var(--primary-700)}.help-nav{background:var(--bg-secondary);padding:1.25rem;border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:1.25rem;max-height:calc(100vh - 2.5rem);overflow:auto}@media(max-width:960px){.help-nav{position:static;max-height:none}}.help-nav h3{margin-bottom:1rem;color:var(--text-primary)}.help-nav ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:.25rem}.help-nav li{margin:0}.help-nav a{color:var(--primary-600);text-decoration:none;padding:.5rem .75rem;display:flex;align-items:flex-start;gap:.5rem;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.help-nav .nav-icon{flex:0 0 1.25rem;width:1.25rem;line-height:1.2}.help-nav .nav-text{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}.help-anchor .section-icon{display:inline-block;width:1.25rem;margin-right:.5rem}.help-section h2 .section-icon{display:inline-block;width:1.5rem;margin-right:.6rem}.help-nav a.active{background:var(--bg-hover);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--primary-500)}.help-nav a:hover{background:var(--bg-hover)}.help-nav a:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.help-section{margin-bottom:1.5rem;scroll-margin-top:2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:1.75rem}.help-section:target{border-color:var(--primary-500);box-shadow:var(--shadow-md)}.help-section h2{font-size:1.75rem;margin-bottom:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.help-section h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--text-primary)}.help-at-a-glance{margin-top:-.25rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.help-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1rem 0 1.25rem}.help-hero-actions .btn{text-decoration:none}.help-checklist{margin:.75rem 0 0}.help-callouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.help-mini-glossary{margin-top:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.help-mini-glossary h3{margin-top:0}.help-nav-groups{display:grid;gap:1rem}.help-nav-group h4{font-size:.95rem;color:var(--text-primary);margin:.75rem 0 .5rem;text-transform:uppercase;letter-spacing:.04em}.help-nav-group ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:.25rem}.help-nav-group li{min-width:0}.help-nav-group a{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.shortcuts-table{width:100%;border-collapse:collapse;margin-top:1rem;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary)}.shortcuts-table th,.shortcuts-table td{text-align:left;padding:.75rem;border-bottom:1px solid var(--border-color);vertical-align:top}.shortcuts-table th{font-size:.9rem;color:var(--text-primary);background:var(--bg-tertiary)}.shortcuts-table td{color:var(--text-secondary)}.shortcuts-table tr:last-child td{border-bottom:none}@media(max-width:720px){.help-nav-group ul{grid-template-columns:1fr}.shortcuts-table th:nth-child(2),.shortcuts-table td:nth-child(2),.shortcuts-table th:nth-child(3),.shortcuts-table td:nth-child(3){display:block;width:100%}.shortcuts-table tr{display:block;padding:.25rem 0}.shortcuts-table th,.shortcuts-table td{display:block;border-bottom:none}.shortcuts-table td{padding-top:0}}.help-section p{line-height:1.7;color:var(--text-secondary);margin-bottom:1rem}.help-section a{color:var(--primary-600);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-color)}.help-section a:hover{text-decoration-color:var(--primary-600)}.help-section img.doc-image{display:block;max-width:100%;height:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary)}.help-section code{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.125rem .375rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;color:var(--text-primary)}.help-section kbd{display:inline-block;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.15rem .45rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85em;font-weight:600;color:var(--text-primary);box-shadow:var(--shadow-sm);white-space:nowrap}.help-section ul,.help-section ol{margin-bottom:1rem;padding-left:1.5rem}.help-section li{line-height:1.7;color:var(--text-secondary);margin-bottom:.5rem}.shortcuts-grid{display:grid;gap:1rem;margin-top:1rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.shortcut-keys{display:flex;gap:.5rem;flex-wrap:wrap}.shortcut-desc{color:var(--text-secondary);flex:1;padding-right:1rem}.feature-card{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border-color);margin-bottom:1rem}.feature-card h4{margin-bottom:.5rem;color:var(--text-primary)}.code-block{position:relative;background:var(--gray-900);color:var(--gray-100);padding:1rem 1rem 1rem .25rem;border-radius:var(--radius-lg);overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;margin:.5rem 0;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 6px #0000004d;white-space:pre-wrap;word-wrap:break-word}.code-block pre{margin:0;white-space:pre}.code-block-wrapper{position:relative}.copy-code-btn{position:absolute;top:.75rem;right:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--gray-100);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:.375rem}.copy-code-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.copy-code-btn:active{transform:translateY(0)}.copy-code-btn.copied{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.copy-code-btn svg{width:14px;height:14px}.tip-box{background:var(--primary-50);border-left:4px solid var(--primary-500);padding:1rem 1.5rem;border-radius:var(--radius-md);margin:1rem 0}[data-theme=dark] .tip-box{background:var(--bg-tertiary)}.tip-box strong{color:var(--primary-700)}.tag-cloud-container{padding:0 0 1.5rem;height:calc(100vh - 80px);max-height:calc(100vh - 120px);width:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}body.tag-cloud-active #empty-state-container{display:none!important}body.tag-cloud-active .content-body{padding-bottom:1.5rem}.tag-cloud-view{flex:1;display:flex;flex-direction:column;padding:.75rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);border-radius:var(--radius-xl);margin:.25rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);position:relative;overflow:hidden;max-height:calc(100vh - 90px)}.tag-cloud-view:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(99,102,241,.03) 0%,transparent 100%);pointer-events:none}.tag-cloud-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:1;flex-wrap:wrap;gap:.75rem;flex-shrink:0}.tag-cloud-title{display:flex;align-items:center;gap:.75rem}.tag-cloud-title svg{width:28px;height:28px;color:var(--primary-500)}.tag-cloud-title h2{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary-500),#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.tag-cloud-count{background:var(--bg-tertiary);padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.tag-cloud-stats{display:flex;gap:1.5rem}.tag-cloud-stat{text-align:right}.tag-cloud-stat .stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-500)}.tag-cloud-stat .stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.tag-cloud-toggle{appearance:none;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);padding:.4rem .75rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tag-cloud-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.tag-cloud-toggle[aria-pressed=true]{border-color:var(--primary-500);color:var(--primary-600);background:color-mix(in srgb,var(--primary-500) 12%,transparent)}.tag-cloud-link-analytics{font-size:.875rem;color:var(--primary-500);text-decoration:none;font-weight:500}.tag-cloud-link-analytics:hover{text-decoration:underline;color:var(--primary-600)}.tag-cloud-canvas{flex:1;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:.35rem .5rem;padding:.75rem .75rem 3.5rem;min-height:0;position:relative;z-index:1;overflow:auto;-webkit-overflow-scrolling:touch;container-type:inline-size}.tag-cloud-canvas::-webkit-scrollbar{display:none}.tag-cloud-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.35em .6em;font-size:var(--tag-size, .95rem);font-weight:600;line-height:1.2;color:var(--tag-text, #ffffff);background:linear-gradient(135deg,color-mix(in srgb,var(--tag-color, var(--primary-500)) 85%,white),color-mix(in srgb,var(--tag-color, var(--primary-500)) 65%,black));border:1px solid color-mix(in srgb,var(--tag-color, var(--primary-500)) 55%,transparent);border-radius:var(--radius-full);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);opacity:0;animation:tagCloudFadeIn .4s ease forwards;animation-delay:var(--tag-delay, 0s);transform:var(--tag-rotation, rotate(0deg)) scale(.9);text-shadow:none;white-space:nowrap;box-shadow:0 4px 10px color-mix(in srgb,var(--tag-color, var(--primary-500)) 28%,transparent),inset 0 1px #ffffff1f;max-width:90%;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}@keyframes tagCloudFadeIn{0%{opacity:0;transform:var(--tag-rotation, rotate(0deg)) scale(.7) translateY(10px)}to{opacity:var(--tag-opacity, 1);transform:var(--tag-rotation, rotate(0deg)) scale(1) translateY(0)}}.tag-cloud-tag:hover{transform:var(--tag-rotation, rotate(0deg)) scale(1.1) translateY(-2px);background:linear-gradient(135deg,color-mix(in srgb,var(--tag-color, var(--primary-500)) 92%,white),color-mix(in srgb,var(--tag-color, var(--primary-500)) 75%,black));border-color:color-mix(in srgb,var(--tag-color, var(--primary-500)) 70%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--tag-color, var(--primary-500)) 40%,transparent),0 2px 8px #0000001a,inset 0 1px #fff3;z-index:10}.tag-cloud-tag:active{transform:var(--tag-rotation, rotate(0deg)) scale(1.05)}.tag-cloud-tag-count{font-size:.65em;font-weight:500;opacity:.9;background:color-mix(in srgb,var(--tag-text, #ffffff) 15%,transparent);padding:.15em .5em;border-radius:var(--radius-full);margin-left:.25em}[data-theme=dark] .tag-cloud-tag-count{background:#ffffff1a}.tag-cloud-legend{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding:.75rem 1rem;border-top:1px solid var(--border-color);position:absolute;left:0;right:0;bottom:0;z-index:5;background:linear-gradient(to bottom,#0000,#03253a99);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-primary);flex-shrink:0}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-tertiary)}.legend-size{font-weight:700;color:var(--primary-500)}.legend-size.legend-small{font-size:.75rem}.legend-size.legend-large{font-size:1.5rem}.legend-gradient{width:100px;height:4px;background:linear-gradient(90deg,#6366f1,#06b6d4 25%,#22c55e,#eab308,#f97316 85%,#ec4899);border-radius:var(--radius-full)}.tag-cloud-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;color:var(--text-secondary)}.tag-cloud-empty-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.tag-cloud-empty-icon svg{width:40px;height:40px;color:var(--primary-500)}.tag-cloud-empty h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.tag-cloud-empty p{font-size:.9375rem;color:var(--text-tertiary);max-width:300px}[data-theme=dark] .tag-cloud-empty-icon{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary))}@media(max-width:768px){.tag-cloud-container{height:calc(100vh - 80px);max-height:calc(100vh - 80px)}.tag-cloud-view{padding:1rem;margin:.25rem;max-height:calc(100vh - 90px)}.tag-cloud-header{flex-direction:column;gap:.5rem;margin-bottom:.75rem}.tag-cloud-stats{width:100%;justify-content:space-around}.tag-cloud-stat{text-align:center}.tag-cloud-canvas{padding:.4rem;gap:.3rem .45rem}.tag-cloud-tag{padding:.3em .55em;gap:.3rem}.tag-cloud-legend{margin-top:.5rem;padding:.5rem .75rem;font-size:.75rem;left:0;right:0}.legend-gradient{width:60px}}@media(max-width:480px){.tag-cloud-view{padding:.75rem;margin:.25rem}.tag-cloud-canvas{padding:.35rem;gap:.25rem .35rem}.tag-cloud-tag{padding:.3em .5em}.tag-cloud-header{margin-bottom:.5rem}.tag-cloud-stats{gap:1rem}}body.fullscreen-mode .sidebar{display:none!important}body.fullscreen-mode .main-content{margin-left:0!important}body.fullscreen-mode .content-header{padding-left:1rem}body.fullscreen-mode .dashboard-freeform-container{height:calc(100vh - 60px)}.dashboard-view-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:var(--primary-100);color:var(--primary-700);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);margin-left:.5rem}[data-theme=dark] .dashboard-view-badge{background:#6366f133;color:var(--primary-200)}.dashboard-unsaved-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fbbf2433;color:#b45309;font-size:.7rem;font-weight:500;border-radius:var(--radius-full);margin-left:.25rem;animation:pulse-badge 2s ease-in-out infinite}[data-theme=dark] .dashboard-unsaved-badge{background:#fbbf2426;color:#fbbf24}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.fullscreen-enter-icon,.fullscreen-exit-icon{width:18px;height:18px}body.fullscreen-mode #dashboard-fullscreen-btn .fullscreen-enter-icon{display:none}body.fullscreen-mode #dashboard-fullscreen-btn .fullscreen-exit-icon{display:block!important}.maintenance-section{padding:1rem 0;border-bottom:1px solid var(--border-color)}.maintenance-section:last-child{border-bottom:none}.maintenance-section h4{margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.maintenance-section h4 svg{width:16px;height:16px;color:var(--primary-500)}.maintenance-section p{color:var(--text-tertiary);font-size:.8rem;margin-bottom:1rem}.maintenance-actions{display:flex;flex-wrap:wrap;gap:.5rem}.maintenance-results{margin-top:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.85rem;max-height:300px;overflow-y:auto}.maintenance-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600}.maintenance-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:var(--radius-sm);margin-bottom:.25rem;background:var(--bg-primary)}.maintenance-item:hover{background:var(--bg-hover)}.maintenance-item-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0;margin-right:.5rem}.maintenance-item-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maintenance-item-url{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maintenance-item-actions{display:flex;gap:.25rem}.maintenance-progress{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)}.maintenance-progress-bar{flex:1;height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.maintenance-progress-fill{height:100%;background:var(--primary-500);transition:width .3s ease}.maintenance-status{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500}.maintenance-status.ok{background:#22c55e1a;color:var(--success)}.maintenance-status.error{background:#ef44441a;color:var(--danger)}.maintenance-status.warning{background:#fbbf241a;color:#b45309}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton{background:var(--bg-tertiary);background-image:linear-gradient(to right,var(--bg-tertiary) 0%,var(--bg-hover) 20%,var(--bg-tertiary) 40%,var(--bg-tertiary) 100%);background-repeat:no-repeat;background-size:800px 104px;display:inline-block;position:relative;animation:shimmer 1.5s infinite linear forward;border-radius:var(--radius-sm)}.skeleton-text{height:1rem;width:100%;margin-bottom:.5rem}.skeleton-title{height:1.25rem;width:70%;margin-bottom:.75rem}.skeleton-url{height:.875rem;width:40%;margin-bottom:1rem}.skeleton-favicon{width:24px;height:24px;border-radius:var(--radius-sm)}.skeleton-tag{width:60px;height:24px;border-radius:var(--radius-full);margin-right:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.entrance-animation{animation:fadeInUp .4s ease forwards;opacity:0}.delay-0{animation-delay:0ms}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.delay-9{animation-delay:.45s}.rich-bookmark-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;position:relative;height:100%}.rich-bookmark-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.rich-bookmark-card.selected{border-color:var(--accent-primary);background:var(--bg-highlight)}.rich-card-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.rich-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.rich-bookmark-card:hover .rich-card-image img{transform:scale(1.05)}.rich-card-image-placeholder{width:100%;aspect-ratio:16 / 9;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.rich-card-content{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.rich-card-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.rich-card-content .bookmark-title{font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rich-card-content .bookmark-description{font-size:.85rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem}.rich-bookmark-card .bookmark-actions{display:flex;gap:.25rem;margin-top:.75rem;flex-wrap:wrap;opacity:1;width:auto;pointer-events:auto;overflow:visible;transition:none}.rich-bookmark-card .bookmark-actions .btn{padding:.4rem .6rem;font-size:.75rem}.rich-bookmark-card .bookmark-actions .btn-ghost{padding:.4rem}.rich-card-content .bookmark-tags{margin-top:auto;margin-bottom:.25rem}.bookmarks-grid.rich-link-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.analytics-dashboard{padding:2rem;max-width:1200px;margin:0 auto}.analytics-header{margin-bottom:2rem}.analytics-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.analytics-header p{color:var(--text-tertiary)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.analytics-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column}.metric-card{justify-content:center;min-height:160px}.metric-value{font-size:2.5rem;font-weight:700;color:#6366f1;margin-bottom:.25rem}.metric-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.metric-subtext{font-size:.875rem;color:var(--text-tertiary)}.chart-card{grid-column:span 2}@media(max-width:768px){.chart-card{grid-column:span 1}}@media(max-width:480px){.analytics-dashboard{padding:1rem}.analytics-header{margin-bottom:1.5rem}.analytics-header h1{font-size:1.5rem}.analytics-grid{gap:1rem}.analytics-card{padding:1rem}.metric-card{min-height:120px}.metric-value{font-size:1.75rem}.tag-insights-summary{flex-wrap:wrap;gap:.5rem}}.analytics-card h3{font-size:1.125rem;margin-bottom:1.5rem;color:var(--text-primary)}.domain-list{display:flex;flex-direction:column}.domain-item{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-bottom:1rem;position:relative;padding-bottom:.5rem}.domain-name{font-size:.875rem;color:var(--text-secondary);z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-count{font-size:.875rem;font-weight:600;color:var(--text-primary);z-index:1}.domain-bar{position:absolute;bottom:0;left:0;height:4px;background:#6366f1;opacity:.2;border-radius:2px}.analytics-tag-insights .tag-bar{background:#8b5cf6;opacity:.25}.tag-insights-summary{display:flex;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-tertiary)}.tag-insights-summary .tag-insight-stat{font-weight:500;color:var(--text-secondary)}.sparkline{width:100%;height:30px}.bar-chart-container{display:flex;flex-direction:column;height:100px}.bar-chart-container svg{flex:1;width:100%}.bar-chart-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--text-tertiary)}.progress-multi{height:8px;background:var(--bg-tertiary);border-radius:4px;display:flex;overflow:hidden;margin:1rem 0 .5rem}.progress-segment{height:100%}.dist-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-tertiary)}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.error-state{padding:3rem;text-align:center;color:var(--text-danger)}