@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@500;700;800&display=swap";:root{color:#263238;font-synthesis:none;text-rendering:optimizelegibility;--yellow:#ffd84d;--sun:#fff176;--sky:#4fc3f7;--pink:#ff8bb3;--mint:#8be28b;--orange:#ffb347;--paper:#fffdf2;--ink:#263238;--line:#243238;--shadow:0 18px 0 #26323824;background:#fff7bd;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg,#ffffff59 1px,#0000 1px) 0 0/44px 44px,linear-gradient(#ffffff59 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 20% 10%,#fff6a3 0 13%,#0000 14%),#ffd84d;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{min-height:100vh;position:relative;overflow:hidden}.classroom-wall{pointer-events:none;z-index:-1;position:fixed;inset:0}.shape{opacity:.55;font-family:"Baloo 2",cursive;font-weight:800;position:absolute}.shape-star{color:#ff8bb3;font-size:68px;top:132px;left:4vw;transform:rotate(-16deg)}.shape-cloud{color:#263238;border:3px solid var(--line);background:#fff;border-radius:999px;padding:12px 24px;top:210px;right:5vw;box-shadow:6px 6px #26323829}.shape-ruler{border:3px solid var(--line);background:repeating-linear-gradient(90deg,#ffb347 0 14px,#263238 14px 17px,#ffb347 17px 28px);width:220px;height:34px;bottom:110px;right:12vw;transform:rotate(-12deg)}.shape-pencil{border:3px solid var(--line);background:linear-gradient(90deg,#ff8bb3 0 72%,#f7d19c 72% 86%,#263238 86%);border-radius:99px;width:180px;height:28px;bottom:90px;left:9vw;transform:rotate(18deg)}.site-header{border:4px solid var(--line);background:#fffdf2f0;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(1180px,100% - 32px);min-height:84px;margin:18px auto 0;padding:14px;display:grid;box-shadow:0 10px #2632382e}.brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{color:#263238;background:var(--yellow);border:4px solid var(--line);border-radius:8px;flex:none;place-items:center;width:52px;height:52px;font-family:"Baloo 2",cursive;font-size:34px;font-weight:800;display:grid;box-shadow:4px 4px #ff8bb3}.brand strong,h1,h2,h3{letter-spacing:0;font-family:"Baloo 2",cursive}.brand strong{font-size:24px;line-height:1;display:block}.brand small{font-size:13px;font-weight:800;display:block}.main-nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.main-nav a,.button,.filter-pills button{border:3px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:900;display:inline-flex;box-shadow:4px 4px #26323829}.main-nav a.active{background:var(--sun)}.hero-section{grid-template-columns:minmax(0,1fr) minmax(330px,.76fr);align-items:center;gap:26px;width:min(1180px,100% - 32px);min-height:560px;margin:38px auto 0;display:grid}.hero-copy{padding:clamp(16px,4vw,44px) 0}.sticker,.eyebrow{border:3px solid var(--line);min-height:34px;color:var(--ink);background:#ff8bb3;border-radius:8px;align-items:center;padding:6px 12px;font-weight:900;display:inline-flex;box-shadow:4px 4px #26323829}.hero-copy h1{color:#263238;text-shadow:8px 8px #4fc3f7,14px 14px #ff8bb3;margin:16px 0 4px;font-size:clamp(76px,17vw,188px);line-height:.82}.hero-copy p{width:min(650px,100%);margin:28px 0 0;font-size:clamp(19px,2vw,26px);font-weight:900;line-height:1.35}.hero-actions,.form-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button{border:3px solid var(--line)}.button.primary{background:#8be28b}.button.secondary{background:#4fc3f7}.button.ghost{background:#fff}.featured-board,.notebook-panel,.admin-board,.login-panel,.article-detail{background:var(--paper);border:4px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.featured-board{gap:18px;padding:18px;display:grid;position:relative;transform:rotate(1.5deg)}.board-pin{border:4px solid var(--line);background:#ff8bb3;border-radius:50%;width:34px;height:34px;position:absolute;top:-18px;left:50%}.featured-board img,.post-image img,.article-hero img,.image-preview img,.admin-item img{object-fit:cover;border:3px solid var(--line);border-radius:8px;width:100%}.featured-board img{aspect-ratio:4/3}.featured-board h2{margin:12px 0 8px;font-size:clamp(30px,4vw,44px);line-height:1}.featured-board p,.post-body p,.login-panel p,.empty-state{color:#4a585e;font-weight:800;line-height:1.5}.category-strip,.section-wrap,.page{width:min(1180px,100% - 32px);margin:42px auto 0}.category-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.category-tile{text-align:center;background:var(--tile-color);border:4px solid var(--line);border-radius:8px;place-items:center;gap:8px;min-height:116px;padding:16px;font-family:"Baloo 2",cursive;font-size:22px;font-weight:800;display:grid;box-shadow:6px 6px #26323833}.section-wrap,.notebook-panel,.admin-board,.login-panel{padding:clamp(18px,3vw,30px)}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.section-heading h1,.section-heading h2{margin:8px 0 0;font-size:clamp(32px,5vw,52px);line-height:1}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.post-card{border:4px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;box-shadow:7px 7px #2632382e}.post-image img{aspect-ratio:16/10;border-width:0 0 3px;border-radius:0}.post-body{padding:16px}.category-badge{background:var(--badge-color);border:3px solid var(--line);border-radius:8px;align-items:center;gap:7px;min-height:32px;padding:5px 10px;font-size:13px;font-weight:900;display:inline-flex}.post-body h3{min-height:80px;margin:12px 0 8px;font-size:26px;line-height:1.02}.post-meta{color:#607078;justify-content:space-between;gap:10px;margin-top:14px;font-size:14px;font-weight:900;display:flex}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.pagination button{border:3px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 13px;font-weight:900;display:inline-flex;box-shadow:4px 4px #26323829}.pagination button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.pagination span{border:3px solid var(--line);background:#fff176;border-radius:8px;align-items:center;min-height:42px;padding:8px 13px;font-weight:900;display:inline-flex}.toolbar{gap:14px;margin-bottom:20px;display:grid}.search-box{border:3px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:54px;padding:0 14px;display:flex}.search-box input,.admin-form input,.admin-form textarea,.admin-form select{border:3px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:11px 12px;font-weight:800}.search-box input{border:0;outline:0;padding:0}.filter-pills{flex-wrap:wrap;gap:10px;display:flex}.filter-pills button.active{background:#fff176}.article-detail{overflow:hidden}.article-hero img{aspect-ratio:16/7;border-width:0 0 4px;border-radius:0}.article-content{max-width:820px;margin:0 auto;padding:clamp(20px,5vw,54px)}.article-content h1{margin:16px 0 10px;font-size:clamp(40px,7vw,72px);line-height:.95}.article-content p{font-size:19px;font-weight:700;line-height:1.7}.article-content .lead{font-size:24px;font-weight:900}.code-snippet{border:4px solid var(--line);background:#263238;border-radius:8px;margin:26px 0;overflow:hidden;box-shadow:7px 7px #2632382e}.code-snippet figcaption{color:var(--ink);border-bottom:3px solid var(--line);background:#8be28b;padding:9px 14px;font-weight:900}.code-snippet pre{margin:0;padding:18px;overflow-x:auto}.code-snippet code{color:#fffdf2;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.6}.related-wrap{padding-left:0;padding-right:0}.login-panel{grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);align-items:start;gap:28px;display:grid}.admin-page{gap:28px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{border:4px solid var(--line);background:#fff;border-radius:8px;align-content:center;gap:5px;min-height:128px;padding:16px;display:grid;box-shadow:6px 6px #26323829}.stat-card:first-child{background:#dff7ff}.stat-card:nth-child(2){background:#8be28b}.stat-card:nth-child(3){background:#fff176}.stat-card:nth-child(4){background:#ffb347}.stat-card strong{font-family:"Baloo 2",cursive;font-size:42px;line-height:1}.stat-card span{font-weight:900}.category-meter{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.category-meter span{background:var(--badge-color);border:3px solid var(--line);border-radius:8px;align-items:center;min-height:34px;padding:6px 10px;font-weight:900;display:inline-flex}.admin-form{gap:14px;display:grid}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form label{gap:7px;font-weight:900;display:grid}.editor-tools{flex-wrap:wrap;gap:10px;display:flex}.editor-tools button{border:3px solid var(--line);min-height:40px;color:var(--ink);background:#dff7ff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:900;display:inline-flex;box-shadow:4px 4px #26323829}.admin-form .wide,.editor-grid .wide{grid-column:1/-1}.upload-box{border:3px dashed var(--line);background:#dff7ff;border-radius:8px;justify-content:center;align-items:center;min-height:52px;gap:8px!important;display:flex!important}.upload-box input{opacity:0;pointer-events:none;position:absolute}.image-preview img{max-height:280px}.toggle-row{align-items:center;gap:10px!important;display:flex!important}.toggle-row input{width:22px;height:22px}.form-message{border:3px solid var(--line);background:#fff176;border-radius:8px;margin:0;padding:12px 14px;font-weight:900}.admin-list{gap:12px;display:grid}.admin-search{margin-bottom:16px}.admin-item{border:3px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:92px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.admin-item img{height:78px}.admin-item h3{margin:8px 0 2px;font-size:24px;line-height:1}.admin-item p{color:#607078;margin:0;font-weight:900}.admin-actions{gap:8px;display:flex}.admin-actions button{border:3px solid var(--line);background:#fff176;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.site-footer{width:min(1180px,100% - 32px);color:var(--ink);border:4px solid var(--line);background:#fffdf2e6;border-radius:8px;justify-content:space-between;gap:16px;margin:48px auto 28px;padding:18px;font-weight:900;display:flex}.site-footer span:first-child{font-family:"Baloo 2",cursive;font-size:28px;line-height:1}@media (width<=920px){.site-header,.hero-section,.login-panel{grid-template-columns:1fr}.main-nav{justify-content:flex-start}.featured-board{transform:none}.category-strip,.post-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.site-header,.hero-section,.category-strip,.section-wrap,.page,.site-footer{width:min(100% - 20px,1180px)}.hero-section{min-height:auto}.hero-copy h1{text-shadow:5px 5px #4fc3f7,9px 9px #ff8bb3;font-size:clamp(64px,24vw,110px)}.category-strip,.post-grid,.stats-grid,.editor-grid,.admin-item{grid-template-columns:1fr}.admin-item img{height:170px}.section-heading,.site-footer{flex-direction:column}}