.freetime{display:grid;gap:16px;color:var(--ink)}
.freetime h1,.freetime h2,.freetime h3,.freetime p{margin:0}
.freetime label{display:grid;gap:8px;color:var(--fog)}
.freetime .ft-control{min-height:44px;min-width:44px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink);font:inherit}
.freetime .ft-control[aria-pressed=true]{background:var(--cyan);color:var(--canvas)}
.freetime .ft-control:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.freetime .ft-control:disabled{opacity:.55}
.ft-chips,.ft-actions{display:flex;flex-wrap:wrap;gap:8px}
.ft-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.ft-card{display:grid;align-content:start;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow-wrap:anywhere}
.ft-card small{color:var(--fog)}