:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--surface:#fff;--border:#e4e4e7;--text:#18181b;--muted:#6b7280;--accent:#0d9488;--accent-text:#fff;--accent-soft:#f0fdfa;--danger:#dc2626;--radius:12px;--sans:system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--surface:#16181d;--border:#2a2d35;--text:#e8e9ec;--muted:#9aa0ab;--accent:#2dd4bf;--accent-text:#06211d;--accent-soft:#112f2b;--danger:#f87171}}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-text-size-adjust:100%;line-height:1.7}a{color:var(--accent);text-underline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header{z-index:1;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{align-items:baseline;gap:10px;max-width:720px;margin:0 auto;padding:14px 20px;display:flex}.brand{font-family:var(--mono);letter-spacing:-.02em;color:var(--text);font-size:18px;font-weight:700;text-decoration:none}.brand-domain{color:var(--accent)}.brand-tag{color:var(--muted);font-size:12px}.main{gap:40px;max-width:720px;margin:0 auto;padding:40px 20px 64px;display:grid}.hero h1{letter-spacing:-.02em;font-size:clamp(26px,6vw,36px);line-height:1.3}.hero p{color:var(--muted);margin-top:8px}.field{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.field input{min-width:0;height:46px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:220px;padding:0 14px}.field input::placeholder{color:var(--muted)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}button{height:46px;font:inherit;color:var(--accent-text);background:var(--accent);border-radius:var(--radius);cursor:pointer;border:none;padding:0 22px;font-weight:600}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.6;cursor:progress}.hint{color:var(--muted);margin-top:8px;font-size:13px;display:block}.result{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:var(--radius);margin-top:16px;padding:16px}.result-message{color:var(--muted);font-size:13px}.result-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.result-url{min-width:0;font-family:var(--mono);word-break:break-all;flex:200px;font-size:17px;font-weight:700}.result-row button{background:var(--surface);height:36px;color:var(--text);border:1px solid var(--border);padding:0 14px;font-size:14px}.error{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:var(--radius);margin-top:16px;padding:12px 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card h2{letter-spacing:-.01em;font-size:18px}.card p{margin-top:8px}.card .example{font-family:var(--mono);word-break:break-all;font-size:14px}.card details{border-top:1px solid var(--border);padding:12px 0 4px}.card details:first-of-type{margin-top:16px}.card summary{cursor:pointer;font-weight:600}.card summary::marker{color:var(--accent)}.footer{border-top:1px solid var(--border);color:var(--muted);font-size:13px}.footer-inner{max-width:720px;margin:0 auto;padding:20px}.notfound{text-align:center;padding:60px 0}.notfound .code{font-family:var(--mono);color:var(--accent);font-size:56px;font-weight:700}