.sh-page{--sh-ink: #1f2933;--sh-muted: #52606d;--sh-line: #d5dbe1;--sh-soft: #f3f5f7;--sh-accent: #23466f;--sh-btn-line: #9aa5b1;color:var(--sh-ink)}.sh-page :is(a,button,input,textarea):focus-visible{outline:3px solid #b96c32;outline-offset:3px}.sh-page :is(h1,h2,h3){word-break:keep-all;overflow-wrap:anywhere}.sh-ph{display:inline-block}.sh-page .tool-page-heading h1{font-size:clamp(1.5rem,1rem + 2.4vw,2.2rem);line-height:1.35}h1 .sh-ph+.sh-ph{font-size:.78em}.sh-lead{margin:4px 0 12px;color:var(--sh-muted);line-height:1.7}.sh-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sh-card{margin:0 0 28px;padding:16px;border:1px solid var(--sh-line);border-radius:12px;background:#fff}.sh-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sh-field label{display:block;margin-bottom:4px;font-size:.95rem;font-weight:700}.sh-field input{width:100%;min-height:48px;padding:8px 12px;border:1px solid #7b8794;border-radius:8px;background:#fff;color:var(--sh-ink);font-size:18px}.sh-hint{margin:8px 0 0;color:var(--sh-muted);font-size:.82rem}.sh-options,.sh-samples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0}.sh-options__label,.sh-samples__label{color:var(--sh-muted);font-size:.9rem}.sh-samples__list{display:flex;flex-wrap:wrap;gap:8px}.sh-page :is(.sh-pill,.sh-chip,.sh-copy,.sh-clear){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 12px;border:1px solid var(--sh-btn-line);border-radius:8px;background:#fff;color:var(--sh-ink);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer}.sh-page .sh-pill{border-radius:999px;background:var(--sh-soft)}.sh-page .sh-pill[aria-pressed=true]{border:3px solid var(--sh-accent);background:#fff;padding:4px 10px}.sh-pill__mark{margin-right:2px}.sh-page .sh-chip{background:var(--sh-soft)}.sh-status{margin:16px 0 0;padding:10px 12px;border:1px dashed var(--sh-btn-line);border-radius:10px;color:var(--sh-muted)}.sh-status.is-error{border:2px solid #b3261e;background:#fdf3f2;color:#7a2119;font-weight:700}.sh-result{margin:16px 0 0}.sh-result__h{margin:16px 0 8px;font-size:1.05rem}.sh-result>.sh-result__h:first-child{margin-top:0}.sh-chars{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.sh-char{display:flex;flex-direction:column;align-items:center;min-width:64px;max-width:9em;padding:6px 8px;border:1px solid var(--sh-line);border-radius:10px;background:#fff;text-align:center}.sh-char--given{margin-left:12px}.sh-char__glyph{font-size:1.8rem;line-height:1.2}.sh-char__strokes{font-weight:700}.sh-char__note{color:var(--sh-muted);font-size:.72rem;line-height:1.35}.sh-grids{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sh-grid{min-width:0;padding:10px;border:1px solid var(--sh-line);border-radius:10px;background:#fff}.sh-grid--person{border:3px solid var(--sh-accent);padding:8px}.sh-grid__name{margin:0;font-size:1rem}.sh-grid__center{font-size:.85rem}.sh-grid__alias{margin-left:6px;color:var(--sh-muted);font-size:.75rem;font-weight:400}.sh-grid__value{margin:2px 0 0;font-size:2rem;font-weight:800;line-height:1.15}.sh-grid__unit{margin-left:2px;font-size:.9rem;font-weight:700}.sh-luck{display:inline-block;margin:4px 0 0;padding:1px 8px;border:1px solid var(--sh-btn-line);border-radius:999px;background:var(--sh-soft);font-weight:800;white-space:nowrap}.sh-luck--great{border:2px solid var(--sh-accent)}.sh-luck--bad{border-style:dashed}.sh-grid__formula{margin:6px 0 0;color:var(--sh-muted);font-size:.82rem;overflow-wrap:anywhere}.sh-grid__text,.sh-grid__note{margin:6px 0 0;font-size:.82rem;line-height:1.5}.sh-grid__note{color:var(--sh-muted)}.sh-japanese{margin:16px 0 0;padding:12px;border:1px solid var(--sh-line);border-radius:10px;background:var(--sh-soft)}.sh-japanese .sh-result__h{margin-top:0}.sh-japanese__note{margin:0 0 8px;color:var(--sh-muted);font-size:.85rem}.sh-japanese__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.sh-japanese__item{display:flex;flex-direction:column;padding:6px 8px;border:1px solid var(--sh-line);border-radius:8px;background:#fff}.sh-japanese__item.is-changed{border:2px dashed var(--sh-accent)}.sh-japanese__name{font-size:.85rem}.sh-japanese__value{font-size:1.3rem;font-weight:800}.sh-japanese__diff{font-size:.85rem;font-weight:700}.sh-disclaimer{margin:12px 0 0;font-size:.85rem}.sh-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.sh-page .sh-copy{display:inline-grid}.sh-copy>span{grid-area:1 / 1;text-align:center}.sh-copy__done,.sh-copy.is-done .sh-copy__idle{visibility:hidden}.sh-copy.is-done .sh-copy__done{visibility:visible}.sh-page .sh-copy[aria-disabled=true]{border-style:dashed;color:var(--sh-muted);cursor:not-allowed}.sh-fail{margin:8px 0 0;color:#7a2119;font-size:.85rem;font-weight:700}.sh-copytext{display:block;width:100%;margin:8px 0 0;padding:8px;border:1px solid var(--sh-btn-line);border-radius:8px;font:inherit;font-size:.9rem}.sh-copytext[hidden]{display:none}.sh-section{margin:0 0 28px;line-height:1.8}.sh-section h2{margin:0 0 8px}.sh-section p{margin:0 0 10px}.sh-table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.5}.sh-table :is(th,td){padding:8px 6px;border:1px solid var(--sh-line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.sh-table thead th{background:var(--sh-soft);font-size:.85rem}.sh-table tbody th{white-space:nowrap}.sh-table__sub{display:block;color:var(--sh-muted);font-size:.78rem;font-weight:400}.sh-old tbody th{font-size:1.2rem}.sh-note{color:var(--sh-muted);font-size:.88rem}.sh-cta-wrap{margin:0 0 12px}.sh-page .sh-cta{display:inline-flex;align-items:center;min-height:48px;padding:10px 20px;border-radius:10px;background:var(--sh-accent);color:#fff;font-weight:800;text-decoration:none}.sh-related{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.sh-related a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--sh-btn-line);border-radius:8px;background:#fff;color:var(--sh-ink);font-weight:700;text-decoration:none}.sh-byline,.sh-sources{margin:8px 0 0;color:var(--sh-muted);font-size:.85rem;line-height:1.8}@media(max-width:900px){.sh-grids{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-grid--total{grid-column:1 / -1}.sh-japanese__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.sh-card{padding:12px}.sh-inputs{grid-template-columns:1fr}.sh-grid__value{font-size:1.7rem}.sh-japanese__list{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-table{font-size:.84rem}.sh-table :is(th,td){padding:6px 4px}}@media(prefers-reduced-motion:reduce){.sh-page *{transition:none!important;animation:none!important}}