:root{--accent:#355f49;--accent-detail:#476f5a;--accent-hover:color-mix(in srgb, var(--accent), black 20%);--accent-soft:color-mix(in srgb, var(--accent) 7%, #fffefa);color-scheme:light;color:#283b34;background:#f6f5ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}.site-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;max-width:760px;margin:auto;padding:22px 20px;font-size:16px;font-weight:650;display:grid}.brand-mark{color:var(--accent-detail);vertical-align:middle;margin-right:6px;font-size:25px}main{max-width:760px;margin:auto;padding:8px 16px 0}.poem-heading{padding:0 8px 22px}.eyebrow{letter-spacing:.04em;color:#506357;margin:0 0 8px;font-size:13px;font-weight:650}.progress{justify-content:center;gap:7px;margin-bottom:8px;display:flex}.progress-summary{text-align:center;font-size:13px;line-height:1.4}.progress-dot{border:1px solid var(--accent-detail);border-radius:50%;width:9px;height:9px}.progress-dot.filled{background:var(--accent-detail);border-color:var(--accent-detail)}h1{margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,6vw,38px);font-weight:500;line-height:1.2}.intro{color:#5a685f;margin:0;font-size:15px}.practice{background:#fffefa;border:1px solid #dedfd4;border-radius:20px;padding:24px;box-shadow:0 8px 32px #344c3510}h2{margin:0 0 12px;scroll-margin-top:20px;font-size:clamp(20px,4.5vw,25px);font-weight:600;line-height:1.3}.prompt{color:#58665d;min-height:48px;margin:0;font-size:16px}.poem{color:#273c32;padding:24px 0 26px;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,5.5vw,26px);line-height:1.65}.stanza+.stanza{margin-top:24px}.poem-line{touch-action:pan-y;min-height:44px;margin:0}.line-target[tabindex="0"]{user-select:none;-webkit-touch-callout:none}.line-surface{vertical-align:top;max-width:100%;min-height:44px;display:inline-block;position:relative}.line-text{display:block}.line-target{touch-action:pan-y;height:.6em;position:absolute;top:.55em;left:0;right:0}@media (pointer:coarse){.line-target{height:100%;min-height:44px;top:0}}.line-hidden .line-text{color:#0000}.line-hidden .line-surface:after{content:"";pointer-events:none;background:#e6e9df;border-radius:4px;height:.6em;position:absolute;top:.55em;left:0;right:0}.poem[data-peeking=true] .line-text,.line-revealed .line-text{color:inherit}.poem[data-peeking=true] .line-surface:after,.line-revealed .line-surface:after{content:none}.practice-heading{min-height:88px}#poem{isolation:isolate;contain:paint;scrollbar-gutter:stable;overscroll-behavior-y:contain;height:280px;max-height:45vh;margin-block:8px;padding:12px 14px 12px 0;scroll-padding-block:12px;position:relative;overflow:auto}.actions{flex-direction:column;gap:8px;display:flex}.secondary-actions{gap:8px;display:flex}.secondary-actions button{flex:1;padding-inline:8px}button{font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;min-height:48px;padding:12px 16px}.primary{background:var(--accent);border:1px solid var(--accent);color:#fff;font-weight:600}.primary:hover{background:var(--accent-hover)}.private-text-action{background:var(--accent);color:#fff;border-radius:12px;align-items:center;min-height:44px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.private-text-action:hover{background:var(--accent-hover)}.secondary{color:var(--accent);text-underline-offset:4px;background:0 0;border:1px solid #0000;text-decoration:underline}.secondary:hover{background:var(--accent-soft)}.secondary:disabled{color:#657268;cursor:default;background:0 0;text-decoration:none}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.line-help{color:#58665d;min-height:39px;margin:0 0 16px;padding-top:8px;font-size:13px;position:relative}.voice-boundary{border-top:1px solid #dedfd4;margin-top:20px;padding-top:20px}.voice-boundary button{cursor:default;color:#5f6b62;background:#eef0e8;border:1px solid #d8ddcf;width:100%}.voice-boundary p{color:#58665d;margin:12px 0 0;font-size:14px}.pace-note,footer{text-align:center;color:#5a685f;font-size:13px}.pace-note{margin:18px 0}footer{padding:8px 16px 24px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.fallback{padding:16px}@media (width<=400px){.practice{padding:20px 14px}.site-header{padding:16px 20px}.poem-heading{padding-bottom:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.poem-choice{border:1px solid var(--accent);background:var(--accent);color:#fff;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;min-height:40px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.poem-choice:hover{background:var(--accent-hover)}a{color:var(--accent);text-underline-offset:4px}.poem-list{margin:24px 0;padding:0;list-style:none}.poem-list li{border-bottom:1px solid #dedfd4;padding:18px 0}.poem-list a{font-size:21px;display:block}.poem-list span{color:#58665d;margin-top:6px;display:block}.block-peek{-webkit-tap-highlight-color:transparent;user-select:none;color:#58665d;text-underline-offset:4px;background:0 0;border:0;border-radius:0;padding:8px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;text-decoration:underline;display:block}.block-revealed .line-text{color:inherit}.block-revealed .line-surface:after{content:none}.workspace-expanded{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.workspace-expanded .site-header{flex:none;width:100%;padding:4px 20px;font-size:13px}.workspace-expanded .brand-mark{display:none}.workspace-expanded main{flex-direction:column;flex:1;width:100%;min-height:0;padding:0 16px 12px;display:flex}.workspace-expanded .poem-heading{flex-wrap:wrap;flex:none;align-items:baseline;gap:4px 12px;padding:0 8px 8px;display:flex}.workspace-expanded .poem-heading h1{margin:0;font-size:18px}.workspace-expanded .poem-heading .eyebrow{margin:0;font-size:12px}.workspace-expanded .poem-heading .intro,.workspace-expanded .pace-note{display:none}.workspace-expanded .practice{flex-direction:column;flex:1;min-height:0;padding:8px 20px;display:flex}.workspace-expanded .practice-heading{flex:none;min-height:64px}.workspace-expanded .practice-heading .eyebrow{display:none}.workspace-expanded h2{margin-bottom:6px;font-size:19px}.workspace-expanded .prompt{min-height:0;font-size:14px}.workspace-expanded #poem{flex:1;height:auto;min-height:44px;max-height:none}.workspace-expanded .line-help{flex:none;min-height:0;margin-bottom:8px;font-size:12px}.workspace-expanded .actions{flex:none;gap:4px}.workspace-expanded .progress{margin-bottom:4px}.workspace-expanded .voice-boundary{flex:none;margin-top:6px;padding-top:6px}.workspace-expanded .voice-boundary button{display:none}.workspace-expanded .voice-boundary p{margin:0;font-size:12px}@media (width<=400px){.workspace-expanded main{padding:0 8px 8px}.workspace-expanded .practice{border-radius:14px;padding:8px 14px}}@media (height<=540px){.workspace-expanded .site-header{padding-block:4px}.workspace-expanded .practice{padding-block:8px}.workspace-expanded .practice-heading{min-height:0}.workspace-expanded h2{font-size:17px}.workspace-expanded .line-help{margin-bottom:4px;padding-top:4px;font-size:11px}}#poem[data-presentation=assembly]{padding-block:4px;font-size:22px;line-height:1.4}#poem[data-presentation=assembly] .poem-line,#poem[data-presentation=assembly] .line-surface{min-height:32px}#poem[data-presentation=assembly] .stanza+.stanza{margin-top:8px}#poem[data-presentation=assembly] .block-peek{min-height:28px;padding-block:4px}.workspace-expanded:has(#poem[data-presentation=assembly]) .practice-heading{min-height:52px}@media (width<=400px){#poem[data-presentation=assembly]{font-size:18px}}@media (pointer:coarse){#poem[data-presentation=assembly] .line-target{min-height:32px}}.segmented-block .poem-line{border-left:3px solid #0000;padding-left:10px}.segmented-block .line-active{border-left-color:var(--accent-detail);background:var(--accent-soft)}.segmented-block .line-inactive .line-surface:after{background:#eef0e8}:root[data-accent=blue],[data-color=blue]{--accent:#285e86;--accent-detail:#285e86}:root[data-accent=purple],[data-color=purple]{--accent:#67508e;--accent-detail:#67508e}:root[data-accent=berry],[data-color=berry]{--accent:#8a3f60;--accent-detail:#8a3f60}:root[data-accent=terracotta],[data-color=terracotta]{--accent:#934f32;--accent-detail:#934f32}[data-color=green]{--accent:#355f49}.header-left{align-items:center;gap:12px;display:flex}.site-brand{white-space:nowrap}.accent-palette{flex:none;gap:0;display:flex}.accent-swatch{background:0 0;border:0;border-radius:6px;place-items:center;width:28px;min-height:32px;padding:0;display:grid;position:relative}.accent-swatch:before{content:"";background:var(--accent);border-radius:4px;width:20px;height:20px}.accent-swatch[aria-pressed=true]:before{outline:1px solid var(--accent);outline-offset:2px}::selection{color:#fff;background:var(--accent)}@media (width<=600px){.header-left{display:contents}.site-brand{grid-column:1}.site-header .poem-choice{grid-area:1/2;justify-self:end}.accent-palette{grid-area:2/1/auto/-1;justify-content:flex-start}}@media (pointer:coarse){.accent-swatch,.poem-choice{min-height:44px}}@media (width<=350px){.site-header{font-size:14px}.site-brand{white-space:normal}}@media (width<=400px) and (height>=541px){#poem[data-presentation=assembly]{padding-block:2px}}@media (width<=400px) and (height>=541px) and (pointer:fine){#poem[data-presentation=assembly] .poem-line,#poem[data-presentation=assembly] .line-surface{min-height:28px}}.site-footer{padding:20px 16px 24px}.workspace-expanded .site-footer{flex:none;padding:2px 16px 4px;font-size:12px;line-height:1.4}@media (height<=540px){.workspace-expanded #poem{margin-block:4px}}
