@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
:root{--breakpointMobile:768px;--breakpointDesktop:1024px;--blackC:#1e1e1e;--whiteC:#fff;--orangeC:orange;--orangeBg:#ea8f04;--dop4:#0000000a;--dop8:#00000014;--dop10:#0000001a;--dop20:#0003;--dop30:#0000004d;--dop40:#0006;--dop50:#00000080;--dop60:#0009}:root.light{--bg0:#fff;--bg50:#fafafa;--bg100:#f5f5f5;--bg150:#f1f1f1;--bg200:#ededed;--bg250:#e9e9e9;--bg300:#e5e5e5;--bg350:#e1e1e1;--bg400:#ddd;--bg450:#d9d9d9;--bg500:#d5d5d5;--ibg0:#fff;--ibg50:#fafafa;--ibg100:#f5f5f5;--ibg150:#f1f1f1;--ibg200:#ededed;--ibg250:#e9e9e9;--ibg300:#e5e5e5;--ibg350:#e1e1e1;--mbg0:#fff;--mbg50:#fafafa;--mbg100:#f5f5f5;--mbg150:#f1f1f1;--mbg200:#ededed;--mbg250:#e9e9e9;--mbg300:#e5e5e5;--mbg350:#e1e1e1;--mbd:#0000004d;--op4:#0000000a;--op8:#00000014;--op10:#0000001a;--op20:#0003;--op30:#0000004d;--op40:#0006;--op50:#00000080;--op60:#0009;--blueC:#004ad3;--blueBg:#05f;--redC:#d20000;--redBg:#e60000;--greenC:#008d27;--greenBg:#16a23d;--brandC:#2f2f2f;--brandBg:#2f2f2f;--mainC:#2f2f2f;--subC:#8c8c8c;--placeholder:#0000004d;--divider:#0000000f;--btnHovered:#0000000a;--btnPressed:#00000014}:root.dark{--bg0:#141414;--bg50:#1e1e1e;--bg100:#272727;--bg150:#2f2f2f;--bg200:#363636;--bg250:#3d3d3d;--bg300:#444;--bg350:#4b4b4b;--bg400:#525252;--bg450:#595959;--bg500:#606060;--ibg0:#272727;--ibg50:#2f2f2f;--ibg100:#363636;--ibg150:#3d3d3d;--ibg200:#444;--ibg250:#4b4b4b;--ibg300:#525252;--mbg0:#1e1e1e;--mbg50:#272727;--mbg100:#2f2f2f;--mbg150:#363636;--mbg200:#3d3d3d;--mbg250:#444;--mbg300:#4b4b4b;--mbg350:#525252;--mbd:#0009;--op4:#ffffff0a;--op8:#ffffff14;--op10:#ffffff1a;--op20:#fff3;--op30:#ffffff4d;--op40:#fff6;--op50:#ffffff80;--op60:#fff9;--blueC:#3ea7fd;--blueBg:#05f;--redC:#d20000;--redBg:#e60000;--greenC:#00b02e;--greenBg:#16a23d;--brandC:#fff;--brandBg:#fff;--mainC:#fff;--subC:#b4b4b4;--placeholder:#ffffff4d;--divider:#ffffff0f;--btnHovered:#ffffff0a;--btnPressed:#ffffff14}@font-face{font-family:MaruBuri;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-ExtraLight.woff2);font-weight:200;font-display:swap}@font-face{font-family:MaruBuri;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Light.woff2);font-weight:300;font-display:swap}@font-face{font-family:MaruBuri;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff2);font-weight:400;font-display:swap}@font-face{font-family:MaruBuri;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff2);font-weight:600;font-display:swap}@font-face{font-family:MaruBuri;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff2);font-weight:700;font-display:swap}html{font-size:10px}.status-layer{position:relative;overflow:hidden}.status-layer:hover:after{content:"";background-color:var(--op4);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}*{word-break:keep-all;font-size:1.6rem}p{line-height:1.8}dfn,cite,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font-family:monaco,consolas,Andale Mono,DejaVu Sans Mono,monospace}big{font-size:125%}*{color:var(--mainC);font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body,button,input,select,optgroup,textarea{color:var(--mainC);line-height:1.6}strong{color:var(--brandC)}h1,h2,h3,h4,h5,h6{clear:both}h1,h2{line-height:1.5}h3{line-height:1.4}h4,h5,h6{line-height:1.6}h1{font-size:3rem}h2{font-size:2.7rem}h3{font-size:2.5rem}h4{font-size:2rem}h5{font-size:1.7rem}.app.tablet h1{font-size:2.6rem}.app.tablet h2{font-size:2.4rem}.app.tablet h3{font-size:2.1rem}.app.tablet h4{font-size:1.9rem}.app.tablet h5{font-size:1.7rem}*{margin:0;box-sizing:border-box!important}body{background-color:var(--bg0);transition:background-color .2s}.page{flex-direction:column;align-items:center;width:100%;padding-bottom:60px;display:flex}hr,.wp-block-separator{color:var(--subC)}ul{list-style:outside}ol{list-style:decimal}dt{font-weight:700}dd{margin:0 1.5em 1.5em}embed,iframe,object{max-width:100%}.wp-block-image img{border-color:var(--bg200)}.wp-element-caption{color:var(--subC)}table{width:100%}table td{color:var(--mainC)}pre,.wp-block-preformatted,.wp-block-code{color:var(--mainC);background:var(--bg100);padding:1rem}.wp-block-quote{padding-left:1rem;position:relative}.wp-block-quote:before{content:"";background-color:var(--bg200);width:4px;height:100%;position:absolute;top:0;left:0}.wp-block-quote cite{color:var(--subC)}.wp-block-embed .wp-block-embed__wrapper{display:flex}.wp-block-embed iframe{width:100%}.select-element{align-items:center;display:flex;position:relative}.select-element .icon{font-size:.8rem;position:absolute;right:.5rem}select{cursor:pointer;color:var(--mainC);background-color:var(--bg200);appearance:none;border:none;border-radius:6px;outline:none;width:100%;padding:4px 12px;position:relative}.tooltip{z-index:200}.tooltip .tooltip-content-wrapper{max-width:200px}.full-width{width:100%}.flex-row{flex-direction:row;display:flex}.flex-row.vertical-center{align-items:center}.flex-row.horizon-center{justify-content:center}.flex-col{flex-direction:column;display:flex}.flex-col.vertical-center{justify-content:center}.flex-col.horizon-center{align-items:center}a{color:var(--mainC);text-decoration:none}a.h-color{text-decoration:none!important}a.h-color:hover *{color:var(--brandC)}a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:hover,a:active{outline:0}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;display:flex}button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;min-height:36px}button:disabled{opacity:.4;pointer-events:none}.btn-ghost{color:var(--mainC);background-color:#0000;padding:0}.btn-ghost.c-blue{color:var(--blueC)}.btn-ghost.c-red{color:var(--redC)}.btn-ghost.c-brand{color:var(--brandC)}.btn-ghost:hover{text-decoration:underline}.btn-ghost:active{opacity:.7}.btn-fill{cursor:pointer;border-radius:6px;padding:0 10px;position:relative;overflow:hidden}.btn-fill:after{z-index:100;content:"";pointer-events:none;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}.btn-fill:hover{text-decoration:none!important}.btn-fill:hover:after{background-color:var(--btnHovered)}.btn-fill:active:after{background-color:var(--btnPressed)}.btn-fill.c-el1{background-color:var(--bg200)}.btn-fill.c-el2{background-color:var(--bg250)}.btn-fill.c-el3{background-color:var(--bg300)}.btn-fill.c-el4{background-color:var(--bg350)}.btn-fill.c-el5{background-color:var(--bg400)}.btn-fill.c-none{background-color:#0000}.btn-fill.c-blue{background-color:var(--blueBg)}.btn-fill.c-red{background-color:var(--redBg)}.btn-fill.c-brand{background-color:var(--brandBg)}.btn-fill.c-blue,.btn-fill.c-red,.btn-fill.c-brand{color:#fff!important}.btn-fill.c-blue:hover:after,.btn-fill.c-red:hover:after,.btn-fill.c-brand:hover:after{background-color:var(--LOP8)!important}.btn-fill.c-blue:active:after,.btn-fill.c-red:active:after,.btn-fill.c-brand:active:after{background-color:var(--LOP20)!important}.btn-fill.s-sharp{border-radius:0}.btn-fill.s-pill{border-radius:100px}input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea{color:var(--mainC);border:1px solid var(--bg300);background-color:var(--bg100);border-radius:6px;outline:none;min-height:32px;padding:0 12px;font-size:.9rem;position:relative;overflow:hidden}input[type=text]:after,input[type=email]:after,input[type=url]:after,input[type=password]:after,input[type=search]:after,input[type=number]:after,input[type=tel]:after,input[type=range]:after,input[type=date]:after,input[type=month]:after,input[type=week]:after,input[type=time]:after,input[type=datetime]:after,input[type=datetime-local]:after,input[type=color]:after,textarea:after{z-index:100;content:"";pointer-events:none;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}input[type=text]:hover:after,input[type=email]:hover:after,input[type=url]:hover:after,input[type=password]:hover:after,input[type=search]:hover:after,input[type=number]:hover:after,input[type=tel]:hover:after,input[type=range]:hover:after,input[type=date]:hover:after,input[type=month]:hover:after,input[type=week]:hover:after,input[type=time]:hover:after,input[type=datetime]:hover:after,input[type=datetime-local]:hover:after,input[type=color]:hover:after,textarea:hover:after{background-color:var(--btnHovered)}input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,textarea:focus{border-color:var(--blueC)}input[type=text].c-el1,input[type=email].c-el1,input[type=url].c-el1,input[type=password].c-el1,input[type=search].c-el1,input[type=number].c-el1,input[type=tel].c-el1,input[type=range].c-el1,input[type=date].c-el1,input[type=month].c-el1,input[type=week].c-el1,input[type=time].c-el1,input[type=datetime].c-el1,input[type=datetime-local].c-el1,input[type=color].c-el1,textarea.c-el1{border:1px solid var(--bg300);background-color:var(--bg100)}input[type=text].c-el2,input[type=email].c-el2,input[type=url].c-el2,input[type=password].c-el2,input[type=search].c-el2,input[type=number].c-el2,input[type=tel].c-el2,input[type=range].c-el2,input[type=date].c-el2,input[type=month].c-el2,input[type=week].c-el2,input[type=time].c-el2,input[type=datetime].c-el2,input[type=datetime-local].c-el2,input[type=color].c-el2,textarea.c-el2{border:1px solid var(--bg350);background-color:var(--bg150)}input[type=text].c-el3,input[type=email].c-el3,input[type=url].c-el3,input[type=password].c-el3,input[type=search].c-el3,input[type=number].c-el3,input[type=tel].c-el3,input[type=range].c-el3,input[type=date].c-el3,input[type=month].c-el3,input[type=week].c-el3,input[type=time].c-el3,input[type=datetime].c-el3,input[type=datetime-local].c-el3,input[type=color].c-el3,textarea.c-el3{border:1px solid var(--bg400);background-color:var(--bg200)}input[type=text].c-el4,input[type=email].c-el4,input[type=url].c-el4,input[type=password].c-el4,input[type=search].c-el4,input[type=number].c-el4,input[type=tel].c-el4,input[type=range].c-el4,input[type=date].c-el4,input[type=month].c-el4,input[type=week].c-el4,input[type=time].c-el4,input[type=datetime].c-el4,input[type=datetime-local].c-el4,input[type=color].c-el4,textarea.c-el4{border:1px solid var(--bg450);background-color:var(--bg250)}input[type=text].c-el5,input[type=email].c-el5,input[type=url].c-el5,input[type=password].c-el5,input[type=search].c-el5,input[type=number].c-el5,input[type=tel].c-el5,input[type=range].c-el5,input[type=date].c-el5,input[type=month].c-el5,input[type=week].c-el5,input[type=time].c-el5,input[type=datetime].c-el5,input[type=datetime-local].c-el5,input[type=color].c-el5,textarea.c-el5{border:1px solid var(--bg500);background-color:var(--bg300)}input[type=date]{cursor:pointer}.nav-bar{justify-content:center;display:flex}.nav-bar .boundary{justify-content:space-between;align-items:center;height:80px;display:flex}.nav-bar .boundary .btn-home{color:var(--mainC);align-items:center;text-decoration:none;display:flex}.nav-bar .boundary .btn-home:hover{color:var(--brandC)}.nav-bar .boundary .btn-home .site-name{letter-spacing:-.02em;font-family:MaruBuri,serif;font-size:2rem;font-weight:700}.nav-bar .boundary .nav-links{gap:24px;margin-left:auto;margin-right:24px;display:flex}.nav-bar .boundary .nav-links .nav-link{color:var(--mainC);font-size:1.4rem;text-decoration:none;transition:color .15s}.nav-bar .boundary .nav-links .nav-link:hover{color:var(--mainC)}.nav-bar .boundary .nav-right{align-items:center;gap:4px;display:flex}.nav-bar .boundary .nav-right button{cursor:pointer;color:var(--subC);background:0 0;border:none;align-items:center;padding:6px;display:flex}.nav-bar .boundary .nav-right button:hover{color:var(--mainC)}.nav-bar .boundary .nav-right button .material-symbols-rounded{font-size:20px}.nav-bar .boundary .nav-right .btn-menu{display:none}.drawer-overlay{z-index:998;opacity:0;background:#0006;transition:opacity .3s;display:none;position:fixed;inset:0}.drawer-overlay.open{opacity:1}.drawer{background-color:var(--bg0);z-index:999;flex-direction:column;width:280px;transition:transform .3s;display:none;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer .drawer-header{flex-shrink:0;justify-content:flex-end;padding:16px 20px;display:flex}.drawer .drawer-header .btn-close{cursor:pointer;color:var(--mainC);background:0 0;border:none;align-items:center;padding:6px;display:flex}.drawer .drawer-header .btn-close .material-symbols-rounded{font-size:24px}.drawer .drawer-body{flex:1;padding:0 24px 40px;overflow-y:auto}.drawer .drawer-body .drawer-nav{flex-direction:column;gap:4px;margin-bottom:32px;display:flex}.drawer .drawer-body .drawer-nav a{color:var(--mainC);padding:10px 0;font-size:1.5rem;font-weight:500;text-decoration:none;display:block}.drawer .drawer-body .drawer-nav a:hover{color:var(--brandC);text-decoration:underline}.drawer .drawer-body .drawer-section{margin-bottom:32px}.drawer .drawer-body .drawer-section .drawer-heading{color:var(--mainC);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin-bottom:12px;font-size:1.2rem;font-weight:700;display:flex}.drawer .drawer-body .drawer-section .drawer-heading:after{content:"";background-color:var(--mainC);flex:1;height:1px}.drawer .drawer-body .drawer-section .drawer-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.drawer .drawer-body .drawer-section .drawer-list li a{color:var(--mainC);padding:10px 0;font-size:1.5rem;font-weight:500;text-decoration:none;display:block}.drawer .drawer-body .drawer-section .drawer-list li a:hover{color:var(--brandC);text-decoration:underline}@media (max-width:768px){.nav-bar .boundary .nav-links{display:none}.nav-bar .boundary .nav-right .btn-menu{display:flex}.drawer-overlay{pointer-events:none;display:block}.drawer-overlay.open{pointer-events:auto}.drawer{display:flex}}.toast{opacity:0;border-radius:6px;padding:4px 12px;transition:all .2s ease-in-out;transform:translateY(100px);box-shadow:0 3px 6px #0003}.toast.show{opacity:1;transform:translate(0,0)}.toast.POSITIVE{color:#fff;background-color:var(--greenBg)}.toast.NEGATIVE{color:#fff;background-color:var(--redBg)}.toast.NEUTRAL{color:var(--mainC);background-color:var(--ibg0)}.loader{position:relative}.loader.center{z-index:1000;margin:auto;position:fixed;inset:0}.loader .loader-stick{opacity:.1;background-color:var(--mainC)}@keyframes indicator-animation{0%{opacity:1}to{opacity:0}}.post-item .item-body{gap:20px;padding:28px 0;text-decoration:none;display:flex}.post-item .item-body:hover .title{color:var(--brandC);text-underline-offset:10px;text-decoration:underline;text-decoration-thickness:2px}.post-item .item-body:hover .meta{text-decoration:underline;-webkit-text-decoration-color:var(--mainC);text-decoration-color:var(--mainC);color:var(--mainC)}.post-item .item-body:hover .featured-label{text-decoration:underline}.post-item .item-body .item-text{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.post-item .item-body .item-text .title{color:var(--mainC);font-family:MaruBuri,serif;font-size:3rem;font-weight:700;line-height:1.4;transition:color .15s}.post-item .item-body .item-text .description{color:var(--mainC);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.6rem;line-height:1.8;display:-webkit-box;overflow:hidden}.post-item .item-body .item-text .meta{color:var(--placeholder);align-items:center;gap:6px;margin-top:2px;display:flex}.post-item .item-body .item-text .meta .sep{color:var(--mainC)}.post-item .item-body .item-text .meta *{font-size:1.4rem}.post-item.featured .item-body{padding:32px 0}.post-item.featured .item-body:hover .title{text-decoration-thickness:4px}.post-item.featured .item-body .item-text{gap:16px}.post-item.featured .item-body .item-text .featured-meta .featured-label{color:var(--mainC);font-size:1.4rem}.post-item.featured .item-body .item-text .title{font-size:4.8rem;font-weight:700;line-height:1.35}.post-item.featured .item-body .item-text .description{-webkit-line-clamp:3;font-size:1.8rem}.post-item.featured .item-body .item-text .meta{font-size:.9rem}.post-item.featured .item-body .item-text .meta .date,.post-item.featured .item-body .item-text .meta .date+.sep{display:none}@media (max-width:768px){.post-item .item-body{padding:24px 0}.post-item .item-body .item-text .title{text-underline-offset:4px;font-size:2.2rem}.post-item .item-body .item-text .description{-webkit-line-clamp:2;font-size:1.4rem;line-height:1.6}.post-item .item-body .item-text .meta{font-size:1.4rem}.post-item.featured .item-body .item-text .title{font-size:2.8rem;text-decoration-thickness:2px}.post-item.featured .item-body .item-text .description{-webkit-line-clamp:2;font-size:1.4rem}}.post-meta-info{z-index:100;align-items:center;gap:10px;width:100%;display:flex}.post-meta-info .divider{border-right:1px solid var(--bg200);width:1px;height:12px}.post-meta-info *{color:var(--placeholder);font-size:1.4rem}.post-meta-info .folder{display:flex}.post-meta-info .container-topics{flex:1;gap:8px;width:100%;display:flex}.page-control{justify-content:center;gap:8px;width:100%;display:flex}.page-control .container-page-buttons{background-color:var(--bg100);border-radius:40px;padding:4px;display:flex}.page-control .btn-page{width:40px;height:40px}.page-control .btn-page.active{color:var(--brandC)}.app-bar{border-bottom:1px solid var(--op4);align-items:center;gap:12px;min-height:60px;padding:8px 12px;display:flex}.app-bar .btn-dismiss{width:40px;height:40px}.system-popup .overlay-body{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.system-popup .overlay-body .popup-content{flex-direction:column;gap:8px;width:100%;display:flex}.system-popup .overlay-body input{width:100%;height:44px}.system-popup .overlay-footer{border-top:1px solid var(--bg200)}.system-popup .overlay-footer .btn-submit{color:var(--blueC)}.system-popup .overlay-footer .btn-submit.destructive{color:var(--redC)}.overlay-backdrop{background-color:var(--mbd);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.overlay-backdrop.hide{opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.overlay-backdrop.hide .overlay{transform:translateY(300px)}.overlay-backdrop.mobile{align-items:flex-end}.overlay-backdrop .overlay{background-color:var(--mbg0);border-radius:12px;width:100%;transition:transform .2s ease-in-out;box-shadow:0 4px 8px #00000040}.overlay-backdrop .overlay .overlay-footer{gap:8px;padding:16px;display:flex}.overlay-backdrop .overlay .overlay-footer button{flex:1;height:44px}.dropdown-menu{z-index:500;background-color:var(--ibg0);border-radius:8px;transition:height .2s;position:fixed;overflow:hidden;box-shadow:0 4px 8px #0000004d}.dropdown-menu .dropdown-menu-content{flex-direction:column;padding:4px 0;display:flex;overflow:hidden}.dropdown-menu .dropdown-menu-content .divider{border-bottom:1px solid var(--divider);width:100%;height:1px;margin:4px 0}.dropdown-menu .dropdown-menu-content button{justify-content:flex-start;width:100%;height:44px}.dropdown-menu .dropdown-menu-content button.destructive{color:var(--redC)}.container-posts{flex-direction:column;width:100%;display:flex}.container-posts .empty{justify-content:center;align-items:center;padding:80px 0;display:flex}.container-posts .empty p{color:var(--placeholder);font-size:1.5rem}.page-footer{border-top:1px solid var(--bg50);padding:32px 0}.page-footer .boundary{flex-direction:column;justify-content:center;align-items:center;gap:4px}.page-footer .boundary *{color:var(--placeholder);font-size:1.3rem}.page-footer .boundary a:hover{color:var(--subC)}.sidebar{flex-shrink:0;align-self:flex-start;width:300px;padding-top:32px;padding-left:72px;position:sticky;top:24px}.sidebar .sidebar-section{margin-bottom:36px}.sidebar .sidebar-section .sidebar-heading{color:var(--mainC);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:0;font-size:1.2rem;font-weight:700;display:flex}.sidebar .sidebar-section .sidebar-heading:after{content:"";background-color:var(--mainC);flex:1;height:1px}.sidebar .sidebar-section .sidebar-list{margin:0;padding:0;list-style:none}.sidebar .sidebar-section .sidebar-list li a{justify-content:space-between;align-items:center;padding:10px 0;text-decoration:none;transition:color .15s;display:flex}.sidebar .sidebar-section .sidebar-list li a:hover .name,.sidebar .sidebar-section .sidebar-list li a:hover .count{color:var(--brandC);text-decoration:underline}.sidebar .sidebar-section .sidebar-list li a .name{color:var(--mainC);font-size:1.4rem;font-weight:500;transition:color .15s}.sidebar .sidebar-section .sidebar-list li a .count{color:var(--mainC);white-space:nowrap;font-size:1.2rem}@media (max-width:768px){.sidebar{display:none}.drawer-body .sidebar{width:100%;padding-top:0;padding-left:0;display:block;position:static}}.examples{flex-flow:column wrap;align-items:center;gap:24px;width:100%;padding:24px 0;display:flex}.examples .action-group{gap:8px;display:flex}.examples .btn-dropdown.bottom{position:fixed;bottom:24px}.examples .btn-dropdown.bottom.right{right:24px}.examples .btn-dropdown.bottom.left{left:24px}.overlay.example .overlay-body{flex-direction:column;gap:12px;padding:24px;display:flex}.overlay.example .overlay-body input{width:100%;height:44px}.index-page .featured-area{flex-direction:column;display:flex}.index-page .rest-area{gap:0;padding-top:8px;display:flex}.index-page .content-area{flex:1;min-width:0}.index-page .loading-text{text-align:center;color:var(--placeholder);padding:24px 0;font-size:1.4rem}.page.no-match{width:100%;height:100%;display:flex}.page.no-match .content{flex-direction:column;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;inset:0}.page.no-match .content h1{font-size:6rem}.page.no-match .content h4{color:var(--subC)}.page.no-match .content .btn-fill{align-items:center;height:44px;margin-top:16px;padding:16px;display:flex}.page.legal .boundary{flex-direction:column;gap:12px;display:flex}.page.legal .boundary h1{text-align:center;width:100%;margin:24px 0}.page.legal .boundary *{color:var(--subC)}.page.legal .boundary h4{margin-top:24px}.page.legal .boundary ul{padding-inline-start:24px}.page.filter .filter-header-area{flex-direction:column;display:flex}.page.filter .filter-header-area .filter-page-header{align-items:baseline;gap:12px;padding:48px 0 24px;display:flex}.page.filter .filter-header-area .filter-page-header h1{color:var(--mainC);font-size:2.4rem}.page.filter .filter-header-area .filter-page-header .count{color:var(--mainC);font-size:2.4rem;font-weight:700}.page.filter .filter-body-area{gap:0;display:flex}.page.filter .content-area{flex:1;min-width:0}.page.filter .content-area .loading-text{text-align:center;color:var(--placeholder);padding:24px 0;font-size:1.4rem}.page.auth{width:100%}.page.auth.mobile .boundary{padding:0 16px}.page.auth .boundary .content{flex-direction:column;align-items:center;gap:24px;width:100%;padding-bottom:60px;display:flex}.page.auth .boundary .content .form{flex-direction:column;width:100%;max-width:400px;display:flex}.page.auth .boundary .content .form .input-item{flex-direction:column;display:flex}.page.auth .boundary .content .form .input-item .item-header{height:40px;color:var(--placeholder);align-items:center;display:flex}.page.auth .boundary .content .form .input-item .item-input{height:40px}.page.auth .boundary .content .form .input-item .description{color:var(--placeholder);align-items:center;gap:8px;padding:8px 0;display:flex}.page.auth .boundary .content .form .input-item .description.valid{color:var(--greenC)}.page.auth .boundary .content .form .input-item .description.invalid{color:var(--redC)}.page.auth .boundary .content .form .form-footer{gap:8px;padding-top:16px;display:flex}.page.auth .boundary .content .form .form-footer button{min-width:80px;height:44px}.page.auth .boundary .content .form .form-footer .btn-main{flex:1}.page.auth .boundary .content .form .form-sub-footer{flex-direction:column;align-items:center;width:100%;padding:32px;display:flex}.page.auth .boundary .content .form .form-sub-footer .btn-ghost{height:40px}.page.auth .boundary .content .form .form-sub-footer .btn-container{justify-content:center;gap:24px;width:100%;display:flex}.page.auth .boundary .content .form .form-sub-footer .btn-container button{color:var(--subC)}.about-page{padding-top:80px}.about-page>.boundary{gap:40px;max-width:900px;display:flex}.about-page .about-profile{flex-shrink:0;padding-top:8px}.about-page .about-profile .image-container{background-color:#fff;border-radius:8px;padding:16px 0}.about-page .about-profile .profile-image{object-fit:contain}.about-page .about-content{flex-direction:column;flex:1;gap:32px;min-width:0;padding-top:24px;display:flex}.about-page .about-hero .about-title{color:var(--mainC);font-family:MaruBuri,serif;font-size:3.6rem;font-weight:700;line-height:1.4}.about-page .about-hero .about-subtitle{color:var(--placeholder);margin-top:8px;font-size:1.6rem}.about-page .about-body{flex-direction:column;gap:20px;display:flex}.about-page .about-body p{color:var(--mainC);font-size:1.6rem;line-height:1.8}.about-page .about-project{border-top:1px solid var(--bg100);padding-top:32px}.about-page .about-project h2{color:var(--mainC);margin-bottom:16px;font-family:MaruBuri,serif;font-size:2.4rem;font-weight:700}.about-page .about-project .project-item h3{color:var(--mainC);font-family:MaruBuri,serif;font-size:1.8rem;font-weight:700}.about-page .about-project .project-item p{color:var(--subC);margin-top:6px;font-size:1.5rem;line-height:1.6}.about-page .about-project .project-item .project-links{gap:16px;margin-top:12px;display:flex}.about-page .about-project .project-item .project-links a{color:var(--mainC);font-size:1.4rem;font-weight:500;text-decoration:none}.about-page .about-project .project-item .project-links a:hover{color:var(--brandC);text-decoration:underline}.about-page .about-contact{border-top:1px solid var(--bg100);padding-top:32px}.about-page .about-contact h2{color:var(--mainC);margin-bottom:12px;font-family:MaruBuri,serif;font-size:2.4rem;font-weight:700}.about-page .about-contact p{color:var(--mainC);font-size:1.6rem;line-height:1.8}.about-page .about-contact p a{color:var(--brandC);text-decoration:underline}.about-page .about-contact .about-links{gap:20px;margin-top:16px;display:flex}.about-page .about-contact .about-links a{color:var(--mainC);font-size:1.5rem;font-weight:500;text-decoration:none}.about-page .about-contact .about-links a:hover{color:var(--brandC);text-decoration:underline}@media (max-width:768px){.about-page{padding-top:48px}.about-page>.boundary{flex-direction:column;align-items:center;gap:24px}.about-page .about-hero{text-align:center}.about-page .about-hero .about-title{font-size:2.8rem}}.page.post{flex-direction:column;display:flex}.page.post.mobile .post-footer .rel-post *{font-size:1.4rem}.page.post.mobile .post-footer .rel-post .description{font-size:1.2rem}.page.post .boundary{max-width:800px}.page.post .reading-progress-bar{background-color:var(--brandC);z-index:1000;height:4px;position:fixed;top:0;left:0}.page.post .post-header .boundary{text-align:left;border-bottom:1px solid var(--bg200);padding-top:32px;padding-bottom:32px}.page.post .post-header .boundary .section-hero{align-items:flex-start;gap:24px}.page.post .post-header .boundary .section-hero *{color:var(--mainC)}.page.post .post-header .boundary h1{font-family:MaruBuri,serif;font-size:4.8rem;font-weight:700;line-height:1.35}.page.post .post-header .boundary .description{font-size:1.8rem}.page.post .post-header .boundary .captions{display:flex}.page.post .post-header .boundary .captions .post-meta-info{width:auto}.page.post .post-body .boundary{padding-top:60px;padding-bottom:60px}.page.post .post-body .boundary .post-content{flex-direction:column;gap:12px;width:100%;display:flex}.page.post .post-body .boundary .post-content a{text-decoration:underline}.page.post .post-body .boundary .post-content a:hover{opacity:.7}.page.post .post-body .boundary .post-content img{width:100%!important;height:initial!important}.page.post .post-body .boundary .post-content p{min-height:1.8rem}.page.post .post-body .boundary .post-content strong,.page.post .post-body .boundary .post-content a{color:var(--brandC)}.page.post .post-body .boundary .post-content h1,.page.post .post-body .boundary .post-content h2,.page.post .post-body .boundary .post-content h3,.page.post .post-body .boundary .post-content h4,.page.post .post-body .boundary .post-content h5,.page.post .post-body .boundary .post-content h6{color:var(--mainC);font-family:MaruBuri,serif;font-weight:700}.page.post .post-body .boundary .post-content blockquote{padding-left:16px;font-style:italic;position:relative}.page.post .post-body .boundary .post-content blockquote:before{content:"";background-color:var(--brandC);width:2px;position:absolute;top:0;bottom:0;left:0}.page.post .post-body .boundary .post-content table{border:1px solid var(--bg200);border-spacing:0;border-radius:12px;width:100%;overflow:hidden}.page.post .post-body .boundary .post-content table td,.page.post .post-body .boundary .post-content table th{text-align:center;border-bottom:1px solid var(--bg200);padding:8px 4px;font-size:1.5rem}.page.post .post-body .boundary .post-content table thead tr{background-color:var(--bg50)}.page.post .post-body .boundary .post-content table thead tr th{color:var(--brandC)}.page.post .post-body .boundary .post-content table tr:last-child td{border-bottom:none}.page.post .post-body .boundary .post-content .divider{border:none;border-bottom:1px solid var(--bg200);width:100%}.page.post .post-body .boundary .post-content .video-container{background-color:#000;border-radius:16px;padding-top:56.25%;position:relative;overflow:hidden;width:100%!important}.page.post .post-body .boundary .post-content .video-container video,.page.post .post-body .boundary .post-content .video-container div{width:100%;height:100%;position:absolute;top:0;left:0}.page.post .post-body .boundary .post-content img{border:1px solid var(--bg200);border-radius:12px}.page.post .post-body .boundary .post-content *{color:var(--subC)}@media (max-width:768px){.page.post .post-header .boundary{padding-top:24px;padding-bottom:24px}.page.post .post-header .boundary .section-hero{gap:16px}.page.post .post-header .boundary h1{font-size:3.2rem;line-height:1.4}.page.post .post-header .boundary .description{font-size:1.5rem}.page.post .post-header .boundary .captions .post-meta-info *{font-size:1.3rem}}.page.post .post-footer{gap:24px;display:flex}.page.post .post-footer .boundary{border-top:1px solid var(--bg200);padding-top:40px;padding-bottom:40px}.page.post .post-footer .rel-post{flex-direction:column;flex:1;gap:8px;display:flex}.page.post .post-footer .rel-post .label{color:var(--subC)}.page.post .post-footer .rel-post.prev{align-items:flex-start}.page.post .post-footer .rel-post.next{text-align:right;align-items:flex-end}.page.post .post-footer .rel-post .title{font-family:MaruBuri,serif;font-weight:700}.page.post .post-footer .rel-post .description{font-size:1.3rem}html,html body{min-height:100%}.app .row-block{justify-content:center;width:100%;display:flex}.app .boundary{width:100%;max-width:1200px;margin:0 auto;padding:0 4rem;display:flex}.app .boundary.vert{flex-direction:column}.app .boundary.post{max-width:840px}.app .section-hero{flex-direction:column;gap:8px;padding:48px 0 32px;display:flex}.app .section-hero .main{font-size:2.4rem}.app .section-hero .sub{color:var(--subC);font-size:1.6rem}.app .toasts-container{z-index:5000;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;padding:24px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (max-width:768px){.app .boundary{padding:0 2rem}}