@font-face{font-family:"Nunito";src:url("assets/fonts/Nunito.ttf") format("truetype");font-weight:200 1000;font-display:swap}
@font-face{font-family:"Baloo 2";src:url("assets/fonts/Baloo2.ttf") format("truetype");font-weight:400 800;font-display:swap}
:root{--ink:#382d54;--muted:#6c627d;--cream:#fff8ec;--paper:#fffefb;--purple:#6945d3;--purple-dark:#4f2db0;--coral:#d74743;--yellow:#ffd166;--teal:#147c70;--line:#e4dceb;--shadow:0 16px 45px #45307912;--radius:24px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--cream);color:var(--ink);font:600 16px/1.5 "Nunito",system-ui,sans-serif}
button,input,select{font:inherit}
button,a,select,summary,input{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.55}
button,a,summary,select{ -webkit-tap-highlight-color:transparent }
a{color:inherit}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #096d88;outline-offset:4px}
[hidden]{display:none!important}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{font-family:"Baloo 2",system-ui,sans-serif;line-height:1.1;letter-spacing:-.025em}
h1{font-size:clamp(42px,4.2vw,62px);margin:16px 0}
h1 span{color:var(--coral);position:relative}
h1 span:after{content:"";position:absolute;bottom:1px;left:0;right:0;height:7px;background:#ffcc5c7a;border-radius:50%;z-index:-1;transform:rotate(-3deg)}
h2{font-size:38px;margin-bottom:12px}
h3{font-size:23px;margin-bottom:12px}
p{margin-bottom:16px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:fixed;top:-80px;left:12px;z-index:1000;padding:12px;background:white;border:2px solid var(--purple);border-radius:12px}
.skip-link:focus{top:12px}
.app-shell{max-width:1520px;margin:auto;min-height:100vh}
.topbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4%;border-bottom:1px solid #8061a317}
.brand{display:flex;align-items:center;gap:9px;font:800 28px/1 "Baloo 2",sans-serif;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.brand img{flex-shrink:0}
.brand em{color:var(--coral);font-size:.72em;font-style:normal}
.brand-tagline{display:block;font:700 10px/1.6 "Nunito",sans-serif;letter-spacing:.11em;color:var(--muted);margin-top:4px}
.topbar nav{display:flex;align-items:center;gap:28px}
.topbar nav a{min-height:44px;display:flex;align-items:center;gap:5px;text-decoration:none;font-weight:900;font-size:14px}
.topbar nav a:hover{color:var(--purple)}
.nav-count{border-radius:20px;background:#eae1ff;color:var(--purple-dark);font-size:12px;padding:1px 7px}
.text-button{background:transparent;border:0;color:var(--purple-dark);font-size:14px;font-weight:900;padding:10px 9px;min-height:44px;border-radius:12px}
.text-button:hover{background:#eee5fb}
.pick-section{display:grid;grid-template-columns:minmax(245px,1fr) minmax(240px,.95fr) minmax(310px,1.2fr);gap:30px;align-items:start;padding:58px 4% 36px;position:relative}
.pick-copy{padding-top:20px;min-width:0}
.eyebrow{display:block;font-size:10px;line-height:1.5;letter-spacing:.13em;font-weight:900;color:var(--purple-dark)}
.lede{font-size:16px;color:var(--muted);max-width:380px}
.quick-controls{display:grid;gap:10px}
label{font-size:13px;font-weight:900;display:block}
.quick-controls label{display:grid;grid-template-columns:108px 1fr;align-items:center;gap:8px}
select{color:var(--ink);width:100%;min-width:0;min-height:46px;border:1px solid #d8cce5;background:#fffdfb;border-radius:12px;padding:8px 28px 8px 11px;font-size:14px}
.quick-chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 9px}
.chip{min-height:44px;background:#fffdf9;border:1px solid #d8cde3;border-radius:99px;padding:9px 13px;color:var(--ink);font-size:13px;font-weight:900;line-height:1.2}
.chip:hover{background:#f3ecff}
.chip[aria-pressed="true"]{background:var(--purple);border-color:var(--purple);color:white;box-shadow:0 3px 0 #4826a0}
.more-choices{border-bottom:1px solid var(--line)}
summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--purple-dark);font-size:14px;font-weight:900}
#filterBadge{font-size:11px;font-weight:800}
.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0}
.filter-grid select{display:block;margin-top:6px}
.small-note{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0}
.reset-filters{padding-left:0}
.jar-stage{position:relative;text-align:center;padding-top:44px;min-width:0}
.jar-scene{width:258px;height:367px;position:relative;margin:0 auto 12px}
.jar{position:relative;width:258px;height:345px;filter:drop-shadow(0 15px 12px #6142821c);transform-origin:50% 95%}
.jar-lid{position:absolute;top:5px;left:34px;width:190px;height:33px;background:linear-gradient(#d9caf9,#ae98e8);border:4px solid #7d64bb;border-radius:10px 10px 7px 7px;z-index:5;display:flex;gap:11px;padding:7px 20px}
.jar-lid i{flex:1;background:#75609d66;height:4px;border-radius:4px}
.jar-neck{position:absolute;top:29px;left:51px;width:156px;height:38px;border:4px solid #7864b2a6;border-bottom:0;border-radius:16px 16px 0 0;background:#e4edff4d}
.jar-body{position:absolute;top:50px;left:15px;width:228px;height:285px;border:4px solid #7a68b5b8;border-radius:48px 48px 59px 59px;background:linear-gradient(125deg,#ffffffbd,#c7e4ff47 55%,#ffffff96);overflow:hidden}
.jar-body:after{content:"";position:absolute;bottom:14px;left:30px;right:30px;height:20px;border-bottom:3px solid #7966b342;border-radius:50%;z-index:3}
.jar-shine{position:absolute;left:19px;top:20px;width:21px;height:210px;border-radius:50%;background:linear-gradient(90deg,#ffffffb3,transparent);z-index:4;transform:rotate(3deg)}
.paper{position:absolute;display:grid;place-items:center;font:800 12px "Baloo 2",sans-serif;color:#51434e;border-radius:4px;box-shadow:0 4px 5px #53405c26;transform:rotate(var(--turn));z-index:2}
.paper:before{content:"";position:absolute;top:0;left:0;right:0;height:48%;background:#ffffff2b;border-bottom:1px solid #6f46601c;clip-path:polygon(0 0,100% 0,50% 100%)}
.p1{background:#ffd166;bottom:32px;left:22px;width:75px;height:44px}
.p2{background:#ff9587;bottom:28px;left:82px;width:83px;height:45px}
.p3{background:#91daca;bottom:24px;right:12px;width:68px;height:45px}
.p4{background:#bda7ee;bottom:76px;left:20px;width:76px;height:43px}
.p5{background:#ffdc95;bottom:80px;right:20px;width:71px;height:43px}
.p6{background:#ffa4b2;top:107px;left:69px;width:57px;height:44px;font-size:20px}
.p7{background:#8bd3ec;top:136px;right:17px;width:72px;height:40px}
.p8{background:#c3eaa2;top:80px;left:24px;width:62px;height:43px}
.p9{background:#f4aed9;top:55px;right:45px;width:62px;height:42px}
.jar-label{position:absolute;top:171px;left:49px;width:120px;height:65px;border:2px solid #94759c57;border-radius:50%;background:#fff8e7ed;z-index:4;transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:center}
.jar-label span{font-size:10px;font-weight:900;color:#776289}
.jar-label strong{font:800 22px/1.1 "Baloo 2",sans-serif;color:#bd494b}
.jar-shadow{position:absolute;bottom:18px;left:6px;right:6px;height:25px;border-radius:50%;background:#70519026;filter:blur(5px)}
.sparkle{position:absolute;font-size:33px;color:#d65a55;pointer-events:none}
.sparkle.one{top:58px;left:0;transform:rotate(17deg)}
.sparkle.two{top:250px;right:0;color:#178a7e;font-size:21px}
.sparkle.three{top:120px;right:4px;color:#d79c0b;font-size:33px}
.flying-slip{position:absolute;top:160px;left:88px;width:83px;height:52px;background:#ffe49b;border:1px solid #dbb557;border-radius:5px;display:grid;place-items:center;opacity:0;z-index:6;transform:rotate(-9deg);box-shadow:0 5px 15px #5e426d1a;pointer-events:none}
.flying-slip span{font:900 10px/1.5 "Nunito",sans-serif;color:#654c35;opacity:0}
.jar-stage.is-picking .jar{animation:jar-shake .72s ease-in-out}
.jar-stage.is-picking .paper{animation:paper-tumble .65s var(--delay) ease-in-out}
.jar-stage.is-picking .jar-lid{animation:lid-lift 1.65s ease-in-out}
.jar-stage.is-picking .flying-slip{animation:slip-reveal 1.65s ease-in-out}
.jar-stage.is-picking .flying-slip span{animation:slip-text 1.65s ease}
@keyframes jar-shake{0%,100%{transform:rotate(0)}15%,55%{transform:rotate(-7deg)}35%,75%{transform:rotate(7deg)}90%{transform:rotate(-3deg)}}
@keyframes paper-tumble{0%,100%{transform:translate(0,0) rotate(var(--turn))}30%{transform:translate(-8px,-25px) rotate(-26deg)}60%{transform:translate(8px,-12px) rotate(25deg)}}
@keyframes lid-lift{0%,37%,100%{transform:translate(0,0) rotate(0)}55%,80%{transform:translate(27px,-50px) rotate(16deg)}}
@keyframes slip-reveal{0%,40%{opacity:0;transform:translate(0,0) rotate(-9deg) scale(.8)}50%{opacity:1}70%{opacity:1;transform:translate(0,-185px) rotate(4deg) scale(1)}86%{opacity:1;transform:translate(0,-170px) rotate(0) scale(1.8,1.45)}100%{opacity:0;transform:translate(40px,-150px) rotate(4deg) scale(1.9,1.5)}}
@keyframes slip-text{0%,68%{opacity:0}78%,90%{opacity:1}100%{opacity:0}}
.primary-button{border:0;border-radius:17px;background:var(--purple);color:white;min-height:56px;padding:13px 24px;font-weight:900;font-size:17px;line-height:1.3;box-shadow:0 7px 0 var(--purple-dark),0 12px 24px #5835ba26;transition:transform .15s,box-shadow .15s}
.primary-button>span:first-child:not(:last-child){font-size:23px;vertical-align:middle}
.primary-button:hover:not(:disabled){transform:translateY(-2px)}
.primary-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 3px 0 var(--purple-dark)}
#pickButton{min-width:225px}
.pool-label{font-size:13px;font-weight:900;color:var(--muted);margin:21px 0 4px}
.keyboard-hint{font-size:10px;color:var(--muted);margin:0}
kbd{font:inherit;padding:1px 4px;border:1px solid #c9bad8;border-radius:4px}
.result-card{background:var(--paper);border:1px solid #e6dce9;box-shadow:var(--shadow);border-radius:var(--radius);padding:26px;position:relative;min-width:0}
.result-card:before{content:"";position:absolute;left:0;top:29px;height:70px;width:5px;border-radius:0 5px 5px 0;background:#f77d70}
.result-card.empty{margin-top:55px;min-height:355px}
.result-topline{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px}
.result-topline .eyebrow{font-size:9px;max-width:220px}
.favorite-button{border:0;border-radius:50%;background:#fff0ed;color:#b63744;width:44px;height:44px;flex-shrink:0;font:700 27px/1 "Nunito",sans-serif}
.favorite-button[aria-pressed="true"]{background:#ffe1e1;color:#ab2440}
.result-art{width:78px;height:78px;border-radius:24px;background:#fff0c9;display:grid;place-items:center;margin:13px 0}
.result-art svg{width:62px;height:62px}
.result-card h2{font-size:30px;line-height:1.12;margin:10px 0}
.result-card>p{color:var(--muted);font-size:14px;line-height:1.6}
.result-meta{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}
.meta-pill{border-radius:8px;background:#f0eafa;padding:4px 8px;font-size:11px;font-weight:900;color:#5d4678}
.supplies{background:#fbf6e9;border-radius:12px;padding:11px 13px;margin:17px 0}
.supplies strong{font-size:12px}
.supplies p{font-size:13px;margin:3px 0 0}
.result-card h3{font-size:20px;margin-bottom:10px}
.steps{padding-left:23px;margin:0}
.steps li{font-size:14px;padding-left:3px;margin:0 0 10px}
.steps li::marker{color:var(--purple);font-weight:900}
.adult-note{font-size:12px!important;background:#edf5f3;border-left:3px solid #278979;border-radius:5px;padding:10px;margin:13px 0;color:#295f56!important}
.twist{margin:14px 0;background:#fff3d4;border-radius:12px;padding:0 12px}
.twist summary{font-size:13px;color:#79551c}
.twist p{font-size:13px;color:#695126;padding-bottom:12px}
.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px}
.result-actions .text-button{font-size:12px}
.bottom-actions{border-top:1px dashed var(--line);padding-top:14px}
.secondary-button{min-height:44px;border:1px solid #cfc0e4;border-radius:12px;padding:10px 15px;background:#f2ecfb;color:var(--purple-dark);font-size:13px;font-weight:900;line-height:1.3}
.secondary-button:hover:not(:disabled){background:#e8def8}
.secondary-button[aria-pressed="true"]{background:#e1f2e9;border-color:#83baa4;color:#1d654b}
.empty-result-note{margin-top:32px;font-size:12px;color:var(--muted);border-top:1px dashed var(--line);padding-top:16px}
.result-card.just-revealed{animation:card-arrive .35s ease-out}
@keyframes card-arrive{from{opacity:.2;transform:translateY(14px) rotate(-1deg)}to{opacity:1;transform:none}}
.explore-section{padding:44px 4% 64px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.section-heading h2{margin:7px 0 0;font-size:39px}
.library-count{font-size:13px;color:var(--muted);white-space:nowrap;font-weight:900}
.category-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;margin-bottom:30px}
.category-card{background:var(--category-bg);border:2px solid transparent;border-radius:18px;min-height:108px;padding:12px 6px;color:var(--ink);font-size:12px;font-weight:900;line-height:1.2;transition:transform .15s}
.category-card svg{display:block;width:40px;height:40px;margin:0 auto 8px}
.category-card:hover{transform:translateY(-3px)}
.category-card[aria-pressed="true"]{border-color:var(--purple);box-shadow:0 4px 0 #6945d333}
.category-card span{display:block}
.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.view-buttons{display:flex;flex-wrap:wrap;gap:7px}
.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 18px}
.results-heading h3{font-size:26px;margin-bottom:2px}
.results-heading>span{font-size:13px;font-weight:900;color:var(--muted);white-space:nowrap}
.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.activity-card{border:1px solid #e9e0ed;background:var(--paper);border-radius:20px;padding:18px;display:flex;flex-direction:column;min-width:0;box-shadow:0 4px 18px #51377805}
.activity-card:hover{border-color:#c7b7dc;box-shadow:0 7px 20px #5137780d}
.card-top{display:flex;align-items:start;justify-content:space-between;gap:12px}
.card-art{width:58px;height:58px;border-radius:17px;background:var(--category-bg);display:grid;place-items:center}
.card-art svg{width:44px;height:44px}
.card-title{font:800 23px/1.2 "Baloo 2",sans-serif;text-align:left;border:0;background:none;color:var(--ink);padding:9px 0;min-height:44px;width:100%;margin:3px 0 0}
.card-title:hover{color:var(--purple)}
.activity-card p{font-size:13px;color:var(--muted);margin-bottom:14px}
.card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.card-meta span{font-size:10px;padding:4px 7px;background:#f3eef8;color:#61516f;border-radius:7px;font-weight:900}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px;border-top:1px solid #f0e9f3;padding-top:9px;font-size:11px;color:var(--muted)}
.card-bottom .text-button{font-size:12px;padding:9px 7px}
.done-label{color:#1c6c4c;font-size:11px;font-weight:900;display:block}
.activity-card.is-hidden{border-style:dashed}
.empty-state{background:#faf3e4;border:1px dashed #cdb9dd;border-radius:22px;text-align:center;padding:35px}
.empty-state>span{font-size:42px;color:var(--purple)}
.empty-state h3{margin-top:4px}
.empty-state p{font-size:14px;color:var(--muted)}
.load-more{display:block;margin:26px auto 0;min-width:220px}
footer{padding:32px 4%;background:#f4ecdf;text-align:center;border-top:1px solid #e8dbe6}
.footer-brand{justify-content:center;font-size:23px}
footer>p{font-size:13px;color:var(--muted);margin:15px 0 0}
.footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:10px}
#offlineStatus{font-size:12px;color:var(--teal)}
.storage-notice{padding:10px;background:#fff4c9;border-radius:10px;color:#684c21}
dialog{width:min(640px,calc(100% - 24px));max-height:88dvh;border:1px solid #e0d2eb;border-radius:24px;padding:28px;color:var(--ink);background:var(--paper);box-shadow:0 24px 80px #3520444d}
dialog::backdrop{background:#35204885;backdrop-filter:blur(3px)}
dialog h2{font-size:30px;margin:0}
dialog h3{font-size:22px;margin:23px 0 9px}
dialog p{font-size:14px;color:var(--muted)}
.dialog-top{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:21px}
.close-button{width:44px;height:44px;min-width:44px;border:0;border-radius:50%;background:#eee5f7;color:var(--ink);font-size:26px}
.print-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#printCount{font-size:12px;color:var(--muted);margin-left:auto}
.print-options{display:grid;gap:7px;margin:14px 0 24px;max-height:40dvh;overflow-y:auto;padding:3px}
.print-option{display:flex;gap:12px;align-items:center;min-height:56px;padding:9px 12px;border:1px solid #ded1eb;border-radius:12px;background:#faf6ff;cursor:pointer}
.print-option input{width:22px;height:22px;accent-color:var(--purple);flex-shrink:0}
.print-option small{font-weight:700;color:var(--muted);display:block;font-size:11px}
#printSheets{display:none}
.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,30px);max-width:calc(100% - 28px);width:max-content;background:#38274e;color:white;border-radius:16px;padding:12px 18px;font-size:13px;box-shadow:0 10px 35px #36204f33;z-index:1100;opacity:0;visibility:hidden;transition:.2s;display:flex;gap:12px;align-items:center}
.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.toast button{color:#ffe39a;background:#ffffff17;border:1px solid #b8a1d4;border-radius:8px;min-height:44px;padding:7px 12px;font-weight:900}
.noscript{position:fixed;top:0;left:0;right:0;background:#fff0c9;padding:24px;z-index:2000}
@media(min-width:1440px){.pick-section{gap:42px}.jar-stage{padding-top:60px}}
@media(max-width:1150px){.pick-section{grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);gap:24px}.result-card{grid-column:1/-1;max-width:720px;width:100%;margin:0 auto}.result-card.empty{max-width:none;margin:8px 0 0;min-height:0;display:grid;grid-template-columns:80px 1fr;column-gap:20px;padding:22px}.result-card.empty .result-topline{grid-column:2;min-height:24px}.result-card.empty .result-art{grid-column:1;grid-row:1/4;margin:0;align-self:center}.result-card.empty h2,.result-card.empty>p{grid-column:2;margin:3px 0}.result-card.empty .empty-result-note{grid-column:2;margin:10px 0 0;padding-top:10px}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.quick-controls{max-width:390px}.jar-stage{padding-top:36px}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.topbar{flex-wrap:wrap;gap:8px 16px}.topbar nav{order:3;width:100%;justify-content:center;gap:35px}.topbar .help-button{margin-left:auto}.pick-section{padding-top:28px;gap:25px}.pick-copy{padding-top:0}h1{font-size:46px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card{min-height:100px}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-toolbar{align-items:start;flex-direction:column}.section-heading h2{font-size:33px}.keyboard-hint{display:none}.jar-scene{transform:scale(.9);margin-bottom:-20px}.quick-controls label{grid-template-columns:1fr;gap:3px}.quick-chips{gap:6px}.chip{font-size:12px;padding:9px 12px}}
@media(max-width:600px){.topbar{padding:12px 5% 6px}.brand{font-size:24px}.brand-tagline{font-size:8px}.brand img{width:35px;height:42px}.topbar .help-button{font-size:11px;padding:8px}.topbar nav{gap:28px}.topbar nav a{font-size:13px}.pick-section{display:flex;flex-direction:column;padding:25px 5% 24px;gap:10px}.pick-copy{width:100%;text-align:center}.pick-copy>.eyebrow{font-size:9px}.pick-copy h1{font-size:40px;margin:9px 0;line-height:1}.pick-copy h1 br{display:none}.lede{font-size:14px;max-width:350px;margin:12px auto 16px}.quick-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:none;text-align:left}.quick-controls label{font-size:11px}.quick-controls select{font-size:12px;min-height:44px;padding-left:7px;padding-right:17px}.quick-chips{justify-content:center;margin:12px 0 4px}.quick-chips .chip{font-size:11px;padding:9px 10px}.more-choices{text-align:left;border-bottom:none}.more-choices>summary{text-align:center;padding:10px}.filter-grid label{font-size:12px}.filter-grid select{font-size:13px}.reset-filters{padding:5px 10px;min-height:36px;font-size:12px}.jar-stage{padding-top:0;width:100%}.jar-scene{transform:scale(.72);transform-origin:center top;height:268px;margin:12px auto -11px}.sparkle.one{top:40px;left:15%}.sparkle.two{top:155px;right:14%}.sparkle.three{top:60px;right:15%}.jar-stage.is-picking .jar-scene{margin-top:12px}.primary-button{font-size:16px;min-height:54px}#pickButton{min-width:245px}.pool-label{font-size:12px;margin-top:18px}.result-card{padding:22px;margin-top:24px}.result-card.empty{padding:18px;margin-top:20px;grid-template-columns:52px 1fr;column-gap:12px}.result-card.empty .result-art{height:52px;width:52px;border-radius:16px}.result-card.empty .result-art svg{width:40px;height:40px}.result-card.empty h2{font-size:24px}.result-card.empty>p{font-size:12px}.empty-result-note{font-size:10px}.result-card h2{font-size:30px}.explore-section{padding:28px 5% 40px}.section-heading{gap:10px;align-items:start}.section-heading h2{font-size:30px;max-width:250px}.section-heading .eyebrow{font-size:8px}.library-count{font-size:11px;padding-top:22px}.category-grid{gap:8px;margin-bottom:22px}.category-card{font-size:11px;padding:11px 6px;min-height:98px}.category-card svg{width:36px;height:36px}.view-buttons{gap:6px}.view-buttons .chip{font-size:11px}.library-toolbar{margin-bottom:18px}.results-heading h3{font-size:24px}.results-heading .small-note{font-size:11px}.results-heading>span{font-size:11px}.activity-grid{grid-template-columns:1fr;gap:12px}.activity-card{padding:18px}.card-title{font-size:24px}.card-art{height:52px;width:52px}.toast{bottom:14px;font-size:12px}dialog{padding:22px 18px}dialog h2{font-size:27px}.print-option{font-size:12px}.print-toolbar .text-button{font-size:12px}footer{padding:28px 5%}}
.activity-card h4{margin:3px 0 0}
@media(max-width:600px){
  .pick-copy h1{font-size:38px}
  .reset-filters{min-height:44px;vertical-align:top;font-size:11px}
  .more-choices:not([open]){display:inline-block;vertical-align:top}
  .more-choices>summary{font-size:12px}
  .jar-scene{height:367px;transform:scale(.66);margin:12px auto -142px}
  .steps li{font-size:15px}
  .result-card>p{font-size:15px}
}
@media(max-width:360px){.pick-section{padding-top:20px}.pick-copy h1{font-size:36px}.lede{font-size:13px}.jar-scene{transform:scale(.56);margin-bottom:-176px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.jar-stage.is-picking .flying-slip{display:none}}
@media print{
  @page{size:auto;margin:12mm}
  html,body{margin:0;background:white;color:#231a33;font:10pt/1.35 "Nunito",sans-serif}
  .app-shell,.skip-link,dialog,.toast,.sr-only,noscript{display:none!important}
  #printSheets{display:grid!important;grid-template-columns:1fr 1fr;gap:6mm}
  .print-slip{break-inside:avoid;page-break-inside:avoid;border:1.5pt dashed #8d7e9e;border-top:6pt solid var(--slip-color,#c9afea);border-radius:5mm;padding:5mm;box-decoration-break:clone;-webkit-box-decoration-break:clone;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .print-slip h2{font-size:17pt;line-height:1.15;margin:2mm 0}
  .print-slip h3{font:900 10pt "Nunito",sans-serif;margin:3mm 0 1mm}
  .print-slip p{font-size:9pt;margin:2mm 0}
  .print-slip ol{padding-left:5mm;margin:2mm 0}
  .print-slip li{font-size:9pt;margin:1.5mm 0}
  .print-slip .print-brand{font-size:8pt;color:#564168;font-weight:900;letter-spacing:.07em}
  .print-slip .print-meta{font-size:8pt;color:#574b63}
  .print-slip .print-twist{background:#f6f0dd;border-radius:2mm;padding:2mm}
  .print-slip .print-adult{font-size:8pt}
}