:root,[data-theme=lp1]{--color-bg: #eeebe5;--color-text: #000000;--color-focus: #0000ee}[data-theme=ep1]{--color-bg: #27409C;--color-text: #eeebe5;--color-focus: #ffeb3b}[data-theme=ep2]{--color-bg: #B86D91;--color-text: #000000;--color-focus: #eeebe5}@media(max-width: 1280px){.web-only{display:none}}@media(max-width: 800px){.tablet-only{display:none}}.spotify,.naver{color:#00ae29}.apple-music,.web{color:dimgray}.youtube{color:#e00016}.instagram{color:#c400ff}.photos{color:#ff5e00;animation:rainbow-rgb-color 2.4s linear infinite}.photos:hover{animation-play-state:paused}.rainbow-rgb{animation:rainbow-rgb-color 2.4s linear infinite}@keyframes rainbow-rgb-color{0%{color:red}16.666%{color:#ff0}33.333%{color:lime}50%{color:aqua}66.666%{color:blue}83.333%{color:#f0f}100%{color:red}}.color-ep2{color:#b86d91}.color-ep1{color:#27409c}.color-lp1{color:#eeebe5}.skip-link{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.blur{filter:blur(7px);-webkit-filter:blur(7px)}a.toggle-on{text-decoration:underline;text-underline-offset:3px;pointer-events:none}.rotate45{transform:rotate(45deg)}*,*::before,*::after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}html:focus-within{scroll-behavior:smooth}body{line-height:1.1;min-height:100vh;text-rendering:optimizeLegibility;letter-spacing:-0.01em;word-break:auto-phrase;overflow-wrap:break-word}a{text-decoration:none;color:inherit;cursor:pointer}ol,ul{margin:0;padding:0;list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;padding:0;border:none;background:none;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:focus,input:focus,select:focus,textarea:focus{outline-offset:2px}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.hidden{display:none !important;opacity:0}.faded{opacity:.5}.visible{opacity:1}*{scrollbar-width:none !important;scrollbar-color:#000}*::-webkit-scrollbar{display:none !important;width:6px}*::-webkit-scrollbar-track{background:#eeebe5}*::-webkit-scrollbar-thumb{background:#eeebe5;opacity:.5;border-right:5px solid rgba(0,0,0,0);background-clip:content-box;border-radius:0}@media(max-width: 800px){*{scrollbar-width:none !important}*::-webkit-scrollbar{display:none !important}}@font-face{font-family:"NotoSansCJKkr";font-weight:100;src:url(fonts/NotoSansCJKkr-Thin.woff) format("woff")}@font-face{font-family:"NotoSansCJKkr";font-weight:200;src:url(fonts/NotoSansCJKkr-Light.woff) format("woff")}@font-face{font-family:"NotoSansCJKkr";font-weight:300;src:url(fonts/NotoSansCJKkr-DemiLight.woff) format("woff")}@font-face{font-family:"NotoSansCJKkr";font-weight:400;src:url(fonts/NotoSansCJKkr-Regular.woff) format("woff")}@font-face{font-family:"NotoSansCJKkr";font-weight:500;src:url(fonts/NotoSansCJKkr-Medium.woff) format("woff")}@font-face{font-family:"NotoSansCJKkr";font-weight:700;src:url(fonts/NotoSansCJKkr-Bold.woff) format("woff")}@font-face{font-family:"NotoSansCJKkr";font-weight:800;src:url(fonts/NotoSansCJKkr-Black.woff) format("woff")}@font-face{font-family:"ABCDiatype";font-weight:400;src:url(fonts/ABCDiatype-Regular.woff2) format("woff2")}@font-face{font-family:"ABCDiatype";font-weight:500;src:url(fonts/ABCDiatype-Medium.woff2) format("woff2")}@font-face{font-family:"ABCDiatype";font-weight:700;src:url(fonts/ABCDiatype-Bold.woff2) format("woff2")}@font-face{font-family:"ABCDiatype";font-weight:400;font-style:italic;src:url(fonts/ABCDiatype-RegularItalic.woff2) format("woff2")}@font-face{font-family:"ABCDiatype";font-weight:500;font-style:italic;src:url(fonts/ABCDiatype-MediumItalic.woff2) format("woff2")}@font-face{font-family:"ABCDiatype";font-weight:700;font-style:italic;src:url(fonts/ABCDiatype-BoldItalic.woff2) format("woff2")}.italic{font-style:italic}.bold{font-weight:700}.focus{color:var(--color-focus)}.underline{text-decoration:underline}:root,[data-font-theme=default]{--font-body: "ABCDiatype", Arial, -apple-system, system-ui, "NotoSansCJKkr", BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif}[data-font-theme=serif]{--font-body: Georgia, "Times New Roman", Times, "NotoSansCJKkr", serif}[data-font-theme=mono]{--font-body: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", "NotoSansCJKkr", monospace}body{font-family:var(--font-body) !important;font-weight:400}.serif{font-family:Georgia,"Times New Roman",Times,"NotoSansCJKkr",serif !important}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New","NotoSansCJKkr",monospace !important}button{display:inline-block;line-height:normal;font-size:13px;padding:5px 6px;color:buttontext;background-color:buttonface;border:1px solid buttonborder;border-radius:2px;text-align:center;cursor:pointer}.date,.sort.tablet-only{cursor:default}.date:hover,.sort.tablet-only:hover{font-style:italic}.date.is-active,.sort.tablet-only.is-active{color:var(--color-focus);font-style:italic}.video-wrapper{aspect-ratio:16/9;margin-top:6px}.video-wrapper iframe{width:100%;height:100%}.og-container{padding:60px 24px}@media(max-width: 800px){.og-container{padding:60px 12px}}.og-container .og-wrapper{border:1px solid rgba(0,0,0,.25);overflow:hidden;border-radius:4px;background-color:#fff}.og-container .og-wrapper .og-card-text{padding:8px;color:#000 !important}.og-container .og-wrapper .og-card-text .og-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.og-container .og-wrapper .og-card-text .og-card-description{margin-top:8px;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.photo-modal{position:fixed;inset:0;z-index:9999;display:none}.photo-modal.active{display:block}.photo-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.15);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.photo-modal-panel{position:relative;width:100%;height:100%;overflow-y:auto}.photo-modal-close{position:fixed;top:60px;right:60px;z-index:1;cursor:grabbing}@media(max-width: 800px){.photo-modal-close{top:48px;right:48px}}@media(max-width: 480px){.photo-modal-close{top:24px;right:24px}}.photo-modal-content{position:relative;padding:60px}@media(max-width: 800px){.photo-modal-content{padding:48px}}@media(max-width: 480px){.photo-modal-content{padding:24px}}.photo-gallery-inner{display:flex;flex-direction:column;gap:8px}.photo-gallery-item{margin:0;display:flex}.photo-gallery-item img{display:block;width:100%;height:auto;max-width:600px;margin:0 auto}body.photo-modal-open{overflow:hidden}.site-footer{width:100%;padding:8px;font-size:15px}.footer-container{position:relative;display:flex}.footer-wrapper{display:flex;margin:0 auto;flex-direction:column;align-items:center;gap:4px}.front-page{width:100%;height:95svh;display:flex;align-items:center;justify-content:center}.woohuijun{display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center}.photo-gallery{width:360px;height:auto;aspect-ratio:4/3;background-image:url("img/thumb/main-gallery.webp");background-size:cover;background-position:center;background-repeat:no-repeat;transition:width .2s ease}@media(max-width: 800px){.photo-gallery{width:300px}}@media(max-width: 480px){.photo-gallery{width:240px}}.email{margin-top:4px}.scratch-content{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.scratch-content span{cursor:pointer}.scratch-content p{background:#fff}.site-header{position:fixed;width:100%;padding:8px 8px 2px 8px;top:0;left:0;z-index:999;background-color:var(--color-bg)}.header-container{display:flex;justify-content:space-between}@media(max-width: 1280px){.header-container{justify-content:center}}.header-container .web-only{width:100%}.header-container .web-only.recent-page{text-align:right}.main-header{width:50%;max-width:600px;min-width:600px;display:flex;justify-content:space-between}@media(max-width: 800px){.main-header{max-width:600px;min-width:auto;width:100%}}.main-menu{display:flex;gap:8px}.current-menu-item{color:var(--color-focus);font-style:italic}.go-back a{cursor:alias}.go-back a:hover{font-style:italic}.overlay-container{margin-top:100px;position:fixed;width:calc(.5*(100vw - 600px) - 16px)}.overlay-container .overlay-wrapper{width:95%}.overlay-container .visual-support-panel{display:none;flex-direction:column;gap:48px;margin-top:48px}.overlay-container .visual-support-panel.active{display:flex}.overlay-container .color-theme,.overlay-container .font-theme,.overlay-container .sns-and-blog{display:flex;flex-direction:column;gap:2px}.overlay-container .category{margin-bottom:2px}.overlay-container .category p{cursor:pointer}.overlay-container .channel{font-style:italic}.overlay-container .channel span{margin-right:2px}.recent-page-list{position:fixed;right:8px;top:102px;width:calc(.5*(100vw - 600px) - 16px);padding-left:24px;display:flex;flex-direction:column;gap:4px}.recent-page-list .recent-page-control{margin-bottom:24px}.recent-page-list .recent-page-control a{opacity:.5;transition:opacity .1s ease}.recent-page-list .recent-page-control a:hover{opacity:1}.recent-page-list .recent-page-control a.active{opacity:1}.recent-page-list a{text-align:right;font-style:italic;opacity:.5;transition:opacity .1s ease}.recent-page-list a:hover{opacity:1}.recent-page-list a.active{opacity:1}html{overflow:hidden}html,body{background-color:var(--color-bg);color:var(--color-text);overflow-y:hidden}main{width:100vw;height:100vh;padding:8px;overflow-y:scroll}.post-list{display:flex}.list-container{margin:118px auto 0;width:50%;max-width:600px;min-width:600px}@media(max-width: 800px){.list-container{max-width:600px;min-width:auto;width:100%}}.list-wrapper{position:relative;padding-bottom:200px}.list-wrapper .posts{display:flex;flex-direction:column;gap:4px;margin-top:6px}.list-wrapper .posts .post{display:flex;justify-content:space-between;gap:24px}.list-wrapper .posts .post a{line-height:1.25}.list{margin-bottom:48px}.space-between{display:flex;justify-content:space-between;width:100%}.post-detail{display:none}.post-detail.active{display:block}.post-detail-inner{display:flex;flex-direction:column;gap:48px}.post-detail-inner .thumbnail-wrapper{padding:60px 0}.post-detail-inner .thumbnail-wrapper .thumbnail{width:240px;height:auto;margin:0 auto;background-color:rgba(0,0,0,0);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.post-detail-inner .thumbnail-wrapper .thumbnail img{display:block;width:100%;object-fit:contain;object-position:center}.post-detail-inner .category{margin-bottom:4px}.post-detail-inner .channel{display:flex;gap:6px;font-style:italic}.post-detail-inner .credit-wrapper p{line-height:1.4}.post-detail-inner .tracks{display:flex;flex-direction:column;gap:6px}.post-detail-inner .tracks .song-wrapper{display:flex;justify-content:space-between}.post-detail-inner .tracks .song-wrapper .song-name{font-style:italic;cursor:nesw-resize}.post-detail-inner .tracks .song-wrapper .song-time{font-family:Arial}.post-detail-inner .tracks .song-lyrics{display:none;margin-top:48px}.post-detail-inner .tracks .song-lyrics.active{display:block}.post-detail-inner .tracks .song-lyrics .flex{display:flex;justify-content:space-between}.post-detail-inner .tracks .song-lyrics .song-lyrics-inner p{line-height:1.5;margin-top:6px;margin-bottom:48px}.post-detail-inner .tracks .song-lyrics .song-lyrics-en,.post-detail-inner .tracks .song-lyrics .song-lyrics-kr{display:none}.post-detail-inner .tracks .song-lyrics .song-lyrics-en.active,.post-detail-inner .tracks .song-lyrics .song-lyrics-kr.active{display:block}/*# sourceMappingURL=style.min.css.map */
.scratch-camera-panel{position:absolute;inset:0;z-index:3;display:none;overflow:hidden;background:#000}.scratch-camera-panel.is-active{display:block}.scratch-camera-preview{width:100%;height:100%;object-fit:cover}.scratch-camera-controls{position:absolute;inset:0;z-index:1;pointer-events:none}.scratch-camera-close,.scratch-camera-switch,.scratch-camera-shutter{position:absolute;pointer-events:auto;color:#fff;border-color:rgba(255,255,255,.8);background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scratch-camera-close{top:12px;left:12px}.scratch-camera-switch{right:12px;bottom:16px}.scratch-camera-shutter{left:50%;bottom:12px;width:48px;height:48px;padding:0;border:4px solid #fff;border-radius:50%;background:rgba(255,255,255,.25);transform:translateX(-50%)}.scratch-camera-shutter::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}.scratch-camera-shutter:active{transform:translateX(-50%) scale(.92)}.scratch-camera-shutter:disabled{opacity:.5}
.photo-gallery{position:relative;overflow:hidden}.gallery-wrapper{position:relative;width:100%;height:100%}.scratch-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;cursor:none;touch-action:none}.photo-gallery.is-camera-open .scratch-content,.photo-gallery.is-camera-open .scratch-canvas,.photo-gallery.has-saved-photo .scratch-content,.photo-gallery.has-saved-photo .scratch-canvas{visibility:hidden;pointer-events:none}