:root{--legacy-sidebar-width:240px;--legacy-sidebar-collapsed-width:50px;--legacy-sidebar-top:56px;--legacy-sidebar-bg:#f5f3ff;--legacy-sidebar-border:#e9d8fd;--legacy-sidebar-hover-bg:rgba(107,70,193,.08);--legacy-sidebar-active-bg:#e9d8fd;--legacy-sidebar-active-text:#6d28d9;--legacy-sidebar-text:#4a5568;--legacy-sidebar-icon:#553c9a;--legacy-content-padding:24px;--legacy-card-border:#ede9fe;--legacy-card-shadow:0 2px 8px rgba(0,0,0,.05)}.dark{--legacy-sidebar-bg:#1e1b4b;--legacy-sidebar-border:#312e81;--legacy-sidebar-hover-bg:rgba(139,92,246,.15);--legacy-sidebar-active-bg:#312e81;--legacy-sidebar-active-text:#a78bfa;--legacy-sidebar-text:#c4b5fd;--legacy-sidebar-icon:#a78bfa;--legacy-card-border:#312e81}.legacy-app{min-height:100vh;display:flex;flex-direction:column}.legacy-layout{display:flex;width:100%;min-height:calc(100vh - var(--legacy-sidebar-top));position:relative}.legacy-sidebar{position:fixed;left:0;top:var(--legacy-sidebar-top);width:var(--legacy-sidebar-width);height:calc(100vh - var(--legacy-sidebar-top));background-color:var(--legacy-sidebar-bg);border-right:1px solid var(--legacy-sidebar-border);box-shadow:0 0 10px rgba(0,0,0,.1);transition:width .3s ease;overflow-y:auto;z-index:40;scrollbar-width:none;color:var(--legacy-sidebar-text)}.legacy-sidebar::-webkit-scrollbar{display:none}.legacy-sidebar.collapsed{width:var(--legacy-sidebar-collapsed-width)}.legacy-sidebar-toggle{display:flex;align-items:center;gap:12px;justify-content:flex-start;padding:12px 24px;cursor:pointer;border-bottom:1px solid var(--legacy-sidebar-border);transition:background-color .2s ease;font-size:15px;font-weight:600}.legacy-sidebar-toggle:hover{background-color:var(--legacy-sidebar-hover-bg)}.legacy-sidebar-toggle-icon{transition:transform .3s ease;color:#7c3aed;width:18px;height:18px;flex-shrink:0}.legacy-sidebar.collapsed .legacy-sidebar-toggle-text{display:none}.legacy-sidebar.collapsed .legacy-sidebar-toggle{justify-content:center;padding:12px 0}.legacy-category-nav{padding:12px 0}.legacy-category-list{list-style:none;margin:0;padding:0}.legacy-category-item{margin:8px 0}.legacy-category-button{width:calc(100% - 12px);margin:0 6px;display:flex;align-items:center;justify-content:flex-start;padding:8px 24px;height:44px;background:transparent;border:none;border-radius:6px;font-size:15.2px;font-weight:400;color:var(--legacy-sidebar-text);cursor:pointer;transition:background-color .2s ease,color .2s ease}.legacy-category-icon{display:inline-flex;width:20px;height:20px;margin-right:10px;color:var(--legacy-sidebar-icon);stroke-width:2.2}.legacy-category-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legacy-category-button:hover{background-color:var(--legacy-sidebar-hover-bg)}.legacy-category-item.active .legacy-category-button{background-color:var(--legacy-sidebar-active-bg);color:var(--legacy-sidebar-active-text);font-weight:500}.legacy-category-item.active .legacy-category-icon{color:var(--legacy-sidebar-active-text)}.legacy-sidebar.collapsed .legacy-category-button{justify-content:center;padding:8px 0}.legacy-sidebar.collapsed .legacy-category-icon{margin-right:0}.legacy-sidebar.collapsed .legacy-category-label{display:none}@keyframes legacy-pulse{0%,to{opacity:.6}50%{opacity:1}}.legacy-category-skeleton{height:44px;margin:8px 6px;border-radius:6px;background-color:hsla(0,0%,100%,.6);animation:legacy-pulse 1.5s ease-in-out infinite}.legacy-sidebar-backdrop{display:none}.legacy-content{margin-left:var(--legacy-sidebar-width)!important;padding:var(--legacy-content-padding);transition:margin-left .3s ease;flex:1;min-width:0;position:relative;z-index:1}.legacy-content.sidebar-collapsed{margin-left:var(--legacy-sidebar-collapsed-width)!important}.legacy-content.no-sidebar{margin-left:0!important}.legacy-content-inner{max-width:1200px;width:100%;margin:0 auto}.legacy-footer-wrapper{margin-left:var(--legacy-sidebar-width);transition:margin-left .3s ease}@media (max-width:768px){.legacy-footer-wrapper{margin-left:var(--legacy-sidebar-collapsed-width)}}.legacy-card-grid{display:grid;gap:16px;justify-content:center}@media (min-width:1188px){.legacy-card-grid{grid-template-columns:repeat(4,264px)}}@media (max-width:1187px){.legacy-card-grid{grid-template-columns:repeat(auto-fit,minmax(264px,1fr))}}.legacy-card-skeleton{background-color:#ede9fe;animation:legacy-pulse 1.5s ease-in-out infinite}.legacy-card-skeleton,.legacy-website-card{width:264px;height:117px;border-radius:12px}.legacy-website-card{position:relative;display:flex;flex-direction:column;padding:10px;background-color:#fff;border:1px solid var(--legacy-card-border);box-shadow:var(--legacy-card-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dark .legacy-website-card{background-color:#1e1b4b}.legacy-website-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.1);border-color:rgba(107,70,193,.35)}.legacy-card-header{display:flex;align-items:flex-start;margin-bottom:6px}.legacy-card-logo{width:48px;height:48px;margin-right:10px;border-radius:8px;overflow:hidden;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.legacy-card-logo img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover}.legacy-card-body{min-width:0;flex:1;display:flex;flex-direction:column}.legacy-card-title{font-size:16px;font-weight:600;color:#1f2937;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .legacy-card-title{color:#f3f4f6}.legacy-card-description{margin-top:2px;font-size:12.8px;color:#4b5563;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .legacy-card-description{color:#9ca3af}.legacy-card-actions{margin-top:auto;padding-top:5px;border-top:.8px solid #ede9fe;display:flex;align-items:center;justify-content:space-between}.dark .legacy-card-actions{border-top-color:#312e81}.legacy-card-button{width:28px;height:28px;border-radius:50%;background-color:#faf5ff;color:#4b5563;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.dark .legacy-card-button{background-color:#312e81;color:#c4b5fd}.legacy-card-button svg{width:14px;height:14px}.legacy-card-button:hover{background-color:#dcd0ff;color:#553c9a}.legacy-card-button.favorite-active{background-color:#fecaca;color:#dc2626}.legacy-card-button.favorite-active:hover{background-color:#fca5a5}@media (max-width:768px){.legacy-sidebar{width:var(--legacy-sidebar-collapsed-width);height:calc(100vh - var(--legacy-sidebar-top));top:var(--legacy-sidebar-top)}.legacy-sidebar.mobile-expanded{width:var(--legacy-sidebar-width);z-index:50}.legacy-sidebar-backdrop.active{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:45}.legacy-content{padding:16px 12px 80px}.legacy-content,.legacy-content.sidebar-collapsed{margin-left:var(--legacy-sidebar-collapsed-width)}.legacy-content.no-sidebar{margin-left:0;padding:16px 12px 80px}.legacy-content-inner{max-width:100%}.legacy-card-grid{grid-template-columns:1fr;justify-content:stretch;gap:14px}.legacy-card-grid .legacy-website-card{width:100%}body.legacy-sidebar-open{overflow:hidden}}.legacy-subcategory-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.legacy-subcategory-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:96px;padding:12px;border-radius:16px;border:2px solid var(--legacy-card-border);background:linear-gradient(to bottom right,#fff,#f9fafb);cursor:pointer;transition:all .2s ease}.dark .legacy-subcategory-tile{background:linear-gradient(to bottom right,#1e1b4b,#312e81)}.legacy-subcategory-tile:hover{border-color:rgba(107,70,193,.5);box-shadow:0 4px 12px rgba(0,0,0,.1)}.legacy-subcategory-tile.active{background:#7c3aed;border-color:#7c3aed;color:#fff;box-shadow:0 4px 12px rgba(124,58,237,.3)}.legacy-subcategory-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.2);font-size:14px;font-weight:600;color:#7c3aed;margin-bottom:8px}.legacy-subcategory-tile.active .legacy-subcategory-icon{background-color:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);color:#fff}.legacy-subcategory-label{font-size:11px;font-weight:500;text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-card-3{position:relative;display:flex;flex-direction:column;width:264px;height:117px;padding:10px;border-radius:12px;background-color:hsl(var(--background));border:1px solid var(--legacy-card-border);box-shadow:var(--legacy-card-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.item-card-3:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.1);border-color:rgba(107,70,193,.35)}.item-card-3-header{display:flex;align-items:flex-start;margin-bottom:6px}.item-card-3-logo{width:48px;height:48px;margin-right:10px;border-radius:8px;overflow:hidden;background-color:hsl(var(--background));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.item-card-3-logo img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover}.item-card-3-body{min-width:0;flex:1;display:flex;flex-direction:column}.item-card-3-title{font-size:16px;font-weight:600;color:hsl(var(--foreground));line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card-3-description{margin-top:2px;font-size:12.8px;color:hsl(var(--muted-foreground));line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-card-3-actions{margin-top:auto;padding-top:5px;border-top:.8px solid var(--legacy-card-border);display:flex;align-items:center;justify-content:space-between}.item-card-3-button{width:28px;height:28px;border-radius:50%;background-color:hsl(var(--accent));color:hsl(var(--muted-foreground));display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.item-card-3-button svg{width:14px;height:14px}.item-card-3-button:hover{background-color:#dcd0ff;color:#553c9a}.item-card-3-button.favorite-active{background-color:#fecaca;color:#dc2626}.item-card-3-button.favorite-active:hover{background-color:#fca5a5}.item-card-3-grid{display:grid;gap:16px;justify-content:start;grid-template-columns:repeat(auto-fill,minmax(264px,264px))}@media (min-width:1400px){.item-card-3-grid{grid-template-columns:repeat(4,264px)}}@media (max-width:1399px) and (min-width:1100px){.item-card-3-grid{grid-template-columns:repeat(3,264px)}}@media (max-width:1099px) and (min-width:769px){.item-card-3-grid{grid-template-columns:repeat(2,264px)}}@media (max-width:768px){.item-card-3-grid{grid-template-columns:1fr;justify-content:stretch;gap:14px}.item-card-3-grid .item-card-3{width:100%}}