:root{color-scheme:light;--paper:#f7f6f2;--ink:#292f29;--muted:#6c736b;--line:#dedfd6;--green:#47684e;--wash:#e9eee5;--white:#fffefa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #8aa17c;outline-offset:4px}button,.button{cursor:pointer}button:disabled{cursor:default;opacity:.5}.skip{position:fixed;top:-90px;left:20px;background:var(--white);padding:12px;z-index:20}.skip:focus{top:10px}.site-header{height:86px;border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{max-width:1240px;margin:auto;height:100%;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-size:20px;font-weight:720;letter-spacing:-.7px}.brand span{color:var(--green)}nav{display:flex;height:100%;gap:32px;align-items:center}.nav-group{position:relative;height:100%;display:flex;align-items:center}.nav-toggle,.nav-disabled{border:0;background:none;padding:14px 0;color:var(--ink)}.nav-toggle{display:flex;gap:12px;align-items:center}.nav-toggle::after{content:'⌄';font-size:16px;color:var(--muted)}.nav-disabled{color:var(--muted);cursor:default}.soon{font-size:10px;letter-spacing:.05em;margin-left:7px;border:1px solid var(--line);padding:3px 5px;border-radius:4px}.dropdown{position:absolute;right:-20px;top:70px;width:215px;padding:8px;background:var(--white);border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 28px #2731270d;display:none}.nav-group.open .dropdown{display:block}.dropdown a{display:block;padding:10px 13px;text-decoration:none;border-radius:5px;font-size:14px}.dropdown a:hover,.dropdown a[aria-current=page]{background:var(--wash);color:var(--green)}.container{width:min(1160px,calc(100% - 80px));margin:auto}.home{min-height:calc(100svh - 86px);display:flex;align-items:center;padding-bottom:80px;gap:80px}.team-mark{width:310px;flex-shrink:0;aspect-ratio:1;display:grid;place-items:center;font-size:136px;background:#eeeee5;border-radius:50%}.home h1{font-size:clamp(36px,5vw,64px);letter-spacing:-2.3px;font-weight:650;line-height:1.13;margin:0 0 16px}.welcome{font-size:clamp(18px,2.5vw,28px);letter-spacing:.04em;margin:0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:650;margin:0 0 16px}.page-head{padding:76px 0 48px}.page-head h1{font-size:clamp(38px,5vw,58px);font-weight:600;letter-spacing:-1.8px;line-height:1.14;margin:0 0 20px}.page-head p:not(.eyebrow){color:var(--muted);max-width:620px;margin:0}.readly-title{display:flex;gap:20px;align-items:center}.readly-title img{width:50px;height:50px}.feature{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:center;border-top:1px solid var(--line);padding:62px 0}.feature.reverse{grid-template-columns:1fr 1.35fr}.feature.reverse .feature-copy{order:-1;text-align:right}.feature img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 30px #25332608}.feature h2{font-size:28px;line-height:1.3;font-weight:550;letter-spacing:-.7px;margin:0 0 17px}.feature p{color:var(--muted);margin:0}.feature .number{display:block;font:12px/1.5 ui-monospace,monospace;color:var(--green);margin-bottom:18px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--green);color:white;border:1px solid var(--green);padding:11px 20px;border-radius:5px;text-decoration:none;font-weight:550;font-size:14px}.button.secondary,button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line);padding:11px 20px;border-radius:5px;text-decoration:none;font-size:14px}.button:hover,button.primary:hover{background:#38583e}.button.secondary:hover,button.secondary:hover{background:var(--wash)}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:12px;margin-top:50px}footer .container{display:flex;justify-content:space-between;gap:20px}.download-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:start;margin-bottom:85px}.download-box{background:var(--white);border:1px solid var(--line);padding:30px;border-radius:8px}.download-box h2{font-size:24px;font-weight:550;margin:0 0 8px}.muted,.note{color:var(--muted)}.note{font-size:13px}.field-row{display:flex;gap:15px;margin:25px 0}.field-row label{flex:1}label{display:block;font-size:13px;font-weight:550}select,input,textarea{color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:5px;width:100%;padding:11px 12px}select{margin-top:7px}.download-box .button{width:100%}.release-details{font:12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;margin:15px 0}.install-notes h2{font-size:20px;font-weight:550;margin-top:0}.install-notes p{color:var(--muted);font-size:14px}code{font-size:12px;overflow-wrap:anywhere;background:var(--wash);padding:2px 5px;border-radius:3px}[hidden]{display:none!important}.web-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.web-head .note{max-width:230px;text-align:right}.lesson{border-top:1px solid var(--line);padding-top:28px}.lesson-top{display:flex;justify-content:space-between;align-items:start;gap:20px}.lesson h2{font:normal 29px/1.3 Georgia,serif;margin:5px 0 10px}.lesson-top .eyebrow{margin-bottom:5px}.lesson-step{font:12px ui-monospace,monospace;color:var(--muted)}progress{width:100%;height:5px;accent-color:var(--green);display:block;margin:22px 0 28px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.practice-panel{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--white)}.panel-label{border-bottom:1px solid var(--line);padding:12px 18px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block}.poem-text{white-space:pre-wrap;font:22px/1.8 Georgia,serif;padding:23px;margin:0;min-height:230px;overflow-wrap:anywhere}.answer{font:22px/1.8 Georgia,serif;border:0;resize:vertical;min-height:230px;display:block;padding:23px;border-radius:0}.practice-panel:focus-within{border-color:var(--green)}.practice-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.hint-button{border:0;background:none;color:var(--green);padding:10px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px}.feedback{margin:18px 0;padding:14px 18px;background:var(--wash);border-left:3px solid var(--green);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.feedback.error{background:#f3eae2;border-color:#a57853}.editor{border-top:1px solid var(--line);margin-top:50px;padding-top:30px}.editor h2{font-size:24px;font-weight:550;margin:0 0 8px}.editor p{font-size:14px;color:var(--muted);margin-top:0}.editor form{max-width:780px}.editor textarea{font:18px/1.7 Georgia,serif;min-height:230px;resize:vertical}.editor label{margin-top:18px}.editor input,.editor textarea{margin-top:7px}.editor-status{font-size:14px;color:var(--green)}@media(max-width:850px){.home{gap:45px}.team-mark{width:220px;font-size:100px}.feature,.feature.reverse{gap:30px;grid-template-columns:1.25fr 1fr}.feature.reverse{grid-template-columns:1fr 1.25fr}.feature h2{font-size:24px}.download-layout{gap:30px}}@media(max-width:620px){.header-inner{padding:0 22px}.site-header{height:74px}.brand{font-size:17px}nav{gap:19px;font-size:14px}.soon{display:none}.dropdown{top:61px;right:-65px}.container{width:calc(100% - 40px)}.home{min-height:calc(100svh - 74px);flex-direction:column;align-items:flex-start;justify-content:center;gap:36px;padding:50px 0 85px}.team-mark{width:180px;font-size:86px}.home h1{letter-spacing:-1.4px}.page-head{padding:48px 0 34px}.feature,.feature.reverse{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:36px 0}.feature.reverse .feature-copy{order:0;text-align:right}.feature h2{font-size:26px}.download-layout,.practice-grid{grid-template-columns:1fr}.download-layout{gap:35px}.download-box{padding:22px}.web-head{display:block}.web-head .note{text-align:left;max-width:none;margin-top:20px}.poem-text,.answer{min-height:170px;font-size:20px}.practice-tools{align-items:stretch;flex-wrap:wrap}.practice-tools .primary{flex:1}.lesson-top{flex-wrap:wrap}footer .container{flex-direction:column;gap:4px}.readly-title img{width:40px}.field-row{flex-wrap:wrap}.field-row label{min-width:120px}}@media(prefers-reduced-motion:no-preference){a,button{transition:background .15s,color .15s}}
