:root{--bg-primary:#f5f5f5;--bg-secondary:#ece7e4;--color-medium:#d2beb8;--color-accent:#222943;--color-accent-light:#2e3654;--color-accent-dark:#1a1f35;--white:#fff;--text-primary:#1a1a2e;--text-secondary:#556;--text-muted:#8a8a9a;--border-light:#d2beb84d;--border-medium:#d2beb880;--shadow-sm:0 1px 3px #2229430a;--shadow-md:0 4px 16px #2229430f;--shadow-lg:0 8px 32px #22294314;--shadow-xl:0 16px 48px #2229431f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Playfair Display", Georgia, serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--ease-out:cubic-bezier(.22, .8, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.header{background:var(--white);z-index:100;border-bottom:1px solid var(--border-light);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1400px;height:88px;margin:0 auto;padding:0 40px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-logo{width:auto;height:40px;transition:transform .3s var(--ease-out)}.header-logo:hover{transform:scale(1.05)}.header-divider{background:var(--color-medium);width:1px;height:28px;margin-right:16px}.header-nav{align-items:center;gap:24px;display:flex}.header-link{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.05em;transition:all .3s var(--ease-out);font-size:.82rem;font-weight:500;text-decoration:none;position:relative}.header-link:hover{color:var(--color-accent)}.header-link.active{color:var(--color-accent);font-weight:600}.header-link.active:after{content:"";background:var(--color-accent);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-4px;left:0}.header-title-block{flex-direction:column;display:flex}.header-title{font-family:var(--font-serif);color:var(--color-accent);letter-spacing:.01em;font-size:1.15rem;font-weight:500;line-height:1.2}.header-subtitle{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:400}.header-right{align-items:center;gap:12px;display:flex}.header-stat{border-radius:var(--radius-full);border:1px solid var(--border-light);background:#2229430f;align-items:center;gap:8px;padding:6px 14px;display:flex}.header-stat-number{font-family:var(--font-serif);color:var(--color-accent);font-size:1.1rem;font-weight:600}.header-stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem}.search-trigger{border-radius:var(--radius-full);background:var(--color-accent);border:1px solid var(--color-accent);width:42px;height:42px;color:var(--white);cursor:pointer;transition:all .3s var(--ease-out);justify-content:center;align-items:center;display:flex}.search-trigger:hover{background:var(--color-accent-light);color:var(--white);border-color:var(--color-accent-light);transform:scale(1.08)}.categories-bar{background:var(--white);border-bottom:1px solid var(--border-light);z-index:90;position:sticky;top:88px}.categories-inner{scrollbar-width:none;align-items:stretch;gap:0;max-width:1400px;margin:0 auto;padding:0 40px;display:flex;overflow-x:auto}.categories-inner::-webkit-scrollbar{display:none}.category-tab{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .3s var(--ease-out);font-size:.72rem;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:8px;padding:16px 22px;font-weight:500;display:flex;position:relative}.category-tab:hover{color:var(--text-primary)}.category-tab.active{color:var(--color-accent)}.category-tab.active:after{content:"";background:var(--color-accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:22px;right:22px}.category-count{border-radius:var(--radius-full);background:var(--bg-secondary);min-width:22px;height:20px;color:var(--text-muted);letter-spacing:0;transition:all .3s var(--ease-out);justify-content:center;align-items:center;padding:0 6px;font-size:.6rem;font-weight:600;display:inline-flex}.category-tab.active .category-count{background:var(--color-accent);color:var(--white)}.results-info{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:28px 40px 16px;display:flex}.results-count{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:500}.results-count strong{color:var(--color-accent);font-weight:700}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;max-width:1400px;margin:0 auto;padding:0 40px 80px;display:grid}.card{background:var(--white);border-radius:var(--radius-lg);cursor:pointer;transition:all .35s var(--ease-out);border:1px solid var(--border-light);padding:24px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-medium));opacity:0;height:3px;transition:opacity .35s var(--ease-out);position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-medium);transform:translateY(-4px)}.card:hover:before{opacity:1}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.card-specialty{letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent);border-radius:var(--radius-full);background:#2229430f;padding:4px 10px;font-size:.62rem;font-weight:600}.card-arrow{border-radius:var(--radius-full);background:var(--bg-secondary);width:28px;height:28px;color:var(--text-muted);transition:all .3s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card:hover .card-arrow{background:var(--color-accent);color:var(--white);transform:translate(2px)}.card-name{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:500;line-height:1.35}.card-desc{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:.82rem;line-height:1.65;display:-webkit-box;overflow:hidden}.card-meta{flex-wrap:wrap;gap:12px;display:flex}.card-tag{letter-spacing:.06em;color:var(--text-muted);background:var(--bg-primary);border-radius:var(--radius-full);align-items:center;gap:5px;padding:4px 10px;font-size:.68rem;display:flex}.card-tag svg{width:13px;height:13px;color:var(--color-medium)}.search-overlay{-webkit-backdrop-filter:blur(12px);z-index:500;background:#1a1a2e8c;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.search-modal{background:var(--white);border-radius:var(--radius-xl);width:min(640px,90vw);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);overflow:hidden}.search-modal-input-wrap{border-bottom:1px solid var(--border-light);align-items:center;gap:14px;padding:20px 24px;display:flex}.search-modal-input-wrap svg{color:var(--color-medium);flex-shrink:0}.search-modal-input{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:.01em;background:0 0;border:none;outline:none;flex:1;font-size:1rem;font-weight:400}.search-modal-input::placeholder{color:var(--color-medium)}.search-modal-close{border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;color:var(--text-muted);font-size:.68rem;font-weight:600;font-family:var(--font-sans);letter-spacing:.06em;border:none;justify-content:center;align-items:center;padding:4px 12px;transition:all .2s;display:flex}.search-modal-close:hover{background:var(--color-medium);color:var(--white)}.search-results{max-height:420px;padding:8px;overflow-y:auto}.search-result-item{border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-out);align-items:center;gap:14px;padding:14px 16px;display:flex}.search-result-item:hover{background:var(--bg-primary)}.search-result-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-accent);background:#2229430f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-result-info{flex:1;min-width:0}.search-result-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.search-result-meta{color:var(--text-muted);margin-top:2px;font-size:.72rem}.search-empty{text-align:center;color:var(--text-muted);padding:40px 24px;font-size:.88rem}.search-hint{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-light);padding:16px 24px;font-size:.78rem}.search-hint kbd{font-size:.68rem;font-family:var(--font-sans);background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:4px;align-items:center;margin:0 2px;padding:2px 6px;display:inline-flex}.detail-overlay{-webkit-backdrop-filter:blur(8px);z-index:300;background:#1a1a2e8c;position:fixed;inset:0}.detail-modal{background:var(--white);z-index:301;overscroll-behavior:contain;width:min(620px,100%);height:100%;position:fixed;top:0;right:0;overflow-y:auto}.detail-head{background:var(--color-accent);padding:40px 32px 32px;position:relative}.detail-head:after{content:"";background:linear-gradient(90deg, var(--color-medium), transparent);height:4px;position:absolute;bottom:-1px;left:0;right:0}.detail-close{border-radius:var(--radius-full);color:#ffffffb3;cursor:pointer;width:36px;height:36px;transition:all .2s var(--ease-out);background:#ffffff14;border:1px solid #ffffff1f;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.detail-close:hover{color:var(--white);background:#ffffff2e;border-color:#ffffff4d}.detail-specialty{letter-spacing:.28em;text-transform:uppercase;color:var(--color-medium);margin-bottom:14px;font-size:.68rem;font-weight:500}.detail-title{font-family:var(--font-serif);color:var(--white);font-size:1.65rem;font-weight:400;line-height:1.25}.detail-badges{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.detail-badge{letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf;border-radius:var(--radius-full);border:1px solid #ffffff26;padding:6px 14px;font-size:.65rem;font-weight:500}.detail-body{padding:32px}.detail-section{margin-bottom:28px}.detail-section-label{letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent);align-items:center;gap:10px;margin-bottom:10px;font-size:.68rem;font-weight:600;display:flex}.detail-section-label:before{content:"";background:var(--color-medium);border-radius:2px;width:16px;height:2px}.detail-section-text{color:var(--text-secondary);white-space:pre-line;font-size:.88rem;line-height:1.8}.detail-info-grid{border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.detail-info-cell{background:var(--bg-primary);padding:16px 18px}.detail-info-cell.full{grid-column:1/-1}.detail-info-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.62rem;font-weight:600}.detail-info-value{color:var(--text-primary);white-space:pre-line;font-size:.84rem;line-height:1.6}.empty-state{text-align:center;padding:80px 40px}.empty-icon{opacity:.3;margin-bottom:16px;font-size:3.5rem}.empty-text{color:var(--text-muted);font-size:.92rem}.scroll-top-btn{border-radius:var(--radius-full);background:var(--color-accent);width:44px;height:44px;color:var(--white);cursor:pointer;z-index:80;box-shadow:var(--shadow-lg);transition:all .3s var(--ease-out);border:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;right:28px}.scroll-top-btn:hover{box-shadow:var(--shadow-xl);background:var(--color-accent-light);transform:translateY(-3px)}.mobile-menu-trigger{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-light);width:42px;height:42px;color:var(--color-accent);cursor:pointer;justify-content:center;align-items:center;display:none}.mobile-menu-overlay{background:var(--bg-primary);z-index:1000;flex-direction:column;display:flex;position:fixed;inset:0}.mobile-menu-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;height:76px;padding:0 20px;display:flex}.mobile-menu-close{border-radius:var(--radius-full);background:var(--bg-secondary);width:40px;height:40px;color:var(--color-accent);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.mobile-menu-nav{flex-direction:column;flex:1;gap:28px;padding:40px 24px;display:flex}.mobile-menu-link{font-family:var(--font-serif);color:var(--text-primary);width:fit-content;font-size:1.6rem;text-decoration:none;position:relative}.mobile-menu-link.active{color:var(--color-accent)}.mobile-menu-link.active:after{content:"";background:var(--color-accent);width:100%;height:2px;position:absolute;bottom:-4px;left:0}.mobile-menu-stats{background:var(--white);border-top:1px solid var(--border-light);padding:32px 24px}.mobile-stat{align-items:center;gap:12px;display:flex}.mobile-stat-number{font-family:var(--font-serif);color:var(--color-accent);font-size:1.4rem;font-weight:600}.mobile-stat-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}@media (width<=768px){.header-inner{height:76px;padding:0 20px}.header-nav,.header-stat,.header-divider{display:none}.mobile-menu-trigger{display:flex}.header-logo{height:32px}.header-title{font-size:1rem}.header-subtitle{font-size:.6rem}.categories-inner{padding:0 16px}.category-tab{padding:12px 14px;font-size:.62rem}.search-trigger,.mobile-menu-trigger{width:36px;height:36px}.results-info{padding:20px 20px 12px}.cards-grid{grid-template-columns:1fr;gap:12px;padding:0 20px 60px}.detail-modal{width:100%}.detail-head{padding:32px 24px 24px}.detail-body{padding:24px}.detail-info-grid{grid-template-columns:1fr}.categories-bar{top:76px}.search-overlay{padding-top:8vh}}