.hero{position:relative;isolation:isolate;padding:72px 0 40px;text-align:center}.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 32% 45%,var(--glow-1),transparent),radial-gradient(closest-side at 70% 40%,var(--glow-2),transparent)}.hero h1{margin:0 auto 14px;max-width:16ch;font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.08;letter-spacing:-.03em;font-weight:800}.hero p{margin:0 auto;max-width:52ch;color:var(--text-2);font-size:1.1rem}.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:24px 0 48px}.tools.is-single{grid-template-columns:minmax(0,520px);justify-content:center}.tool{position:relative;display:flex;align-items:center;gap:18px;min-height:132px;padding:24px;border-radius:var(--radius-lg);background:var(--tone);color:var(--on-tone);text-decoration:none;transition:border-radius .35s var(--ease),transform .35s var(--ease),box-shadow .2s}.tool:hover{border-radius:48px;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tool:active{transform:scale(.98)}.tool-icon{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:#ffffff8c}.tool-icon img{width:52px;height:52px}.tool-body{flex:1;min-width:0}.tool h2{margin:0 0 4px;font-size:1.35rem;letter-spacing:-.01em}.tool p{margin:0;opacity:.85}.tool-go{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:#ffffff8c;transition:transform .35s var(--ease)}.tool:hover .tool-go{transform:translate(4px)}[data-theme=dark] .tool-icon,[data-theme=dark] .tool-go{background:#0003}.skeleton{min-height:132px;border-radius:var(--radius-lg);background:var(--surface-2);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.empty{text-align:center;color:var(--text-3);padding:24px 0 48px}.notfound{padding:96px 0;text-align:center}.notfound h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 8px}.notfound p{color:var(--text-2);margin:0 0 24px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:480px){.tool{gap:14px;padding:20px 18px}.tool-icon{width:52px;height:52px;border-radius:18px}.tool-icon img{width:42px;height:42px}.tool-go{display:none}}.tool.is-paused{opacity:.6;cursor:default}.tool.is-paused:hover{border-radius:var(--radius-lg);transform:none;box-shadow:none}.tool-paused{font-weight:700}