@layer reset,tokens,base,layout,components,utilities;@layer components{:root{--hub-icon: #4a7e7c;--hub-trust-bg: rgba(42, 157, 143, .08);--hub-chip-bg: rgba(255, 255, 255, .45);--hub-count-bg: #f1f7f6;--hub-hover-bg: rgba(42, 157, 143, .07);--hub-icon-bg: #fbfdfd;--hub-contact-link: #3498db;--hub-contact-link-hover: #217dbb}body{font-family:Helvetica Neue,Hiragino Kaku Gothic ProN,Arial,sans-serif}body .container{width:auto;max-width:1140px;margin:0 auto;padding:80px 24px 20px}.hero{text-align:center;padding:24px 0 28px}.site-title{color:var(--text);margin:0 0 14px;font-size:3em;font-weight:700;letter-spacing:.01em;font-family:Quicksand,sans-serif;line-height:0}.site-title img{width:min(460px,84vw);height:auto;display:block;margin:0 auto;-webkit-user-drag:none;user-select:none}.site-title-app{font-size:1em;font-family:inherit;font-weight:inherit;color:var(--accent)}.site-subtitle{color:var(--text);margin:0;font-size:1.15em;font-weight:400}.trust-line{list-style:none;margin:16px 0 0;padding:0;font-size:.8em;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.trust-line li{display:inline-flex;align-items:center;padding:5px 12px 5px 10px;border-radius:999px;background:var(--hub-trust-bg);color:var(--accent);font-weight:500;line-height:1}.trust-line li:before{content:"✓";margin-right:5px;font-weight:700}.category-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 4px;margin:18px auto 0}.category-chip{display:inline-block;padding:4px 11px;background:var(--hub-chip-bg);border-radius:999px;color:var(--text);text-decoration:none;font-size:.82em;font-weight:500;white-space:nowrap;transition:color .15s ease,background-color .15s ease}.category-chip:hover{background:var(--card-bg);color:var(--accent)}.search-empty{text-align:center;color:var(--text-sub);font-size:.95em;margin:8px 0 28px}.is-hidden,.search-empty[hidden]{display:none!important}.floors{display:flex;flex-direction:column;gap:38px}.tool-floor{scroll-margin-top:76px}.floor-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:0 8px;margin:0 0 12px}.floor-title{width:auto;margin:0;font-size:1.4em;font-weight:700;color:var(--text)}.floor-lead{margin:0;font-size:.88em;color:var(--text-sub)}.sections-grid{display:flex;flex-direction:column;gap:20px}.tool-section{background:var(--card-bg);border-radius:16px;padding:20px 20px 16px;box-shadow:var(--card-shadow);scroll-margin-top:76px}.section-title{width:auto;display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:0 6px;font-size:1.15em;font-weight:700;color:var(--text)}.section-count{font-size:.7em;font-weight:700;line-height:1.7;color:var(--text-sub);background:var(--hub-count-bg);border:1px solid var(--card-border);border-radius:999px;padding:0 9px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 8px}.tool-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;text-decoration:none;color:inherit;min-width:0;transition:background-color .2s ease}.tool-item:hover{background-color:var(--hub-hover-bg)}.tool-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;background:var(--hub-icon-bg);border:1px solid var(--card-border);color:var(--hub-icon)}.tool-icon svg{width:21px;height:21px}.tool-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tool-title{font-size:.92em;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-description{font-size:.78em;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-item .tool-description{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.contact{padding:30px 20px 10px;text-align:center;font-size:.95em}.contact p{margin:4px 0}.contact a{color:var(--hub-contact-link);text-decoration:none;font-weight:500}.contact a:hover{text-decoration:underline;color:var(--hub-contact-link-hover)}@media (max-width: 768px){.hero{padding:14px 0 26px}.site-title{font-size:2.3em}.site-subtitle{font-size:1.05em}}@media (max-width: 480px){.container{padding:70px 14px 15px}.tool-section{padding:16px 12px 12px}.tool-grid{grid-template-columns:1fr;gap:2px}.trust-line{gap:6px}}}