/* Timer-first Focus layout; existing timer, preference and music controls stay intact. */
[data-view="focus"] { max-width:800px; margin-inline:auto; }
[data-view="focus"] .page-header { margin-bottom:12px; padding-bottom:12px; }
[data-view="focus"] .focus-hero { margin:0 0 18px; padding:0; background:none; border:0; box-shadow:none; backdrop-filter:none; min-height:0; border-radius:0; }
[data-view="focus"] .focus-hero::before, [data-view="focus"] .focus-hero::after,
[data-view="focus"] .focus-hero .mc-hero__top { display:none; }
[data-view="focus"] .focus-hero h2 { font-size:clamp(1.125rem,3vw,1.4rem); line-height:1.4; margin:0 0 4px; letter-spacing:-.02em; }
[data-view="focus"] .focus-hero p { margin:0; font-size:.875rem; line-height:1.5; }
[data-view="focus"] .focus-layout--pwa { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
[data-view="focus"] .focus-timer-card--glass { min-height:0; padding:24px; gap:16px; box-shadow:none; }
[data-view="focus"] .focus-timer-card--glass::before, [data-view="focus"] .focus-timer-card--glass::after { display:none; }
[data-view="focus"] .focus-ring { width:min(100%,270px); box-shadow:none; }
[data-view="focus"] .focus-clock { font-size:clamp(3.75rem,14vw,5rem); }
[data-view="focus"] [data-focus-phase-label], [data-view="focus"] [data-focus-clock-note],
[data-view="focus"] .focus-timer-copy, [data-view="focus"] .focus-note-card,
[data-view="focus"] .mc-context-scene--focus { display:none; }
[data-view="focus"] .focus-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
[data-view="focus"] .focus-actions .mc-button { width:auto; min-width:120px; }
[data-view="focus"] .focus-actions [data-open-breathing-guide] { order:10; min-width:0; background:transparent; border-color:transparent; font-size:.8125rem; }
.focus-options { border:1px solid var(--mc-line,#d8e0eb); border-radius:18px; background:var(--mc-surface,#fff); overflow:hidden; }
.focus-options > summary { display:list-item; padding:18px 24px; min-height:52px; cursor:pointer; color:var(--mc-ink,#18233b); }
.focus-options > summary strong { font-size:.9375rem; }
.focus-options > summary span { display:block; font-size:.8125rem; color:var(--mc-ink-secondary,#506078); margin:4px 0 0 16px; line-height:1.4; }
.focus-options > summary:focus-visible { outline:3px solid var(--mc-blue,#285cc4); outline-offset:-4px; }
.focus-options .focus-side-stack { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; padding:0 16px 16px; }
.focus-options .mc-card { margin:0; box-shadow:none; }
.theme-dark .focus-options { background:var(--mc-surface,#142138); border-color:rgba(180,200,230,.2); }
@media(max-width:640px) { [data-view="focus"] .focus-timer-card--glass { padding:20px 16px; } [data-view="focus"] .focus-ring { width:min(100%,250px); } .focus-options > summary { padding:16px 18px; } }