:root{--color-bg: #ffffff;--color-surface: #f7f7f8;--color-text: #111827;--color-subtle: #6b7280;--color-primary: #4f46e5;--color-primary-ink: #ffffff;--color-border: #e5e7eb;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #ef4444;--color-focus: #1d4ed8;--size-container: 720px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", Arial, sans-serif;--fs-1: 12px;--fs-2: 14px;--fs-3: 16px;--fs-4: 18px;--fs-5: 22px;--lh-tight: 1.25;--lh-normal: 1.5;--shadow-1: 0 1px 2px rgba(0, 0, 0, .06);--shadow-2: 0 4px 12px rgba(0, 0, 0, .1);--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur-mid: .2s;color-scheme:light}[data-theme=dark]{color-scheme:dark;--color-bg: #0b0c0f;--color-surface: #111317;--color-text: #e5e7eb;--color-subtle: #9ca3af;--color-primary: #818cf8;--color-primary-ink: #111317;--color-border: #262a33}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--fs-3);line-height:var(--lh-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.num{font-variant-numeric:tabular-nums slashed-zero}.container{max-width:var(--size-container);margin-inline:auto;padding-inline:var(--space-4)}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;gap:var(--space-4)}.toolbar .actions{display:flex;gap:var(--space-2)}.title{font-size:var(--fs-5);line-height:var(--lh-tight);font-weight:600}.header-content{flex:1}.subtitle{margin:var(--space-1) 0 0 0;font-size:var(--fs-2);color:var(--color-text-secondary);line-height:1.4;max-width:600px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:var(--space-6);margin-bottom:var(--space-8)}.btn{height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--fs-3);font-family:inherit;cursor:pointer;background:var(--color-bg);color:var(--color-text);transition:background var(--dur-mid) var(--ease),transform var(--dur-fast) var(--ease);text-decoration:none;white-space:nowrap}.btn--primary{background:var(--color-primary);color:var(--color-primary-ink);border-color:transparent;font-weight:500}.btn--secondary{background:var(--color-surface)}.btn--ghost{background:transparent;border-color:transparent}.btn:hover{opacity:.9}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;pointer-events:none;cursor:not-allowed}.field{display:grid;gap:6px}.field label{font-size:var(--fs-2);font-weight:500;color:var(--color-text)}.input{height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-3);font-family:inherit}.input:focus{border-color:var(--color-focus);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 20%,transparent)}.textarea{min-height:120px;padding:var(--space-3);resize:vertical}.checkbox,.radio{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox input,.radio input{width:20px;height:20px;cursor:pointer}.slider{width:100%;height:8px;border-radius:4px;background:var(--color-border);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none}.help{color:var(--color-subtle);font-size:var(--fs-2)}.error{color:var(--color-danger);font-size:var(--fs-2)}.warning{color:var(--color-warning);font-size:var(--fs-2)}.results{margin-top:var(--space-4);display:grid;gap:var(--space-2)}.result-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);transition:background var(--dur-mid) var(--ease),border-color var(--dur-mid) var(--ease);cursor:pointer;user-select:none}.result-card:hover{background:var(--color-surface);border-color:var(--color-primary)}.result-card--selected{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg));border-color:var(--color-primary)}.result-card input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.result-card__number{color:var(--color-subtle);font-size:var(--fs-2);min-width:30px;flex-shrink:0}.result-card__content{flex:1;font-family:Courier New,monospace;font-size:var(--fs-2);word-break:break-all;line-height:var(--lh-tight)}.result-card__copy-btn{flex-shrink:0;padding:var(--space-1) var(--space-2);font-size:var(--fs-1);height:auto;min-height:28px}.result-card--ruby{align-items:flex-start}.result-card__dual-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.result-card__row{display:flex;align-items:center;gap:var(--space-2)}.result-card__row--secondary{padding-left:var(--space-4);opacity:.8}.result-card__content--plain{font-size:var(--fs-1);color:var(--color-subtle)}.two-pane-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-6);max-width:1000px;margin-inline:auto}.left-pane,.right-pane{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.right-pane{position:sticky;top:var(--space-4)}.tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.tab{padding:var(--space-3) var(--space-4);border:none;background:transparent;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:var(--fs-3);font-family:inherit;color:var(--color-text);transition:color var(--dur-mid) var(--ease)}.tab:hover{color:var(--color-primary)}.tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:500}.tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.gap-4{gap:var(--space-4)}.grid{display:grid}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 768px){.two-pane-layout{grid-template-columns:1fr}.right-pane{position:static;max-height:none}}@media (max-width: 600px){.toolbar{flex-direction:column;align-items:stretch}.toolbar .actions{justify-content:center}.title{font-size:var(--fs-4);text-align:center}.subtitle{font-size:var(--fs-1);text-align:center;margin-top:var(--space-2)}.card,.left-pane,.right-pane{padding:var(--space-4)}.tabs{flex-wrap:wrap}.tab{flex:1;min-width:fit-content}}#toast-container{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);align-items:center;pointer-events:none}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-2);display:flex;align-items:center;gap:var(--space-2);min-width:280px;max-width:480px;pointer-events:auto;animation:toast-slide-in var(--dur-mid) var(--ease)}.toast--success{border-left:4px solid var(--color-success)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--error{border-left:4px solid var(--color-danger)}.toast.toast--leaving{animation:toast-slide-out var(--dur-mid) var(--ease) forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}ruby{ruby-position:over}ruby rt{font-size:.5em;color:var(--color-subtle);user-select:none}.result-card__content ruby{display:inline-ruby}[data-theme=dark] ruby rt{color:var(--color-subtle)}.banner{position:fixed;top:0;left:0;right:0;padding:var(--space-3) var(--space-4);text-align:center;z-index:1000;display:none;font-size:var(--fs-2);font-weight:500;box-shadow:var(--shadow-2)}.banner--visible{display:flex;justify-content:center;align-items:center;gap:var(--space-3)}.banner--offline{background:var(--color-warning);color:#fff}.banner--update{background:var(--color-primary);color:var(--color-primary-ink)}.banner__message{flex:0 1 auto}.banner__action{flex:0 0 auto}.banner .btn{font-size:var(--fs-1);padding:var(--space-2) var(--space-3)}body.has-banner{padding-top:56px}@media (max-width: 600px){.banner{flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3)}body.has-banner{padding-top:72px}}.modal{position:fixed;inset:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:2000;padding:var(--space-4)}.modal--visible{display:flex}.modal__dialog{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);max-width:600px;width:100%;box-shadow:var(--shadow-2)}.modal__title{font-size:var(--fs-4);font-weight:600;margin-bottom:var(--space-4)}.modal__content{margin-bottom:var(--space-4)}.modal__url-input{width:100%;padding:var(--space-3);font-family:Courier New,monospace;font-size:var(--fs-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);margin-bottom:var(--space-3)}.modal__actions{display:flex;gap:var(--space-2);justify-content:flex-end}@media (max-width: 600px){.modal__dialog{padding:var(--space-4)}.modal__actions{flex-direction:column}.modal__actions .btn{width:100%}}.install-prompt--banner{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);max-width:500px;width:90%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3);padding:var(--space-4);box-shadow:0 4px 24px #0000001f;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.install-prompt__close{position:absolute;top:var(--space-2);right:var(--space-2);background:none;border:none;font-size:var(--fs-4);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-1);transition:background var(--dur-fast) var(--ease)}.install-prompt__close:hover{background:var(--color-bg)}.install-prompt__content{padding-right:var(--space-6)}.install-prompt__title{font-size:var(--fs-3);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.install-prompt__description{font-size:var(--fs-2);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.install-prompt__actions{display:flex;gap:var(--space-2)}.install-prompt__install-btn{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--color-primary-rgb),.7)}70%{box-shadow:0 0 0 10px rgba(var(--color-primary-rgb),0)}to{box-shadow:0 0 rgba(var(--color-primary-rgb),0)}}.install-prompt--footer{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-3);z-index:999;display:flex;justify-content:center;align-items:center;gap:var(--space-2);animation:slideUpFooter .3s ease-out}@keyframes slideUpFooter{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-prompt__footer-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--color-primary);font-size:var(--fs-2);font-weight:500;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);transition:background var(--dur-fast) var(--ease)}.install-prompt__footer-btn:hover{background:var(--color-bg)}.install-prompt__footer-close{position:absolute;right:var(--space-3);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);font-size:var(--fs-3);line-height:1;border-radius:var(--radius-1);transition:background var(--dur-fast) var(--ease)}.install-prompt__footer-close:hover{background:var(--color-bg)}@media (prefers-reduced-motion: reduce){.install-prompt--banner,.install-prompt--footer,.install-prompt__install-btn{animation:none!important}}@media (max-width: 640px){.install-prompt--banner{width:95%;bottom:var(--space-3)}.install-prompt__actions{flex-direction:column}.install-prompt__actions button{width:100%}}.faq-section[data-astro-cid-al2ca2vr]{padding:var(--space-8) var(--space-4);background:linear-gradient(to bottom,var(--color-surface),var(--color-bg));border-top:1px solid var(--color-border)}.faq-container[data-astro-cid-al2ca2vr]{max-width:900px;margin:0 auto}.faq-title[data-astro-cid-al2ca2vr]{font-size:var(--fs-5);font-weight:700;margin-bottom:var(--space-6);text-align:center;color:var(--color-text)}.faq-list[data-astro-cid-al2ca2vr]{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item[data-astro-cid-al2ca2vr]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-3);overflow:hidden;transition:all .3s ease}.faq-item[data-astro-cid-al2ca2vr][open]{box-shadow:0 4px 12px #00000014}.faq-question[data-astro-cid-al2ca2vr]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;font-weight:600;font-size:var(--fs-3);color:var(--color-text);list-style:none;background:var(--color-surface);transition:background-color .2s ease}.faq-question[data-astro-cid-al2ca2vr]:hover{background:var(--color-bg)}.faq-question[data-astro-cid-al2ca2vr]::-webkit-details-marker{display:none}.faq-icon[data-astro-cid-al2ca2vr]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-2);background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--fs-3);flex-shrink:0}.faq-arrow[data-astro-cid-al2ca2vr]{margin-left:auto;flex-shrink:0;transition:transform .3s ease;color:var(--color-text-secondary)}.faq-item[data-astro-cid-al2ca2vr][open] .faq-arrow[data-astro-cid-al2ca2vr]{transform:rotate(180deg)}.faq-answer[data-astro-cid-al2ca2vr]{display:flex;gap:var(--space-3);padding:0 var(--space-4) var(--space-4) var(--space-4);animation:fadeIn .3s ease}.faq-answer[data-astro-cid-al2ca2vr] p[data-astro-cid-al2ca2vr]{flex:1;line-height:1.7;color:var(--color-text-secondary);margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.faq-section[data-astro-cid-al2ca2vr]{padding:var(--space-6) var(--space-3)}.faq-title[data-astro-cid-al2ca2vr]{font-size:var(--fs-4)}.faq-question[data-astro-cid-al2ca2vr]{font-size:var(--fs-2);padding:var(--space-3)}.faq-icon[data-astro-cid-al2ca2vr]{width:28px;height:28px;font-size:var(--fs-2)}}.guide-section[data-astro-cid-4nhkzlmv]{padding:var(--space-8) var(--space-4);background:var(--color-bg)}.guide-container[data-astro-cid-4nhkzlmv]{max-width:1200px;margin:0 auto}.guide-title[data-astro-cid-4nhkzlmv]{font-size:var(--fs-5);font-weight:700;margin-bottom:var(--space-6);text-align:center;color:var(--color-text)}.features-grid[data-astro-cid-4nhkzlmv]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.feature-card[data-astro-cid-4nhkzlmv]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3);padding:var(--space-4);transition:transform .2s ease,box-shadow .2s ease}.feature-card[data-astro-cid-4nhkzlmv]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.feature-icon[data-astro-cid-4nhkzlmv]{font-size:2rem;display:block;margin-bottom:var(--space-3)}.feature-title[data-astro-cid-4nhkzlmv]{font-size:var(--fs-3);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.feature-description[data-astro-cid-4nhkzlmv]{font-size:var(--fs-2);color:var(--color-text-secondary);line-height:1.6;margin:0}.guides-container[data-astro-cid-4nhkzlmv]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.guide-card[data-astro-cid-4nhkzlmv]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3);padding:var(--space-5)}.guide-card-title[data-astro-cid-4nhkzlmv]{font-size:var(--fs-3);font-weight:600;margin-bottom:var(--space-4);color:var(--color-primary)}.guide-steps[data-astro-cid-4nhkzlmv]{list-style:none;padding:0;margin:0}.guide-step[data-astro-cid-4nhkzlmv]{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.guide-step[data-astro-cid-4nhkzlmv]:last-child{border-bottom:none}.step-icon[data-astro-cid-4nhkzlmv]{font-size:1.25rem;flex-shrink:0}.step-text[data-astro-cid-4nhkzlmv]{color:var(--color-text-secondary);line-height:1.6}.quickstart[data-astro-cid-4nhkzlmv]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-4);padding:var(--space-6)}.quickstart-title[data-astro-cid-4nhkzlmv]{font-size:var(--fs-4);font-weight:700;margin-bottom:var(--space-4);color:var(--color-text)}.quickstart-text[data-astro-cid-4nhkzlmv]{font-size:var(--fs-3);line-height:1.7;margin-bottom:var(--space-5);color:var(--color-text-secondary)}.quickstart-tips[data-astro-cid-4nhkzlmv]{background:var(--color-bg);border-radius:var(--radius-3);padding:var(--space-4);border:1px solid var(--color-border)}.tips-title[data-astro-cid-4nhkzlmv]{font-size:var(--fs-3);margin-bottom:var(--space-3);font-weight:600;color:var(--color-text)}.tips-list[data-astro-cid-4nhkzlmv]{list-style:none;padding:0;margin:0}.tips-list[data-astro-cid-4nhkzlmv] li[data-astro-cid-4nhkzlmv]{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--fs-2);color:var(--color-text-secondary)}.tips-list[data-astro-cid-4nhkzlmv] li[data-astro-cid-4nhkzlmv]:last-child{border-bottom:none}.tips-list[data-astro-cid-4nhkzlmv] strong[data-astro-cid-4nhkzlmv]{display:inline-block;min-width:140px}@media (max-width: 768px){.features-grid[data-astro-cid-4nhkzlmv],.guides-container[data-astro-cid-4nhkzlmv]{grid-template-columns:1fr}.quickstart[data-astro-cid-4nhkzlmv]{padding:var(--space-5) var(--space-4)}}.share-buttons-container[data-astro-cid-zllr3mxm]{display:flex;flex-direction:column;gap:var(--space-3)}.share-buttons[data-astro-cid-zllr3mxm]{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.share-label[data-astro-cid-zllr3mxm]{font-size:var(--fs-2);font-weight:600;color:var(--color-text-secondary);margin-right:var(--space-1)}.url-section[data-astro-cid-zllr3mxm]{display:flex;justify-content:center;align-items:center;width:100%}.url-display[data-astro-cid-zllr3mxm]{display:flex;align-items:center;gap:var(--space-2);width:90%;max-width:600px}.url-label[data-astro-cid-zllr3mxm]{font-size:var(--fs-2);font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.url-input[data-astro-cid-zllr3mxm]{flex:1;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);color:var(--color-text);font-family:var(--font-mono);font-size:var(--fs-2)}.url-input[data-astro-cid-zllr3mxm]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.share-button[data-astro-cid-zllr3mxm]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-2);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all .2s ease;cursor:pointer}.share-button[data-astro-cid-zllr3mxm]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.share-button--twitter[data-astro-cid-zllr3mxm]:hover{background:#000;color:#fff;border-color:#000}.share-button--facebook[data-astro-cid-zllr3mxm]:hover{background:#1877f2;color:#fff;border-color:#1877f2}.share-button--linkedin[data-astro-cid-zllr3mxm]:hover{background:#0077b5;color:#fff;border-color:#0077b5}.share-button--line[data-astro-cid-zllr3mxm]:hover{background:#00b900;color:#fff;border-color:#00b900}.share-button--hatena[data-astro-cid-zllr3mxm]:hover{background:#00a4de;color:#fff;border-color:#00a4de}.share-button--copy[data-astro-cid-zllr3mxm]:hover,.share-button--native[data-astro-cid-zllr3mxm]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.share-button--copy[data-astro-cid-zllr3mxm].copied{background:var(--color-success);color:#fff;border-color:var(--color-success)}@media (max-width: 640px){.share-buttons[data-astro-cid-zllr3mxm]{justify-content:center;margin-bottom:var(--space-2)}.share-label[data-astro-cid-zllr3mxm]{width:100%;text-align:center;margin-bottom:var(--space-2)}.url-section[data-astro-cid-zllr3mxm]{width:100%}.url-display[data-astro-cid-zllr3mxm]{width:95%}.url-input[data-astro-cid-zllr3mxm]{font-size:var(--fs-1)}}.btn--install[data-astro-cid-j7pv25f6]{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;position:relative}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8;transform:scale(1.05)}}.btn--install[data-astro-cid-j7pv25f6]:after{content:"NEW";position:absolute;top:-8px;right:-8px;background:var(--color-error);color:#fff;font-size:10px;padding:2px 4px;border-radius:4px;font-weight:700}