body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family: Inter, system-ui, sans-serif;
}
.app-shell {
  display:flex;
  min-height:100vh;
}
.sidebar {
  width:260px;
  padding:24px;
  backdrop-filter: blur(var(--blur));
  background:var(--surface);
}
.app-main {
  flex:1;
  display:flex;
  flex-direction:column;
}
.topbar {
  padding:16px 24px;
  backdrop-filter: blur(var(--blur));
  background:var(--surface);
}
.grid {
  display:grid;
  grid-template-columns: repeat(auto-fill,minmax(320px,1fr));
  gap:var(--gap);
  padding:24px;
}
@media(max-width:900px){
  .sidebar{display:none}
}