.iroha{--ir-yellow: #ffd600;--ir-ink: #1b1c21;--ir-paper: #f5f3ec;--ir-ground: #ffffff;--ir-card: #ffffff;--ir-card-border: #e4e5ea;--ir-hairline: #ebecf0;--ir-control-border: #c9cbd3;--ir-subtle: #f0f0f3;--ir-keycap: #f6f6f8;--ir-text: var(--ir-ink);--ir-muted: #5d616b;--ir-primary-fill: var(--ir-yellow);--ir-primary-text: var(--ir-ink);--ir-online: #1f9d55;--ir-hover: #e9e9e9;--ir-ring-idle: rgb(27 28 33 / .05);--ir-ring-live: rgb(255 214 0 / .5);--ir-washes: radial-gradient(ellipse 38% 42% at 0% 0%, rgb(200 192 255 / .3), transparent 100%), radial-gradient(ellipse 35% 38% at 100% 0%, rgb(178 216 255 / .34), transparent 100%), radial-gradient(ellipse 32% 35% at 85% 100%, rgb(240 205 245 / .26), transparent 100%);--ir-serif: Constantia, "Iowan Old Style", "Palatino Linotype", Georgia, "Pretendard Variable", serif;--ir-sans: "Instrument Sans", "Pretendard Variable", ui-sans-serif, system-ui, sans-serif;color-scheme:light;background-color:var(--ir-ground);background-image:var(--ir-washes);background-attachment:fixed;color:var(--ir-text);font-family:var(--ir-sans)}.dark .iroha{--ir-ground: var(--ir-ink);--ir-card: #23252b;--ir-card-border: #2f3239;--ir-hairline: #33363e;--ir-control-border: #4a4e5a;--ir-subtle: #2e3038;--ir-keycap: var(--ir-ink);--ir-text: var(--ir-paper);--ir-muted: #a9aab0;--ir-online: #3ecf7a;--ir-hover: #33353d;--ir-ring-idle: rgb(245 243 236 / .05);--ir-ring-live: rgb(255 214 0 / .13);--ir-washes: none;color-scheme:dark}.iroha .ir-serif{font-family:var(--ir-serif);font-weight:400}.iroha .ir-muted{color:var(--ir-muted)}.iroha .ir-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--ir-muted)}.iroha .ir-card{background:var(--ir-card);border:1px solid var(--ir-card-border);border-radius:18px}.iroha .ir-hairline{border-color:var(--ir-hairline)}.iroha .ir-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.7rem 1.4rem;font-size:.9375rem;font-weight:600;line-height:1.25;white-space:nowrap;transition:background-color .12s,border-color .12s,filter .12s}.iroha .ir-btn-primary{background:var(--ir-primary-fill);color:var(--ir-primary-text)}.iroha .ir-btn-primary:hover{filter:brightness(.95)}.iroha .ir-btn-outline{border:1px solid var(--ir-control-border);color:var(--ir-text)}.iroha .ir-btn-outline:hover{background:var(--ir-hover)}.iroha .ir-btn-subtle{background:var(--ir-subtle);color:var(--ir-text)}.iroha .ir-btn-subtle:hover{background:var(--ir-hover)}.iroha .ir-btn-sm{padding:.35rem .85rem;font-size:.8125rem;font-weight:500}.iroha .ir-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.iroha .ir-keycap{display:inline-block;border:1px solid var(--ir-card-border);background:var(--ir-keycap);border-radius:6px;padding:.05rem .4rem;font-size:.8em;font-family:var(--ir-sans)}.iroha .ir-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:9999px;background:var(--ir-online);flex-shrink:0}.iroha .ir-dot-yellow{background:var(--ir-yellow)}.iroha a.ir-link{text-decoration:underline;text-decoration-color:var(--ir-control-border);text-underline-offset:3px;transition:text-decoration-color .12s}.iroha a.ir-link:hover{text-decoration-color:currentColor}.iroha :focus-visible{outline:2px solid var(--ir-yellow);outline-offset:2px}