:root{--ink:#173d3d;--teal:#236f68;--mint:#e4eee7;--cream:#f8f8f2;--line:#d7e1da;--muted:#60736d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;background:var(--teal);color:white;border:1px solid var(--teal);border-radius:8px;padding:11px 20px;font-weight:600}button:hover{filter:brightness(.94)}a{color:inherit;text-decoration:none}header{max-width:1300px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:21px;letter-spacing:-.7px}.mark{background:var(--teal);color:white;border-radius:11px;padding:0 12px 5px;font: bold 32px Georgia}.beta{font:10px system-ui;letter-spacing:1px;background:var(--mint);padding:5px 8px;margin-left:10px;border-radius:4px}main{max-width:1220px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:75px;align-items:center;padding:70px 0 65px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--teal);margin:0 0 16px}h1{font:58px/1.12 Georgia,serif;letter-spacing:-2px;margin:0 0 24px}h1 em{font-weight:normal;color:var(--teal)}.intro{max-width:470px;font-size:18px;color:var(--muted)}.pills{display:flex;gap:10px;margin-top:27px}.pills span{border:1px solid var(--line);border-radius:30px;padding:7px 17px;font-size:13px}.sample{background:var(--mint);border-radius:18px;padding:30px;transform:rotate(2deg);box-shadow:8px 12px 0 #d6e2d63d}.sample-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.sample h2{font:32px/1.2 Georgia;margin:27px 0}.sample-words{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sample-words span{background:#fbfcf8;padding:14px;text-align:center;border-radius:7px;font-size:22px}.sample p{font-size:11px;margin-top:23px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font:36px Georgia;margin:0 0 24px}.muted,.small{color:var(--muted);font-size:13px}.sounds{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.sounds button{background:transparent;color:var(--ink);border-color:var(--line);min-width:65px}.sounds button.active{background:var(--teal);color:white;border-color:var(--teal)}.workspace{display:grid;grid-template-columns:260px 1fr;gap:26px}aside{background:#edf1eb;border-radius:12px;padding:23px;height:fit-content}label{display:block;font-size:12px;font-weight:700;margin:0 0 8px}input,select,textarea{width:100%;background:#fff;border:1px solid #c8d5cc;border-radius:6px;padding:10px;color:var(--ink);margin-bottom:20px}textarea{resize:vertical;font-size:13px}.secondary{background:white;color:var(--teal);border-color:#c9d8ce}#add{width:100%;margin:-8px 0 24px}.textbutton{background:none;border:none;color:var(--teal);padding:5px 0;font-size:13px}.resource{background:white;border:1px solid var(--line);border-radius:12px;padding:30px}.resource-toolbar{display:flex;justify-content:space-between;align-items:center}.resource-toolbar .eyebrow{margin-bottom:5px}h3{font:29px Georgia;margin:0}.badge{font-size:11px;background:var(--mint);padding:6px 12px;border-radius:30px}.actions{display:flex;gap:10px;margin:24px 0 18px}.words{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.word{background:#f6f8f3;color:var(--ink);border:1px solid #e4eae2;text-align:left;font-weight:450;font-size:22px;padding:15px 20px}.word.excluded{opacity:.45;text-decoration:line-through}.word span{float:right;font-size:15px;color:var(--teal)}.note{background:#f2f6f0;border-left:3px solid #8eb2a1;padding:16px 20px;margin-top:26px;font-size:13px}.note p{margin:6px 0 0;white-space:pre-wrap}.draft{font-size:11px;color:#6f7a73;margin-bottom:0}footer{display:flex;justify-content:space-between;gap:20px;padding:40px 0;margin-top:50px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer .brand{font-size:16px}.dots{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.dot{width:15px;height:15px;border:1px solid #90a69b;border-radius:50%}dialog{width:min(1100px,96vw);border:1px solid var(--line);border-radius:18px;color:var(--ink);padding:30px}dialog::backdrop{background:#123b35b8}.present-head,.slide-controls{display:flex;justify-content:space-between;align-items:center}#slide{font:clamp(55px,10vw,130px) Georgia;text-align:center;padding:100px 5px;overflow-wrap:anywhere}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;border-radius:8px;display:none;z-index:5}#printview{display:none}@media(max-width:760px){header{padding:20px}.beta{display:none}header>a:last-child{font-size:12px}main{padding:0 18px}.hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.hero h1{font-size:43px}.sample{display:none}.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr;gap:0}.section-heading>.muted{display:none}.resource{padding:20px}.actions{flex-wrap:wrap}.actions button{flex:1;padding:10px}footer{flex-direction:column}.word{font-size:19px;padding:12px}h3{font-size:25px}}@media print{body>*{display:none!important}#printview{display:block!important;color:black;font:14px system-ui}#printview h1{font:30px Georgia;margin:10px 0}#printview h2{font:22px Georgia}#printview .printwords{display:grid;grid-template-columns:1fr 1fr;gap:10px}#printview .printword{padding:12px;border:1px solid #aaa;font-size:24px;break-inside:avoid}#printview .dots{break-inside:avoid}#printview .dot{border-color:#555}#printview p{white-space:pre-wrap}@page{margin:.6in}}

[hidden]{display:none!important}.mode-tabs{display:flex;gap:10px;margin:0 0 24px}.mode-tabs button[aria-pressed="true"]{background:var(--teal);color:white}.mode-tabs button[aria-pressed="false"]{background:white;color:var(--teal);border-color:var(--line)}#custom-builder{padding:26px;background:var(--mint);border-radius:12px;margin-bottom:26px}#custom-builder h3{margin-bottom:10px}#custom-builder p{max-width:650px}.builder-fields{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin-top:22px}.builder-fields textarea{margin-bottom:0}.builder-fields .small{margin:6px 0 0}@media(max-width:760px){.builder-fields{grid-template-columns:1fr;gap:5px}.mode-tabs button{padding:10px 14px}}

.style-lab{margin:28px 0 0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.style-lab-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.style-lab-heading .eyebrow{margin:0 0 6px}.style-lab h2{font:24px Georgia;margin:0}.style-lab-heading>p,.style-footnote{font-size:12px;color:var(--muted)}.style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.style-option{display:flex;align-items:center;text-align:left;gap:12px;color:var(--ink);background:var(--cream);border:1px solid var(--line);padding:15px 12px;font-weight:400}.style-option strong{display:block;font-size:13px}.style-option small{display:block;font-size:10px;margin-top:3px;color:var(--muted)}.style-option[aria-pressed=true]{outline:2px solid var(--teal);outline-offset:2px}.style-check{margin-left:auto;color:var(--teal);visibility:hidden}.style-option[aria-pressed=true] .style-check{visibility:visible}.palette{display:flex;flex-shrink:0}.palette i{height:25px;width:12px;border-radius:10px;display:block;margin-right:2px}.calm-palette i:nth-child(1){background:#236f68}.calm-palette i:nth-child(2){background:#b1cbb8}.calm-palette i:nth-child(3){background:#e9e9d3}.paper-palette i:nth-child(1){background:#26746c}.paper-palette i:nth-child(2){background:#f3b69f}.paper-palette i:nth-child(3){background:#f6d775}.notebook-palette i:nth-child(1){background:#285a9b}.notebook-palette i:nth-child(2){background:#b7d9f4}.notebook-palette i:nth-child(3){background:#e5c355}.style-footnote{margin:14px 0 0}
body[data-theme=paper]{--ink:#254744;--teal:#276e66;--mint:#fce5d8;--cream:#fffaf0;--line:#e4d8ca;--muted:#666e62}body[data-theme=paper] h1,body[data-theme=paper] h2,body[data-theme=paper] h3{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;font-weight:800;letter-spacing:-1px}body[data-theme=paper] .hero{padding:36px 0;gap:45px}body[data-theme=paper] h1{font-size:43px}body[data-theme=paper] h1 em{font-style:normal}body[data-theme=paper] .intro{font-size:16px}body[data-theme=paper] .sample{background:#ffe6d7;transform:rotate(-2deg);border:2px solid #e9b49b;box-shadow:7px 7px 0 #f4d77d}body[data-theme=paper] .sample h2{font-size:26px}body[data-theme=paper] .sample-words span{border-radius:18px;background:#fffaf0}body[data-theme=paper] .sample p:before{content:'✦ ';color:#916515}body[data-theme=paper] .sounds button{border-radius:18px 18px 9px 9px;border-width:2px;background:#fff3c9}body[data-theme=paper] .sounds button:nth-child(3n){background:#e5f0eb}body[data-theme=paper] .sounds button.active{background:var(--teal)}body[data-theme=paper] aside{background:#eef1e4;border:1px solid #d8dfc8;border-radius:20px}body[data-theme=paper] .resource{border-radius:20px;box-shadow:5px 5px 0 #eadfca66}body[data-theme=paper] .word{border-radius:16px;background:#fffaf0;border-color:#eadfca}body[data-theme=paper] .note{background:#fff2c8;border-color:#dbb750}body[data-theme=paper] .badge{background:#ffe4d5}body[data-theme=paper] .mark{border-radius:50%}body[data-theme=paper] .actions button{border-radius:25px}body[data-theme=paper] .pills span{background:#fff3c9;border:0}
body[data-theme=notebook]{--ink:#233d62;--teal:#285a9b;--mint:#e3effa;--cream:#f5f8fd;--line:#cbd9e8;--muted:#596b83}body[data-theme=notebook] h1,body[data-theme=notebook] h2,body[data-theme=notebook] h3{font-family:'Trebuchet MS',system-ui,sans-serif;font-weight:700;letter-spacing:-1px}body[data-theme=notebook] .hero{padding:32px 0;gap:45px}body[data-theme=notebook] h1{font-size:43px}body[data-theme=notebook] h1 em{font-style:normal}body[data-theme=notebook] .intro{font-size:16px}body[data-theme=notebook] .sample{transform:rotate(1deg);border-radius:4px;background:repeating-linear-gradient(#fff,#fff 30px,#dce7f4 31px,#fff 32px);border:1px solid #cbd9e8;border-left:5px solid #e9be65;box-shadow:7px 7px 0 #dce7f4}body[data-theme=notebook] .sample h2{font-size:26px}body[data-theme=notebook] .sample-words span{background:#e5f1ff;border:1px solid #c5d9ed;border-radius:4px}body[data-theme=notebook] .sounds{gap:5px;border-bottom:3px solid var(--teal);padding-bottom:0}body[data-theme=notebook] .sounds button{border-radius:9px 9px 0 0;background:#e3effa;border-color:#bccfe3;border-bottom:0;padding:14px 17px}body[data-theme=notebook] .sounds button.active{background:var(--teal)}body[data-theme=notebook] aside{background:#e9f1fa;border-radius:6px}body[data-theme=notebook] .resource{border-radius:6px;border-top:5px solid var(--teal)}body[data-theme=notebook] .word{border-radius:4px;background:#f7faff;border-bottom:3px solid #d3e0ef}body[data-theme=notebook] .note{background:#fff8df;border-color:#d9b851}body[data-theme=notebook] .mark{border-radius:5px;background:#285a9b}body[data-theme=notebook] .pills span{border-radius:5px;background:#e3effa}body[data-theme=notebook] .mode-tabs button{border-radius:5px}.style-lab .style-option:hover{filter:brightness(.97)}
@media(max-width:760px){.style-options{grid-template-columns:1fr}.style-lab-heading{display:block}.style-lab{padding:18px}.style-option small{font-size:12px}body[data-theme=paper] h1,body[data-theme=notebook] h1{font-size:36px}.style-lab h2{font-size:22px}.style-option{min-height:65px}}
/* Consistent dark-green sound tabs across all visual styles. */
body #sounds button,body #sounds button:nth-child(3n),body #sounds button.active{background:#276e66;color:#fff;border-color:#276e66}
body #sounds button.active{box-shadow:inset 0 0 0 2px #fff;text-decoration:underline;text-underline-offset:4px}

/* Clickable attempt counters, shared by resource and presentation views. */
#markers:not([hidden]),#present-markers:not([hidden]){margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.trial-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.trial-count{font-size:14px;font-weight:650}.trial-heading .textbutton{font-size:13px}.trial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;margin-top:10px}.trial-button{width:44px;height:44px;border:0;padding:0;background:transparent;display:grid;place-items:center;border-radius:8px}.trial-button:after{content:'';display:block;width:28px;height:28px;border:2px solid #276e66;border-radius:50%;background:transparent;box-sizing:border-box}.trial-button.filled:after{background:#276e66}.trial-button:hover{background:#e4eee7;filter:none}.trial-button:focus-visible{outline:3px solid #916515;outline-offset:1px}#present-markers{max-height:35vh;overflow:auto;margin-bottom:20px}#presentation:has(#present-markers:not([hidden])) #slide{padding:35px 5px}#presentation{max-height:94vh;overflow:auto}

.header-actions{display:flex;gap:22px;align-items:center}#dark-mode{font-size:13px;padding:9px 13px;white-space:nowrap}#dark-mode[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}
@media screen{
body[data-dark=true]{--ink:#edf5ef;--teal:#9cdbc5;--mint:#293f39;--cream:#14231f;--line:#42574e;--muted:#b6c7bd;background:#14231f;color:#edf5ef;color-scheme:dark}
body[data-dark=true] header,body[data-dark=true] footer{border-color:var(--line)}
body[data-dark=true] .style-lab,body[data-dark=true] .resource,body[data-dark=true] dialog{background:#1d3029;border-color:var(--line);box-shadow:none;color:var(--ink)}
body[data-dark=true] aside{background:#243930;border-color:var(--line)}
body[data-dark=true] input,body[data-dark=true] select,body[data-dark=true] textarea{background:#15261f;border-color:#597164;color:var(--ink)}
body[data-dark=true] input::placeholder,body[data-dark=true] textarea::placeholder{color:#a1b6a9;opacity:1}
body[data-dark=true] button{background:#276e66;border-color:#83bfaa;color:white}
body[data-dark=true] .secondary,body[data-dark=true] .mode-tabs button[aria-pressed=false]{background:#243930;color:#c3eadb;border-color:#597164}
body[data-dark=true] .mode-tabs button[aria-pressed=true]{background:#276e66;color:white;border-color:#83bfaa}
body[data-dark=true] .style-option{background:#243930;border-color:#597164;color:var(--ink)}
body[data-dark=true] .style-check{color:#a6dfc7}
body[data-dark=true] .word{background:#283e33;color:var(--ink);border-color:#486451}
body[data-dark=true] .word span{color:#a6dfc7}
body[data-dark=true] .note{background:#3c3928;border-color:#dbb750}
body[data-dark=true] .badge,body[data-dark=true] .beta{background:#31493b;color:#e2efdf}
body[data-dark=true] .sample{background:#3e322d;border-color:#a17c67;box-shadow:6px 6px 0 #655c36}
body[data-dark=true] .sample-words span{background:#2c4236;color:var(--ink);border-color:#5a7261}
body[data-dark=true] .sample p:before{color:#edcd77}
body[data-dark=true] .pills span{background:#314333;border-color:#5a7261;color:var(--ink)}
body[data-dark=true] #custom-builder{background:#293f34}
body[data-dark=true] .draft{color:#b6c7bd}
body[data-dark=true] .mark{background:#276e66;color:white}
body[data-dark=true] .textbutton{background:transparent;border:0;color:#b3e3cd}
body[data-dark=true] .trial-button{background:transparent;border:0}
body[data-dark=true] .trial-button:after{border-color:#9cdbc5}
body[data-dark=true] .trial-button.filled:after{background:#9cdbc5}
body[data-dark=true] .trial-button:hover{background:#365444}
body[data-dark=true] :focus-visible{outline-color:#edcd77}
body[data-dark=true] #toast{background:#e0f0e6;color:#173d3d}
}
@media(max-width:760px){header{flex-wrap:wrap;gap:16px}.header-actions{gap:14px;flex-wrap:wrap}.header-actions a{font-size:12px}#dark-mode{font-size:12px}}
/* Coordinated notebook-paper details for each welcome card. */
body[data-theme=paper] .sample{background:repeating-linear-gradient(#ffe6d7,#ffe6d7 30px,#e8c2ad 31px,#ffe6d7 32px);border-left:5px solid #dbb750}
body[data-theme=calm] .sample{background:repeating-linear-gradient(#e4eee7,#e4eee7 30px,#bdcec2 31px,#e4eee7 32px);border:1px solid #bdcec2;border-left:5px solid #82a795}
@media screen{
body[data-dark=true][data-theme=paper] .sample{background:repeating-linear-gradient(#3e322d,#3e322d 30px,#5f4940 31px,#3e322d 32px);border-left-color:#dbb750}
body[data-dark=true][data-theme=calm] .sample{background:repeating-linear-gradient(#293f34,#293f34 30px,#456050 31px,#293f34 32px);border-color:#597164;border-left-color:#8bbba5}
}

.site-nav{display:flex;gap:20px;align-items:center;font-size:14px}.site-nav a{padding:7px 0}.site-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.site-nav .nav-signup{padding:9px 17px;border-radius:24px;background:#276e66;color:white}.header-actions{gap:18px}header{flex-wrap:wrap;gap:18px}.membership-preview{display:flex;gap:10px;align-items:center;background:#fff2c8;border:1px solid #e8d28a;border-radius:9px;padding:12px 18px;font-size:12px;margin-top:28px}.preview-dot{width:8px;height:8px;border-radius:50%;background:#916515;flex-shrink:0}.member-page{padding:48px 0 10px}.membership-intro{text-align:center;max-width:690px;margin:0 auto 40px}.membership-intro h1{font:700 48px/1.12 'Trebuchet MS',system-ui,sans-serif;letter-spacing:-2px;margin-bottom:20px}.membership-intro>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:550px;margin:0 auto 15px}.inline-link{font-size:14px;text-decoration:underline;text-underline-offset:4px;color:#276e66}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:auto}.plan-card{background:white;border:1px solid var(--line);border-radius:20px;padding:34px;position:relative}.plan-card.annual{border:2px solid #276e66;background:#f0f5ed}.plan-card h2{font:700 30px 'Trebuchet MS',system-ui;margin:0}.price{font-size:60px;font-weight:750;letter-spacing:-3px;line-height:1.1;margin:22px 0 10px}.price span{font-size:17px;font-weight:450;letter-spacing:0;margin-left:5px;color:var(--muted)}.plan-card>p:not(.eyebrow):not(.price){font-size:14px;color:var(--muted)}.annual-ribbon{position:absolute;right:24px;top:-14px;border-radius:30px;padding:6px 14px;background:#f4d77d;color:#254744;font-size:11px;font-weight:750;letter-spacing:1px}.plan-features{list-style:none;padding:0;margin:25px 0 30px}.plan-features li{padding:9px 0;font-size:14px;border-bottom:1px solid var(--line)}.plan-features li:before{content:'✓';margin-right:12px;color:#276e66;font-weight:bold}.plan-button{display:block;text-align:center;border:1px solid #276e66;background:#276e66;color:white;border-radius:28px;padding:13px 18px;font-size:14px;font-weight:650}.plan-button.secondary{background:white;color:#276e66;border-color:#aac2b3}.plan-card .plan-fineprint{font-size:11px!important;text-align:center;margin:13px 0 0}.membership-bottom{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:50px auto 0;max-width:900px}.membership-bottom h3{font:700 27px 'Trebuchet MS',system-ui}.membership-bottom p{color:var(--muted);font-size:14px}.membership-bottom details{border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}.membership-bottom summary{cursor:pointer;font-weight:600}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start;max-width:1000px;margin:auto}.account-story{padding:35px 0}.account-story h1{font:700 43px/1.15 'Trebuchet MS',system-ui;letter-spacing:-1.5px}.account-story h1 em{font-style:normal}.account-story>p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:400px}.account-notebook{margin:35px 0;background:repeating-linear-gradient(#ffe6d7,#ffe6d7 30px,#e8c2ad 31px,#ffe6d7 32px);padding:27px;border:1px solid #e8c2ad;border-left:5px solid #dbb750;border-radius:8px;transform:rotate(-2deg);max-width:390px}.account-notebook>span{font-size:9px;font-weight:700;letter-spacing:1.5px}.account-notebook p{font-size:22px;line-height:1.8;margin:15px 0 0}.account-card{background:white;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:5px 5px 0 #eadfca66}.account-card h2{font:700 29px 'Trebuchet MS',system-ui;margin:0}.account-card>p{font-size:14px}.plan-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.plan-choice button{background:#f8f8f2;color:#254744;border:1px solid #b7c8bc;text-align:left;font-size:12px;padding:14px}.plan-choice button strong{display:block;font-size:16px;margin-top:5px}.plan-choice button small{display:block;margin-top:5px}.plan-choice button[aria-pressed=true]{border:2px solid #276e66;background:#e4eee7}.account-submit{width:100%;border-radius:25px}.account-submit:disabled{cursor:not-allowed;opacity:.7}.account-card input:disabled{opacity:1;background:#f6f7f2;color:#60736d;cursor:not-allowed}.selected-plan-note{font-size:13px;font-weight:600;margin:0 0 16px}.account-preview-note{font-size:11px!important;color:var(--muted)}.complimentary-note{background:#fff2c8;border-radius:9px;padding:16px;margin-top:22px;font-size:12px}.complimentary-note p{margin:5px 0 0}.account-switch{padding-top:20px;margin-bottom:0;border-top:1px solid var(--line);font-size:12px!important}.account-switch a{font-weight:650;text-decoration:underline;text-underline-offset:3px}
@media screen{body[data-dark=true] .plan-card,body[data-dark=true] .account-card{background:#1d3029;color:var(--ink);border-color:var(--line);box-shadow:none}body[data-dark=true] .plan-card.annual{background:#283e33;border-color:#9cdbc5}body[data-dark=true] .membership-preview,body[data-dark=true] .complimentary-note{background:#3c3928;color:#edf5ef;border-color:#746535}body[data-dark=true] .plan-features li:before,body[data-dark=true] .inline-link{color:#9cdbc5}body[data-dark=true] .plan-button{background:#276e66;color:white;border-color:#83bfaa}body[data-dark=true] .plan-button.secondary{background:#243930;color:#c3eadb}body[data-dark=true] .plan-choice button{background:#243930;color:var(--ink);border-color:#597164}body[data-dark=true] .plan-choice button[aria-pressed=true]{background:#365444;border-color:#9cdbc5}body[data-dark=true] .account-card input:disabled{background:#15261f;color:#b6c7bd}body[data-dark=true] .account-notebook{background:repeating-linear-gradient(#3e322d,#3e322d 30px,#5f4940 31px,#3e322d 32px);border-color:#a17c67;border-left-color:#dbb750}}
@media(max-width:760px){.site-nav{gap:14px;font-size:13px}.header-actions{width:100%;justify-content:space-between;gap:10px}.membership-intro h1{font-size:37px}.pricing-grid,.account-grid,.membership-bottom{grid-template-columns:1fr;gap:26px}.member-page{padding-top:35px}.account-story{padding:0}.account-story h1{font-size:35px}.account-notebook{display:none}.account-card,.plan-card{padding:25px}.membership-preview{font-size:11px}.account-grid{gap:20px}}

.research-card{max-width:700px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:20px;padding:32px}.research-card h2{font:700 28px/1.3 'Trebuchet MS',system-ui;margin:0 0 16px}.research-card .plan-button{display:inline-block;margin-top:16px;min-width:150px}.research-card>p{font-size:15px}.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}@media screen{body[data-dark=true] .research-card{background:#1d3029;border-color:var(--line);color:var(--ink)}}

.resource-use-brief{max-width:480px;font-size:12px;color:var(--muted);margin:15px 0}.resource-use-brief a,.footer-disclosures{text-decoration:underline;text-underline-offset:3px}.responsible-use-page .membership-intro{max-width:850px}.responsible-use-page .membership-intro h1{font-size:40px}.responsible-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.responsible-grid article{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.responsible-grid h2{font:700 24px/1.3 'Trebuchet MS',system-ui;margin:0 0 16px}.responsible-grid p{font-size:14px;line-height:1.7}.responsible-return{max-width:250px;margin:30px auto 0}.research-context{max-width:700px;margin:0 auto 24px;padding:15px 18px;background:#fff2c8;border-left:3px solid #dbb750;font-size:13px}.footer-disclosures{font-size:12px}footer{flex-wrap:wrap}@media screen{body[data-dark=true] .responsible-grid article{background:#1d3029;border-color:var(--line)}body[data-dark=true] .research-context{background:#3c3928}}@media(max-width:760px){.responsible-grid{grid-template-columns:1fr}.responsible-use-page .membership-intro h1{font-size:31px}}

.practice-disclaimer{font-size:12px;line-height:1.6;color:var(--muted);padding-top:16px;margin-top:18px;border-top:1px solid var(--line)}.disclaimer-statement{border-left:3px solid #dbb750;padding:12px 16px;background:#fff2c8}@media screen{body[data-dark=true] .disclaimer-statement{background:#3c3928}}@media print{#printview .print-disclaimer{font-size:10px;line-height:1.4;border-top:1px solid #aaa;padding-top:8px;break-inside:avoid}}

.free-resource-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 auto 30px}.free-resource-tabs button{background:#276e66;color:white;border:2px solid #276e66;border-radius:18px 18px 9px 9px;padding:13px 22px}.free-resource-tabs button[aria-selected=true]{box-shadow:inset 0 0 0 2px #fff;text-decoration:underline;text-underline-offset:4px}.free-resource-tabs button:focus-visible{outline:3px solid #916515;outline-offset:4px}.resource-placeholder{text-align:center;padding:45px 28px}.resource-placeholder .badge{display:inline-block;margin-top:10px}@media(max-width:760px){.free-resource-tabs{gap:8px}.free-resource-tabs button{font-size:13px;padding:11px 14px}}

.mode-tabs{flex-wrap:wrap}#ai-builder{padding:28px;background:#eaf0e5;border:1px solid #c8d6c3;border-radius:20px;margin-bottom:26px}.ai-builder-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.ai-builder-heading h3{font:700 29px 'Trebuchet MS',system-ui}.ai-builder-heading p:not(.eyebrow){font-size:14px}.ai-builder-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;margin-top:22px}.ai-preview-notice{font-size:13px;background:#fff2c8;border-left:3px solid #dbb750;padding:14px 17px;margin-top:15px}.ai-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ai-editor-panel{background:white;border:1px solid var(--line);padding:24px;border-radius:14px;height:fit-content}#ai-use-selected{margin:-6px 0 22px}#ai-builder textarea{margin-bottom:12px}.ai-review-label{display:flex;align-items:start;gap:10px;line-height:1.6;font-size:13px;margin:20px 0}#ai-reviewed{width:19px;height:19px;flex-shrink:0;margin:3px 0;accent-color:#276e66}#ai-use-draft,.ai-generate,#ai-sample{width:100%;margin-bottom:10px}.ai-generate:disabled,#ai-use-draft:disabled{cursor:not-allowed;opacity:.65}.ai-prompt-details{font-size:13px;margin-top:18px}.ai-prompt-details summary{cursor:pointer;font-weight:650}#ai-prompt{font-size:12px}.word.sentence-card{font-size:18px;line-height:1.6;padding:16px}.word mark, #slide mark{background:#fff2c8;color:#254744;padding:0 2px;border-radius:3px}.sentence-card span{margin-left:8px}body[data-practice-format=sentences] #slide{font:clamp(26px,4vw,50px)/1.5 'Trebuchet MS',system-ui;padding:35px 10px}body[data-practice-format=sentences] .words{grid-template-columns:1fr}@media screen{body[data-dark=true] #ai-builder{background:#243930;border-color:var(--line)}body[data-dark=true] .ai-editor-panel{background:#1d3029;border-color:var(--line)}body[data-dark=true] .ai-preview-notice{background:#3c3928}body[data-dark=true] .sentence-card mark,body[data-dark=true] #slide mark{background:#665a2a;color:#fff5d3}}@media(max-width:760px){.ai-builder-grid{grid-template-columns:1fr}.ai-builder-heading{display:block}#ai-builder{padding:20px}.ai-editor-panel{padding:18px}}@media print{#printview.print-sentences .printwords{grid-template-columns:1fr}#printview.print-sentences .printword{font-size:18px;line-height:1.6}#printview mark{background:none;color:black;font-weight:bold;text-decoration:underline}}

.ai-target-label{font-weight:700;margin-bottom:4px}#ai-target-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ai-target-word{background:white;color:#28564b;border:1px solid #87a69a;border-radius:24px;padding:9px 15px;font-size:14px}.ai-target-word[aria-pressed=true]{background:#285f50;color:white;border-color:#285f50}.ai-target-word:focus-visible{outline:3px solid #c79928;outline-offset:3px}.ai-target-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.ai-target-actions button{font-size:12px;padding:7px 12px}#ai-target-count{font-size:13px}.ai-custom-targets{margin-bottom:22px}.ai-custom-targets summary{cursor:pointer;font-size:13px;font-weight:650;margin-bottom:12px}body[data-dark=true] .ai-target-word{background:#1d3029;color:#e4ece5;border-color:#759286}body[data-dark=true] .ai-target-word[aria-pressed=true]{background:#b4d4ba;color:#173327}