.serate-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:24px}
.serate-toolbar .serate-modes{flex-basis:100%;flex-wrap:wrap;overflow-x:visible}
.serate-filters{max-width:100%;flex-wrap:wrap;overflow-x:visible}.serate-type-filters{flex-basis:100%}
.serate-filters button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.serate-filters button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.serate-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 14px}.serate-section-head h2{margin:0}
.serate-section-head p{margin:5px 0 0}.serate-cards{display:flex;flex-direction:column;gap:14px}
.serata-card{display:flex;gap:20px;align-items:center;width:100%;text-align:left;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--template-color);border-radius:12px;padding:16px 20px;font:inherit;cursor:pointer}
.serata-card:hover{background:var(--surface-2)}.serata-card:focus-visible,.serate-choice:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.serata-date{display:flex;flex-direction:column;align-items:center;min-width:76px;flex:none;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px 10px;gap:2px;color:var(--muted);font-size:.78rem}
.serata-date strong{font-size:1.65rem;line-height:1.2;color:var(--ink)}.serata-card .main{flex:1;min-width:0}.serata-card .t{font-weight:600;overflow-wrap:anywhere}.serata-card .m{color:var(--muted);font-size:.85rem;margin:5px 0}.serata-card .r{text-align:right;flex:none}
.serate-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.serate-template{display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--template-color);border-radius:12px;padding:20px}.serate-template h3{margin:12px 0 8px}.serate-template p{margin:6px 0}
.serate-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.serate-choice{display:flex;flex-direction:column;gap:10px;text-align:left;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:24px 18px;font:inherit;cursor:pointer}.serate-choice:hover{border-color:var(--accent)}.serate-choice span{color:var(--muted);font-size:.86rem;line-height:1.5}.serate-create-template{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:600px){.serate-toolbar{gap:14px}.serate-filters{width:100%}.serata-card{padding:12px;gap:12px}.serata-date{min-width:65px;padding:8px}.serata-card .r{max-width:95px}.serate-choices{grid-template-columns:1fr}}