@charset "UTF-8";

:root{--pink:#ee5ca0;--deep:#b82f74;--soft:#ffe5f0;--line:#e8a8c5;--ink:#64374e;--muted:#947584;--mint:#d6f2e7;--blue:#dceef9;--yellow:#fff3b9;--paper:#fffdfd;--shadow:#d699b7}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;color:var(--ink);font:13px/1.6 "Apple SD Gothic Neo","Malgun Gothic",Dotum,sans-serif;letter-spacing:0;background-color:#ffe6ef;background-image:repeating-linear-gradient(90deg,transparent 0 23px,#fff7 23px 46px),repeating-linear-gradient(0deg,transparent 0 23px,#fff7 23px 46px)}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.55}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #258b98;outline-offset:3px}
img{display:block;max-width:100%;height:auto}
svg{width:16px;height:16px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3,p,figure,dl,dd{margin:0}
ul{list-style:none;margin:0;padding:0}
[hidden]{display:none!important}
.preview-bar{min-height:37px;display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1260px;margin:0 auto;padding:8px 0;color:#80526d;font-size:11px}
.preview-bar nav{display:flex;gap:4px;flex-wrap:wrap}
.preview-bar a{padding:3px 12px;border:1px solid #e2a6c1;background:#fff9fc}
.preview-bar a[aria-current=page]{background:#ad3675;color:white;border-color:#ad3675}
.portal{max-width:1260px;margin:0 auto 38px;padding:9px;background:#fffafd;border:1px solid var(--pink);outline:3px solid white;box-shadow:0 0 0 5px #ecb1ce,5px 6px 0 #dfafc65c}
.utility{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 8px 5px;font-size:10px;border-bottom:1px dotted var(--line)}
.utility .links{display:flex;gap:12px}
.site-header{min-height:133px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:17px 30px 20px;margin-top:6px;border:1px solid #ef9cc1;overflow:hidden;background:radial-gradient(circle,#fff 1.5px,transparent 2px) 0 0/12px 12px,linear-gradient(105deg,#ffe0ed,#ffd5e8 55%,#e1f5f0)}
.site-header:after{content:"";height:9px;position:absolute;bottom:0;left:0;right:0;background:radial-gradient(circle at 7px 0,#fff 6px,transparent 6.5px) 0 0/14px 10px}
.brand{position:relative;z-index:1;display:block;text-decoration:none!important}
.brand-kicker{font:10px/1.3 Georgia,serif;color:#a83c71;display:block;margin-bottom:5px}
.brand-title{display:block;font-size:38px;line-height:1.25;font-weight:900;color:#ed58a0;text-shadow:2px 0 white,-2px 0 white,0 2px white,0 -2px white,3px 3px 0 #ad407a}
.brand-title i{font-style:normal;color:#fff8a8;font-size:34px;display:inline-block;margin-left:8px;transform:rotate(12deg)}
.brand-tagline{font-size:11px;color:#955373;display:block;margin-top:6px}
.header-sticker{z-index:1;text-align:center;border:3px double #e374a6;background:#fffbe6;padding:7px 14px;transform:rotate(-7deg);box-shadow:3px 3px 0 #fff;font-family:Georgia,serif}
.header-sticker b{font-size:20px;color:#d55395;line-height:1.15;display:block}
.header-sticker small{font-size:10px;color:#477b75}
.header-decor{position:absolute;font-family:Georgia,serif;color:#fff;font-size:52px;-webkit-text-stroke:1px #ec92b8;line-height:1;right:29%;top:15px;transform:rotate(12deg)}
.header-decor.second{font-size:30px;right:37%;top:77px;color:#fff6b4;-webkit-text-stroke:1px #c399b1}
.site-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin:7px 0 9px}
.site-nav a{border:1px solid #deb2c6;border-bottom:3px solid #daa0bd;background:linear-gradient(#fff,#ffe1ef);min-height:34px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:12px;text-shadow:0 1px white}
.site-nav a:nth-child(3n+2){background:linear-gradient(#fff,#ddf4ed);border-color:#b0d2c6}
.site-nav a:nth-child(3n){background:linear-gradient(#fff,#deebfa);border-color:#b3cadd}
.site-nav a.current{background:linear-gradient(#ffb4d3,#ee75ad);color:#752649;border-color:#d36d9e}
.portal-layout{display:grid;grid-template-columns:174px minmax(0,1fr) 204px;gap:11px;align-items:start}
.center-stage,.sidebar{min-width:0}
.sidebar{display:grid;gap:10px}
.panel{border:1px solid var(--line);background:var(--paper);margin-bottom:11px;box-shadow:1px 2px 0 #f7deea}
.panel:last-child{margin-bottom:0}
.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 9px;min-height:29px;border-bottom:1px solid var(--line);background:linear-gradient(#fff0f7,#ffd5e7);font-size:12px;font-weight:bold;color:#a4396a}
.panel-heading h2,.panel-heading h3{font-size:inherit;line-height:1.4}
.panel-heading .more{font-size:10px;font-weight:normal}
.panel-heading.mint{background:linear-gradient(#f4fffa,#d6eee7);color:#456f66;border-color:#b7d9d0}
.panel-heading.blue{background:linear-gradient(#f5fbff,#dfedfa);color:#557588;border-color:#bcd2e1}
.panel-body{padding:11px}
.profile{position:relative;background:#fff;text-align:center;border:3px double var(--line);padding:9px 9px 11px}
.profile:before{content:"♥ my little room ♥";font:10px Georgia,serif;display:block;color:#af497c;border-bottom:1px dotted var(--line);padding-bottom:5px}
.profile-picture{height:123px;overflow:hidden;background:repeating-linear-gradient(90deg,#fff4f9 0 10px,#fff 10px 20px);margin:8px 0;border:1px solid #f0cee0}
.profile-picture img{height:190px;width:100%;object-fit:cover;object-position:top;mix-blend-mode:multiply}
.profile strong{display:block;font-size:15px;color:#bf4580}
.profile p{font-size:11px;margin:3px 0 9px;color:var(--muted)}
.profile-state{display:flex;gap:4px;justify-content:center;font-size:10px}
.profile-state span{padding:1px 5px;background:#fff2f7;border:1px solid #efcbdd}
.tiny-button,.button{display:inline-flex;gap:5px;align-items:center;justify-content:center;border:1px solid #d8a0bb;background:linear-gradient(#fff,#ffe4ef);box-shadow:inset 0 0 0 1px white,0 1px 0 #e4c1d2;border-radius:2px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none!important;min-height:29px}
.tiny-button{font-size:10px;padding:2px 7px;min-height:23px}
.button.primary{background:linear-gradient(#f994bf,#e569a0);border-color:#c7568c;color:#55263d}
.button.mint{background:linear-gradient(#f0fff8,#cdebdc);border-color:#a5cbb9}
.button:hover,.tiny-button:hover{filter:brightness(.98);box-shadow:inset 0 0 0 1px #fff,0 1px 0 #bc789b}
.menu-box{border:3px double #df94b8;background:#fff}
.menu-label{text-align:center;font:12px/1.8 Georgia,serif;color:#ad487c;background:repeating-linear-gradient(0deg,#fff 0 2px,#fff1f7 2px 4px)}
.menu-label span{color:#e770a4;padding:0 5px}
.menu-group-label{text-align:center;font:11px/1.9 Georgia,serif;background:#edf8f3;color:#639083;border-top:1px solid #d3deda;border-bottom:1px solid #d3deda}
.menu-item{display:flex;align-items:center;gap:7px;min-height:28px;padding:3px 8px;border-bottom:1px solid #eab9d0;background:linear-gradient(#fff3f9,#f5cadf);font-size:12px}
.menu-item i{font-style:normal;color:#c8508a;font-size:10px;width:12px}
.menu-item small{margin-left:auto;color:#a0788b;font-size:10px}
.menu-item.selected{background:linear-gradient(#fbc2da,#eb91bb);font-weight:bold;color:#862d59}
.menu-item:last-child{border-bottom:0}
.counter{border:1px solid var(--line);padding:9px;background:#fff8fb;text-align:center}
.counter p{font:10px Georgia,serif;color:#a5688b}
.counter strong{display:block;margin:5px 0;font:19px Georgia,serif;color:#a43470}
.counter strong span{display:inline-block;background:#fff;border:1px solid #eac4d7;padding:0 4px;margin:0 1px}
.counter small{font-size:10px}
.mini-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 5px;border:3px double #a8cebf;text-align:center;background:repeating-linear-gradient(90deg,#e5f8ee 0 9px,#f5fff9 9px 18px);color:#588977;min-height:75px}
.mini-banner.pink{border-color:#e69abc;background:repeating-linear-gradient(45deg,#fff0f7 0 7px,#f8d9e8 7px 14px);color:#ad4276}
.mini-banner b{font:bold 19px Georgia,serif;text-shadow:1px 1px white}
.mini-banner small{font-size:10px}
.ticker{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:5px 9px;margin-bottom:10px;background:#fff6fa;font-size:11px}
.ticker b{font-size:9px;background:#dc679e;color:white;padding:1px 5px}
.ticker time{margin-left:auto;color:var(--muted);white-space:nowrap;font-size:10px}
.feature{position:relative;border:4px solid white;outline:1px solid var(--line);margin:0 1px 12px;overflow:hidden;background:#ffedf5}
.feature>img{width:100%;height:285px;object-fit:cover;object-position:center 52%}
.feature-label{position:absolute;top:14px;left:16px;background:#fff8be;border:2px dotted #d77aa5;box-shadow:3px 3px white;padding:6px 11px;transform:rotate(-6deg);font:13px Georgia,serif;color:#b74378}
.feature-caption{position:absolute;bottom:16px;left:16px;max-width:calc(100% - 32px);padding:10px 15px;background:#fff9f9;border:3px double #de83ac;box-shadow:3px 3px 0 #f7b8d1}
.feature-caption small{font:10px Georgia,serif;color:#b1628c}
.feature-caption h1{font-size:23px;font-weight:800;line-height:1.35;margin:3px 0;color:#a33b6d}
.feature-caption p{font-size:11px;color:#805a6d}
.feature-caption .arrow{position:absolute;right:10px;top:10px;color:#bd6690}
.section-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);padding:7px 9px 0;background:#fff9fc}
.section-tabs button{border:1px solid var(--line);border-bottom:0;padding:3px 13px;background:#fff;margin-right:4px;font-size:11px;border-radius:3px 3px 0 0}
.section-tabs button[aria-pressed=true]{background:#f8d9e9;color:#9f366b;font-weight:bold}
.scrap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}
.scrap{min-width:0;display:block;text-align:center}
.stamp-image{position:relative;padding:6px;background:#fff;outline:1px solid #e1b1c8;border:3px dotted #efb9d1;box-shadow:2px 3px 0 #f5dae6}
.stamp-image img{width:100%;aspect-ratio:4/3;object-fit:cover}
.scrap:nth-child(2) .stamp-image{border-color:#b2d7d6;background:#f4fffe}
.scrap:nth-child(3) .stamp-image{border-color:#c7bde4;background:#fbf8ff}
.scrap h3{font-size:12px;margin:8px 0 2px;line-height:1.5;overflow-wrap:anywhere}
.scrap small{font-size:10px;color:#a27d8f}
.post-list{padding:2px 11px 6px}
.post-row{display:grid;grid-template-columns:53px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px dotted #e6c5d5;min-height:37px;font-size:12px}
.post-row:last-child{border-bottom:0}
.post-row a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-row time{color:#a28695;font-size:10px}
.label{display:inline-block;background:#fff0f6;border:1px solid #e8b3cd;padding:0 5px;font-size:10px;color:#a64572;text-align:center;white-space:nowrap}
.label.mint{background:#edfaf3;border-color:#b6d8c7;color:#477460}
.label.blue{background:#eff7ff;border-color:#bcd5e5;color:#527d99}
.label.yellow{background:#fffae2;border-color:#e6d88f;color:#897328}
.badge-new{font-size:9px;color:#db4387;margin-left:5px;font-weight:bold}
.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.rank-list{padding:3px 10px}
.rank-list li{display:flex;gap:9px;align-items:center;padding:6px 0;border-bottom:1px dotted #e5c7d7;font-size:11px}
.rank-list li:last-child{border:0}
.rank-list .rank{font:bold 14px Georgia,serif;color:#cf70a0;width:14px}
.rank-list a{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rank-list small{font-size:10px;margin-left:auto;color:#9d8590}
.guest-entry{font-size:11px;border-bottom:1px dotted #e6cedb;padding:8px 10px}
.guest-entry:last-child{border:0}
.guest-entry b{color:#a64e78;font-size:10px}
.guest-entry p{margin-top:3px}
.guest-entry time{float:right;color:#9d8792;font-size:9px}
.search-box{display:flex;gap:4px;padding:8px}
.search-box input{min-width:0;width:100%;border:1px solid #ddb6c9;padding:4px 6px;background:#fff;font-size:11px}
.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:27px;min-height:27px;padding:3px;border:1px solid #d9a7bd;background:#fff2f8;border-radius:2px}
.mood{font:20px Georgia,serif;color:#c15a8c;text-align:center;padding:12px 5px 5px}
.mood-note{text-align:center;font-size:11px;padding:0 5px 12px;color:#927486}
.calendar{width:100%;border-collapse:collapse;font-size:10px;text-align:center;margin:4px 0}
.calendar caption{padding:3px;font:12px Georgia,serif;color:#a1557b}
.calendar td,.calendar th{height:22px;padding:0;font-weight:normal}
.calendar th{color:#a7899b;font-size:9px}
.calendar td:first-child{color:#cb5f8e}
.calendar .today{background:#e883b4;color:#fff;outline:1px solid white;outline-offset:-2px}
.tiny-links{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px}
.web-banner{border:1px solid #d8b3ca;text-align:center;padding:5px 2px;background:#ffedf6;font:bold 11px Georgia,serif;line-height:1.2;min-height:32px;display:flex;align-items:center;justify-content:center}
.web-banner:nth-child(2n){background:#ecfaf3;color:#63907e;border-color:#b9d2c7}
.web-banner:nth-child(3n){background:#e7efff;color:#788ab0;border-color:#c4cbe1}
.site-footer{margin-top:13px;border-top:2px dotted #dfabc5;text-align:center;padding:11px 5px 3px}
.footer-banners{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.footer-banners a{min-width:108px;padding:5px 10px;font-size:10px;border:3px double #daa4bf;background:#fff1f7}
.footer-banners a:nth-child(even){border-color:#b6d0c8;background:#effbf6}
.site-footer p{font:10px Georgia,serif;color:#a0798e}
.site-footer small{font-size:9px;color:#b393a4}
.breadcrumb{font-size:10px;color:#9a7287;padding:4px 1px 8px;display:flex;gap:7px}
.page-heading{padding:12px 15px;border:3px double #e6abc7;background:repeating-linear-gradient(-45deg,#fff8fb 0 5px,#fff0f6 5px 10px);margin-bottom:11px}
.page-heading .eyebrow{font:10px Georgia,serif;color:#b36890}
.page-heading h1{font-size:23px;line-height:1.5;color:#a0356a;margin:2px 0}
.page-heading p{font-size:11px;color:#947086}
.post-paper{background:#fffdfd;border:1px solid #e1acc5;padding:23px 27px}
.post-header{text-align:center;border-bottom:2px dotted #eac6d8;padding-bottom:18px;margin-bottom:20px}
.post-header h1{font-size:25px;line-height:1.5;color:#8d365f;word-break:keep-all;margin:10px 0}
.post-meta{display:flex;gap:11px;flex-wrap:wrap;justify-content:center;font-size:11px;color:#9f7c8e}
.post-meta a{color:#a84476}
.post-body{font-size:14px;line-height:2;color:#765466}
.post-body figure{margin:21px 0}
.post-body figure img{width:100%;height:auto;border:1px solid #eed5e0;padding:4px;background:#fff}
.post-body figcaption{font-size:11px;text-align:center;color:#a78999;margin-top:7px}
.post-body p{margin:24px 10px;text-align:center;word-break:keep-all}
.post-body h2{text-align:center;font-size:17px;color:#b0527e;margin-top:32px}
.post-body .paper-note{margin:25px auto;max-width:370px;padding:17px 21px;border:1px dashed #d4b2a8;background:repeating-linear-gradient(#fffceb 0 27px,#e7dec6 27px 28px);transform:rotate(-1deg);text-align:center;font-size:13px}
.post-body .paper-note b{display:block;color:#bd6c87}
.post-tags{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:22px 0}
.post-tags span{padding:1px 7px;font-size:10px;background:#fff3f8;border:1px solid #e9c6d8;color:#9c6482}
.post-actions{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;padding-top:15px;border-top:1px dotted var(--line)}
.post-actions .button{font-size:11px}
.post-actions button[aria-pressed=true]{background:#fbd0e4;color:#a52e68}
.post-neighbors{font-size:11px;margin-top:11px}
.post-neighbors a{display:flex;gap:12px;padding:8px 12px;border-bottom:1px dotted #e7c6d7}
.post-neighbors a:last-child{border:0}
.post-neighbors b{color:#a56688;font-size:10px;white-space:nowrap}
.comments{margin-top:11px}
.comment{display:flex;gap:9px;padding:12px;border-bottom:1px dotted var(--line)}
.comment-avatar{width:31px;height:31px;background:#fae0ed;border:1px solid #e0abc5;display:grid;place-items:center;color:#b96b90;font-family:Georgia,serif;flex-shrink:0}
.comment:nth-of-type(2n) .comment-avatar{background:#e5f4ec;color:#739885;border-color:#c1dacd}
.comment>div{min-width:0}.comment b{font-size:11px;color:#9c5276}.comment time{font-size:10px;color:#ac8d9d;margin-left:7px}.comment p{font-size:12px;margin-top:3px;overflow-wrap:anywhere;white-space:pre-wrap}
.comment-form{padding:12px;background:#fff9fc}
.comment-form textarea{width:100%;min-height:65px;padding:8px;border:1px solid #e3bfd1;resize:vertical;background:#fff;font-size:12px}
.comment-form footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:8px;font-size:10px}
.related-item{display:flex;gap:8px;padding:9px;border-bottom:1px dotted #dfc7d4;align-items:center;font-size:11px}
.related-item:last-child{border-bottom:0}
.related-item img{width:47px;height:47px;object-fit:cover;border:3px double #e6bdd1}
.related-item small{display:block;font-size:9px;color:#a58698;margin-top:3px}
.toc{padding:7px 11px;font-size:11px}.toc a{display:block;padding:4px 0}
.admin-greeting{display:flex;align-items:center;gap:13px;margin-bottom:11px;border:3px double #e4a4c2;padding:11px 15px;background:repeating-linear-gradient(90deg,#fff3f8 0 12px,#fffbfd 12px 24px)}
.admin-greeting .greeting-icon{font:35px Georgia,serif;color:#e795b9;text-shadow:1px 1px white}
.admin-greeting h1{font-size:21px;color:#a74375}.admin-greeting p{font-size:11px;color:#99748b;margin:2px 0}
.admin-greeting .button{margin-left:auto;white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:11px;border:1px solid #e2b4ca;background:#fff}
.stat{padding:10px;border-right:1px dotted #e3bfd1;text-align:center}.stat:last-child{border-right:0}
.stat dt{font-size:10px;color:#9f7390}.stat dd{font:25px/1.5 Georgia,serif;color:#af4078}.stat small{font-size:9px;color:#9d7f90}
.stat:nth-child(2){background:#f0faf6}.stat:nth-child(3){background:#f1f8fe}.stat:nth-child(4){background:#fffbed}
.admin-toolbar{display:flex;gap:5px;align-items:center;padding:9px;background:#fff9fc;flex-wrap:wrap;border-bottom:1px dotted var(--line)}
.admin-toolbar select,.admin-toolbar input{background:white;border:1px solid #dbb3c7;padding:4px 7px;font-size:11px;height:29px;min-width:0}
.admin-toolbar input{flex:1;min-width:80px}
.table-wrap{overflow-x:auto}
.post-table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}
.post-table th{font-size:10px;font-weight:normal;background:#fff0f7;color:#9c6784;padding:7px 6px;border-bottom:1px solid #e6c1d4;white-space:nowrap}
.post-table td{padding:10px 6px;border-bottom:1px dotted #e4c8d6;vertical-align:middle}
.post-table th:first-child,.post-table td:first-child{padding-left:11px;width:28px}
.post-table tr:last-child td{border-bottom:0}
.post-table .post-name{display:flex;gap:8px;align-items:center;min-width:205px}.post-table .post-name img{width:40px;height:40px;object-fit:cover;border:1px solid #e6c3d4}
.post-table .post-name b{font-size:11px;font-weight:600;line-height:1.5;display:block}.post-table .post-name small{color:#a28493;font-size:9px}
.post-table td.actions{white-space:nowrap}.post-table .tiny-button{padding:1px 6px;font-size:10px}
input[type=checkbox]{accent-color:#d36e9f;width:13px;height:13px;vertical-align:middle;flex-shrink:0}
.table-footer{padding:8px 10px;border-top:1px solid #ecd1df;background:#fffafd;display:flex;align-items:center;gap:6px;justify-content:space-between;font-size:10px;color:#a27a91}
.pagination{display:flex;gap:3px}.pagination button{font-size:10px;min-width:23px;height:23px;border:1px solid #e3b8cf;background:white}.pagination button[aria-current]{background:#f6d9e8;color:#a64474}
.mini-chart{display:flex;gap:8px;align-items:flex-end;height:88px;padding:8px 13px 0;border-bottom:1px solid #e7c4d7;margin:0 9px}
.mini-chart span{flex:1;background:repeating-linear-gradient(0deg,#e798bf 0 4px,#efb9d3 4px 5px);border:1px solid #d582ac;min-height:6px}
.chart-labels{display:flex;justify-content:space-between;padding:4px 14px 8px;font-size:9px;color:#ac8d9d}
.checklist{padding:7px 10px}.checklist label{display:flex;align-items:center;gap:7px;font-size:11px;padding:6px 0;border-bottom:1px dotted #e6c8d8}.checklist label:last-child{border:0}.checklist label:has(input:checked){text-decoration:line-through;color:#b28f9f}
.settings-grid{display:grid;grid-template-columns:90px 1fr;gap:9px;align-items:center;padding:12px;font-size:11px}
.settings-grid input[type=text]{width:100%;min-width:0;background:#fff;border:1px solid #e0bbce;padding:5px 7px}
.settings-grid .setting-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.settings-actions{border-top:1px dotted #e6c4d6;padding:8px 12px;display:flex;justify-content:flex-end}
.empty-message{padding:25px;text-align:center;font-size:12px;color:#9b738a}
.sample-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#a37590;padding:5px 1px 8px}
dialog{max-width:600px;width:calc(100% - 28px);max-height:85vh;padding:0;border:3px double #d37aa5;background:#fffafd;color:var(--ink);box-shadow:6px 6px 0 #c278a04d}
dialog::backdrop{background:#62354f55}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#ffe7f3,#f8bad7);padding:9px 12px;border-bottom:1px solid #dda1bd}
.dialog-heading h2{font-size:15px}.dialog-body{padding:17px}.dialog-body label{display:block;font-size:12px;margin:10px 0 5px}
.dialog-body input,.dialog-body select,.dialog-body textarea{display:block;width:100%;padding:7px;border:1px solid #deb3c7;background:white;font-size:12px}.dialog-body textarea{min-height:145px;resize:vertical;line-height:1.9}.dialog-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 16px;border-top:1px dotted var(--line);font-size:10px;color:#98748c}.dialog-footer .buttons{display:flex;gap:6px}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);padding:10px 18px;background:#fff9fd;border:3px double #d57ca7;color:#994670;box-shadow:3px 3px #f4d5e6;z-index:20;font-size:12px;max-width:calc(100% - 32px);text-align:center}
.skip-link{position:absolute;top:-100px;left:10px;background:#fff;padding:10px;z-index:30}.skip-link:focus{top:8px}
@media(min-width:1440px){.preview-bar{margin-top:9px}}
@media(max-width:1300px){.portal{margin-left:17px;margin-right:17px}.preview-bar{margin-left:17px;margin-right:17px}.portal-layout{grid-template-columns:164px minmax(0,1fr) 183px;gap:9px}.brand-title{font-size:35px}.scrap-grid{gap:9px;padding:11px}}
@media(max-width:1040px){.portal-layout{grid-template-columns:150px minmax(0,1fr)}.right-sidebar{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.right-sidebar>.mini-banner{display:none}.brand-title{font-size:32px}.site-header{padding:17px 22px}.header-decor{right:30%}.header-sticker b{font-size:18px}.feature>img{height:260px}}
@media(max-width:720px){.preview-bar{font-size:9px;gap:5px;margin:0 10px;padding-top:7px}.preview-bar>span{max-width:105px;line-height:1.3}.preview-bar a{padding:4px 7px;font-size:10px}.portal{margin:2px 10px 24px;padding:6px;outline-width:2px;box-shadow:0 0 0 3px #ecb1ce}.utility{font-size:9px;padding-left:2px;padding-right:2px}.utility .links{gap:7px}.utility .date{display:none}.site-header{min-height:115px;padding:15px 12px}.brand-title{font-size:28px}.brand-title i{font-size:25px;margin-left:3px}.brand-kicker{font-size:8px}.brand-tagline{font-size:10px}.header-sticker{display:none}.header-decor{font-size:38px;right:8px;top:18px;opacity:.7}.header-decor.second{right:18px;top:71px;font-size:19px}.site-nav{grid-template-columns:repeat(3,1fr);gap:3px;margin:6px 0}.site-nav a{font-size:11px;min-height:30px}.site-nav a:last-child{grid-column:auto}.portal-layout{grid-template-columns:minmax(0,1fr);gap:9px}.left-sidebar{display:block}.left-sidebar>.profile,.left-sidebar>.counter,.left-sidebar>.mini-banner,.left-sidebar>.panel{display:none}.menu-box{border:1px solid #df94b8;display:flex;overflow-x:auto;padding:3px;gap:3px;scrollbar-width:thin}.menu-box>.menu-label,.menu-box .menu-group-label{display:none}.menu-box>.menu-group{display:contents}.menu-item{flex-shrink:0;min-height:28px;border:1px solid #eab9d0;padding:3px 8px;white-space:nowrap;font-size:11px}.menu-item small{display:none}.menu-item:last-child{border-bottom:1px solid #eab9d0}.menu-item i{width:auto}.right-sidebar{grid-template-columns:1fr 1fr;gap:8px}.right-sidebar .panel{margin-bottom:0}.right-sidebar .panel:last-child{grid-column:span 2}.ticker{font-size:10px;padding:5px 7px;gap:6px}.ticker time{display:none}.feature>img{height:240px}.feature-caption{left:10px;bottom:10px;padding:8px 10px}.feature-caption h1{font-size:20px}.feature-caption p{font-size:10px}.feature-label{top:10px;left:12px;font-size:11px;padding:4px 8px}.scrap-grid{padding:11px 8px;gap:7px}.stamp-image{padding:3px;border-width:2px}.scrap h3{font-size:10px;margin-top:6px}.scrap small{font-size:9px}.two-columns{gap:8px}.panel-heading{font-size:11px;padding:5px 7px}.panel-heading .more{font-size:9px}.post-row{font-size:11px;gap:6px;grid-template-columns:43px minmax(0,1fr) auto}.post-row time{font-size:9px}.post-list{padding-left:8px;padding-right:8px}.label{font-size:9px;padding:0 3px}.section-tabs button{padding:3px 10px}.rank-list{padding:3px 7px}.rank-list li{gap:5px;font-size:10px}.rank-list small{font-size:9px}.guest-entry{font-size:10px;padding:7px}.guest-entry time{display:none}.post-paper{padding:17px 12px}.post-header h1{font-size:21px}.post-meta{font-size:10px;gap:7px}.post-body{font-size:13px;line-height:1.95}.post-body p{margin:21px 5px}.post-body .paper-note{padding:12px;font-size:12px}.post-body figcaption{font-size:10px}.post-actions{gap:6px}.post-actions .button{padding:4px 8px;font-size:10px}.admin-greeting{padding:10px;gap:8px}.admin-greeting h1{font-size:18px}.admin-greeting p{font-size:10px}.admin-greeting .greeting-icon{font-size:29px}.admin-greeting .button{padding:4px 7px;font-size:10px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding:7px 2px}.stat dt{font-size:9px}.stat dd{font-size:22px}.stat small{font-size:8px}.admin-toolbar{padding:7px;gap:4px}.admin-toolbar input{flex-basis:90px}.post-table{min-width:610px}.table-footer{font-size:9px;padding:7px}.settings-grid{grid-template-columns:69px 1fr;padding:10px;font-size:10px}.footer-banners{gap:4px}.footer-banners a{min-width:96px;padding:3px 5px;font-size:9px}.dialog-footer{align-items:flex-start;flex-direction:column}.dialog-footer .buttons{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}