.theme-slots { --bg:#071006; --accent:#a3ff5b; --accent-2:#53fc8a; background:radial-gradient(circle at 18% 0%, rgba(163,255,91,.18), transparent 30%), #071006; }
.page-head { padding:48px 0 22px; display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
.page-head h1 { font-size:clamp(2.1rem, 5vw, 4.5rem); line-height:.95; letter-spacing:-.065em; margin:10px 0; }
.page-head p { color:var(--muted); max-width:760px; line-height:1.65; }
.panel { padding:22px; margin-top:16px; }
.panel h2 { margin:0 0 16px; letter-spacing:-.03em; }
.list { display:grid; gap:10px; }
.list-item, .log-item { padding:12px 14px; border:1px solid var(--border); background:rgba(255,255,255,.045); border-radius:15px; color:var(--muted); }
.module { padding:24px; display:grid; gap:8px; }
.module b { font-size:1.25rem; }
.module span, .check-list span { color:var(--muted); }
.check-list { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.check-list span { padding:12px; border:1px solid var(--border); border-radius:14px; background:rgba(255,255,255,.045); }
.search { max-width:360px; }
.slot-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(190px,1fr)); gap:14px; }
.slot-card { padding:16px; min-height:150px; display:flex; flex-direction:column; justify-content:space-between; }
.slot-card small { color:var(--muted); }
label { display:grid; gap:8px; color:var(--muted); margin-bottom:12px; }
@media(max-width:860px){.page-head{align-items:flex-start;flex-direction:column}.check-list{grid-template-columns:1fr}}
