:root{--app-width:375px;--color-primary:#ff7e33;--color-primary-pressed:#e86c25;--color-navy:#011b32;--color-yellow:#ffde00;--color-white:#fff;--color-black:#0f1010;--color-grey-90:#0f1010;--color-grey-80:#2b2b2b;--color-grey-70:#727477;--color-grey-50:#898e93;--color-grey-30:#d0d0d0;--color-grey-10:#f3f3f3;--color-page:#fff;--color-footer:#011b32;--color-footer-text:#cdcdcd;--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--page-padding:24px;--font-ui:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{background:var(--color-page);min-height:100%;margin:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-x:none}body{color:var(--color-grey-90);font-family:var(--font-ui);letter-spacing:-.04em;font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,.mobile-frame{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;display:block}.viewport-stage{background:var(--color-page);width:100%;min-height:100dvh}.mobile-frame{background:var(--color-page);width:100%;max-width:100%;min-height:100dvh}.mobile-scroll{background:var(--color-page);max-width:100%;min-height:100dvh}.mobile-content{background:var(--color-page);flex-direction:column;max-width:100%;min-height:100dvh;display:flex}.mobile-main{background:var(--color-page);flex-direction:column;flex:auto;max-width:100%;min-height:0;display:flex}.app-portal-root{z-index:1000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app-portal-root>[data-portal]{pointer-events:none;position:absolute;inset:0;overflow:hidden}.app-portal-root>[data-portal]>*{pointer-events:auto}@media (max-width:500px) and (hover:none) and (pointer:coarse){html,body{min-height:100%;overflow:hidden visible}.mobile-scroll{overscroll-behavior-x:none;overflow:visible}}@media (min-width:501px),(hover:hover) and (pointer:fine){:root{--pc-bg-aspect:calc(8192 / 3886);--pc-app-width:var(--app-width);--pc-app-scale:1;--pc-frame-offset-x:0px}html,body{background:#dfe8ee;height:100%;overflow:hidden}body{width:100%;position:fixed;inset:0}.viewport-stage{background:radial-gradient(circle at 75% 12%,#fff 0,#e8f0f4 42%,#cfdae1 100%);justify-content:center;align-items:stretch;width:100%;height:100dvh;min-height:0;display:flex;position:relative;overflow:hidden}.mobile-frame{z-index:2;width:var(--app-width);max-width:var(--app-width);height:calc(100dvh / var(--pc-app-scale));background:var(--color-page);min-height:0;transform:translate3d(var(--pc-frame-offset-x), 0, 0) scale(var(--pc-app-scale));transform-origin:top;backface-visibility:hidden;will-change:transform;position:relative;overflow:hidden;box-shadow:0 4px 44px #00000040}.app-portal-root{position:absolute;inset:0;overflow:hidden}.mobile-scroll{overscroll-behavior-x:none;scrollbar-width:none;height:100%;min-height:0;overflow:hidden auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-content,.mobile-main{min-height:100%}}