:root{color-scheme:dark;--bg: #0c0e12;--bg-elevated: #141820;--bg-panel: #11151c;--bg-card: #181d27;--bg-card-hover: #1d2330;--bg-input: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-focus: rgba(139, 164, 255, .55);--text: #f3f5f9;--text-secondary: #a8b2c4;--muted: var(--text-secondary);--text-tertiary: #78839a;--accent: #8ba4ff;--accent-strong: #6d88ff;--accent-soft: rgba(109, 136, 255, .14);--accent-ring: rgba(109, 136, 255, .4);--danger: #ff8585;--font-sans: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--leading-tight: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6;--tracking-tight: -.02em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--ease-out: cubic-bezier(.25, .46, .45, .94);--duration-fast: .12s;--duration-normal: .18s;--touch-min: 44px;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:400;color:var(--text);background:var(--bg);min-height:100vh}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:#6d88ff59;color:var(--text)}body{margin:0;min-height:100%;height:100%;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% -10%,rgba(109,136,255,.18),transparent 34%),radial-gradient(circle at 85% 0%,rgba(120,255,214,.07),transparent 28%),var(--bg)}*{box-sizing:border-box}button,input{font:inherit}a{color:inherit;text-decoration:none}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#root{height:100%;overflow:hidden}.login-page{height:100%;min-height:100vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;place-items:center;padding:24px}.login-card{width:min(400px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:clamp(28px,5vw,36px);box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff0a}.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.login-brand h1{margin:0;font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.login-tagline,.login-hint,.hint,.subtitle,.status,.empty-state,.empty-hero p,.browse-panel-header p,.empty-state-box span{color:var(--muted);line-height:var(--leading-relaxed)}.login-tagline{margin:8px 0 0;max-width:26ch;font-size:var(--text-sm)}.login-form{display:grid;gap:16px}.login-field{display:grid;gap:8px}.login-field label{margin:0}.login-hint{margin:0;padding:12px 14px;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary);background:var(--accent-soft);border:1px solid rgba(109,136,255,.22);border-radius:var(--radius-sm)}.login-hint strong{color:var(--text);font-weight:600;word-break:break-word}.login-form .login-submit{width:100%;margin-top:4px}.login-form .login-back{justify-self:center;min-height:auto;padding:6px 8px;margin-top:-4px}.login-code-input{font-size:1.25rem;letter-spacing:.18em;text-align:center;font-variant-numeric:tabular-nums}.login-error{margin:16px 0 0;text-align:center}form{display:grid;gap:12px}label{font-size:var(--text-sm);font-weight:500;color:var(--muted)}input{width:100%;border:none;background:transparent;color:var(--text);padding:0;font-size:var(--text-base)}.login-card input{padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-input);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.login-card input::placeholder{color:var(--text-tertiary)}.login-card input:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}input:focus{outline:none}button{border:none;border-radius:var(--radius-sm);padding:12px 16px;min-height:var(--touch-min);background:var(--accent-strong);color:#fff;cursor:pointer;font-weight:600;font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}button:hover:not(:disabled){background:#5a78f5}button:active:not(:disabled){transform:scale(.98)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.65;cursor:not-allowed}.link-btn,.ghost-btn{background:transparent;color:var(--muted);font-weight:500}.link-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled){background:#ffffff0a;color:var(--text)}.ghost-btn{border:1px solid var(--border-strong)}.error{color:var(--danger);margin:12px 0 0;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.dashboard-shell{display:flex;height:100%;min-height:0;overflow:hidden}.sidebar-backdrop{display:none}.dashboard-sidebar{width:248px;flex-shrink:0;height:100%;display:flex;flex-direction:column;gap:20px;padding:24px 14px;background:#ffffff05;border-right:1px solid var(--border);overflow:hidden}.sidebar-brand h1{margin:0;font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.sidebar-email{margin:6px 0 0;font-size:var(--text-sm);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.dashboard-main{flex:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;padding:20px clamp(16px,2.5vw,36px) 48px}.dashboard-main::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:8px}.dashboard-main::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.dashboard-main::-webkit-scrollbar-thumb:hover,.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-nav-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.sidebar-nav-divider{height:1px;margin:10px 8px;background:var(--border)}.sidebar-nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:10px 12px;border:none;border-radius:12px;background:transparent;color:var(--muted);font-size:var(--text-sm);font-weight:500;text-align:left;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.sidebar-nav-item:hover{color:var(--text);background:#ffffff0a}.sidebar-nav-item.active{color:var(--text);background:var(--accent-soft);font-weight:600}.sidebar-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sidebar-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ffffff0a;color:var(--muted);flex-shrink:0}.sidebar-nav-item.active .sidebar-nav-icon{background:#6d88ff38;color:var(--accent)}.sidebar-nav-label{flex:1;min-width:0}.sidebar-nav-count{min-width:22px;height:22px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff0f;font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.sidebar-nav-item:hover:not(.active) .sidebar-nav-count{background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff24;color:var(--text)}.sidebar-nav-item.active .sidebar-nav-count{background:#6d88ff38;box-shadow:inset 0 0 0 1px #6d88ff47;color:var(--accent)}.sidebar-nav-item.active:hover .sidebar-nav-count{background:#6d88ff4d;box-shadow:inset 0 0 0 1px #6d88ff61;color:#c5d2ff}.sidebar-footer{margin-top:auto;padding-top:8px}.sidebar-logout{width:100%}.add-form{margin-bottom:14px}.sidebar-search{margin-bottom:8px}.main-topbar{display:none;margin-bottom:12px}.sidebar-toggle{width:var(--touch-min);height:var(--touch-min);padding:0;display:grid;place-items:center;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border);color:var(--text);min-height:var(--touch-min)}.topbar{display:none}.browse-panel{margin-top:8px}.browse-panel-header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}.browse-panel-header h2{margin:0;font-size:clamp(var(--text-xl),1.5vw,var(--text-2xl));font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.browse-panel-header p{margin:0;font-size:var(--text-sm);white-space:nowrap}.subtitle{margin:4px 0 0;font-size:.92rem}.search-bar{display:flex;align-items:center;gap:var(--space-2);padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.search-bar:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.search-bar-icon{color:var(--text-tertiary);flex-shrink:0}.search-bar input{flex:1;min-width:0;font-size:var(--text-base)}.search-bar input::placeholder{color:var(--text-tertiary)}.search-bar-clear{width:28px;height:28px;min-width:28px;min-height:28px;padding:0;display:grid;place-items:center;border:none;border-radius:50%;background:#ffffff14;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;font-weight:400;flex-shrink:0}.search-bar-clear:hover{color:var(--text);background:#ffffff24}.add-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:10px 10px 10px 16px;background:#11151ceb;border:1px solid var(--border-strong);border-radius:999px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.add-form:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.add-form input::placeholder{color:var(--text-tertiary)}.add-form-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700}.add-form-btn{border-radius:999px;padding:10px 18px;min-height:40px}.pending-queue{display:grid;gap:8px;margin-bottom:18px}.pending-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:#6d88ff14}.pending-item.error{background:#ff858514;border-color:#ff858547;border-radius:var(--radius-sm)}.pending-body{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}.status{font-size:var(--text-sm);color:var(--muted)}.pending-url{color:var(--text-tertiary);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pending-spinner{width:14px;height:14px;border:2px solid rgba(124,156,255,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.small-btn{padding:8px 12px;font-size:.85rem;flex-shrink:0}.active-tag-filter{margin-bottom:18px}.chip-filter{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border)}.chip-filter-label{display:block;margin-bottom:10px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.chip-filter-scroll{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.chip-filter-scroll::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;min-height:36px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.active{color:var(--text);background:#ffffff0f;border-color:#8ba4ff59;box-shadow:inset 0 0 0 1px #8ba4ff1f}.chip-num{font-size:.75rem;color:var(--muted)}.chip.active .chip-num{color:var(--accent)}.bookmark-sections{display:grid;gap:28px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-header h2{margin:0;font-size:.95rem;font-weight:600;text-transform:capitalize;color:var(--muted);letter-spacing:.04em}.section-count{font-size:.78rem;color:var(--muted);background:#ffffff0d;padding:2px 8px;border-radius:999px}.bookmark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}@media(min-width:1200px){.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}@media(min-width:1600px){.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}.bookmark-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:220px;height:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-fallback, var(--bg-card));--tag-bg: rgba(255, 255, 255, .1);--tag-bg-hover: rgba(255, 255, 255, .14);--tag-border: rgba(255, 255, 255, .08);--tag-border-hover: rgba(255, 255, 255, .16);--tag-color: var(--text-secondary);--tag-color-hover: var(--text);--tag-bg-active: rgba(109, 136, 255, .22);--tag-border-active: rgba(139, 164, 255, .35);--tag-color-active: #eef1ff;content-visibility:auto;contain-intrinsic-size:auto 220px;contain:layout style paint;transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.bookmark-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.bookmark-card:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.bookmark-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--card-image);background-size:cover;background-position:center;transform:scale(1.02);opacity:0;transition:opacity .2s ease}.bookmark-card.has-image:before{opacity:1;filter:brightness(.78) saturate(.9)}.bookmark-card.has-image{--tag-bg: rgba(24, 29, 39, .92);--tag-bg-hover: rgba(255, 255, 255, .14);--tag-border: rgba(255, 255, 255, .1);--tag-border-hover: rgba(255, 255, 255, .16);--tag-color: #d8deea;--tag-color-hover: var(--text);--tag-bg-active: rgba(109, 136, 255, .22);--tag-border-active: rgba(139, 164, 255, .35);--tag-color-active: #eef1ff}.bookmark-card-preload{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.bookmark-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080a0e26,#080a0eeb 72%,#080a0efa),var(--card-fallback, transparent);pointer-events:none}.bookmark-card.has-image .bookmark-card-overlay{background:linear-gradient(180deg,#080a0e9e,#080a0ec2 45%,#080a0ee0)}.bookmark-card-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;gap:10px;min-height:220px;padding:16px}.ai-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:.68rem;font-weight:800;letter-spacing:.06em;color:#f4f7ff;background:#6d88ff47;border:1px solid rgba(109,136,255,.5);border-radius:999px;box-shadow:0 4px 16px #6d88ff40}.ai-badge-spinner{width:11px;height:11px;border:2px solid rgba(255,255,255,.35);border-top-color:#f4f7ff;border-radius:50%;animation:spin .7s linear infinite}.bookmark-card.has-image .bookmark-card-body{margin-top:auto}.bookmark-card.has-image h3 a,.bookmark-card.has-image p{text-shadow:0 1px 4px rgba(0,0,0,.65)}.bookmark-card.has-image h3 a{color:#f8faff;transition:color .12s ease}.bookmark-card.has-image h3 a:hover{color:var(--accent)}.bookmark-card.has-image p{color:#eef1f6e0}.bookmark-card-body{flex:1;min-height:0}.bookmark-card-footer{margin-top:auto;padding-top:4px}.bookmark-card-footer .tag-row{margin-top:0}.bookmark-card.cat-movies{--card-fallback: linear-gradient(145deg, #2a2248 0%, #151821 100%)}.bookmark-card.cat-programming{--card-fallback: linear-gradient(145deg, #17304a 0%, #121820 100%)}.bookmark-card.cat-shopping{--card-fallback: linear-gradient(145deg, #3a2618 0%, #171512 100%)}.bookmark-card.cat-gaming{--card-fallback: linear-gradient(145deg, #1f3d2d 0%, #121814 100%)}.bookmark-card.cat-articles{--card-fallback: linear-gradient(145deg, #1f3340 0%, #121820 100%)}.bookmark-card.cat-learning{--card-fallback: linear-gradient(145deg, #3a3318 0%, #171512 100%)}.bookmark-card.cat-music{--card-fallback: linear-gradient(145deg, #3a1840 0%, #171218 100%)}.bookmark-card.cat-entertainment,.bookmark-card.cat-other{--card-fallback: linear-gradient(145deg, #2a2040 0%, #141820 100%)}.bookmark-card.has-image .icon-btn{background:#080a0eb8;border-color:#ffffff1f}.bookmark-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.bookmark-card-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.intent-badge{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#eef1ffeb;background:#6d88ff38;padding:4px 8px;border-radius:999px;border:1px solid rgba(139,164,255,.25)}.type-badge{font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#eef1ff;background:#ffffff24;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.bookmark-card h3{margin:0 0 var(--space-2);font-size:var(--text-base);font-weight:600;line-height:var(--leading-tight)}.bookmark-card p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.bookmark-card h3 a{transition:color var(--duration-fast) var(--ease-out)}.bookmark-card h3 a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.bookmark-card a:hover{color:var(--accent)}.tag{font-size:var(--text-xs);font-weight:500;padding:5px 10px;min-height:28px;border-radius:999px;background:var(--tag-bg);color:var(--tag-color);border:1px solid var(--tag-border)}.tag-btn{cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.tag-btn:hover{background:var(--tag-bg-hover);border-color:var(--tag-border-hover);color:var(--tag-color-hover)}.tag-btn.active{background:var(--tag-bg-active);border-color:var(--tag-border-active);color:var(--tag-color-active)}.tag-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag.active-tag-filter-chip{display:inline-flex;align-items:center;gap:6px;background:#ff858524;border-color:#ff858552;color:#ffc9c9;cursor:pointer}.tag.active-tag-filter-chip:hover{background:#ff858538;border-color:#ff858573;color:#ffe0e0}.active-tag-filter-close{font-size:1rem;line-height:1;font-weight:400;opacity:.9}.icon-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;background:#080a0e8c;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:1.25rem;line-height:1;border-radius:var(--radius-xs)}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn:hover:not(:disabled){color:var(--danger);background:#ff858514;border-color:#ff858533}.empty-hero,.empty-state-box{margin-top:32px;text-align:center}.empty-state-box{padding:36px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius)}.empty-state-box p{margin:0 0 6px;font-size:1rem}.empty-hero h2{margin-bottom:var(--space-2);font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.bookmark-card:hover{transform:none}button:active:not(:disabled){transform:none}}@media(max-width:860px){.dashboard-sidebar{position:fixed;z-index:40;top:0;left:0;bottom:0;background:var(--bg-panel);border-right:1px solid var(--border);transform:translate(-105%);transition:transform .2s ease;box-shadow:24px 0 60px #00000059}.dashboard-shell.sidebar-open .dashboard-sidebar{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s ease}.dashboard-shell.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.main-topbar{display:block}.dashboard-main{width:100%;padding:16px 16px 48px}.browse-panel-header{flex-direction:column;align-items:flex-start;gap:4px}.browse-panel-header p{white-space:normal}.browse-panel-header h2{font-size:1.25rem}}@media(max-width:640px){.add-form{grid-template-columns:auto 1fr;border-radius:var(--radius);padding:14px}.add-form-btn{grid-column:1 / -1;width:100%}.browse-panel-body{padding:0}.bookmark-grid{grid-template-columns:1fr}}