:root{color-scheme:light;--paper:#fffcf6;--ink:#24352f;--muted:#63736b;--green:#287154;--lime:#d8ef94;--line:#dce2d7;--side:#f0f3e9;--white:#fff;--peach:#ffe0cf;--yellow:#ffe9a1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:600 16px/1.5 Nunito,Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:4px}[hidden]{display:none!important}.layout{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--side);border-right:1px solid var(--line);padding:30px 25px;overflow:auto}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:65px}.wordmark{display:flex;gap:12px;align-items:center;text-decoration:none}.mark{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;background:var(--green);border-radius:14px;color:var(--paper);font:700 22px Rubik,Arial,sans-serif;transform:rotate(-7deg)}.brand-text{font:600 15px/1.2 Rubik,Arial,sans-serif}.icon-button{border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);min-width:32px;height:32px}.filter-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.filter-top h2{font-size:17px;margin:0}.text-button{border:0;background:transparent;color:var(--green);font-size:13px;padding:6px 0;text-decoration:underline}fieldset{border:0;padding:0;margin:30px 0}legend{font-size:12px;text-transform:uppercase;letter-spacing:1.7px;margin-bottom:12px;color:var(--muted)}.filter-option{display:flex;gap:9px;align-items:center;padding:9px 0;font-size:14px}.filter-option input{width:18px;height:18px;accent-color:var(--green);margin:0;flex:none}.filter-option .number{margin-left:auto;font-size:12px;border-radius:5px;background:var(--paper);padding:0 6px}.filter-option.disabled{opacity:.48}.sidebar-foot{border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:13px;margin-top:50px}main{min-width:0;padding:0 5.2%}.topline{height:88px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px;border-bottom:1px solid var(--line)}.top-note{color:var(--muted);letter-spacing:0;font-size:13px}.hero{position:relative;padding:57px 0 44px;border-bottom:1px solid var(--line);overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--green);margin:0 0 24px}h1{font:500 clamp(32px,3.4vw,60px)/1.15 Rubik,Arial,sans-serif;letter-spacing:-1.7px;margin:0;position:relative;width:max-content;max-width:100%;z-index:1}h1>span{color:var(--green)}h1 svg{display:block;width:90%;height:15px;margin-top:4px;fill:none;stroke:var(--lime);stroke-width:10;stroke-linecap:round}.intro{color:var(--muted);font-size:16px;line-height:1.7;margin:21px 0}.features{display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.features span{border:1px solid var(--line);padding:7px 11px;border-radius:30px}.hero-art{position:absolute;right:10px;top:65px;width:235px;height:280px}.art-card{position:absolute;width:170px;height:200px;border:1px solid var(--ink);border-radius:16px;padding:20px;font:500 31px/1.1 Rubik,Arial,sans-serif;box-shadow:4px 5px 0 var(--ink)}.art-card.first{background:var(--lime);transform:rotate(-12deg);left:0;top:0}.art-card.first span{display:block;font-size:65px}.art-card.second{background:var(--peach);transform:rotate(10deg);left:55px;top:38px}.art-card.second span{display:block;font-size:65px}.art-stamp{position:absolute;bottom:5px;left:-10px;width:108px;height:108px;border-radius:50%;background:var(--yellow);display:grid;place-content:center;text-align:center;font-size:10px;letter-spacing:1px;transform:rotate(-12deg);border:4px solid var(--paper)}.results{padding:32px 0 55px}.results-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:10px}.results-heading h2{font:500 24px Rubik,Arial,sans-serif;margin:0}.results-heading p{color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lesson-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white);transition:translate .2s,box-shadow .2s}.lesson-card:hover{translate:0 -4px;box-shadow:0 8px 25px #24352f12}.cover{aspect-ratio:16/9;position:relative;background:var(--side);overflow:hidden}.cover iframe{position:absolute;width:100%;height:100%;border:0;pointer-events:none}.card-body{padding:23px}.card-meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.age{background:var(--side);border-radius:6px;padding:3px 8px}.level{border:1px solid var(--line);border-radius:6px;padding:2px 7px}.duration{margin-left:auto}.card-body h3{font:500 23px/1.25 Rubik,Arial,sans-serif;margin:16px 0 7px}.card-body p{font-size:14px;color:var(--muted);margin:0}.card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:22px;color:var(--green);font-size:13px}.card-link b{font-size:20px;line-height:1}.empty{padding:45px;border:1px dashed var(--line);border-radius:18px;text-align:center}.empty button{padding:10px 20px;border-radius:10px;border:0;background:var(--green);color:var(--white)}footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.collapsed .layout{grid-template-columns:80px minmax(0,1fr)}.collapsed .sidebar{padding:28px 12px}.collapsed .sidebar-head{flex-direction:column;gap:20px}.collapsed .brand-text,.collapsed #filter-body{display:none}#mobile-menu{display:none}.backdrop{position:fixed;inset:0;background:#24352f55;border:0;z-index:9}.skip{position:fixed;top:-60px;left:20px;padding:12px;background:var(--paper);z-index:50}.skip:focus{top:10px}@media(min-width:1600px){main{padding:0 8%}.hero-art{right:25px}.hero{padding-top:70px;padding-bottom:55px}}@media(max-width:1200px){.hero-art{opacity:.85;right:-50px;transform:scale(.75);transform-origin:right top}.hero h1{font-size:42px}.intro{max-width:65%}.layout{grid-template-columns:245px minmax(0,1fr)}.sidebar{padding:28px 18px}.brand-text{font-size:13px}.cards{gap:16px}.card-body{padding:17px}.card-body h3{font-size:20px}}@media(max-width:950px){.hero-art{display:none}.hero h1{font-size:40px}.intro{max-width:100%}.cards{grid-template-columns:1fr}.top-note{display:none}footer{flex-direction:column;gap:5px}}@media(max-width:700px){.layout,.collapsed .layout{display:block}.sidebar,.collapsed .sidebar{position:fixed;left:0;top:0;bottom:0;width:min(310px,87vw);height:100dvh;z-index:10;transform:translateX(-100%);transition:transform .2s;padding:25px;box-shadow:5px 0 30px #24352f22}.drawer-open .sidebar{transform:translateX(0)}.collapsed .sidebar-head{flex-direction:row}.collapsed .brand-text,.collapsed #filter-body{display:block}.sidebar-head{margin-bottom:35px}.collapsed .brand-text{display:inline}main{padding:0 22px}.topline{height:70px;font-size:9px;letter-spacing:1px}#mobile-menu{display:block;background:var(--side);color:var(--ink);border:1px solid var(--line);padding:8px 11px;border-radius:9px;font-size:12px;letter-spacing:0}.hero{padding:36px 0 30px}.eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:18px}.hero h1{font-size:clamp(28px,7.6vw,42px);letter-spacing:-1px}.intro{font-size:14px}.features{gap:6px;font-size:10px}.features span{padding:6px 8px}.results-heading h2{font-size:21px}.results-heading p{font-size:11px}.results{padding-top:24px}.empty{padding:25px 15px}.card-body h3{font-size:22px}.filter-option{font-size:15px;padding:12px 0}.drawer-open{overflow:hidden}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}