/* Matches the existing BYKLD surfaces and accent colors. */
.focus-face{display:grid;justify-items:center;gap:12px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--base)}.focus-face>span{font-size:.75rem;letter-spacing:.24em;color:var(--accent)}.focus-face>time{font-size:clamp(3rem,6vw,4.8rem);font-variant-numeric:tabular-nums;font-weight:300}.focus-face>progress{max-width:330px}.record-preview{width:100%;min-height:200px;max-height:360px;background:var(--base);border-radius:12px}.checklist-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.checklist-row .check{min-width:0;overflow-wrap:anywhere}.checklist-row>span{font-size:.8rem;color:var(--muted)}.completed{text-decoration:line-through;opacity:.55}.batch-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:var(--base)}.batch-row>span{flex:1;overflow-wrap:anywhere}.batch-row small{display:block;margin-top:5px;color:var(--muted)}.os-window-body [data-wave]{width:100%;height:120px;border:1px solid var(--line);border-radius:12px;background:var(--base)}.os-window-body pre{white-space:pre-wrap;overflow-wrap:anywhere}.os-window-body audio{max-width:100%}.os-window-body [data-add]{display:grid;gap:13px}.os-window-body [data-log]{display:grid;gap:12px}
@media(max-width:620px){.checklist-row{grid-template-columns:1fr auto;gap:8px}.checklist-row>span{grid-column:1;grid-row:2}.checklist-row>button{grid-column:2;grid-row:1/3}.focus-face{padding:17px}.record-preview{min-height:160px}.toolbar>label{flex-wrap:wrap}.toolbar>label>select{max-width:220px}}