#darknet-prototype .dn-list{display:flex;flex-direction:column;gap:8px}
#darknet-prototype .dn-posts-scroll{flex:1 1 auto;height:auto;min-height:0;width:100%}
#darknet-prototype .dn-notices{flex:0 0 auto;min-width:0;border:1px solid #75536d;border-radius:9px;background:#342a34;overflow:hidden}
#darknet-prototype .dn-notices-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:33px;padding:5px 11px;border-bottom:1px solid #614b5c;color:#ef9ed5}
#darknet-prototype .dn-notices-head strong{font-size:13px}
#darknet-prototype .dn-notice-create{min-height:25px;padding:3px 9px;border:1px solid #a46c96;border-radius:6px;background:#503849;color:#f7d5eb;font-size:11px;font-weight:700;white-space:nowrap}
#darknet-prototype .dn-notice-create:hover{border-color:#f0a3d9;background:#60435a}
#darknet-prototype .dn-notice-list{max-height:min(220px,30vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#df91c7 #241e27}
#darknet-prototype .dn-notice-list::-webkit-scrollbar{width:9px}
#darknet-prototype .dn-notice-list::-webkit-scrollbar-track{background:#241e27;border-radius:9px}
#darknet-prototype .dn-notice-list::-webkit-scrollbar-thumb{background:#df91c7;border:2px solid #241e27;border-radius:9px}
#darknet-prototype .dn-notice-item{padding:8px 11px;border-bottom:1px solid #594453;color:#f2ddec}
#darknet-prototype .dn-notice-item:last-child{border-bottom:0}
#darknet-prototype .dn-notice-item-head{display:flex;align-items:start;justify-content:space-between;gap:10px}
#darknet-prototype .dn-notice-title{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#darknet-prototype .dn-notice-body{margin:4px 0 0;color:#d6bdd0;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
#darknet-prototype .dn-notice-controls{display:flex;gap:5px;flex:none}
#darknet-prototype .dn-notice-controls button{min-height:24px;padding:2px 7px;border:1px solid #7f6078;border-radius:5px;background:#453544;color:#ecd0e3;font-size:11px;white-space:nowrap}
#darknet-prototype .dn-notice-controls button:hover{border-color:#df9bc9}
#darknet-prototype .dn-notices-empty{margin:0;padding:11px;color:#c9aac0;font-size:12px}
#darknet-prototype .dn-notice-panel-status{margin:0;padding:0 11px;color:#ffc0d2;font-size:12px}
#darknet-prototype .dn-notice-panel-status:not(:empty){padding:7px 11px;border-top:1px solid #6f4b63}
#darknet-prototype .dn-list-status{top:auto;bottom:8px}

#darknet-prototype .dn-notice-dialog{width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 32px);padding:0;border:2px solid #e599ce;border-radius:13px;background:#2e2530;color:#f4e5f0;box-shadow:0 20px 60px #000a;overflow-y:auto}
#darknet-prototype .dn-notice-dialog::backdrop{background:#0e0a13b8}
#darknet-prototype .dn-notice-form{display:flex;flex-direction:column;gap:12px;padding:20px}
#darknet-prototype .dn-notice-form h2{margin:0 0 2px;font-size:20px}
#darknet-prototype .dn-notice-form label{display:flex;flex-direction:column;gap:6px;color:#eec3df;font-size:12px;font-weight:700}
#darknet-prototype .dn-notice-form :is(input,textarea){width:100%;min-width:0;padding:9px 11px;border:1px solid #85627d;border-radius:7px;background:#251d27;color:#f4e5f0;font:14px/1.5 'Noto Sans KR',sans-serif}
#darknet-prototype .dn-notice-form input{min-height:39px}
#darknet-prototype .dn-notice-form textarea{min-height:150px;resize:vertical}
#darknet-prototype .dn-notice-form-status{min-height:18px;margin:0;color:#ffb7ca;font-size:12px}
#darknet-prototype .dn-notice-form-actions{display:flex;justify-content:flex-end;gap:8px}
#darknet-prototype .dn-notice-form-actions button{min-width:82px;min-height:36px;padding:7px 12px;border:1px solid #a7749b;border-radius:7px;background:#443343;color:#f3d7e9;font-size:12px;font-weight:700}
#darknet-prototype .dn-notice-form-actions .dn-notice-save{border-color:#ec9dd3;background:#ec9dd3;color:#35222f}
#darknet-prototype .dn-notice-form-actions button:disabled{opacity:.6;cursor:wait}