: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}