/* Even Orchard practices (night green). Seeded from SweatLens meditate.css. */
.med-pane { display:none; width:100%; min-width:0; max-width:760px; margin:auto; padding:16px 16px 100px; color:var(--ink); font-size:16px; }
body[data-view='meditate'] #view-meditate, body[data-view='breathe'] #view-breathe { display:block; }
.med-pane p, .med-card span { color:var(--ink-soft); line-height:1.6; }
.med-pane h1 { font:600 32px var(--display); margin:24px 0 12px; }
.med-pane h2 { font:600 24px var(--display); margin:28px 0 8px; }
.med-pane button, .med-pane select, .med-pane summary { font-size:16px; min-height:48px; }
.med-about { margin:20px 0; padding:12px 16px; border:1px solid var(--line); border-radius:16px; background:var(--card); }
.med-about summary { display:flex; align-items:center; cursor:pointer; }
.med-about a { color:var(--accent); overflow-wrap:anywhere; }
.med-cards { display:grid; gap:12px; }
.med-card { display:grid; gap:8px; width:100%; padding:18px; border:1px solid var(--line); border-radius:16px; text-align:left; background:var(--card); color:var(--ink); }
.med-card strong { font:600 23px var(--display); }
.med-card .med-lengths { color:var(--accent); font-size:14px; }
.med-pane fieldset { border:0; padding:0; margin:24px 0; min-width:0; }
.med-seg { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.med-seg button { min-width:60px; border:1px solid var(--line); border-radius:12px; background:var(--card); color:var(--ink); padding:8px 14px; }
.med-seg button[aria-pressed='true'] { background:var(--accent); color:var(--accent-ink); border-color:var(--accent); }
.med-field { display:grid; gap:8px; margin-top:18px; }
.med-field select { color:var(--ink); background:var(--card); border:1px solid var(--line); border-radius:12px; padding:8px; opacity:1; }
.med-start { width:100%; margin:20px 0; }
body.meditating .med-pane { position:fixed; inset:0; z-index:110; max-width:none; padding:24px 20px; background:var(--bg-deep); overflow:auto; }
.med-player { display:grid; align-content:center; justify-items:center; gap:20px; min-height:calc(100dvh - 48px); max-width:600px; margin:auto; text-align:center; }
.med-player h1 { margin:0; }
.med-player .med-toggle { width:150px; min-height:100px; border-radius:50px; font-size:28px; }
.med-player progress { width:100%; height:12px; accent-color:var(--accent); }
.med-player #medError { padding:16px; border:1px solid var(--ink-soft); border-radius:16px; }
.med-sleep { background:var(--bg-deep); color:var(--ink-soft); }
.med-pane :focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.med-previews { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.med-previews [aria-pressed='true'] { outline:2px solid var(--accent); }
.med-field input[type='range'] { width:100%; min-height:48px; accent-color:var(--accent); }

.med-start, .med-player .med-toggle { background:var(--accent); color:var(--accent-ink); border-color:var(--accent); }
.med-player progress::-webkit-progress-value { background:var(--accent); }
.med-player progress::-moz-progress-bar { background:var(--accent); }