@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--red:#b61f32;--ink:#242222;--muted:#696361;--cream:#fbf8f3;--border:#e7e0d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}.wrap{max-width:1200px;width:calc(100% - 96px);margin-inline:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}:focus-visible{outline:3px solid #1d6370;outline-offset:5px}.skip{position:absolute;top:-80px;left:20px;z-index:10;background:white;padding:16px}.skip:focus{top:10px}.preview{background:#322a2b;color:#fff9f5;padding:10px 24px;text-align:center;font-size:12px;line-height:1.5}.preview span:first-child{font-weight:700;letter-spacing:1.1px;margin-right:16px;color:#f3d6b4}header{display:flex;align-items:center;justify-content:space-between;height:108px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;letter-spacing:1.5px;line-height:1.1}.brandmark{font-size:38px;color:var(--red)}.brand-sub{display:block;font-size:10px;font-weight:600;letter-spacing:4.6px;margin-top:7px}nav{display:flex;gap:34px;font-size:13px;font-weight:600}nav a:hover{color:var(--red)}nav span{margin-left:5px}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:490px;align-items:center;padding-top:22px;padding-bottom:34px;gap:30px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;line-height:1.8}.hero .eyebrow{color:var(--red);display:flex;align-items:center;gap:8px}.eyebrow>span:not(.demo-label){width:6px;height:6px;border-radius:50%;background:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(36px,4.3vw,58px);line-height:1.12;letter-spacing:-2.8px;font-weight:800;margin:18px 0 23px}h1 em{font-style:normal;color:var(--red)}.intro{max-width:450px;color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:25px}.button{display:inline-flex;gap:30px;align-items:center;background:var(--red);color:white;padding:17px 22px;border-radius:6px;font-size:12px;font-weight:700;box-shadow:0 5px 15px #b61f3215}.button:hover{background:#961529}.hero-note{margin-top:16px;color:var(--muted);font-size:10px}.art{position:relative;height:400px;isolation:isolate;background:radial-gradient(ellipse at 55% 55%,#eddfd1 0,transparent 65%)}.ornament{position:absolute;border-radius:50%;display:grid;place-items:center;box-shadow:18px 25px 30px #64412b1c}.ornament:before{content:'';position:absolute;top:-16px;left:calc(50% - 16px);width:32px;height:21px;background:linear-gradient(90deg,#a88b60,#dfc79c,#a88b60);border-radius:4px 4px 0 0}.ornament:after{content:'';position:absolute;top:-28px;left:calc(50% - 7px);width:12px;height:15px;border:2px solid #b79869;border-radius:50%;z-index:-1}.main-red{width:243px;height:243px;top:100px;left:calc(50% - 106px);background:radial-gradient(circle at 32% 25%,#e35962 0,#bc2839 43%,#841226 100%);transform:rotate(-8deg);color:#fff5e6}.ornament-label{text-align:center;font-size:11px;letter-spacing:2px}.ornament-label strong{display:block;font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:31px;letter-spacing:-1px;margin:14px 0}.ornament-label span{display:block;font-size:18px}.small{width:112px;height:112px;top:68px;left:25px;background:radial-gradient(circle at 35% 25%,#fff,#e9dfce 80%);color:var(--red);transform:rotate(13deg)}.small span{font-size:60px}.little{width:73px;height:73px;right:5px;top:245px;background:radial-gradient(circle at 30% 20%,#d64852,#991329);color:#f7d7b1;transform:rotate(10deg)}.little span{font-size:40px}.little:before{width:20px;left:calc(50% - 10px);height:14px;top:-11px}.line{position:absolute;width:1px;background:#bda883}.l1{left:81px;top:0;height:45px}.l2{left:calc(50% + 12px);top:0;height:75px}.l3{right:42px;top:100px;height:122px}.spark{position:absolute;color:var(--red)}.s1{font-size:45px;top:45px;right:27px}.s2{font-size:20px;bottom:50px;left:35px}.s3{font-size:25px;top:205px;left:12px}.art-caption{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:10px;color:#83766c;font-style:italic}.scoreboard{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px 32px;box-shadow:0 8px 28px #42282105}.score-heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px;border-bottom:1px solid var(--border);padding-bottom:21px;margin-bottom:26px}.score-heading .eyebrow{width:100%;margin-bottom:0;color:var(--red)}.demo-label{background:#f5e7df;color:#80252a;padding:3px 5px;border-radius:3px;font-size:8px;letter-spacing:1px;margin-left:6px}.score-heading h2{font-size:20px;margin:0;letter-spacing:-.6px}.score-heading>p:last-child{font-size:10px;color:var(--muted);margin:0 0 0 auto}.status-dot{display:inline-block;width:6px;height:6px;background:#a8782b;border-radius:50%;margin-right:5px}.metrics{display:grid;grid-template-columns:1.15fr 1fr 1fr}.metrics>div{padding:0 25px;border-left:1px solid var(--border)}.metrics>div:first-child{border:0;padding-left:0}.metric-label{font-size:11px;color:var(--muted);display:block}.metrics strong{display:block;font-size:42px;letter-spacing:-1.6px;margin:6px 0;font-family:'Manrope',Arial,sans-serif;font-weight:800}.metrics strong>span{font:500 10px 'DM Sans',sans-serif;letter-spacing:0}.metrics small{font-size:10px;color:var(--muted);line-height:1.7;display:block}.metrics .goal strong{font-size:27px;margin:12px 0}.goal strong span{color:var(--red);font-size:24px;margin-left:12px}.leaderboard{padding-top:75px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-top .eyebrow{color:var(--red);margin-bottom:10px}h2{font-size:32px;letter-spacing:-1.1px;line-height:1.25;margin-bottom:12px}.red-dot{color:var(--red)}.subtext{color:var(--muted);font-size:13px;margin-bottom:0}.view-switch{display:flex;border:1px solid var(--border);background:#f0ebe5;border-radius:6px;padding:4px;flex-shrink:0}.view-switch button{border:0;background:transparent;padding:9px 12px;border-radius:4px;font-size:10px;color:#655e58}.view-switch button[aria-pressed=true]{background:#fff;color:var(--red);box-shadow:0 1px 5px #44221112;font-weight:700}.podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:16px;margin:44px 0 42px;align-items:end}.podium-card{padding:28px 20px 22px;background:#fff;border:1px solid var(--border);border-radius:9px;text-align:center;position:relative}.podium-card.first{background:#b61f32;color:white;padding-top:38px;padding-bottom:28px;box-shadow:0 8px 18px #b61f3216;border-color:var(--red)}.podium-card.first:before{content:'LEADING THE CHEER';position:absolute;background:#efd6ad;color:#5a281c;font-size:8px;letter-spacing:1.5px;font-weight:800;padding:7px 16px;top:-13px;border-radius:20px;left:50%;transform:translateX(-50%);white-space:nowrap}.place-icon{font-size:16px;border-radius:50%;background:#f6f0e6;color:#856444;width:35px;height:35px;display:grid;place-items:center;margin:0 auto 13px}.first .place-icon{background:#ffffff17;color:#ffe4b5}.podium-card h3{font-size:17px;margin-bottom:5px}.podium-card .sample{font-size:9px;opacity:.7}.podium-value{font-size:36px;font-family:'Manrope',Arial,sans-serif;font-weight:800;letter-spacing:-1px;display:block;margin:18px 0 3px}.podium-value span{font:400 10px 'DM Sans',sans-serif;letter-spacing:0;display:block;opacity:.75;margin-top:3px}.podium-raised{font-size:11px;margin-top:15px;color:var(--red);font-weight:700}.first .podium-raised{color:#ffe4d2}.table-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.table-top h3{font-size:16px;margin-bottom:5px}.table-top p{font-size:10px;color:var(--muted);margin-bottom:0}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;padding:10px 14px;background:#fff}.search span:first-child{font-size:24px;line-height:16px;color:#81746d}.search input{border:0;outline-offset:4px;min-width:0;width:170px;background:transparent;font-size:11px;color:var(--ink)}.rank-table{background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden}.table-head,.class-row{display:grid;grid-template-columns:65px 1fr 100px 100px;align-items:center;gap:18px;padding:16px 25px}.table-head{background:#f4eee7;color:#77695e;font-size:8px;font-weight:700;letter-spacing:1px}.table-head span:nth-last-child(-n+2){text-align:right}.class-row{border-top:1px solid #f0ebe5;min-height:80px}.rank{font-size:12px;color:#85756c}.class-name{font-size:12px;font-weight:700}.class-bar{height:4px;background:#f6f0ea;max-width:360px;margin-top:10px;border-radius:10px}.class-bar span{display:block;height:4px;background:#ca5160;border-radius:10px}.units,.amount{text-align:right;font-size:13px;font-weight:600}.amount{color:var(--red)}.table-foot{font-size:10px;line-height:1.7;color:var(--muted);margin-top:12px;max-width:650px}.no-results{padding:30px;text-align:center;color:var(--muted);font-size:13px}.empty-state{text-align:center;padding:65px 20px;margin-top:30px;background:white;border:1px dashed #d4c4b8;border-radius:10px}.empty-state>span{font-size:55px;color:var(--red)}.empty-state .eyebrow{margin-top:14px;color:var(--red)}.empty-state h3{font-size:24px}.empty-state p{font-size:13px;line-height:1.8;color:var(--muted);max-width:430px;margin-inline:auto}.empty-state .empty-note{font-size:10px}.how{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:50px;margin-top:60px}.how .eyebrow{color:var(--red);margin-bottom:14px}.how>div>p:last-child{font-size:13px;color:var(--muted);line-height:1.8}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:20px;margin-bottom:25px}.how li:last-child{margin-bottom:0}.how li>span{font-size:11px;color:var(--red);border:1px solid #e9d8d5;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;border-radius:50%}.how h3{font-size:14px;margin-bottom:7px}.how li p{font-size:12px;color:var(--muted);line-height:1.7;margin:0;max-width:355px}.details{padding-block:28px}.details details{border-bottom:1px solid var(--border)}summary{padding:20px 0;font-size:12px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}summary span{color:var(--red);font-size:17px}details p{max-width:720px;font-size:12px;color:var(--muted);line-height:1.8;padding-bottom:10px}.closing{display:flex;align-items:center;justify-content:center;gap:45px;text-align:center;padding:35px 0 55px}.closing>span{font-size:26px;color:#b92336}.closing p{font-size:15px;line-height:1.7;margin:0;color:var(--muted)}.closing strong{font-weight:600;color:var(--ink)}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-block:27px;gap:20px;font-size:9px;color:var(--muted)}footer p{margin:0}.footer-school{font-weight:800;letter-spacing:1px;color:var(--ink)}.footer-school span{display:block;font-weight:400;letter-spacing:0;font-size:9px;color:var(--muted);margin-top:6px}.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}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:530px}}@media(max-width:850px){.wrap{width:calc(100% - 48px)}h1{font-size:42px;letter-spacing:-2px}.hero{gap:0}.art{transform:scale(.85);transform-origin:center;min-width:300px;margin-left:-20px}.metrics>div{padding-inline:15px}.metrics strong{font-size:33px}.metrics .goal strong{font-size:23px}.section-top{align-items:flex-start;flex-direction:column}.how{gap:35px}.score-heading>p:last-child{margin-left:0}footer>span{display:none}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.preview{font-size:10px;padding:8px 18px}.preview span{display:block}.preview span:first-child{margin:0 0 3px}header{height:82px}.brand{font-size:15px;gap:9px}.brandmark{font-size:31px}.brand-sub{font-size:8px;letter-spacing:4px}nav{gap:18px;font-size:10px}nav a:last-child{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:34px;padding-bottom:20px}.hero .eyebrow{font-size:8px}h1{font-size:42px;letter-spacing:-2px;margin:15px 0 18px}.intro{font-size:13px;line-height:1.8}.button{padding:16px 19px;font-size:11px;gap:23px}.hero-note{font-size:9px}.art{height:310px;min-width:0;width:100%;transform:scale(.8);transform-origin:center top;margin:0 0 -45px}.scoreboard{padding:23px 21px}.score-heading h2{font-size:19px}.score-heading{gap:9px;margin-bottom:22px}.score-heading>p:last-child{font-size:9px}.metrics{grid-template-columns:1fr 1fr;gap:20px 0}.metrics>div:nth-child(2){padding-right:0;padding-left:17px}.metrics strong{font-size:32px}.metric-label{font-size:10px;line-height:1.6}.metrics small{font-size:9px}.metrics .goal{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);padding:18px 0 0}.metrics .goal strong{font-size:23px;margin:4px 0}.leaderboard{padding-top:45px}h2{font-size:27px;letter-spacing:-1px}.subtext{font-size:12px}.section-top{gap:20px}.podium{gap:8px;margin-top:36px;margin-bottom:31px;grid-template-columns:1fr 1.12fr 1fr}.podium-card{padding:22px 6px 18px}.podium-card.first{padding:30px 6px 22px}.podium-card.first:before{font-size:6px;padding:6px 8px;letter-spacing:.7px;top:-10px}.podium-card h3{font-size:12px}.podium-card .sample{font-size:7px}.place-icon{width:29px;height:29px;font-size:13px;margin-bottom:10px}.podium-value{font-size:28px;margin-top:13px}.podium-value span{font-size:8px}.podium-raised{font-size:9px}.table-top{align-items:stretch;flex-direction:column;gap:13px}.search input{width:100%;font-size:12px}.table-head,.class-row{padding:14px 13px;grid-template-columns:24px 1fr 55px 55px;gap:9px}.table-head{font-size:7px;letter-spacing:.5px}.class-name{font-size:11px}.units,.amount{font-size:11px}.rank{font-size:10px}.class-row{min-height:75px}.table-foot{font-size:9px}.how{grid-template-columns:1fr;gap:25px;margin-top:36px;padding-block:33px}.how h2{font-size:28px}.how>div>p:last-child{font-size:12px}.how li p{font-size:11px}.details{padding-top:15px}.closing{gap:20px;padding:23px 0 34px}.closing p{font-size:12px}.closing>span{font-size:20px}footer{padding-block:22px;align-items:flex-start;font-size:8px}.footer-school{font-size:8px}.footer-school span{font-size:8px}footer p{max-width:105px;text-align:right;line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Clear, comfortable reading for families and elementary classrooms. */
.preview{font-size:13px}.eyebrow{font-size:11px}.intro{font-size:17px}.button{font-size:14px}.hero-note{font-size:12px}.score-heading>p:last-child{font-size:12px}.metric-label{font-size:13px}.metrics small{font-size:12px}.subtext{font-size:15px}.view-switch button{font-size:12px}.podium-card .sample{font-size:10px}.podium-value span{font-size:12px}.podium-raised{font-size:13px}.table-top p{font-size:12px}.search input{font-size:14px}.table-head{font-size:10px}.class-name{font-size:14px}.units,.amount{font-size:15px}.table-foot{font-size:12px}.how>div>p:last-child{font-size:15px}.how h3{font-size:17px}.how li p{font-size:14px}summary{font-size:15px}details p{font-size:14px}footer{font-size:11px}.footer-school span{font-size:11px}
@media(max-width:600px){.preview{font-size:11px}.hero .eyebrow{font-size:10px}.intro{font-size:15px}.button{font-size:13px}.hero-note{font-size:11px}.metric-label{font-size:12px}.metrics small{font-size:11px}.score-heading>p:last-child{font-size:11px}.subtext{font-size:14px}.podium-card .sample{font-size:8px}.podium-value span{font-size:10px}.podium-raised{font-size:11px}.podium-card h3{font-size:13px}.table-head{font-size:8px}.class-name{font-size:12px}.units,.amount{font-size:12px}.table-foot{font-size:11px}.how>div>p:last-child,.how li p{font-size:14px}.closing p{font-size:14px}footer{font-size:10px}.footer-school,.footer-school span{font-size:10px}}
.school-crest{object-fit:contain;width:58px;height:58px}.ornament-crest{display:block;object-fit:contain;margin:0 auto;width:110px;height:110px}.ornament-label strong{margin:3px 0 0;font-size:28px}.art-caption{font-size:11px}@media(max-width:600px){.school-crest{width:46px;height:46px}.brand{gap:8px}}
/* Big school pride, playful type, and dimensional classroom towers. */
header{height:190px}.school-crest{width:150px;height:150px}.brand{gap:20px;font-size:24px}.brand-sub{font-size:14px;letter-spacing:6px}nav{font-size:15px}
h1,h2,h3,.metrics strong,.clock-digits{font-family:'Fredoka','Manrope',Arial,sans-serif;font-weight:600}h1{font-size:clamp(42px,4.8vw,66px);letter-spacing:-1.8px}h2{letter-spacing:-.5px}.button{border-radius:30px;box-shadow:0 5px 0 #801929}.hero{min-height:470px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics>div{padding-inline:20px}.metrics strong{font-size:40px;letter-spacing:-1px}.metrics .goal strong{font-size:29px}.participation-track{height:10px;background:#e1f1ec;border-radius:20px;margin-top:12px;overflow:hidden}.participation-track span{display:block;height:100%;background:#258570;border-radius:20px}.participation strong{color:#19705e}.scoreboard{border-radius:22px}.countdown-card{margin-top:24px;background:#b61f32;color:white;padding:30px 34px;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;border-radius:22px;box-shadow:0 8px 0 #e9d6ca;position:relative}.countdown-card .eyebrow{color:#ffe7a3;margin-bottom:7px}.countdown-card h2{font-size:32px;margin-bottom:8px}.countdown-card p{line-height:1.5}.countdown-card #clock-note{font-size:14px;max-width:390px;margin-bottom:0}.clock-face{text-align:center;align-self:center}.clock-digits{font-size:clamp(44px,5.6vw,76px);font-variant-numeric:tabular-nums;letter-spacing:4px;line-height:1.1;background:#86182a;border:1px solid #d75d6c;border-radius:14px;padding:12px 10px;white-space:nowrap}.clock-labels{display:grid;grid-template-columns:repeat(3,1fr);max-width:340px;margin:8px auto;font-size:10px;font-weight:700;letter-spacing:1px}.clock-face p{font-size:12px;margin:8px 0 0;color:#ffe7ce}.clock-disclaimer{grid-column:1/-1;font-size:11px;color:#fff1dd;margin:3px 0 0}.chart-card{margin:28px 0 32px;background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px 28px 16px;box-shadow:0 7px 0 #ece5da}.chart-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.chart-heading .eyebrow{color:var(--red)}.chart-heading h3{font-size:26px;margin:5px 0}.chart-key{background:#fff2ca;color:#765320;border-radius:20px;padding:10px 14px;font-size:12px;font-weight:700}.chart-scroll{overflow-x:auto;padding:40px 18px 0 0}.bar-chart{position:relative;display:grid;grid-template-columns:repeat(var(--class-count),minmax(92px,1fr));gap:20px;min-width:680px;width:max(100%,calc(var(--class-count)*112px + 42px));padding-left:42px}.chart-grid{position:absolute;left:42px;right:0;top:0;height:240px;border-bottom:2px solid #cfc4b5;background:linear-gradient(#fff,#faf6ef)}.chart-grid>span{position:absolute;border-top:1px dashed #e0d7ca;left:0;right:0}.chart-grid b{position:absolute;right:calc(100% + 10px);top:-8px;color:#847568;font-size:11px;font-weight:500}.chart-column{position:relative;min-width:0;text-align:center}.bar-space{height:240px;display:flex;align-items:flex-end;justify-content:center;padding-right:12px}.bar-tower{position:relative;width:64%;max-width:86px;height:var(--height);--face:#d83b50;--top:#f1767d;--side:#9e1d36;filter:drop-shadow(8px 6px 3px #64412b18)}.bar-front{position:absolute;inset:0;background:linear-gradient(90deg,var(--face),var(--face) 65%,color-mix(in srgb,var(--face),white 12%));border:1px solid #00000008}.bar-top{position:absolute;left:0;right:0;top:-12px;height:12px;background:var(--top);transform:skewX(-45deg);transform-origin:bottom}.bar-side{position:absolute;left:100%;top:0;width:12px;height:100%;background:var(--side);transform:skewY(-45deg);transform-origin:left}.bar-value{position:absolute;bottom:calc(100% + 23px);left:0;right:-10px;font-family:'Fredoka','Manrope',sans-serif;font-size:23px;color:var(--ink);font-weight:600}.bar-tower.zero .bar-top,.bar-tower.zero .bar-side,.bar-tower.zero .bar-front{display:none}.color-1{--face:#eead2c;--top:#ffda73;--side:#bb7c14}.color-2{--face:#348d79;--top:#74bfab;--side:#1b5c4e}.color-3{--face:#448fc4;--top:#8bc8ed;--side:#26628c}.color-4{--face:#8f69ae;--top:#c5a4dc;--side:#66447f}.color-5{--face:#e58245;--top:#f7ba84;--side:#ad5226}.bar-class{font-size:12px;line-height:1.35;font-weight:700;padding:16px 0 8px;overflow-wrap:anywhere}.bar-place{display:block;color:#927661;font-size:11px;margin-bottom:5px}.chart-hint{font-size:12px;color:var(--muted);margin:15px 0 0}.rank-table{border-radius:16px}.class-row{min-height:68px}.table-head{grid-template-columns:65px 1fr 100px 120px}.class-row{grid-template-columns:65px 1fr 100px 120px}.ornament-label strong{font-size:28px}
@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.metrics>div{border:0;padding:0!important}.metrics .goal{border:0;grid-column:auto}.countdown-card{gap:20px}.clock-digits{font-size:52px;letter-spacing:2px}}
@media(max-width:600px){header{height:150px}.school-crest{width:112px;height:112px}.brand{gap:10px;font-size:16px}.brand-sub{font-size:9px;letter-spacing:4px}nav{font-size:12px;max-width:75px;text-align:right}.hero h1{font-size:44px}.metrics{gap:22px 18px}.metrics strong{font-size:35px}.metrics .goal strong{font-size:25px}.countdown-card{padding:24px 20px;grid-template-columns:1fr}.countdown-card h2{font-size:29px}.clock-face{width:100%;max-width:370px;margin:auto}.clock-digits{font-size:clamp(40px,12vw,58px);letter-spacing:2px}.clock-disclaimer{font-size:11px}.chart-card{padding:22px 16px 16px}.chart-heading{align-items:flex-start;flex-direction:column;gap:6px}.chart-key{font-size:11px;padding:7px 12px}.chart-heading h3{font-size:25px}.bar-chart{gap:18px;min-width:660px}.table-head,.class-row{grid-template-columns:24px 1fr 62px 75px;gap:8px;padding-inline:12px}.table-head{font-size:8px}.table-head span:last-child{line-height:1.3}.chart-hint{font-size:11px}.brand>span{max-width:130px}}
@media(max-width:370px){.brand>span{display:none}.school-crest{width:108px;height:108px}.metrics strong{font-size:30px}}
.bar-chart{grid-template-columns:repeat(var(--class-count),minmax(70px,1fr));gap:18px;min-width:580px;width:max(100%,calc(var(--class-count)*82px + 42px))}
@media(max-width:600px){.art{height:390px;margin-bottom:-60px}.chart-hint:after{content:' Swipe sideways to see every class.'}}
/* More breathing room, a real school ornament, and an update-ready action. */
body{line-height:1.65;letter-spacing:.01em}h1,h2,h3{letter-spacing:0;font-weight:500}h1{line-height:1.2;margin-bottom:27px}h2{line-height:1.3}h3{line-height:1.4}.eyebrow{letter-spacing:1.2px;line-height:1.9}.hero{gap:42px;padding-block:36px 46px}.hero h1{letter-spacing:0}.intro{line-height:1.9}.brand{letter-spacing:1.7px}.metrics strong{letter-spacing:0;line-height:1.2;font-weight:500;margin-block:12px}.metric-label{line-height:1.65}.metrics small{line-height:1.8}.metrics .goal strong{line-height:1.4}.score-heading{row-gap:12px}.class-name,.units,.amount{line-height:1.6}.class-row{padding-block:20px}.button{line-height:1.5;padding:18px 25px}.subtext,.table-foot{line-height:1.8}.how li{margin-bottom:30px}.how li p,details p{line-height:1.9}.closing p{line-height:1.9}.bar-class{line-height:1.55}.bar-value{font-weight:500}.countdown-card{padding:34px;gap:24px 30px}.countdown-card h2{font-size:32px;line-height:1.35}.clock-digits{font-weight:500;letter-spacing:3px;line-height:1.2}.refresh-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:21px;padding:16px 20px;border:2px solid #ffde93;border-radius:16px;background:#ffe5a4;color:#602137;font-weight:700;font-size:21px;line-height:1.4;letter-spacing:.02em;box-shadow:0 5px 0 #701324;cursor:pointer}.refresh-button span{font-size:30px;line-height:1}.refresh-button:disabled{background:#ffffff12;color:#f3cbd0;border-color:#ffffff35;box-shadow:none;cursor:not-allowed}.refresh-button:not(:disabled):hover{background:#fff1ca;transform:translateY(-1px)}.refresh-button:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 #701324}.refresh-button:focus-visible{outline-color:#ffe5a4}.clock-face .refresh-status{min-height:3.4em;line-height:1.7;font-size:12px;margin-top:13px;color:#fff1dc}.snowflake-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:8px 0 0}.snowflake-hero{display:block;width:100%;max-width:430px;height:auto;object-fit:contain;position:relative;z-index:1}.snowflake-shadow{display:block;width:53%;max-width:225px;height:22px;margin:0 auto 16px;border-radius:50%;background:radial-gradient(ellipse,#6b4b3733 0,#6b4b3715 46%,transparent 72%);filter:blur(3px)}.snowflake-caption{text-align:center;font-size:12px;line-height:1.7;color:#83766c;font-style:italic;margin:0}.hero-copy{min-width:0}
@media(max-width:850px){.hero{gap:24px}h1{font-size:42px}.countdown-card{padding:28px}.clock-digits{font-size:48px;letter-spacing:2px}}
@media(max-width:600px){.hero{gap:26px;padding-top:32px;padding-bottom:28px}.hero h1{font-size:42px;line-height:1.24}.hero .eyebrow{letter-spacing:1px}.snowflake-art{padding:0 8px}.snowflake-hero{max-width:340px}.snowflake-shadow{height:18px;margin-bottom:12px}.metrics strong{font-size:34px}.score-heading h2{font-size:22px}.countdown-card{padding:26px 21px;gap:20px}.countdown-card h2{font-size:28px}.clock-digits{font-size:clamp(38px,11vw,54px);letter-spacing:2px}.refresh-button{font-size:20px;padding:16px}.class-row{padding-block:18px}.bar-class{line-height:1.55}.closing p{line-height:1.8}}
.fundraiser-credit{font-size:13px;line-height:1.8;margin:24px 0 0;color:var(--muted)}.fundraiser-credit a{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:4px}.fundraiser-partner{background:#f3eadc;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;margin-bottom:40px}.fundraiser-partner .eyebrow{color:var(--red);margin-bottom:8px}.fundraiser-partner h2{font-size:27px}.fundraiser-partner p:last-child{font-size:14px;color:var(--muted);margin:0}.fundraiser-partner .button{flex-shrink:0;white-space:nowrap}
@media(max-width:900px){.fundraiser-partner{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.fundraiser-partner{padding:24px 20px}.fundraiser-partner .button{font-size:12px;padding:16px;gap:12px}.fundraiser-credit{font-size:12px}}

/* A celebratory podium, revealed only when checked sales establish leaders. */
.leaders[hidden]{display:none}.leaders{margin:38px 0 42px}.leaders-heading .eyebrow{color:var(--red);margin-bottom:6px}.leaders-heading h3{font-size:30px;margin-bottom:6px}.leaders-heading>p:last-child,.leaders-note{font-size:13px;color:var(--muted);line-height:1.8}.leaders .podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:34px 0 20px;align-items:center}.leaders .podium-card{min-width:0;border-radius:22px;padding:28px 20px;background:#fff;box-shadow:0 7px 0 #e8e0d6}.leaders .podium-card.first{background:var(--red);padding:42px 20px 34px;box-shadow:0 8px 0 #84182b;color:#fff}.leaders .first:before{font-size:10px;letter-spacing:1.2px;padding:8px 20px;top:-17px}.leader-place{font-size:17px;font-weight:700;margin:0 0 14px}.leader-place>span{color:#a76b17;font-size:24px;margin-right:7px}.first .leader-place>span{color:#ffe4a5}.leaders h4{font-family:'Fredoka','DM Sans',sans-serif;font-size:clamp(26px,3vw,36px);line-height:1.4;font-weight:500;margin:0;overflow-wrap:anywhere}.leader-join{display:inline-block;opacity:.8}.leaders .podium-value{font-family:'Fredoka','DM Sans',sans-serif;font-size:clamp(52px,6vw,80px);font-weight:600;line-height:1.1;letter-spacing:0;margin:24px 0 0;overflow-wrap:anywhere}.leaders .podium-value span{font-size:15px;line-height:1.7;margin-top:10px;opacity:1}.leaders .podium-raised{font-family:'Fredoka','DM Sans',sans-serif;font-size:clamp(30px,3.3vw,44px);font-weight:500;line-height:1.2;margin:24px 0 0;overflow-wrap:anywhere}.leaders .podium-raised span{display:block;font-family:'DM Sans',sans-serif;font-size:12px;line-height:1.7;margin-top:9px}.leaders-note{text-align:center;margin:0}.leaders .podium-card[data-place="2"]{grid-column:1;grid-row:1}.leaders .podium-card[data-place="1"]{grid-column:2;grid-row:1}.leaders .podium-card[data-place="3"]{grid-column:3;grid-row:1}.leaders .podium[data-count="1"]{grid-template-columns:minmax(0,420px);justify-content:center}.leaders .podium[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:840px;margin-inline:auto}.leaders .podium[data-count="1"] .podium-card,.leaders .podium[data-count="2"] .podium-card{grid-column:auto;grid-row:auto}
@media(max-width:600px){.leaders-heading h3{font-size:27px}.leaders .podium,.leaders .podium[data-count="2"]{grid-template-columns:minmax(0,1fr);gap:24px}.leaders .podium-card[data-place]{grid-column:auto;grid-row:auto}.leaders .podium-card,.leaders .podium-card.first{padding:28px 22px}.leaders .podium-card.first{padding-top:38px}.leaders .podium-value{font-size:72px}.leaders .podium-raised{font-size:40px}.leaders h4{font-size:32px}.leaders .podium-value span{font-size:16px}}