@charset "UTF-8";
:root{color-scheme:light;--paper:#f6f2e9;--ink:#353e32;--muted:#727469;--line:#deddd0;--green:#52664d;--rust:#a86848}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a86848;outline-offset:5px}button{touch-action:manipulation}a{color:inherit}.masthead{max-width:1152px;padding:28px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;font:26px Georgia,serif;letter-spacing:-.8px}.brand svg{width:30px;height:30px;fill:none;stroke:var(--green);stroke-width:1.5;margin-right:12px}.brand-dot{color:var(--rust)}.byline,footer>span:nth-child(2){font-size:9px;letter-spacing:1.7px;color:var(--muted)}b{font-weight:600}main{max-width:1072px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:49px 22px 32px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 16px;color:var(--green)}.intro .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow span{width:6px;height:6px;background:var(--rust);border-radius:50%}h1{font:46px/1.16 Georgia,'Times New Roman',serif;letter-spacing:-1.4px;margin:0 0 18px}h1 em{color:var(--green);font-weight:normal}.tagline{font:19px Georgia,serif;color:var(--rust);margin:0 0 14px}.intro-note{line-height:1.7;color:var(--muted);margin:0}.reading-scene{width:400px;max-width:46%;height:auto;margin-right:6px}.workspace{display:grid;grid-template-columns:1.25fr 1fr;gap:52px;padding:24px 22px 30px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}h2{font:25px Georgia,serif;font-weight:normal;letter-spacing:-.5px;margin:0}.section-title .eyebrow{margin-bottom:12px}.small-note{font-size:11px;color:var(--muted);white-space:nowrap;margin-top:25px}.sound-list{display:grid;gap:13px}.sound-card{display:flex;align-items:center;gap:18px;padding:21px 20px;background:#fcfaf5;border:1px solid #dfdfd1;border-radius:10px;transition:border-color .2s,box-shadow .2s}.sound-card.active{border-color:#8b9b80;box-shadow:0 2px 10px #52664d0a}.sound-icon{width:54px;height:62px;border-radius:40% 40% 15% 15%;flex-shrink:0;display:grid;place-items:center}.sound-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.rain{background:#e8edef;color:#768e98}.fire{background:#f3e6da;color:#b37d57}.forest{background:#e7ebdf;color:#7e8e67}.sound-body{flex:1;min-width:0}.sound-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}h3{font:21px Georgia,serif;margin:0 0 5px}.sound-heading p{font-size:11px;color:var(--muted);margin:0}.sound-toggle{border:1px solid #d9ddcf;background:transparent;color:var(--green);border-radius:20px;padding:7px 12px;min-height:36px;min-width:74px;font-size:11px}.sound-toggle[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.volume{display:flex;align-items:center;gap:12px;margin-top:14px}.volume input{accent-color:var(--green);width:100%;min-width:30px;height:18px;margin:0;cursor:pointer}.volume output{font-size:10px;color:var(--muted);width:32px;text-align:right}.sound-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;color:var(--muted);font-size:11px}.sound-footer button,.reset,.about button{border:0;background:none;color:var(--green);padding:10px 0;text-decoration:underline;text-underline-offset:4px}.resume-audio{border:1px solid var(--green);background:transparent;color:var(--green);border-radius:6px;padding:12px;width:100%}.timer-panel{background:#eeeee3;border:1px solid #e0e2d3;border-radius:14px;text-align:center;padding:29px 30px 22px}.timer-panel .eyebrow{margin-bottom:12px}.timer-subtitle{color:var(--muted);font-size:12px;margin:10px 0 23px}.durations{display:flex;gap:8px;justify-content:center}.durations button{background:transparent;border:1px solid #d4d8c8;border-radius:6px;padding:10px 11px;color:var(--muted);min-height:42px}.durations span{font-size:10px}.durations .selected{background:var(--green);border-color:var(--green);color:white}.clock-wrap{position:relative;width:214px;height:214px;margin:20px auto 18px}.clock-wrap svg{width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:2}.clock-track{stroke:#d6dbca}#clock-progress{stroke:#7c8e6c;stroke-dasharray:100;stroke-dashoffset:0;stroke-linecap:round}.clock-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}#time{font:57px Georgia,serif;letter-spacing:-2px;font-variant-numeric:tabular-nums}#timer-state{font-size:7px;letter-spacing:1.3px;margin-top:12px;color:var(--muted)}.primary{display:block;width:100%;border:0;border-radius:6px;background:var(--green);color:#fff;padding:15px;min-height:49px;letter-spacing:.1px}.primary span{margin-right:8px}.primary:hover{background:#43573e}.reset{font-size:11px;margin-top:7px}.timer-message{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 0;min-height:32px}.footnote{display:flex;align-items:center;gap:14px;max-width:660px;margin:3px auto 20px;padding:0 22px;color:var(--muted)}.footnote>span{font-size:24px;color:var(--rust)}.footnote p{font-size:11px;line-height:1.7;margin:0}.about{margin:0 22px 28px;color:var(--muted);font-size:11px;line-height:1.7}.about summary{cursor:pointer;width:fit-content}.about p{max-width:780px}footer{border-top:1px solid var(--line);max-width:1152px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;gap:16px}footer>span:first-child{font:18px Georgia,serif}footer>span:last-child{font:italic 12px Georgia,serif;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1400px){.masthead{padding-top:36px;padding-bottom:36px}.intro{padding-top:60px;padding-bottom:42px}.workspace{padding-top:30px;padding-bottom:40px}}@media(max-width:780px){.masthead{padding:22px 24px}.brand{font-size:23px}.byline{font-size:8px;letter-spacing:1px}.intro{padding:37px 26px 20px}h1{font-size:37px}.reading-scene{width:290px}.workspace{gap:24px;padding:24px}.section-title{display:block}.small-note{display:block;margin-top:10px}.timer-panel{padding:27px 18px}.sound-card{padding:18px 13px;gap:11px}.sound-icon{width:42px}.sound-heading p{max-width:130px;line-height:1.5}.sound-footer{align-items:flex-start}.durations{gap:5px}.durations button{padding:10px 8px}}@media(max-width:600px){.masthead{padding:20px}.brand{font-size:22px}.brand svg{width:25px;margin-right:9px}.byline{font-size:7px;max-width:90px;line-height:1.8;text-align:right}.intro{padding:32px 22px 15px;position:relative;overflow:hidden}.intro-copy{position:relative;z-index:1}.intro .eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:36px}.tagline{font-size:16px}.intro-note{font-size:12px}.reading-scene{position:absolute;width:210px;max-width:none;right:-60px;bottom:3px;opacity:.3}.workspace{grid-template-columns:1fr;padding:24px 20px 20px;gap:26px}.section-title{display:flex;align-items:flex-end;margin-bottom:18px}.section-title h2{font-size:24px}.small-note{font-size:10px;margin:0 0 3px}.sound-card{padding:18px;gap:16px}.sound-icon{width:48px;height:57px}.sound-heading p{max-width:none}.sound-list{gap:11px}.sound-footer{padding-bottom:0;align-items:center}.timer-panel{padding:28px 24px 20px}.durations{gap:9px}.durations button{padding:11px 14px}.clock-wrap{margin:20px auto}.clock-text #timer-state{font-size:7px}.footnote{margin-top:6px}.about{margin-bottom:25px}footer{padding:23px 20px;flex-wrap:wrap}footer>span:last-child{width:100%;text-align:center;padding-top:4px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:350px){.sound-card{padding:14px 10px;gap:10px}.sound-heading p{font-size:10px}.sound-toggle{min-width:65px;padding:7px 9px}.section-title{display:block}.small-note{margin-top:9px}.durations{gap:5px}.durations button{padding:10px}.byline{max-width:67px}h1{font-size:32px}}