#darknet-prototype .dn-window{grid-template-rows:30px auto minmax(0,1fr)}
#darknet-prototype .dn-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,430px) minmax(0,1fr);align-items:center;gap:12px;padding:6px 18px;border-bottom:1px solid var(--dn-line)}
#darknet-prototype .dn-header .dn-brand{grid-column:1;justify-self:start;display:flex;align-items:center;min-height:40px;padding:0;border:0;background:none;color:#f2d8e9;font:400 24px/1 'Archivo Black',sans-serif;letter-spacing:-1.2px;text-transform:uppercase}
#darknet-prototype .dn-header .dn-brand span{display:block;line-height:1}
#darknet-prototype .dn-header .dn-search{grid-column:2;width:100%;margin:0;max-width:none}
#darknet-prototype .dn-header .dn-member{grid-column:3;display:flex;justify-self:end;margin:0;font-size:14px}
#darknet-prototype .dn-body{position:relative;grid-template-columns:clamp(210px,16%,280px) minmax(0,1fr) clamp(175px,18%,280px);gap:18px;padding:16px}
#darknet-prototype .dn-sidebar{display:flex;flex-direction:column;gap:18px;min-height:0;padding:8px 18px 8px 0;border-right:1px solid var(--dn-line)}
#darknet-prototype .dn-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}
#darknet-prototype .dn-sidebar-top{flex-shrink:0;color:var(--dn-muted);font-size:13px;font-weight:700}
#darknet-prototype .dn-nav-scroll{flex:1;min-height:0;overflow:visible}
#darknet-prototype .dn-nav-scroll .simplebar-wrapper{height:100%}
#darknet-prototype .dn-sidebar-foot{flex:none;margin-top:auto;padding-top:10px;border-top:1px solid var(--dn-line)}
#darknet-prototype .dn-nav-content{display:flex;flex-direction:column;gap:16px;padding-right:12px}
#darknet-prototype .dn-sidebar .dn-sort{display:flex;flex-direction:column;align-items:stretch;align-self:stretch;border:0;border-radius:0;background:none;padding:0;margin:0;gap:4px}
#darknet-prototype .dn-sidebar .dn-sort button{justify-content:flex-start;font-size:14px;border-radius:8px;min-height:38px;padding:8px 12px}
#darknet-prototype .dn-sidebar .dn-categories{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;justify-content:flex-start;gap:3px;margin:0;padding-top:16px;border-top:1px solid var(--dn-line)}
#darknet-prototype .dn-sidebar .dn-categories button{text-align:left;font-size:14px;min-height:37px;padding:7px 12px;border-radius:8px}
#darknet-prototype .dn-list{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px}
#darknet-prototype .dn-menu-toggle,#darknet-prototype .dn-sidebar-close,#darknet-prototype .dn-backdrop{display:none}
@container(max-width:1000px){#darknet-prototype .dn-body{grid-template-columns:180px minmax(0,1fr) 155px;gap:12px;padding:12px}#darknet-prototype .dn-sidebar{gap:12px;padding-right:12px}#darknet-prototype .dn-sidebar .dn-categories{padding-top:10px;gap:1px}#darknet-prototype .dn-sidebar .dn-categories button{min-height:32px;padding:5px 10px}#darknet-prototype .dn-sidebar .dn-sort button{min-height:33px;padding:5px 10px}}
@container (min-width:571px) and (max-width:820px){
  #darknet-prototype .dn-header{grid-template-columns:minmax(0,1fr) minmax(180px,220px) minmax(0,1fr);gap:8px;padding:6px 10px}
  #darknet-prototype .dn-header .dn-brand{font-size:20px}
  #darknet-prototype .dn-body{grid-template-columns:160px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 42px;gap:8px;padding:10px}
  #darknet-prototype .dn-sidebar{grid-column:1;grid-row:1;padding-right:10px}
  #darknet-prototype .dn-main{grid-column:2;grid-row:1 / 3}
  #darknet-prototype .dn-aside{grid-column:1;grid-row:2;display:flex;container-type:normal;overflow:visible;padding:0}
  #darknet-prototype .dn-aside .dn-poster{display:none!important}
  #darknet-prototype .dn-aside .dn-write{width:100%;margin-top:0!important}
}
@container(max-width:570px){
  #darknet-prototype .dn-window{grid-template-rows:28px auto minmax(0,1fr) auto}
  #darknet-prototype .dn-header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding:6px 10px}
  #darknet-prototype .dn-header .dn-brand{grid-column:2;grid-row:1;justify-self:start}
  #darknet-prototype .dn-header .dn-search{grid-column:1 / -1;grid-row:2;width:100%;max-width:none;margin:0;padding:7px 10px}
  #darknet-prototype .dn-header .dn-search input{font-size:16px}
  #darknet-prototype .dn-header .dn-member{grid-column:3;grid-row:1;display:flex;justify-self:end;margin:0}
  #darknet-prototype .dn-menu-toggle{grid-column:1;grid-row:1}
  #darknet-prototype .dn-menu-toggle,#darknet-prototype .dn-sidebar-close{display:grid;place-items:center;min-width:40px;min-height:40px;border:0;border-radius:8px;background:none;color:var(--dn-pink)}
  #darknet-prototype .dn-body{display:block;padding:8px}
  #darknet-prototype .dn-sidebar{display:none;position:absolute;inset:0 auto 0 0;z-index:30;width:min(280px,88%);padding:12px;gap:9px;background:#2b232c;box-shadow:8px 0 24px #0005;border-right:1px solid #8d6280}
  #darknet-prototype.dn-menu-open .dn-sidebar{display:flex}
  #darknet-prototype.dn-menu-open .dn-backdrop{display:block;position:absolute;inset:0;z-index:25;width:100%;height:100%;padding:0;border:0;background:#130e17a6}
  #darknet-prototype .dn-sidebar .dn-sort{flex-direction:row;gap:3px}
  #darknet-prototype .dn-sidebar .dn-sort button{flex:1;justify-content:center;font-size:13px;min-height:36px;padding:4px}
  #darknet-prototype .dn-sidebar .dn-categories{padding-top:8px}
  #darknet-prototype .dn-sidebar .dn-categories button{min-height:35px}
  #darknet-prototype .dn-sidebar .dn-member{padding-top:8px;font-size:12px}
}
