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}}html[data-perf=lite] *,html[data-perf=lite] *:before,html[data-perf=lite] *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html[data-perf=lite] .ab-fx{filter:none!important}html[data-perf=lite] .ab-drift,html[data-perf=lite] .ab-grain,html[data-perf=lite] .ab-vignette,html[data-perf=lite] .ab-sweep{display:none!important}html[data-perf=lite] .ab-burst,html[data-perf=lite] .ab-burst-b,html[data-perf=lite] .ab-flicker{animation:none!important}html[data-perf=lite] .ab-glitch:hover{animation:none!important;filter:none!important}html[data-perf=lite] .about-strip,html[data-perf=lite] .open-marquee-run{animation-play-state:paused!important}html[data-perf=lite] .ab-breathe,html[data-perf=lite] .ab-spin{animation:none!important}html[data-perf=lite] .ab-lift:hover{transform:none}html[data-perf=lite] .ab-float,html[data-perf=lite] .ab-bob,html[data-perf=lite] .ab-eq,html[data-perf=lite] .ab-wave,html[data-perf=lite] .ab-diamond,html[data-perf=lite] .ab-shimmer{animation:none!important}html[data-perf=lite] .ab-glint:after{display:none!important}html[data-perf=lite] .ab-vscan,html[data-perf=lite] .ab-bracket,html[data-perf=lite] .ab-textglow{animation:none!important}html[data-perf=lite] .ab-vscan{display:none!important}html[data-perf=lite] .ab-burst-glow{animation:none!important}@keyframes ocSkel{0%{background-position:200% 0}to{background-position:-200% 0}}.oc-skel{background:linear-gradient(100deg,#c49a501a 30%,#eccb8642,#c49a501a 70%);background-size:200% 100%;animation:ocSkel 1.6s linear infinite}html[data-perf=lite] .oc-skel{animation:none}@keyframes ocAppIn{0%{opacity:0}to{opacity:1}}.oc-app-in{animation:ocAppIn .45s ease-out backwards}.oc-lift{transition:transform .22s cubic-bezier(.22,.9,.32,1),box-shadow .22s ease,border-color .22s ease}@media (hover: hover) and (pointer: fine){.oc-lift:hover{transform:translateY(-3px);box-shadow:0 12px 26px -12px #0000008c}}html[data-perf=lite] .oc-lift:hover{transform:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible,summary:focus-visible{outline:2px solid #ECCB86;outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #C49A50;outline-offset:1px}@keyframes ocTabPop{0%{transform:scale(.78) translateY(2px)}55%{transform:scale(1.16) translateY(-2px)}to{transform:scale(1) translateY(0)}}.oc-tab-pop{animation:ocTabPop .38s cubic-bezier(.22,.9,.32,1) both}@keyframes ocFade{0%{opacity:0}to{opacity:1}}@keyframes ocModalPop{0%{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:none}}.oc-modal-bg{animation:ocFade .2s ease-out backwards}.oc-modal-bg>div{animation:ocModalPop .3s cubic-bezier(.22,.9,.32,1) backwards}@media (max-width: 639px){.oc-modal-bg>div{animation-name:ocSheetUp}}@keyframes ocSheetUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes ocBar{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.oc-title-bar{transform-origin:left center;animation:ocBar .55s .12s cubic-bezier(.22,.9,.32,1) backwards}@keyframes ocGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.oc-grow{transform-origin:left center;animation:ocGrow .75s cubic-bezier(.22,.9,.32,1) backwards}@media (hover: hover) and (pointer: fine){.press:not(:disabled):hover{filter:brightness(1.07)}}html[data-perf=lite] .press:hover{filter:none}.oc-skel.oc-skel-light{background:linear-gradient(100deg,#5a3a2212 30%,#c49a5038,#5a3a2212 70%);background-size:200% 100%}html[data-perf=lite] .oc-skel.oc-skel-light{animation:none}