:root{--bg: #ffffff;--bg-subtle: #f6f7f9;--bg-raised: #ffffff;--border: #e3e6ea;--border-strong: #cbd2da;--text: #14181d;--text-muted: #5c6773;--accent: #1f6feb;--accent-hover: #1a5fd0;--accent-soft: #eaf1fe;--success: #197b4b;--success-soft: #e7f6ee;--warn: #9a6100;--warn-soft: #fdf3e0;--danger: #b3261e;--danger-soft: #fdeceb;--radius: 10px;--radius-lg: 14px;--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 4px 16px rgb(16 24 40 / 5%);--maxw: 860px;--font: system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg: #0f1216;--bg-subtle: #161b22;--bg-raised: #171c23;--border: #262d36;--border-strong: #39424e;--text: #e7ecf2;--text-muted: #98a3b0;--accent: #58a6ff;--accent-hover: #79b8ff;--accent-soft: #142640;--success: #56d39a;--success-soft: #10291e;--warn: #e3b341;--warn-soft: #2b2312;--danger: #ff7b72;--danger-soft: #2c1614;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 16px rgb(0 0 0 / 30%)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}img,canvas,svg{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--accent-hover)}h1,h2,h3{line-height:1.4;letter-spacing:.01em;margin:0 0 .6em;font-weight:700}h1{font-size:clamp(1.5rem,1.15rem + 1.6vw,2.1rem)}h2{font-size:clamp(1.2rem,1.05rem + .7vw,1.45rem);margin-top:2.2em;padding-bottom:.35em;border-bottom:1px solid var(--border)}h3{font-size:1.05rem;margin-top:1.8em}p{margin:0 0 1.1em}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-subtle);border:1px solid var(--border);border-radius:5px;padding:.1em .35em}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}main{flex:1 0 auto;padding-block:32px 64px}.site-header{border-bottom:1px solid var(--border);background:var(--bg-raised);position:sticky;top:0;z-index:20}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px}.site-header__logo{font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.site-header__logo:hover{color:var(--text)}.site-header__nav{display:flex;gap:18px;font-size:.9rem}.site-header__nav a{color:var(--text-muted);text-decoration:none}.site-header__nav a:hover{color:var(--accent)}.site-footer{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-subtle);padding-block:28px;font-size:.875rem;color:var(--text-muted)}.site-footer__links{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.site-footer__links a{color:var(--text-muted)}.breadcrumb{font-size:.825rem;color:var(--text-muted);margin-bottom:14px}.breadcrumb a{color:var(--text-muted)}.breadcrumb span[aria-current]{color:var(--text)}.tool-grid{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tool-card{display:block;height:100%;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}.tool-card:hover{border-color:var(--accent);color:inherit;transform:translateY(-2px);box-shadow:var(--shadow)}.tool-card__icon{font-size:1.5rem;line-height:1;margin-bottom:10px}.tool-card__title{font-weight:700;font-size:1rem;margin-bottom:4px}.tool-card__desc{font-size:.85rem;color:var(--text-muted);line-height:1.65;margin:0}.lead{font-size:1.02rem;color:var(--text-muted)}.notice{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:var(--radius);padding:14px 16px;font-size:.9rem;margin-bottom:20px}.notice--success{border-left-color:var(--success);background:var(--success-soft)}.notice--warn{border-left-color:var(--warn);background:var(--warn-soft)}.notice--danger{border-left-color:var(--danger);background:var(--danger-soft)}.notice p:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius);border:1px solid transparent;background:var(--accent);color:#fff;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,opacity .15s}.btn:hover:not(:disabled){background:var(--accent-hover);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn--ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.faq details{border:1px solid var(--border);border-radius:var(--radius);padding:0 16px;margin-bottom:10px;background:var(--bg-raised)}.faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"＋";color:var(--accent);margin-right:8px;font-weight:700}.faq details[open] summary:before{content:"－"}.faq details>*:not(summary){padding-bottom:4px;font-size:.92rem;color:var(--text-muted)}.steps{counter-reset:step;list-style:none;padding:0;margin:0 0 1.2em}.steps li{counter-increment:step;position:relative;padding-left:40px;margin-bottom:12px}.steps li:before{content:counter(step);position:absolute;left:0;top:3px;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:700;display:grid;place-items:center}.ad-slot{margin-block:28px;min-height:0}.ad-slot:empty{display:none}