.design-site{--page-width:1260px;--backdrop:#ffe6ef}
.design-site[data-width=compact]{--page-width:1080px}
.design-site[data-width=wide]{--page-width:1440px}
.design-site>.portal,.design-site>.preview-bar{max-width:var(--page-width)}
.design-site[data-palette=mint]{--pink:#509d86;--deep:#276855;--soft:#e5f5ed;--line:#a1cbb9;--ink:#36564a;--muted:#638375;--backdrop:#e5f5ed;--shadow:#accfbd}
.design-site[data-palette=sky]{--pink:#5d99bf;--deep:#326889;--soft:#e9f4fc;--line:#b0cee1;--ink:#3d5769;--muted:#678494;--backdrop:#e5f2fb;--shadow:#b2ccde}
.design-site[data-palette=lemon]{--pink:#b18e35;--deep:#786020;--soft:#fff9d9;--line:#e0d098;--ink:#635b36;--muted:#897d52;--backdrop:#fff9d9;--shadow:#ded2a7}
.design-site[data-palette=coral]{--pink:#c46767;--deep:#923f49;--soft:#fff0ec;--line:#eab8ad;--ink:#674548;--muted:#85565a;--backdrop:#ffede7;--shadow:#e4b6ad}
.design-site[data-palette=rose]{--pink:#af667d;--deep:#843951;--soft:#faedf1;--line:#dcadb9;--ink:#62434e;--muted:#815b69;--backdrop:#f8e8ee;--shadow:#d6adbb}
.design-site[data-palette=aqua]{--pink:#398e98;--deep:#23616c;--soft:#e6f5f5;--line:#9dcbd0;--ink:#34565d;--muted:#52777d;--backdrop:#e4f3f4;--shadow:#a5cace}
.design-site[data-palette=sage]{--pink:#7e9470;--deep:#4b663f;--soft:#eff4e7;--line:#bccba9;--ink:#495741;--muted:#68795d;--backdrop:#edf2e5;--shadow:#bcc8ac}
.design-site[data-palette=forest]{--pink:#528472;--deep:#275b48;--soft:#e6f0e9;--line:#9dbdaa;--ink:#344f43;--muted:#577362;--backdrop:#e4eee7;--shadow:#a3bdaa}
.design-site{background-color:var(--backdrop)}
.design-site[data-background=plain]{background-image:none}
.design-site[data-background=dots]{background-image:radial-gradient(#fff 2px,transparent 2px);background-size:16px 16px}
.design-site[data-font=nanum]{font-family:"NanumGothic","Malgun Gothic",sans-serif}
.design-site[data-font=handwriting]{font-family:"NanumURiDdarSonGeurSsi","Malgun Gothic",sans-serif;font-size:16px}
.design-site:not([data-palette=pink])>.portal{background:#fffefd;box-shadow:0 0 0 5px var(--line),5px 6px 0 #0000000d}
.design-site:not([data-palette=pink]) .site-header{background:radial-gradient(circle,#fff 1.5px,transparent 2px) 0 0/12px 12px,var(--soft);border-color:var(--line)}
.design-site:not([data-palette=pink]) :is(.brand-title,.brand-kicker,.brand-tagline,.panel-heading,.post-header h1,#featured-post .feature-caption h2){color:var(--deep)}
.design-site:not([data-palette=pink]) .brand-title{text-shadow:2px 0 white,-2px 0 white,0 2px white,0 -2px white}
.design-site:not([data-palette=pink]) :is(.site-nav a,.panel-heading,.mini-banner.pink,.menu-item.selected){background:var(--soft);border-color:var(--line);color:var(--deep)}
.design-site:not([data-palette=pink]) .site-nav a.current{background:var(--line)}
.design-site:not([data-palette=pink]) :is(.profile,.profile-picture,.profile-state span,.menu-box,.menu-label,.menu-group-label,.ticker,.counter,.feature,.feature-caption,.collection-tile .stamp-image,.post-paper,.site-footer,.footer-banners a){border-color:var(--line)}
.design-site[data-layout=wide] .portal-layout{grid-template-columns:174px minmax(0,1fr)}
.design-site[data-layout=wide] .right-sidebar{display:none}
.design-site[data-layout=gallery] .portal-layout{grid-template-columns:minmax(0,1fr)}
.design-site[data-layout=gallery] .left-sidebar{display:block}
.design-site[data-layout=gallery] .left-sidebar>:not(.menu-box):not(.profile-actions),.design-site[data-layout=gallery] .right-sidebar{display:none}
.design-site[data-layout=gallery] .menu-box{display:flex;gap:6px;overflow-x:auto;padding:6px}
.design-site[data-layout=gallery] .menu-box>.menu-label,.design-site[data-layout=gallery] .menu-box>.menu-group-label{display:none}
.design-site[data-layout=gallery] .menu-group{display:contents}
.design-site[data-layout=gallery] .menu-item{flex:none;white-space:nowrap;border:1px solid var(--line);padding:5px 10px}
.design-site[data-layout=gallery] .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.design-site #popular-posts .rank-list li{display:flex;justify-content:space-between;gap:12px}
.design-site #popular-posts .rank-list a{min-width:0;overflow-wrap:anywhere}
.design-site #popular-posts .rank-list small{flex:none}
@media(max-width:1000px){.design-site[data-layout=classic] .portal-layout{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:720px){.design-site[data-layout] .portal-layout{grid-template-columns:minmax(0,1fr)}.design-site[data-layout=gallery] .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}