:root{--bg:#f5f4ef;--surface:#fffefb;--ink:#24291f;--sub:#6b7263;--line:#dcdcd2;--accent:#1e6f4f;--accent-soft:#e3efe8;--focus:#1e6f4f;--danger:#b0413e;--shadow:0 .5rem 1.5rem #00000014;--overlay:#00000080;--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:#171a15;--surface:#20241d;--ink:#e8eae2;--sub:#9aa190;--line:#34382f;--accent:#6fbe9a;--accent-soft:#263a30;--focus:#6fbe9a;--danger:#e2897f;--shadow:0 .5rem 1.5rem #00000052;--overlay:#000000a6;color-scheme:dark}}*,:before,:after{box-sizing:border-box}*{margin:0}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:var(--surface);border:1px solid var(--line);border-radius:.75rem;overflow:hidden}.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}.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{gap:var(--space-1);flex-direction:column;display:flex}.detail__name-ja{font-size:2rem}.detail__name-en{color:var(--sub);font-size:1rem}.detail__aliases{color:var(--sub);font-size:.875rem}.detail section h2{margin-bottom:var(--space-3);font-size:1.25rem}.detail__definition p{font-size:1.125rem}.chip-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{padding:var(--space-1) var(--space-3);border:1px solid var(--line);background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;font-size:.8125rem;text-decoration:none;display:inline-flex}.chip:hover{background:var(--accent);color:var(--surface)}.detail__when{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.detail__when>div{padding:var(--space-4);border:1px solid var(--line);border-radius:.5rem}.detail__when h3{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__body{gap:var(--space-4);flex-direction:column;display:flex}.detail__body h2{font-size:1.125rem}.detail__siblings ul{gap:var(--space-2);flex-wrap:wrap;display:flex}.detail__siblings a{color:var(--accent)}.detail__examples ul{gap:var(--space-2);flex-direction:column;display:flex}.detail__examples a{color:var(--accent)}.detail__empty{color:var(--sub)}.detail__a11y dl{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;display:grid}.detail__a11y dt{color:var(--sub);font-weight:600}.catalog{max-width:72rem;padding:var(--space-8) var(--space-4) var(--space-12);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.catalog__count{color:var(--sub);font-size:.875rem}.catalog__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:.75rem;flex-direction:column;min-height:10rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-.125rem)}.card[hidden]{display:none}.card__name-ja{font-family:var(--font-display);color:var(--ink);font-size:1.375rem;font-weight:700}.card__name-en{letter-spacing:.06em;text-transform:uppercase;color:var(--sub);font-size:.75rem}.card__definition{color:var(--sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.card__axis-chip{padding:var(--space-1) var(--space-3);background:var(--accent-soft);color:var(--accent);border-radius:999px;align-self:flex-end;align-items:center;margin-top:auto;font-size:.75rem;display:inline-flex}.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:2;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:var(--space-12)}.metalabel{z-index:100;max-width:16rem;padding:var(--space-2) var(--space-3);background:var(--ink);color:var(--surface);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;border-radius:.5rem;flex-direction:column;gap:.125rem;font-size:.8125rem;line-height:1.4;text-decoration:none;transition:opacity .12s;display:inline-flex;position:absolute;top:0;left:0}.metalabel.is-visible{opacity:1;visibility:visible;pointer-events:auto}.metalabel__name{font-weight:700}.metalabel__hint{opacity:.85;font-size:.75rem}body[data-metamode=on] [data-metalabel-ready]{outline:1.5px dotted var(--accent);outline-offset:2px}