html,body,#root{height:100%}html,body{scroll-behavior:smooth;background:#fff;margin:0;padding:0}[data-reveal]{opacity:0}[data-slideup]{transform:translateY(110%)}@keyframes loadPulse{0%,to{opacity:.3;transform:scaleX(.2)}50%{opacity:1;transform:scaleX(1)}}.site-footer{min-height:100svh;position:relative}header[data-screen-label=Header]{transition:transform .6s cubic-bezier(.22,1,.36,1)}header[data-screen-label=Header].gnb-swap{transform:translateY(-120%)}@keyframes menuSlide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes menuSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body.clock-dragging [data-scrambling]{--jit:calc(var(--jitg,1) * .35);animation:.12s steps(2,end) infinite textJitter}@keyframes textJitter{0%{translate:calc(1px * var(--jit,1)) calc(-.7px * var(--jit,1))}25%{translate:calc(-.8px * var(--jit,1)) calc(.9px * var(--jit,1))}50%{translate:calc(.7px * var(--jit,1)) calc(1px * var(--jit,1))}75%{translate:calc(-1px * var(--jit,1)) calc(-.8px * var(--jit,1))}to{translate:calc(.9px * var(--jit,1)) calc(-1px * var(--jit,1))}}@keyframes clockJitter{0%{transform:translate(calc(1px * var(--jit,1)), calc(-.7px * var(--jit,1)))}25%{transform:translate(calc(-.8px * var(--jit,1)), calc(.9px * var(--jit,1)))}50%{transform:translate(calc(.7px * var(--jit,1)), calc(1px * var(--jit,1)))}75%{transform:translate(calc(-1px * var(--jit,1)), calc(-.8px * var(--jit,1)))}to{transform:translate(calc(.9px * var(--jit,1)), calc(-1px * var(--jit,1)))}}@keyframes riseIn{0%{opacity:0;transform:translateY(90px)}to{opacity:1;transform:translateY(0)}}@keyframes textRise{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes clockIn{0%{opacity:0;transform:scale(1.12)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes cityDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-sans:"Inter", "Pretendard Variable", Pretendard, sans-serif;--ls-latin:-.02em;--ls-ko:-.012em;--base-font-size:12px;--small-font-size:clamp(7.38462px, calc(.053419vw + 6.97436px), 8px);--large-font-size:min(clamp(18.4615px, calc(.133547vw + 17.4359px), 20px), calc(3.84615vw - 15.7692px));--fg-dim:#999;--loader-font-size:8.8vw;--page-margin:15px}@media (width<=768px){:root{--loader-font-size:17.6vw;--page-margin:10px}}@media (width>=1920px){:root{--base-font-size:clamp(12px, calc(.3125vw + 6px), 15px);--small-font-size:clamp(8px, calc(.104167vw + 6px), 9px);--large-font-size:clamp(20px, calc(.416667vw + 12px), 24px)}}body{font-family:var(--font-sans);font-size:var(--base-font-size);letter-spacing:var(--ls-latin);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500}[lang=ko]{letter-spacing:var(--ls-ko)}[data-clocknums]{letter-spacing:-.03em}h1,h2,h3,h4,h5,h6,strong,b,th,optgroup{font-size:inherit;font-weight:inherit}body.clock-open{overflow:hidden}html:has(>body.clock-open){overflow:hidden}body.clock-open{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img,video{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none;transition:color .35s}body.theming a{transition:none!important}@media (hover:hover){a:hover{color:var(--fg-dim)}}::selection{color:#fff;background:#111}header[data-screen-label=Header]:not(.clockmode){mix-blend-mode:difference}header[data-screen-label=Header]:not(.clockmode) a,header[data-screen-label=Header]:not(.clockmode) span{color:#fff!important}@media (hover:hover){header[data-screen-label=Header]:not(.clockmode) a:hover{color:#999!important}header[data-screen-label=Header].clockmode a:hover{color:inherit}}.roll{transition:transform .45s cubic-bezier(.22,1,.36,1)}@media (hover:hover){.idxrow:hover .roll,.rollhost:hover .roll{transform:translateY(-50%)}.idxrow:hover{color:var(--fg-dim)!important}}.thumbclip{position:absolute;inset:0;overflow:hidden}.thumbimg{opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}@keyframes mediaRise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.thumbimg.media-ready{opacity:1;animation:.9s cubic-bezier(.22,1,.36,1) mediaRise}@media (hover:hover){.thumbhost:hover .thumbimg{transform:scale(1.05)}}[data-screen-label=Archive] .thumbimg{filter:grayscale();transition:transform .45s cubic-bezier(.22,1,.36,1),filter .35s}@media (hover:hover){[data-screen-label=Archive] .thumbhost:hover .thumbimg{filter:grayscale(0%)}}img.thumbimg,video.thumbimg{object-fit:cover;width:100%;height:100%;display:block}.thumbdim{opacity:0;pointer-events:none;z-index:2;background:#1111111a;transition:opacity .3s;position:absolute;inset:0}@keyframes previewSettle{0%{inset:-4px}to{inset:0}}.preview-reveal{animation:.5s cubic-bezier(.22,1,.36,1) both previewSettle;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.thumbclip,.thumbhost:hover .thumbclip,.thumbimg,.thumbhost:hover .thumbimg,[data-screen-label=Archive] .thumbimg,.thumbdim,.thumbhost:hover .thumbdim{transition:none}.thumbimg.media-ready,.preview-reveal,body.clock-dragging [data-scrambling]{animation:none}}input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}input:focus,textarea:focus{outline:none;border-bottom-color:#111!important}.admin-root a{color:#111;text-decoration:none;transition:color .35s}.admin-root a:hover{color:var(--fg-dim)}.btn-dark:hover{background:#333!important}.link-del:hover{color:#e74c3c!important}.btn-del:hover{background:#e74c3c!important}.btn-cancel:hover{border-color:#111!important}.link-back:hover{color:#111!important}.media-del:hover{color:#fff!important;background:#c0392b!important}
