:root{--bg:#f8fafd;--surface:#fff;--ink:#1e2530;--sub:#66707e;--line:#e3e8ef;--accent:#2f6fd6;--accent-soft:#e9f1fc;--focus:#2f6fd6;--danger:#c03d36;--danger-soft:#fbecea;--spotlight:#e8590c;--spotlight-soft:#fff0e3;--shadow:0 .4rem 1.2rem #1e325a14;--overlay:#00000080;--tint-navigation:#eaf1fa;--tint-input:#eaf6ec;--tint-display:#f1eefa;--tint-feedback:#faecec;--font-display:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#14171c;--surface:#1d2229;--ink:#e6e9ee;--sub:#97a0ac;--line:#313843;--accent:#6ea8ff;--accent-soft:#22304a;--focus:#6ea8ff;--danger:#e2897f;--danger-soft:#402626;--spotlight:#ffa94d;--spotlight-soft:#40301d;--shadow:0 .4rem 1.2rem #00000059;--overlay:#000000a6;--tint-navigation:#232a34;--tint-input:#223026;--tint-display:#2a2634;--tint-feedback:#332525;color-scheme:dark}}*,:before,:after{box-sizing:border-box}*{margin:0}dialog{margin:auto}html{text-size-adjust:100%}img,picture,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit}ul,ol{padding:0;list-style:none}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);min-height:100dvh;line-height:1.7}h1,h2,h3,.display{font-family:var(--font-display);text-wrap:balance;line-height:1.4}p{text-wrap:pretty}a{text-decoration-color:var(--line);text-underline-offset:.2em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.demo{background-color:var(--surface);background-image:radial-gradient(var(--line) 1px, transparent 1.5px);border:1px solid var(--line);background-size:16px 16px;border-radius:.75rem;position:relative;overflow:clip}[data-specimen]{outline:2px solid var(--spotlight);outline-offset:-4px;border-radius:.25rem;position:relative}.demo-guide{color:var(--sub);text-align:center;font-size:.85rem}.demo-placeholder{padding:var(--space-8);border:1px dashed var(--line);background:var(--accent-soft);color:var(--sub);text-align:center;border-radius:.75rem}.stage-frame{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;width:100%;height:28rem}.detail[data-slug=fab] .stage-frame{height:18rem}.detail[data-slug=action-sheet] .stage-frame{height:30rem}.detail[data-slug=bottom-sheet] .stage-frame{height:34rem}.stage-body{max-width:40rem;padding:var(--space-8) var(--space-4) var(--space-12);margin:0 auto}.detail{max-width:44rem;padding:var(--space-8) var(--space-4) var(--space-12);gap:var(--space-8);flex-direction:column;margin:0 auto;display:flex}.detail__hero{flex-direction:column;display:flex}.detail__title-row{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.detail__name-ja{font-size:2rem}.detail__name-en{color:var(--sub);opacity:.8;font-size:.875rem}.detail__definition-line{color:var(--sub);border-left:3px solid var(--spotlight);padding-left:var(--space-2);font-size:.8125rem}.detail .detail__aliases h2{margin-bottom:var(--space-1);font-size:.9375rem}.detail__aliases p{color:var(--sub);font-size:.875rem}.detail section h2{margin-bottom:var(--space-3);font-size:1.25rem}.detail__when{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.detail__when>div{padding:var(--space-4);border-radius:.5rem}.detail__when-use{border:1px solid var(--accent);background:var(--accent-soft)}.detail__when-use h2{color:var(--accent)}.detail__when-avoid{border:1px solid var(--danger);background:var(--danger-soft)}.detail__when-avoid h2{color:var(--danger)}.detail .detail__when h2{margin-bottom:var(--space-2);font-size:1rem}.detail__when ul{gap:var(--space-2);flex-direction:column;display:flex}.detail__when li{padding-left:var(--space-4);position:relative}.detail__when li:before{content:"・";position:absolute;left:0}@media (width<=40rem){.detail__when{grid-template-columns:1fr}}.detail__comparison{gap:var(--space-4);flex-direction:column;display:flex}.detail__body-prose h2{font-size:1.125rem}.comparison-table{border-collapse:collapse;width:100%}.comparison-table th,.comparison-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);vertical-align:top}.comparison-table th:first-child,.comparison-table td:first-child{min-width:6em}.comparison-table th{color:var(--sub);font-size:.875rem;font-weight:600}.comparison-table a{color:var(--accent)}.axis-chart{gap:var(--space-3);flex-direction:column;display:flex}.axis-chart__row{align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.axis-chart__row-label{min-width:6em;color:var(--sub);flex:none;font-size:.875rem;font-weight:600}.axis-chart__cells{gap:var(--space-2);flex-wrap:wrap;flex:auto;min-width:0;display:flex}.axis-chart__cell{padding:var(--space-1) var(--space-3);border:1px solid var(--line);color:var(--sub);border-radius:999px;align-items:center;font-size:.8125rem;display:inline-flex}.axis-chart__cell.is-match{border-color:var(--accent);background:var(--accent);color:var(--surface);font-weight:600}.catalog{padding:var(--space-8) var(--space-4) var(--space-12);--sidebar-w:15rem;--sidebar-rail-w:3rem;--sidebar-current-w:var(--sidebar-w)}:root[data-sidebar-collapsed=true] .catalog{--sidebar-current-w:var(--sidebar-rail-w)}html:has(.catalog){scrollbar-gutter:stable;overflow-y:scroll}@media (width>=60rem){.catalog{padding-left:var(--space-3);padding-right:var(--space-3)}}.catalog__mobile-head{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.catalog__mobile-brand{font-family:var(--font-display);color:var(--ink);font-size:1.0625rem;font-weight:700;text-decoration:none}@media (width>=60rem){.catalog__mobile-head{display:none}}.catalog__grouping-narrow{margin-bottom:var(--space-4)}@media (width>=60rem){.catalog__grouping-narrow{display:none}}.catalog__main{gap:var(--space-4);flex-direction:column;min-width:0;max-width:80rem;display:flex}@media (width>=60rem){.catalog__main{margin-left:var(--sidebar-current-w)}}[data-ui=sidebar] a{justify-content:space-between;align-items:baseline;gap:var(--space-2);color:var(--sub);padding:var(--space-1) var(--space-2);border-left:2px solid #0000;font-size:.875rem;text-decoration:none;display:flex}[data-ui=sidebar] a:hover{color:var(--accent)}[data-ui=sidebar] a[aria-current=true]{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft);border-radius:0 .375rem .375rem 0;font-weight:600}.catalog-spy__count{color:var(--sub);flex:none;font-size:.75rem}.catalog__groups{margin-top:var(--space-4);flex-direction:column;gap:3.5rem;min-width:0;display:flex}.card[data-function=navigation],.group[data-group=navigation]{--tint:var(--tint-navigation)}.card[data-function=input],.group[data-group=input]{--tint:var(--tint-input)}.card[data-function=display],.group[data-group=display]{--tint:var(--tint-display)}.card[data-function=feedback],.group[data-group=feedback]{--tint:var(--tint-feedback)}.group[hidden]{display:none}.group__heading{align-items:center;gap:var(--space-3);z-index:4;background:var(--bg);padding-bottom:var(--space-2);border-bottom:1px solid var(--line);margin-bottom:var(--space-6);font-size:1.1875rem;display:flex;position:sticky;top:0}.group__dot{background:var(--tint,var(--accent-soft));border:1.5px solid var(--accent);border-radius:999px;flex:none;width:.75rem;height:.75rem}.group__count{font-family:var(--font-body);color:var(--sub);font-size:.8125rem;font-weight:400}.group__grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1.5rem;display:grid}@media (width<=40rem){.group__grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.card__name-ja{font-size:.9rem}.card__name-en{font-size:.6rem}}.card{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:10px;flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.card[hidden]{display:none}.card__stage{aspect-ratio:8/5;background:var(--tint,var(--accent-soft));border-bottom:1px solid var(--line);pointer-events:none;place-items:center;display:grid;overflow:hidden}.card__fallback{font-family:var(--font-display);color:var(--ink);opacity:.16;user-select:none;font-size:3.25rem;font-weight:600;line-height:1}.card__label{flex-direction:column;gap:.15rem;padding:.7rem .9rem .85rem;display:flex}.card__name-ja{font-family:var(--font-display);color:var(--ink);font-size:1.02rem;font-weight:600;line-height:1.45}.card__name-en{letter-spacing:.09em;text-transform:uppercase;color:var(--sub);font-size:.68rem}.catalog__empty{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);border:1px dashed var(--line);background:var(--accent-soft);color:var(--sub);text-align:center;border-radius:.75rem;flex-direction:column;display:flex}.catalog__empty[hidden]{display:none}.catalog__empty button{border:1px solid var(--accent);padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--accent);cursor:pointer;border-radius:999px}.catalog__empty button:hover{background:var(--accent);color:var(--surface)}dialog#detail-dialog{border:1px solid var(--line);background:var(--surface);width:min(92vw,44rem);max-height:85vh;color:var(--ink);border-radius:1rem;margin:0;padding:0;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}dialog#detail-dialog::backdrop{background:var(--overlay)}dialog#detail-dialog [data-close]{top:var(--space-3);right:var(--space-3);border:1px solid var(--line);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--ink);cursor:pointer;z-index:3;border-radius:999px;font-size:1.25rem;line-height:1;position:absolute}dialog#detail-dialog [data-close]:hover{border-color:var(--accent);color:var(--accent)}#detail-dialog-content .detail{padding-top:0}#detail-dialog-content .detail__hero{z-index:2;background:var(--surface);padding:var(--space-3) 3rem var(--space-3) 0;border-bottom:1px solid var(--line);position:sticky;top:0}.menu-mock{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;overflow:hidden}.menu-mock__bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--accent-soft);display:flex}.menu-mock__label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.menu-mock__trigger{width:2.25rem;height:2.25rem;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.menu-mock__trigger:hover,.menu-mock__trigger[aria-expanded=true]{border-color:var(--line);color:var(--accent);background:var(--surface)}.menu-mock__panel{padding:var(--space-2) var(--space-3);border-top:1px solid var(--line)}.menu-mock__panel[hidden]{display:none}.menu-mock__item{width:100%;padding:var(--space-2) var(--space-3);color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.375rem;text-decoration:none;display:block}.menu-mock__item:hover,.menu-mock__item:focus-visible{background:var(--accent-soft);color:var(--accent)}.menu-mock__result{color:var(--sub);min-height:1.25rem;font-size:.875rem}