.view-segmented .ant-segmented-item-label{display:flex}.view-segmented .ant-segmented-item-label>span{display:flex;align-items:center;justify-content:center}*,*:before,*:after{box-sizing:border-box}:root{--font-family: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--color-primary: #d97706;--color-secondary: #f59e0b;--color-accent: #2563eb;--color-destructive: #dc2626;--color-neutral: #65736b;--bg: #fffbeb;--bg-muted: #fcf6f0;--surface: #ffffff;--ink: #0f172a;--ink-soft: #475569;--ink-faint: #94a3b8;--border: #f3e5d3;--border-strong: #e8d5bc;--sidebar-bg: #1c1917;--sidebar-ink: #fafaf9;--sidebar-ink-soft: #a8a29e;--sidebar-border: rgba(250, 250, 249, .09);--sidebar-active: #faf7f2;--sidebar-active-ink: #1c1917;--shadow-sm: 0 1px 2px rgba(28, 25, 23, .05);--shadow-md: 0 2px 6px rgba(28, 25, 23, .05), 0 8px 24px rgba(28, 25, 23, .06);--shadow-lg: 0 12px 32px rgba(28, 25, 23, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: .2s ease}[data-theme=dark]{--bg: #171412;--bg-muted: #201c19;--surface: #241f1b;--ink: #f5f0e8;--ink-soft: #b8aea1;--ink-faint: #7d746a;--border: #322b25;--border-strong: #443a31;--sidebar-bg: #100e0c;--sidebar-border: rgba(250, 250, 249, .07);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5)}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{margin:0;font-family:var(--font-family);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-48px;left:16px;z-index:100;padding:10px 18px;background:var(--ink);color:var(--bg);border-radius:0 0 10px 10px;text-decoration:none;font-weight:600;transition:top var(--transition)}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.main-area{min-width:0;display:flex;flex-direction:column}.content{flex:1;padding:24px 36px 96px;max-width:1240px;width:100%;margin:0 auto}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--sidebar-bg);color:var(--sidebar-ink);padding:20px 14px;overflow-y:auto;z-index:40}.sidebar-scrim{display:none}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 6px 18px}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;color:inherit;cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.brand-mark{display:inline-flex;align-items:flex-end;gap:3px;height:26px;padding:5px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:8px}.brand-mark span{width:4px;border-radius:2px;background:#fff}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:14px}.brand-mark span:nth-child(3){height:11px}.brand-copy{display:flex;flex-direction:column;text-align:left;line-height:1.15}.brand-copy strong{font-size:17px;letter-spacing:.02em}.brand-copy small{font-size:9.5px;letter-spacing:.32em;color:var(--sidebar-ink-soft);font-weight:600}.brand-row .sidebar-close{display:none}.sidebar-nav{padding:14px 0 6px}.collection-nav{border-top:1px solid var(--sidebar-border);margin-top:8px}.nav-label{margin:0 0 8px;padding:0 10px;font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--sidebar-ink-soft)}.nav-section-heading{display:flex;align-items:center;justify-content:space-between;padding-right:6px}.nav-heading-actions{display:inline-flex;gap:2px}.nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;margin-bottom:2px;border:0;border-radius:10px;background:transparent;color:var(--sidebar-ink-soft);font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition)}.nav-item:hover{background:#fafaf912;color:var(--sidebar-ink)}.nav-item.is-active{background:var(--sidebar-active);color:var(--sidebar-active-ink);font-weight:600;box-shadow:var(--shadow-sm)}.nav-item-main{display:flex;align-items:center;gap:10px}.nav-count{font-size:11.5px;font-variant-numeric:tabular-nums;opacity:.75}.collection-dot{width:8px;height:8px;border-radius:50%;background:var(--dot-color, var(--color-neutral, #65736b));box-shadow:0 0 0 3px color-mix(in srgb,var(--dot-color, var(--color-neutral, #65736b)) 22%,transparent)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--sidebar-border);padding-top:14px}.local-status{display:flex;align-items:center;gap:10px;padding:8px 10px 12px;font-size:12px;color:var(--sidebar-ink-soft)}.local-status strong{display:block;color:var(--sidebar-ink);font-size:12.5px}.status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #4ade802e}.nav-chevron{opacity:.6}.ant-btn .lucide{vertical-align:-2px}.icon-ghost{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.icon-ghost:hover{background:var(--bg-muted);border-color:var(--border)}.sidebar .icon-ghost:hover{background:#fafaf914;border-color:transparent}.icon-ghost.tiny{width:26px;height:26px;border-radius:7px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:14px 36px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.mobile-menu{display:none}.search-wrap{position:relative;flex:1;max-width:640px}.search-icon{position:absolute;left:14px;top:50%;translate:0 -50%;color:var(--ink-faint);pointer-events:none}.search-wrap input{width:100%;padding:11px 40px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-family:inherit;font-size:14px;transition:border-color var(--transition),box-shadow var(--transition)}.search-wrap input::placeholder{color:var(--ink-faint)}.search-wrap input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.search-wrap input::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:8px;top:50%;translate:0 -50%;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:7px;background:var(--bg-muted);color:var(--ink-soft);cursor:pointer;transition:background var(--transition)}.search-clear:hover{background:var(--border)}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:50;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.suggestion-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:background var(--transition)}.suggestion-item.is-active,.suggestion-item:hover:not(.is-empty){background:var(--bg-muted)}.suggestion-item.is-empty{cursor:default}.suggestion-item img{border-radius:7px;background:var(--bg-muted)}.suggestion-copy{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.suggestion-copy strong{font-size:13.5px;font-weight:600}.suggestion-copy small{font-size:11.5px;color:var(--ink-faint)}.suggestion-arrow{color:var(--ink-faint)}.topbar-actions{display:flex;align-items:center;gap:10px}.segment-icon{display:inline-flex;align-items:center;padding:2px 4px}.add-site-button{font-weight:600}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:36px 0 8px}.eyebrow{margin:0 0 10px;font-size:11.5px;font-weight:700;letter-spacing:.18em;color:var(--color-primary)}.page-heading h1{margin:0;font-size:clamp(26px,4vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1.15}.heading-note{margin:10px 0 0;font-size:13.5px;color:var(--ink-soft)}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 6px}.filter-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.filter-scroll::-webkit-scrollbar{display:none}.filter-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--ink-soft);font-family:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--transition)}.filter-chip:hover{border-color:var(--color-primary);color:var(--ink)}.filter-chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}.chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:11px;font-variant-numeric:tabular-nums}.sort-button{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.sort-button:hover{border-color:var(--color-primary)}.sort-option{display:inline-flex;align-items:center;gap:24px;justify-content:space-between;min-width:96px}.site-section{padding-top:22px}.section-heading-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.section-heading-row h2{margin:0;font-size:17px;font-weight:700;letter-spacing:.01em}.section-heading-row span{font-size:12.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:16px}.site-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition),translate var(--transition)}.site-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary)) top / 100% 3px no-repeat;opacity:0;pointer-events:none;transition:opacity var(--transition)}.site-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);translate:0 -2px}.site-card:hover:before{opacity:1}.site-card[draggable=true]{cursor:grab}.site-card.is-dragging{opacity:.45}.site-card.is-drag-over{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.site-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.site-identity{display:flex;align-items:center;gap:12px;min-width:0}.site-favicon,.favicon-fallback{width:38px;height:38px;border-radius:10px;background:var(--bg-muted);flex-shrink:0}.favicon-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.site-title-wrap{display:flex;flex-direction:column;min-width:0;line-height:1.3}.site-title{display:inline-flex;align-items:center;gap:4px;color:var(--ink);font-size:15px;font-weight:650;text-decoration:none;transition:color var(--transition)}.site-title:hover{color:var(--color-accent)}.title-arrow{opacity:0;translate:-2px 2px;transition:opacity var(--transition),translate var(--transition)}.site-card:hover .title-arrow{opacity:1;translate:0 0}.site-domain{font-size:12px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{display:flex;gap:2px}.card-icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--ink-faint);cursor:pointer;transition:background var(--transition),color var(--transition)}.card-icon-button:hover{background:var(--bg-muted);color:var(--ink)}.card-icon-button.is-favorite{color:var(--color-primary)}.card-icon-button.is-favorite svg{fill:currentColor}.site-description{margin:0;font-size:13px;line-height:1.55;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:3px 9px;border-radius:999px;background:var(--bg-muted);border:1px solid var(--border);font-size:11px;font-weight:500;color:var(--ink-soft)}.space-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--space-color, var(--ink-soft));white-space:nowrap}.space-indicator:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--space-color, var(--ink-soft))}.site-grid[data-view=list]{grid-template-columns:1fr;gap:10px}.site-grid[data-view=list] .site-card{display:grid;grid-template-columns:minmax(220px,1.1fr) 2fr auto;align-items:center;gap:18px;padding:14px 18px}.site-grid[data-view=list] .site-description{-webkit-line-clamp:1}.site-grid[data-view=list] .site-card-footer{margin-top:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:72px 24px;text-align:center;border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 55%,transparent)}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:var(--bg-muted);color:var(--ink-faint);margin-bottom:6px}.empty-state h2{margin:0;font-size:17px}.empty-state p{margin:0 0 12px;font-size:13px;color:var(--ink-soft)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-alert{margin-bottom:14px}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.modal-action-group{display:flex;gap:10px}.drawer-body{display:flex;flex-direction:column;gap:26px}.settings-section h3{margin:0 0 4px;font-size:15px}.settings-section>p,.settings-title-row p{margin:0 0 14px;font-size:12.5px;color:var(--ink-soft)}.settings-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.config-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-size:11.5px;font-weight:700;letter-spacing:.04em}.config-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px}.config-stats>div{padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted);text-align:center}.config-stats dt{font-size:11px;color:var(--ink-faint);letter-spacing:.08em}.config-stats dd{margin:4px 0 0;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.settings-actions{display:flex;flex-direction:column;gap:10px}.import-mode{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.radio-copy{display:inline-flex;flex-direction:column;line-height:1.35}.radio-copy small{color:var(--ink-faint);font-size:11.5px}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--color-destructive) 30%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-destructive) 5%,transparent)}.danger-zone p{margin:0}.manage-list{display:flex;flex-direction:column;gap:10px;padding-top:4px}.manage-row{display:flex;align-items:center;gap:8px}.manage-name{flex:1;min-width:0}.manage-icon-select{width:66px;flex-shrink:0}.manage-color-select{width:60px;flex-shrink:0}.manage-option-icon{vertical-align:-2px}.color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px}.manage-count{font-size:11.5px;color:var(--ink-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.manage-add-row{padding-top:10px;border-top:1px dashed var(--border-strong)}.manage-hint{margin:4px 0 0;font-size:12px;color:var(--ink-faint);line-height:1.5}.mobile-nav{display:none}.fade-enter-active,.fade-leave-active{transition:opacity .22s ease}.fade-enter-from,.fade-leave-to{opacity:0}.pop-enter-active,.pop-leave-active{transition:opacity .18s ease,translate .18s ease}.pop-enter-from,.pop-leave-to{opacity:0;translate:0 -6px}.card-enter-active{transition:opacity .32s ease,translate .32s ease}.card-enter-from{opacity:0;translate:0 12px}.card-leave-active{display:none}.card-move{transition:transform .28s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1024px){.app-shell{grid-template-columns:232px 1fr}.content,.topbar{padding-left:24px;padding-right:24px}}@media(max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,84vw);translate:-100% 0;transition:translate .26s ease;box-shadow:var(--shadow-lg)}.sidebar.is-open{translate:0 0}.brand-row .sidebar-close{display:inline-flex}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-menu{display:inline-flex}.topbar{padding:12px 16px;gap:10px}.view-segmented,.add-site-label{display:none}.content{padding:0 16px 110px}.page-heading{flex-direction:column;align-items:flex-start;padding-top:26px}.filter-bar{flex-wrap:wrap}.site-grid{grid-template-columns:1fr}.site-grid[data-view=list] .site-card{grid-template-columns:1fr;gap:10px}.mobile-nav{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border:0;border-radius:10px;background:transparent;color:var(--ink-faint);font-family:inherit;font-size:10.5px;font-weight:500;cursor:pointer;transition:color var(--transition)}.mobile-nav button.is-active{color:var(--ink)}.mobile-nav .mobile-add{color:var(--color-primary);font-weight:600}}