@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/SpaceGrotesk-latin.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/SpaceMono-400-latin.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/SpaceMono-700-latin.woff2)format("woff2")}:root{--ink:#1c1430;--paper:#fff;--paper-tint:#fbfaff;--surface:#faf9fc;--muted:#6b6580;--faint:#9a93b0;--ghost:#b3adc4;--code-ink:#3a3357;--line:#ececf2;--line-soft:#e6e1ee;--accent:#7b54ff;--accent-soft:#efe9ff;--accent-ink:#5a39d6;--warm:#ff7a2f;--warm-on-dark:#ff9e5c;--warm-ink:#e25c10;--blue:#2f8bff;--ok:#22c08a;--mono:"Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Noto Sans Mono CJK JP";--sans:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP";--display:"Space Grotesk", var(--sans)}*{box-sizing:border-box}._app_kg1yp_69{background:var(--paper);color:var(--ink);font-family:var(--sans), sans-serif;-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}.wrap{max-width:720px;margin:0 auto;padding:0 20px}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.hero{background:var(--paper-tint);border:1px solid var(--line-soft);border-radius:28px;margin:22px 0 8px;padding:34px 26px 38px;position:relative;overflow:hidden}.hero .hero-body{padding-bottom:32px;position:relative}.bobbles{pointer-events:none;position:absolute;inset:0}.bobble{border-radius:999px;position:absolute}.bobble.b-warm{background:var(--warm);opacity:.13;width:170px;height:170px;top:-56px;right:-34px}.bobble.b-blue{background:var(--blue);opacity:.12;width:108px;height:108px;top:60px;right:52px}.bobble.b-accent{border:10px solid var(--accent);opacity:.16;width:80px;height:80px;bottom:6px;left:-22px}.wordmark{font-family:var(--display), sans-serif;letter-spacing:-.03em;color:var(--ink);align-items:baseline;gap:5px;margin:0 0 16px;font-size:2rem;font-weight:700;line-height:1;display:inline-flex}.wordmark .pl{border:3px solid;border-radius:9px;align-items:center;padding:0 9px;line-height:1.18;display:inline-flex;transform:translateY(-5px)}.wordmark .pl .pl-t{display:inline-block;transform:translateY(2px)}.kicker{font-family:var(--mono), monospace;letter-spacing:.16em;color:var(--accent-ink);text-transform:uppercase;margin:0 0 12px;font-size:.8rem}h1{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(1.85rem,6vw,2.6rem);font-weight:900;line-height:1.32}h1 .hl{color:var(--warm-ink)}.hero .lead{color:var(--muted);max-width:50ch;margin:16px 0 0;font-size:.98rem}section{border-top:1px solid var(--line);padding:34px 0}.step{color:var(--ink);align-items:center;gap:10px;margin:0 0 6px;font-size:1.05rem;font-weight:700;display:flex}.step-no{font-family:var(--display), sans-serif;letter-spacing:.04em;background:var(--accent);color:#fff;border-radius:7px;padding:4px 9px;font-size:.7rem;font-weight:700}.hint{color:var(--muted);margin:0 0 18px;font-size:.9rem}.chips{flex-direction:column;gap:10px;display:flex}.chip{border:2px solid var(--line);width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:16px;align-items:center;gap:13px;padding:12px 15px;transition:all .16s;display:flex}.chip:hover{border-color:var(--line-soft);background:var(--paper-tint)}.chip.opt{border-style:dashed}.chip .ic{background-color:var(--faint);flex-shrink:0;width:30px;height:30px;transition:background-color .16s;position:relative;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.chip[data-tag=BY] .ic{-webkit-mask-image:url(/icons/by.svg);mask-image:url(/icons/by.svg)}.chip[data-tag=NC] .ic{-webkit-mask-image:url(/icons/nc.svg);mask-image:url(/icons/nc.svg)}.chip[data-tag=NAI] .ic{-webkit-mask-image:url(/icons/nai.svg);mask-image:url(/icons/nai.svg)}.chip[data-tag=TD] .ic{-webkit-mask-image:url(/icons/td.svg);mask-image:url(/icons/td.svg)}.chip[data-tag=MR] .ic{-webkit-mask-image:url(/icons/mr.svg);mask-image:url(/icons/mr.svg)}.chip[data-tag=MR] .ic:after{content:"";background:var(--ok);border:2px solid #fff;border-radius:999px;width:13px;height:13px;position:absolute;bottom:-3px;right:-3px}.chip .txt{flex-direction:column;line-height:1.3;display:flex}.chip .name{font-size:.94rem;font-weight:700}.chip .lead{color:var(--muted);font-size:.78rem}.chip .code{font-family:var(--mono), monospace;color:var(--muted);margin-left:auto;font-size:.82rem;font-weight:700}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.chip[aria-pressed=true] .ic{background-color:var(--accent)}.chip[aria-pressed=true] .name,.chip[aria-pressed=true] .code,.chip[aria-pressed=true] .lead{color:var(--accent-ink)}.fill{border:1px solid var(--line);background:#fff;border-radius:14px;margin:18px 0}.fill>summary{cursor:pointer;color:var(--ink);padding:14px 16px;font-size:.92rem;font-weight:600;list-style-position:inside}.fill[open]>summary{border-bottom:1px solid var(--line)}.fill .hint{margin:14px 16px 0}.fill-grid{grid-template-columns:1fr;gap:6px;padding:12px 16px 18px;display:grid}.fill-grid label{color:var(--muted);margin-top:8px;font-size:.82rem;font-weight:600}.fill-grid input{width:100%;min-width:0;font-family:var(--sans), sans-serif;color:var(--ink);border:2px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;font-size:.92rem}.fill-grid input:focus-visible{border-color:var(--accent);outline:none}.fill-grid input[type=date]{appearance:none}.fill-grid input[type=date]::-webkit-date-and-time-value{text-align:left}.fill-actions{justify-content:flex-end;padding:0 16px 16px;display:flex}.id{font-family:var(--mono), monospace;background:var(--ink);color:#fff;word-break:break-word;border-radius:14px;margin:22px 0 0;padding:16px 18px;font-size:clamp(.95rem,3.2vw,1.3rem);display:block}.id b{color:var(--warm-on-dark);font-weight:700}.tabs{gap:6px;display:flex}.tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-bottom:none;border-radius:11px 11px 0 0;align-items:center;gap:5px;padding:9px 15px;font-size:.9rem;display:inline-flex;position:relative}.tab[aria-selected=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent);z-index:1;margin-bottom:-1px}.tab-q{opacity:.7;cursor:help;border:1px solid;border-radius:999px;justify-content:center;align-items:center;width:15px;height:15px;font-size:.62rem;font-weight:700;display:inline-flex}.tab-tip{z-index:5;background:var(--ink);color:#fff;text-align:left;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;width:max-content;max-width:min(280px,78vw);padding:8px 10px;font-size:.72rem;font-weight:400;line-height:1.5;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 22px #1c143038}.tab:last-of-type .tab-tip{left:auto;right:0}.tab-q:hover+.tab-tip,.tab:focus-visible .tab-tip{opacity:1;visibility:visible}.panel{border:1px solid var(--accent);border-radius:0 12px 12px;overflow:hidden}pre{font-family:var(--mono), monospace;white-space:pre-wrap;word-break:break-word;background:var(--surface);height:380px;color:var(--code-ink);margin:0;padding:18px;font-size:.82rem;line-height:1.6;overflow:auto}.bar{border-top:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;display:flex}.copy-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.copy-actions>button{flex:calc(50% - 4px)}.copy-actions>#link{flex:auto}.help-wrap{flex:none;align-items:center;display:inline-flex;position:relative}.help{border:2px solid var(--line);width:20px;height:20px;color:var(--muted);font-family:var(--sans), sans-serif;cursor:help;background:#fff;border-radius:999px;padding:0;font-size:.72rem;font-weight:700;line-height:1}.help-tip{z-index:5;background:var(--ink);color:#fff;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;width:max-content;max-width:230px;padding:8px 10px;font-size:.72rem;line-height:1.5;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 22px #1c143038}.help:hover+.help-tip,.help:focus+.help-tip{opacity:1;visibility:visible}button.copy{font-family:var(--sans), sans-serif;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:9px 16px;font-size:.88rem;font-weight:600;transition:all .12s}button.copy:hover{filter:brightness(1.06)}button.copy.done{background:var(--ok)}.ep{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;display:flex}.ep-label{color:var(--muted);flex:100%;font-size:.78rem;font-weight:600}.ep code{font-family:var(--mono), monospace;color:var(--ink);white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:8px;flex:1;min-width:0;padding:8px 10px;font-size:.8rem;overflow-x:auto}.ghost{font-family:var(--sans), sans-serif;border:2px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;padding:8px 13px;font-size:.85rem}.ghost.done{border-color:var(--ok);color:var(--ok)}.hero-share{z-index:2;position:absolute;bottom:16px;right:18px}.hero-share-toggle{font-family:var(--sans), sans-serif;color:var(--muted);border:2px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd1;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:.82rem;font-weight:600;list-style:none;transition:all .16s;display:inline-flex}.hero-share-toggle::-webkit-details-marker{display:none}.hero-share-toggle:hover{border-color:var(--line-soft);color:var(--ink)}.hero-share-toggle svg{width:15px;height:15px}.hero-share-pop{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:8px;width:max-content;padding:10px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 28px #1c14302e}.hero-share[open] .hero-share-pop{display:flex}footer{border-top:1px solid var(--line);color:var(--muted);padding:44px 0 80px;font-size:.86rem}footer a{color:var(--ink);font-weight:500}.links{flex-wrap:wrap;gap:18px;margin:0 0 22px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=640px){.hero{margin-top:32px;padding:48px 44px 52px}.hero .hero-body{padding-bottom:0}.chip{padding:14px 18px}.bar{flex-direction:row;justify-content:flex-end;align-items:center}.copy-actions>button,.copy-actions>#link{flex:none}}