:root{color-scheme:light dark;--bg:#faf9f5;--surface:#fff;--surface-2:#f2f0e9;--fg:#211f1a;--muted:#676253;--line:#ddd8cb;--line-strong:#a8a291;--accent:#2b5aa7;--accent-strong:#1e4485;--accent-ink:#fff;--accent-soft:#e9eef8;--danger:#b00020;--warn:#a05a00;--radius-s:6px;--radius-m:10px;--shadow-1:0 1px 2px #201f1b0d, 0 2px 8px #201f1b12;--shadow-2:0 4px 14px #201f1b1f, 0 12px 32px #201f1b24}@media (prefers-color-scheme:dark){:root{--bg:#16161a;--surface:#1f1f25;--surface-2:#27272e;--fg:#e9e7e1;--muted:#a4a099;--line:#3a3a42;--line-strong:#5a5a64;--accent:#7ea4e6;--accent-strong:#9dbcf0;--accent-ink:#10131b;--accent-soft:#262e3f;--danger:#ff7a86;--warn:#e0a35c;--shadow-1:0 1px 2px #0006, 0 2px 8px #00000059;--shadow-2:0 6px 18px #00000080}}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDGothic,Meiryo,system-ui,sans-serif}body{color:var(--fg);background:var(--bg);place-items:center;min-height:100svh;line-height:1.9;display:grid}main{text-align:center;max-width:38rem;padding:2rem}button{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-s);cursor:pointer;padding:.35rem .8rem;transition:background-color .12s,border-color .12s,box-shadow .12s}button:hover{background:var(--surface-2)}button:active{background:color-mix(in srgb, var(--surface-2) 80%, var(--line))}.yk-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.yk-primary:hover,.yk-primary:active{background:var(--accent-strong);border-color:var(--accent-strong)}select{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-s);padding:.3rem .5rem}input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}body.tool-page{display:block}body.tool-page main{text-align:left;max-width:72rem;margin:0 auto;padding:0 1.2rem}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 55%, var(--bg));padding:.65rem 1.2rem}.site-header .brand{color:var(--fg);letter-spacing:.02em;font-weight:700;text-decoration:none}.site-header .brand:before{content:"";background:var(--accent);border-radius:2px;width:.5em;height:.5em;margin-right:.5em;display:inline-block;transform:rotate(45deg)translateY(-1px)}.site-header .kana{color:var(--muted);margin-left:.3em;font-size:.8rem;font-weight:400}body.tool-page h1{letter-spacing:.04em;margin:1.4rem 0 .4rem;font-size:1.6rem}.lead{color:var(--muted);max-width:62ch;margin-bottom:1.1rem}.tool-container{margin:1rem 0 2.5rem}.noscript-note{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);padding:1rem 1.25rem}.tool-doc{max-width:62rem;margin:3rem 0}.tool-doc h2{border-left:4px solid var(--accent);letter-spacing:.03em;margin-bottom:.9rem;padding-left:.6rem;font-size:1.12rem}.tool-doc ol{padding-left:1.4em}.tool-doc li{margin:.45rem 0}.tool-doc dt{margin-top:1.1rem;font-weight:600}.tool-doc dd{color:color-mix(in srgb, var(--fg) 85%, transparent);margin:.3rem 0 0 1em}.tool-doc .note,p.note{color:var(--muted);font-size:.92rem}.tool-doc code{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:.05em .4em;font-size:.95em}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:2.5rem;padding:1.1rem 1.2rem 1.4rem;font-size:.9rem}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent)}h1{letter-spacing:.06em;margin-bottom:.4rem;font-size:2.2rem}h1 .kana{color:var(--muted);margin-left:.4em;font-size:1rem;font-weight:400}.tagline{margin-bottom:1.6rem;font-size:1.15rem}p.note{color:var(--muted);margin-top:1.4rem;font-size:.95rem}.tool-links{text-align:left;gap:.9rem;margin:2rem 0 0;display:grid}.tool-link{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-1);color:var(--fg);padding:1rem 1.25rem;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:block}.tool-link:hover{border-color:var(--accent);box-shadow:var(--shadow-2)}.tool-link strong{margin-bottom:.15rem;display:block}.tool-link strong:after{content:" →";color:var(--accent)}.tool-link span{color:var(--muted);font-size:.92rem;line-height:1.7;display:block}@media print{body{min-height:auto}.site-header,.site-footer,.tool-doc,.lead,body.tool-page h1{display:none!important}}