html,body{font-family:var(--oc-lang-font, "IBM Plex Sans KR"),"IBM Plex Sans KR","Noto Sans KR","Noto Sans","Noto Sans Devanagari","Noto Sans JP","Noto Sans SC",-apple-system,BlinkMacSystemFont,sans-serif}html,body{overflow-x:hidden;max-width:100%}#root{overflow-x:clip}button,input,select,textarea{font-family:inherit}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.mb-3{margin-bottom:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-xl{max-width:36rem}.select-none{user-select:none}.text-left{text-align:left}.press{cursor:pointer;transition:transform .1s ease,opacity .1s ease}.press:active{transform:scale(.96);opacity:.88}.hit{position:relative}.hit:after{content:"";position:absolute;inset:var(--hy, -8px) var(--hx, -4px)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:max-w-360{max-width:400px}.board-bleed{width:100%!important;margin:0 auto!important}}html:not([lang=ko]) body{font-size:calc(16px * var(--oc-fs-scale, 1))}html:not([lang=ko]) button,html:not([lang=ko]) input,html:not([lang=ko]) textarea,html:not([lang=ko]) select{font-size:calc(13.3333px * var(--oc-fs-scale, 1))}.schematic-fs{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:960!important;margin:0!important;border-radius:0!important;border:none!important}.schematic-fs-unx{transform:none!important;filter:none!important;perspective:none!important;backdrop-filter:none!important;contain:none!important;will-change:auto!important;transition:none!important;animation:none!important}@media (pointer: coarse){header button,header a[href="/about"]{position:relative}header button:after,header a[href="/about"]:after{content:"";position:absolute;inset:-9px -3px}}