.AppSidebar[data-v-239af1fe]{width:100%;max-width:200px;min-width:125px;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:sticky;top:var(--spacing-5);margin-bottom:var(--spacing-5);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar-color) transparent;display:flex;flex-direction:column;height:auto;max-height:calc(100vh - 40px)}.sidebar-bottom-spacer[data-v-239af1fe]{height:20px;min-height:20px;width:100%}.AppSidebar[data-v-239af1fe]::-webkit-scrollbar{width:8px}.AppSidebar[data-v-239af1fe]::-webkit-scrollbar-track{background:transparent}.AppSidebar[data-v-239af1fe]::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:8px;-webkit-transition:background .3s ease;transition:background .3s ease}.AppSidebar[data-v-239af1fe]:hover::-webkit-scrollbar{opacity:1}.AppSidebar[data-v-239af1fe]:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-color)}.AppSidebar[data-v-239af1fe]:hover{scrollbar-color:var(--scrollbar-color) transparent}.AppSidebar ul[data-v-239af1fe]{list-style-type:none;padding:0;margin:0}.AppSidebar li[data-v-239af1fe]{display:flex;align-items:center;height:32px;line-height:32px;padding:4px 0 4px 16px;margin-top:var(--spacing-3);position:relative;overflow:hidden;cursor:pointer;transition:background-color var(--duration-normal) var(--ease-standard);width:100%}.AppSidebar li.nav-item[data-v-239af1fe]:hover{background-color:var(--color-hover-overlay);border-radius:var(--radius-sm)}.AppSidebar li.nav-item.is-active[data-v-239af1fe]{background-color:var(--color-brand-light);border-radius:var(--radius-sm);position:relative}.AppSidebar li.nav-item.is-active[data-v-239af1fe]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.AppSidebar li.nav-item.is-active .icon[data-v-239af1fe],.AppSidebar li.nav-item.is-active span[data-v-239af1fe]{color:var(--color-brand);font-weight:var(--font-weight-semibold)}.ripple[data-v-239af1fe]{position:absolute;background:rgba(0,0,0,.1);border-radius:50%;transform:scale(0);animation:ripple-239af1fe .6s linear;pointer-events:none}@keyframes ripple-239af1fe{to{transform:scale(4);opacity:0}}.AppSidebar .icon[data-v-239af1fe]{font-size:16px;width:16px;height:16px;margin-right:var(--spacing-3);-o-object-fit:contain;object-fit:contain;transition:color var(--duration-fast) var(--ease-standard)}.AppSidebar span[data-v-239af1fe]{text-decoration:none;color:var(--text-color-primary);cursor:pointer;letter-spacing:var(--letter-spacing-normal);transition:color var(--duration-fast) var(--ease-standard)}.AppSidebar li:hover .icon[data-v-239af1fe],.AppSidebar li:hover span[data-v-239af1fe]{color:var(--color-brand)}@media (max-width:768px){.AppSidebar[data-v-239af1fe]{max-width:100%;min-width:0;width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;padding:var(--spacing-1) var(--spacing-2)}.AppSidebar ul[data-v-239af1fe]{display:flex;flex-direction:row;gap:var(--spacing-1);padding:var(--spacing-1) 0}.AppSidebar li[data-v-239af1fe]{flex-shrink:0;margin-top:0;padding:4px var(--spacing-3);height:36px;line-height:36px;white-space:nowrap}.AppSidebar li.nav-item.is-active[data-v-239af1fe]:before{left:50%;top:auto;bottom:0;transform:translateX(-50%);width:60%;height:2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.sidebar-bottom-spacer[data-v-239af1fe]{display:none}}.website-card[data-v-74d86efa]{width:300px;max-width:100%;min-height:88px;opacity:0;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);border:1px solid transparent;display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);cursor:pointer;position:relative;animation-fill-mode:forwards;transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}.website-card[data-v-74d86efa]:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-brand-border);z-index:20}.website-icon[data-v-74d86efa]{flex-shrink:0;width:40px;height:40px;transition:transform var(--duration-normal) var(--ease-standard)}.website-card:hover .website-icon[data-v-74d86efa]{transform:scale(1.08)}.website-icon img[data-v-74d86efa]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm)}.icon-fallback[data-v-74d86efa]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--radius-sm);background:var(--color-brand-light);color:var(--color-brand);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);-webkit-user-select:none;-moz-user-select:none;user-select:none}.website-info[data-v-74d86efa]{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.website-name[data-v-74d86efa]{margin:0 0 6px 0;color:var(--text-color-primary)}.website-description[data-v-74d86efa]{margin:0;color:var(--text-color-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:3em;line-height:var(--line-height-normal)}.tooltip[data-v-74d86efa]{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);background-color:var(--tooltip-bg);color:var(--tooltip-color);padding:8px 12px;border-radius:var(--radius-sm);width:-moz-max-content;width:max-content;max-width:260px;white-space:normal;word-break:break-word;box-shadow:0 4px 8px rgba(0,0,0,.2);line-height:var(--line-height-normal);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility var(--duration-fast);z-index:10}.tooltip[data-v-74d86efa]:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--tooltip-bg)}.website-card:hover .tooltip[data-v-74d86efa]{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.category:first-child .website-card .tooltip[data-v-74d86efa]{bottom:auto;top:calc(100% + 10px);transform:translateX(-50%) translateY(-4px)}.category:first-child .website-card .tooltip[data-v-74d86efa]:before{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--tooltip-bg)}.category:first-child .website-card:hover .tooltip[data-v-74d86efa]{transform:translateX(-50%) translateY(0)}@media (max-width:768px){.website-card[data-v-74d86efa]{width:100%}.tooltip[data-v-74d86efa]{max-width:calc(100vw - 64px)}}.app-content[data-v-5ee316ae]{display:flex;flex-direction:column;width:100%;min-height:calc(100vh - var(--header-height) - var(--header-margin-top) - 100px);position:relative;padding-bottom:60px}.content-wrapper[data-v-5ee316ae]{flex-grow:1}.category[data-v-5ee316ae]{margin-bottom:var(--spacing-10);opacity:0;animation-fill-mode:forwards}.category[data-v-5ee316ae]:has(.website-card:hover){z-index:20;position:relative}@media (max-width:768px){.app-content[data-v-5ee316ae]{min-height:calc(100vh - var(--header-height) - var(--header-margin-top) - 84px)}.category[data-v-5ee316ae]{margin-bottom:var(--spacing-8)}.card-container[data-v-5ee316ae]{gap:var(--spacing-3)}}.category-name[data-v-5ee316ae]:hover:after{transform:scaleX(1) translateX(-50%)}.card-container[data-v-5ee316ae]{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-5)}.category-name[data-v-5ee316ae]{margin-top:0;margin-bottom:16px;color:var(--text-color-primary);position:relative;display:inline-block;padding-bottom:8px;scroll-margin-top:var(--spacing-5);cursor:default}@media (max-width:768px){.category-name[data-v-5ee316ae]{scroll-margin-top:58px}}.category-name[data-v-5ee316ae]:after{content:"";position:absolute;bottom:2px;left:50%;width:100%;height:2px;background:linear-gradient(90deg,transparent 0,var(--color-brand) 30%,var(--color-brand-hover) 50%,var(--color-brand) 70%,transparent 100%);opacity:.85;transform:scaleX(0) translateX(-50%);transform-origin:center;transition:transform var(--duration-slow) var(--ease-emphasized)}.footer[data-v-5ee316ae]{text-align:center;padding:10px 0;width:100%;position:absolute;bottom:20px;left:0;min-height:40px;display:flex;align-items:center;justify-content:center;opacity:0;animation-fill-mode:forwards}.footer-link[data-v-5ee316ae]{color:var(--text-color-tertiary);text-decoration:none;display:flex;align-items:center;justify-content:center;transition:color var(--duration-normal) var(--ease-standard)}.footer-link i[data-v-5ee316ae]{margin-right:var(--spacing-2);font-size:16px}.footer-link[data-v-5ee316ae]:hover{color:var(--color-brand)}.loading-container[data-v-5eedd24e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out}.loading-bar[data-v-5eedd24e]{width:300px;max-width:calc(100vw - 64px);height:4px;background-color:var(--color-hover-overlay);border-radius:2px;overflow:hidden;margin-bottom:16px}.loading-progress[data-v-5eedd24e]{height:100%;background-color:var(--color-brand);border-radius:2px;transition:width .3s var(--ease-standard)}.loading-text[data-v-5eedd24e]{color:var(--text-color-secondary);letter-spacing:var(--letter-spacing-normal)}.fade-out[data-v-5eedd24e]{opacity:0;pointer-events:none}#app,body,html{width:100%}#app,body,html{height:100%;margin:0;padding:0}#app{font-family:var(--font-family-sans);color:var(--text-color-primary)}body{background-color:var(--color-background)}.main-container{display:flex;flex-direction:row;flex-grow:1;margin:var(--spacing-5);gap:var(--spacing-14)}html{scroll-behavior:smooth}.header-image{width:calc(100% - 40px);height:var(--header-height);margin-top:var(--header-margin-top);margin-left:auto;margin-right:auto;background-image:url(/img/header.e66613f1.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:var(--radius-lg)}.content-fade-in{opacity:1;transition:opacity .5s ease-out}.loading-fade-leave-active{transition:opacity var(--duration-slow) var(--ease-standard)}.loading-fade-leave-to{opacity:0}.load-error{position:fixed;inset:0;z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);background:var(--color-background);color:var(--text-color-secondary)}.load-error-icon{font-size:40px;color:var(--text-color-tertiary)}.load-error-retry{padding:var(--spacing-2) var(--spacing-6);border:none;border-radius:var(--radius-md);background:var(--color-brand);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.load-error-retry:hover{background:var(--color-brand-hover)}@media (max-width:1024px){.main-container{gap:var(--spacing-6)}}@media (max-width:768px){:root{--header-height:80px;--header-margin-top:var(--spacing-3)}.main-container{flex-direction:column;gap:var(--spacing-5);margin:var(--spacing-3)}.header-image{width:calc(100% - 24px)}}:root{--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-14:56px;--shadow-sm:0 1px 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.05),0 10px 24px -4px rgba(0,0,0,.08);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 20px 40px -8px rgba(0,0,0,.12);--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-emphasized:cubic-bezier(0.645,0.045,0.355,1);--duration-fast:0.15s;--duration-normal:0.3s;--duration-slow:0.5s;--color-brand:#6366f1;--color-brand-hover:#4f46e5;--color-brand-light:rgba(99,102,241,.08);--color-brand-border:rgba(99,102,241,.3);--color-surface:#fff;--color-background:#f5f6f8;--color-border:rgba(0,0,0,.06);--color-hover-overlay:rgba(0,0,0,.04);--tooltip-bg:rgba(0,0,0,.8);--tooltip-color:hsla(0,0%,100%,.9);--scrollbar-color:hsla(0,0%,58%,.1);--header-height:113px;--header-margin-top:var(--spacing-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .5s var(--ease-standard) forwards}.fade-in-down{animation:fadeInDown .5s var(--ease-standard) forwards}.fade-in-right{animation:fadeInRight .5s var(--ease-standard) forwards}.zoom-in{animation:zoomIn .5s var(--ease-standard) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.initially-hidden{opacity:0}:root{--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--text-color-primary:rgba(0,0,0,.85);--text-color-secondary:rgba(0,0,0,.65);--text-color-tertiary:rgba(0,0,0,.45);--text-color-disabled:rgba(0,0,0,.25)}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:1rem}.text-h1,.text-h2{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.text-h2{font-size:var(--font-size-2xl);margin-bottom:.75rem}.text-h2,.text-h3{font-weight:var(--font-weight-semibold)}.text-h3{font-size:var(--font-size-xl);line-height:var(--line-height-tight);margin-bottom:.5rem}.text-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-color-secondary);margin-bottom:1rem}.text-body{font-size:var(--font-size-base)}.text-body,.text-body-sm{font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-body-sm{font-size:var(--font-size-sm)}.text-caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-color-tertiary)}.text-center{text-align:center}.text-right{text-align:right}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{white-space:normal}.text-no-wrap{white-space:nowrap}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}