:root{font-family:'Songti SC','Noto Serif SC',STSong,serif;color:var(--display-ink,#293d35);background:var(--display-bg,#eee9dd);--sit-ink:var(--display-ink,#293d35);--sit-muted:var(--display-muted,#586252);--sit-line:var(--display-line,#b6baaa);--sit-accent:var(--display-accent,#963f30);--sit-surface:var(--display-surface,#f6f2e9)}
*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100dvh;color:var(--sit-ink);background:var(--display-bg,#eee9dd)}button,select,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--sit-accent);outline-offset:4px}p,h1,h2{margin:0}p{text-wrap:pretty}h1,h2{text-wrap:balance;font-weight:400}a{color:inherit}.skip-link{position:absolute;left:12px;top:8px;transform:translateY(-180%);padding:10px;background:var(--sit-surface);z-index:20}.skip-link:focus{transform:none}
.topbar{width:min(1120px,calc(100% - 48px));margin:auto;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--sit-line)}.topbar-actions{display:flex;gap:18px}.topbar-actions button{min-height:44px;padding:8px 0;border:0;background:none;color:var(--sit-muted);font-size:14px}
.meditation-main{max-width:640px;margin:auto;padding:32px 24px 8px}.heading{text-align:center}.eyebrow{font-size:13px;line-height:1.9;color:var(--sit-muted)}.heading h1{font-size:30px;line-height:1.6;margin:6px 0 8px}.heading>p:last-child{font-size:14px;line-height:1.9;color:var(--sit-muted)}.guide-options{display:flex;justify-content:center;gap:6px;margin:26px 0}.guide-options button{min-height:44px;padding:8px 16px;border:1px solid transparent;border-radius:2px;background:none;color:var(--sit-muted);font-size:14px}.guide-options button[aria-pressed=true]{border-color:var(--sit-line);color:var(--sit-ink)}
.sitting{text-align:center}.clock-ring{width:240px;aspect-ratio:1;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid var(--sit-line);border-radius:50%;outline:1px solid var(--sit-line);outline-offset:-9px}.clock-ring>span{font-size:13px;color:var(--sit-muted);line-height:1.7}#clock{font:400 52px/1.2 Georgia,'Songti SC',serif;font-variant-numeric:tabular-nums;color:var(--sit-ink)}.sitting-cue{max-width:30em;min-height:3.8em;margin:26px auto 16px;font-size:15px;line-height:1.9;color:var(--sit-muted)}.sitting-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.primary,.secondary{min-height:48px;border:1px solid var(--sit-ink);border-radius:2px;padding:10px 28px;line-height:1.7;font-size:16px;background:var(--sit-ink);color:var(--display-bg,#eee9dd)}.secondary{background:transparent;color:var(--sit-muted);border-color:var(--sit-line)}.session-status{font-size:13px;line-height:1.9;color:var(--sit-muted);margin-top:16px}
.music-strip{display:flex;align-items:center;gap:18px;max-width:420px;margin:28px auto 0;padding:16px 0;border-top:1px solid var(--sit-line);border-bottom:1px solid var(--sit-line)}.music-strip button{min-height:44px;padding:8px 12px;background:none;border:1px solid var(--sit-line);border-radius:2px;color:var(--sit-ink);font-size:14px;flex-shrink:0}.music-strip>div{min-width:0;overflow-wrap:anywhere}.music-strip span{font-size:14px;line-height:1.8}.music-strip p{font-size:12px;line-height:1.8;color:var(--sit-muted);margin-top:4px}
.sitting-guide{margin:32px auto 0;max-width:480px}.sitting-guide h2{font-size:22px;line-height:1.7;margin:6px 0 8px}.sitting-guide>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--sit-muted)}.sitting-guide ol{padding-left:1.5em;margin:16px 0}.sitting-guide li{padding-left:4px;margin:12px 0;color:var(--sit-muted);font-size:15px;line-height:1.9}.sitting-note{color:var(--sit-muted);font-size:13px;line-height:1.9}
dialog{width:min(520px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--sit-line);border-radius:12px;background:var(--sit-surface);color:var(--sit-ink)}dialog::backdrop{background:rgb(8 17 13 / 68%)}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--sit-line)}.settings-heading h2{font-size:24px;line-height:1.6}.settings-heading form{margin:0}.settings-heading button{width:44px;height:44px;padding:0;border:0;background:none;color:var(--sit-muted);font-size:28px}.settings-body{padding:20px 24px}.setting-row{display:flex;align-items:center;gap:12px;min-height:48px;margin:0 0 14px;font-size:15px}.setting-row>span,.setting-row>label{flex:0 0 5em}.setting-row select{flex:1;min-width:0;max-width:100%;min-height:44px;padding:8px;border:1px solid var(--sit-line);border-radius:2px;background:var(--sit-surface);color:var(--sit-ink);font-size:16px}.setting-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--sit-accent);margin-left:auto}.setting-row input[type=range]{flex:1;min-width:0;min-height:44px;accent-color:var(--sit-accent)}.setting-row output{font-size:13px;font-variant-numeric:tabular-nums}.setting-note{font-size:13px;line-height:1.9;color:var(--sit-muted);margin:0 0 16px}.settings-footer{margin:0;padding:0 24px 24px}.settings-footer button{width:100%}
@media(max-width:600px){.topbar{width:calc(100% - 36px);padding:12px 0;gap:12px}.topbar-actions{gap:12px}.meditation-main{padding:24px 18px 8px}.heading h1{font-size:27px}.guide-options button{padding:8px 12px}.clock-ring{width:220px}#clock{font-size:48px}}
html[data-display-size=large] .sitting-cue,html[data-display-size=large] .sitting-guide li,html[data-display-size=large] .sitting-guide>p:not(.eyebrow){font-size:18px}html[data-display-size=large] .session-status,html[data-display-size=large] .setting-note{font-size:16px}