@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#fbfbf9;--paper-2:#f4f4f0;--surface:#fff;--surface-2:#f8f8f5;--ink:#15171a;--ink-2:#565c63;--ink-3:#878d95;--ink-4:#b4b9bf;--line:#e5e6e1;--line-2:#d6d8d2;--line-strong:#c2c5be;--signal:#0e9e6b;--signal-ink:#0a7c53;--signal-bright:#16b97e;--signal-wash:#e7f5ee;--signal-line:#bce3d2;--info:#2563c9;--info-wash:#e8effc;--info-line:#bdd2f2;--warn:#b7791f;--warn-wash:#fbf1dd;--warn-line:#ecd7a6;--danger:#d1473b;--danger-wash:#fbe9e7;--danger-line:#f2c4be;--focus-ring:0 0 0 3px #0e9e6b47;--font-sans:"IBM Plex Sans JP", "IBM Plex Sans", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--w-light:300;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--fs-display:52px;--fs-h1:38px;--fs-h2:28px;--fs-h3:22px;--fs-h4:18px;--fs-lg:17px;--fs-body:15px;--fs-sm:13px;--fs-xs:12px;--fs-micro:11px;--lh-tight:1.12;--lh-snug:1.3;--lh-body:1.65;--tracking-label:.14em;--tracking-tight:-.01em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--r-xs:3px;--r-sm:5px;--r-md:7px;--r-lg:10px;--r-xl:14px;--r-pill:999px;--sh-1:0 1px 2px #15171a0d;--sh-2:0 2px 4px #15171a0f, 0 1px 2px #15171a0a;--sh-3:0 6px 16px #15171a14, 0 2px 4px #15171a0a;--sh-4:0 16px 40px #15171a1f, 0 4px 10px #15171a0f;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur:.17s;--dur-slow:.28s;--grid-dot:#15171a0d;--grid-line:#15171a0b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--paper:#0d0f11;--paper-2:#070809;--surface:#1e2329;--surface-2:#282e35;--ink:#ecedea;--ink-2:#a7adb4;--ink-3:#767c84;--ink-4:#4c5158;--line:#313841;--line-2:#3d444c;--line-strong:#4e555d;--signal:#18b87e;--signal-ink:#52d2a2;--signal-bright:#2bcb8f;--signal-wash:#0f2a22;--signal-line:#1f4e3c;--info:#5c9df5;--info-wash:#142338;--info-line:#294a71;--warn:#dca640;--warn-wash:#2c2410;--warn-line:#564420;--danger:#e36a5e;--danger-wash:#321613;--danger-line:#5c2922;--focus-ring:0 0 0 3px #18b87e57;--sh-1:0 1px 2px #0006;--sh-2:0 2px 4px #00000075, 0 1px 2px #00000052;--sh-3:0 6px 16px #00000085, 0 2px 4px #00000057;--sh-4:0 18px 44px #0000009e, 0 4px 12px #0000006b;--grid-dot:#ffffff0e;--grid-line:#ffffff0b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0d0f11;--paper-2:#070809;--surface:#1e2329;--surface-2:#282e35;--ink:#ecedea;--ink-2:#a7adb4;--ink-3:#767c84;--ink-4:#4c5158;--line:#313841;--line-2:#3d444c;--line-strong:#4e555d;--signal:#18b87e;--signal-ink:#52d2a2;--signal-bright:#2bcb8f;--signal-wash:#0f2a22;--signal-line:#1f4e3c;--info:#5c9df5;--info-wash:#142338;--info-line:#294a71;--warn:#dca640;--warn-wash:#2c2410;--warn-line:#564420;--danger:#e36a5e;--danger-wash:#321613;--danger-line:#5c2922;--focus-ring:0 0 0 3px #18b87e57;--sh-1:0 1px 2px #0006;--sh-2:0 2px 4px #00000075, 0 1px 2px #00000052;--sh-3:0 6px 16px #00000085, 0 2px 4px #00000057;--sh-4:0 18px 44px #0000009e, 0 4px 12px #0000006b;--grid-dot:#ffffff0e;--grid-line:#ffffff0b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--paper);min-height:100vh;color:var(--ink)}a{color:var(--signal-ink);text-underline-offset:2px;text-decoration:none}.mono-label{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--w-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-3)}.tool-code{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--w-medium);color:var(--ink-3);letter-spacing:.02em}.site-header{z-index:100;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:background var(--dur) var(--ease);background:#fbfbf9e0;position:sticky;top:0}[data-theme=dark] .site-header{background:#0d0f11e0}.header-inner{max-width:1200px;padding:0 var(--sp-6);align-items:center;gap:var(--sp-6);height:56px;margin:0 auto;display:flex}.header-logo{align-items:center;gap:var(--sp-2);flex-shrink:0;text-decoration:none;display:flex}.header-logo-sub{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--w-semibold);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;padding-left:var(--sp-3);border-left:1px solid var(--line-2);margin-left:2px}.header-spacer{flex:1}.header-actions{align-items:center;gap:var(--sp-2);display:flex}.btn-icon{border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface);width:34px;height:34px;color:var(--ink-2);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink)}.btn-icon:active{transform:translateY(1px)}.btn-icon svg{stroke-width:1.75px;width:16px;height:16px}.hero{padding:var(--sp-20) var(--sp-6) var(--sp-16);background:var(--paper);position:relative;overflow:hidden}.hero-grid-bg{background-image:radial-gradient(circle, var(--grid-dot) 1px, transparent 1px);pointer-events:none;background-size:14px 14px;position:absolute;inset:0}.hero-inner{max-width:1200px;margin:0 auto;position:relative}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--w-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--signal-ink);align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);display:inline-flex}[data-theme=dark] .hero-eyebrow{color:var(--signal)}.hero-eyebrow-dot{background:var(--signal);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero-headline{font-size:var(--fs-display);font-weight:var(--w-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--ink);max-width:700px;margin-bottom:var(--sp-5)}.hero-sub{font-size:var(--fs-lg);line-height:var(--lh-body);color:var(--ink-2);max-width:560px;margin-bottom:var(--sp-8)}.hero-meta{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--w-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.hero-meta-dot{background:var(--ink-4);border-radius:50%;width:3px;height:3px}.catalog{max-width:1200px;padding:var(--sp-8) var(--sp-6) var(--sp-24);margin:0 auto}.catalog-header{margin-bottom:var(--sp-5);justify-content:space-between;align-items:center;gap:var(--sp-4);display:flex}.catalog-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.04em;white-space:nowrap}.catalog-tabs-wrap{scrollbar-width:none;margin-bottom:var(--sp-8);overflow-x:auto}.catalog-tabs-wrap::-webkit-scrollbar{display:none}.catalog-tabs{border-bottom:1px solid var(--line);min-width:max-content;display:flex}.catalog-tab{font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--w-medium);color:var(--ink-3);padding:var(--sp-3) var(--sp-4);cursor:pointer;white-space:nowrap;align-items:center;gap:var(--sp-2);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;line-height:1;display:flex}.catalog-tab:hover{color:var(--ink)}.catalog-tab.active{color:var(--ink);border-bottom-color:var(--signal)}.catalog-tab svg{stroke-width:1.75px;flex-shrink:0;width:13px;height:13px}.tab-count{font-family:var(--font-mono);font-size:10px;font-weight:var(--w-semibold);color:var(--ink-4);background:var(--paper-2);border-radius:var(--r-pill);padding:1px 6px;line-height:1.5}.catalog-tab.active .tab-count{color:var(--signal-ink);background:var(--signal-wash)}[data-theme=dark] .catalog-tab.active .tab-count{color:var(--signal)}.tool-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-1);color:inherit;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--line-strong);box-shadow:var(--sh-2);transform:translateY(-1px)}.tool-card-top{margin-bottom:var(--sp-4);justify-content:space-between;align-items:flex-start;display:flex}.tool-tile{border-radius:var(--r-md);background:var(--signal-wash);width:40px;height:40px;color:var(--signal-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .tool-tile{color:var(--signal)}.tool-tile svg{stroke-width:1.75px;width:20px;height:20px}.tool-card-body{flex:1}.tool-card-name{font-size:var(--fs-h4);font-weight:var(--w-semibold);line-height:var(--lh-snug);color:var(--ink);margin-bottom:var(--sp-2);letter-spacing:-.005em}.tool-card-desc{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--ink-2)}.tool-card-footer{margin-top:var(--sp-5);justify-content:space-between;align-items:center;display:flex}.badge{font-family:var(--font-mono);font-size:10px;font-weight:var(--w-medium);letter-spacing:.04em;border-radius:var(--r-pill);white-space:nowrap;border:1px solid;padding:3px 8px;line-height:1.5}.badge-public{background:var(--signal-wash);color:var(--signal-ink);border-color:var(--signal-line)}[data-theme=dark] .badge-public{color:var(--signal)}.badge-beta{background:var(--info-wash);color:var(--info);border-color:var(--info-line)}.badge-soon{background:var(--warn-wash);color:var(--warn);border-color:var(--warn-line)}.btn{font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--w-semibold);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:var(--sp-2);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur-fast) var(--ease);border:1px solid #0000;padding:7px 13px;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn svg{stroke-width:2px;flex-shrink:0;width:14px;height:14px}.btn-primary{background:var(--signal);color:#fff}.btn-primary:hover{background:var(--signal-bright);color:#fff}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.btn-secondary:hover{border-color:var(--line-strong);background:var(--surface-2)}.site-footer{border-top:1px solid var(--line);background:var(--paper);padding:var(--sp-10) var(--sp-6)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--sp-6);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.footer-left{align-items:center;gap:var(--sp-4);display:flex}.footer-copy{font-size:var(--fs-xs);color:var(--ink-3)}.footer-right{align-items:center;gap:var(--sp-3);display:flex}.footer-link{font-size:var(--fs-xs);color:var(--ink-3);transition:color var(--dur) var(--ease);text-decoration:none}.footer-link:hover{color:var(--ink)}.footer-dot{background:var(--ink-4);border-radius:50%;width:3px;height:3px}.no-results{padding:var(--sp-16) var(--sp-6);text-align:center;color:var(--ink-3);font-size:var(--fs-sm);grid-column:1/-1}.info-banner{background:var(--info-wash);border-bottom:1px solid var(--info-line);padding:var(--sp-2) var(--sp-6)}.info-banner-inner{align-items:center;gap:var(--sp-2);max-width:1200px;font-size:var(--fs-xs);color:var(--info);margin:0 auto;display:flex}.info-banner-inner svg{stroke-width:2px;flex-shrink:0;width:13px;height:13px}@media (max-width:640px){.hero-headline{font-size:34px}.hero{padding:var(--sp-12) var(--sp-4) var(--sp-10)}.header-inner{padding:0 var(--sp-4)}.catalog{padding:var(--sp-6) var(--sp-4) var(--sp-16)}.tool-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}