:root{--paper:#f6f1e7;--paper-2:#efe7d8;--card:#fffdf8;--ink:#1d2621;--ink-2:#4a554e;--ink-3:#737d76;--line:#1d2621;--line-soft:#d9cfbd;--forest:#1f6b52;--forest-ink:#ffffff;--forest-tint:#dcebe3;--marigold:#e8a33a;--marigold-tint:#fbe8c6;--berry:#b5374f;--berry-tint:#f7dde2;--focus:#1f6b52;--shadow:4px 4px 0 var(--line);--shadow-sm:2px 2px 0 var(--line);--radius:14px;--radius-sm:9px;--font-display:var(--font-fraunces),"Iowan Old Style","Palatino Linotype",Georgia,serif;--font-body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color-scheme:light}:root[lang=ja]{--font-display:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",serif;--font-body:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic",Meiryo,"Noto Sans JP",sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#151a17;--paper-2:#1c2320;--card:#1f2723;--ink:#eee8dc;--ink-2:#c3c9c0;--ink-3:#939b93;--line:#0a0d0b;--line-soft:#34403a;--forest:#5cc29a;--forest-ink:#0d1a14;--forest-tint:#1f3a2f;--marigold:#f0b552;--marigold-tint:#3d3220;--berry:#f08a9c;--berry-tint:#3e2228;--focus:#5cc29a;--shadow:4px 4px 0 #000;--shadow-sm:2px 2px 0 #000;color-scheme:dark}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}:root[lang=ja] body{line-height:1.8;font-size:16px}img{max-width:100%;height:auto}a{color:var(--forest);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em}:root[lang=ja] h1,:root[lang=ja] h2,:root[lang=ja] h3{letter-spacing:.02em;line-height:1.4}h1{font-size:clamp(2rem,5vw,3rem);font-weight:700}h2{font-size:1.5rem}h2,h3{font-weight:650}h3{font-size:1.1rem}p{margin:0 0 1em}.skip{position:absolute;left:-999px;top:8px;background:var(--card);padding:8px 12px;border:2px solid var(--line);border-radius:var(--radius-sm);z-index:10}.skip:focus{left:8px}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}.masthead{border-bottom:2px solid var(--line);background:var(--paper);position:-webkit-sticky;position:sticky;top:0;z-index:5}.masthead .wrap{display:flex;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.25rem}.brand svg{flex:none}.masthead nav{margin-left:auto;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.masthead nav a{color:var(--ink);text-decoration:none;padding:6px 10px;border-radius:999px;font-size:.95rem}.masthead nav a:hover{background:var(--paper-2)}.lang-switch{display:inline-flex;border:2px solid var(--line);border-radius:999px;overflow:hidden;margin-left:6px}.lang-switch a,.lang-switch span{padding:3px 10px;font-size:.85rem;text-decoration:none;color:var(--ink)}.lang-switch [aria-current=true]{background:var(--ink);color:var(--paper)}main{flex:1 1;padding:32px 0 56px}.hero{display:grid;grid-gap:8px;gap:8px;margin-bottom:28px}.hero .lead{font-size:1.15rem;color:var(--ink-2);max-width:40em}.shelf{margin-top:36px}.shelf-title{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:14px}.shelf-title:after{content:"";flex:1 1;border-top:2px dashed var(--line-soft)}.grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.card,.grid{display:grid}.card{grid-template-columns:64px 1fr;grid-gap:14px;gap:14px;align-items:start;padding:16px;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--line)}.card:active{transform:translate(2px,2px);box-shadow:var(--shadow-sm)}.card img{width:64px;height:64px;background:#fbe8c6;border-radius:12px;padding:6px}.card strong{display:block;font-family:var(--font-display);font-size:1.1rem;line-height:1.3;margin-bottom:4px}.card span{color:var(--ink-2);font-size:.93rem;line-height:1.5}.tool-head{display:grid;grid-template-columns:1fr auto;grid-gap:20px;gap:20px;align-items:center;margin-bottom:20px}.tool-head img{width:96px;height:96px;background:#fbe8c6;border:2px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow-sm)}.tool-head .lead{color:var(--ink-2);font-size:1.1rem;margin:0}.crumb{font-size:.9rem;margin-bottom:10px}.crumb a{color:var(--ink-2)}.private{display:inline-flex;align-items:center;gap:8px;background:var(--forest-tint);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:.88rem;margin:6px 0 20px}.private svg{flex:none}.bench{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.notes{display:grid;grid-gap:28px;gap:28px;grid-template-columns:1fr 1fr;margin-top:40px}.steps{counter-reset:step;list-style:none;padding:0;margin:0;grid-gap:10px}.steps,.steps li{display:grid;gap:10px}.steps li{counter-increment:step;grid-template-columns:34px 1fr;grid-gap:10px;align-items:start}.steps li:before{content:counter(step);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--marigold);color:#1d2621;font-weight:700;border:2px solid var(--line)}.faq details{border-bottom:1px solid var(--line-soft);padding:10px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:8px 0 0;color:var(--ink-2)}.more{margin-top:48px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.stack{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:6px;gap:6px}.field>span,.legend{font-weight:600;font-size:.95rem}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=time],input[type=url],select,textarea{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;width:100%;min-width:0}textarea{resize:vertical;min-height:220px;line-height:1.6}input[type=color]{width:48px;height:40px;border:2px solid var(--line);border-radius:var(--radius-sm);padding:2px;background:var(--paper)}input[type=range]{width:100%;accent-color:var(--forest)}input[type=checkbox],input[type=radio]{accent-color:var(--forest);width:18px;height:18px}.check{display:flex;gap:10px;align-items:center}@media (max-width:760px),(pointer:coarse){.btn,.btn.small,.segmented button,input[type=date],input[type=email],input[type=number],input[type=password],input[type=range],input[type=search],input[type=text],input[type=time],input[type=url],select{min-height:44px}input[type=color]{height:44px;width:52px}.check{min-height:44px}}.segmented{display:inline-flex;flex-wrap:wrap;border:2px solid var(--line);border-radius:999px;overflow:hidden}.segmented button{border:0;border-right:2px solid var(--line);background:var(--card);color:var(--ink);padding:7px 14px;font:inherit;font-size:.95rem;cursor:pointer}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:650;border:2px solid var(--line);border-radius:999px;padding:9px 18px;background:var(--card);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);text-decoration:none}.btn:hover{background:var(--paper-2)}.btn:active{transform:translate(2px,2px);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn.primary{background:var(--forest);color:var(--forest-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.small{padding:4px 10px;font-size:.85rem;font-weight:600}.drop{display:grid;place-items:center;grid-gap:6px;gap:6px;text-align:center;border:2px dashed var(--ink-3);border-radius:var(--radius);padding:28px 16px;background:var(--paper)}.drop.over{border-color:var(--forest);background:var(--forest-tint)}.drop small{color:var(--ink-3)}.files{list-style:none;padding:0;margin:0;grid-gap:8px}.files,.files li{display:grid;gap:8px}.files li{grid-template-columns:1fr auto;grid-gap:8px;align-items:center;padding:10px 12px;border:2px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--paper)}.files .name{overflow-wrap:anywhere;font-weight:600}.files .meta{color:var(--ink-3);font-size:.88rem}.files .actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.msg{border-radius:var(--radius-sm);padding:10px 12px;font-size:.95rem}.msg.err{background:var(--berry-tint);color:var(--ink);border-left:4px solid var(--berry)}.msg.ok{background:var(--forest-tint);border-left:4px solid var(--forest)}.msg.warn{background:var(--marigold-tint);border-left:4px solid var(--marigold)}.muted{color:var(--ink-3);font-size:.9rem}.split{display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0}.stats div{background:var(--paper);border:2px solid var(--line-soft);border-radius:var(--radius-sm);padding:10px 12px}.stats dt{font-size:.85rem;color:var(--ink-2)}.stats dd{margin:0;font-family:var(--font-display);font-size:1.6rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stats .big{grid-column:1/-1;background:var(--marigold-tint);border-color:var(--line)}.output{font-family:var(--font-mono);font-size:1.25rem;border:2px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;overflow-wrap:anywhere;min-height:54px}.meter,.output{background:var(--paper)}.meter{height:10px;border:2px solid var(--line);border-radius:999px;overflow:hidden}.meter i{display:block;height:100%;background:var(--forest)}.meter.weak i{background:var(--berry)}.qr-box{display:grid;place-items:center;background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:14px;min-height:260px}.qr-box img{width:100%;max-width:280px;image-rendering:pixelated}.thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--line-soft)}.imgrow{grid-template-columns:48px 1fr auto!important}.prose{max-width:42em}.prose h2{margin-top:1.6em}.foot{border-top:2px solid var(--line);background:var(--paper-2);padding:28px 0;font-size:.92rem;color:var(--ink-2)}.foot .wrap{gap:12px 28px;align-items:center;justify-content:space-between}.foot .wrap,.foot nav{display:flex;flex-wrap:wrap}.foot nav{gap:16px}.foot a{color:var(--ink-2)}@media (max-width:760px){body{font-size:16px}.notes,.split,.tool-head{grid-template-columns:1fr}.tool-head img{width:72px;height:72px;order:-1}.masthead{position:static}.masthead .wrap{gap:4px 12px;padding-top:8px;padding-bottom:8px;min-height:0}.masthead nav{margin-left:0;width:100%}.bench{padding:14px;box-shadow:var(--shadow-sm)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.shelf-title a{color:inherit;text-decoration:none}.shelf-title a:hover{text-decoration:underline}.sources{margin:14px 0 0}.ad-slot{margin:28px 0 0}.lang-menu{position:relative;margin-left:6px}.lang-menu summary{list-style:none;cursor:pointer;border:2px solid var(--line);border-radius:999px;padding:3px 12px;font-size:.85rem}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu ul{position:absolute;right:0;top:calc(100% + 6px);z-index:6;list-style:none;margin:0;padding:6px;min-width:190px;background:var(--card);border:2px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.lang-menu li a,.lang-menu li span{display:block;padding:6px 10px;border-radius:6px;color:var(--ink);text-decoration:none;font-size:.92rem}.lang-menu li a:hover{background:var(--paper-2)}.lang-menu li [aria-current=true]{font-weight:700}table.data{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.data td,table.data th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line-soft)}table.data th{font-size:.85rem;color:var(--ink-2);font-weight:600}input[type=datetime-local],input[type=email],input[type=number],input[type=search],input[type=time]{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;width:100%;min-width:0}@media (max-width:760px){.lang-menu ul{right:auto;left:0}}