*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f0f0f0;color:#182019;font:14px 'Plus Jakarta Sans',sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}header,main,footer{max-width:1400px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:800;letter-spacing:-1.6px}.logo span{color:#779748}nav{display:flex;gap:24px;font-size:12px}.mosaic{display:grid;grid-template-columns:1fr 1.8fr 1.1fr;grid-template-rows:140px 330px 120px;gap:12px}.panel{border:2px solid #ffffffdd;border-radius:24px;overflow:hidden;padding:28px;position:relative;box-shadow:0 4px 20px #27382b08;animation:arrive .85s both cubic-bezier(.16,1,.3,1)}.notice{background:linear-gradient(130deg,#f9d9e9,#fce9e4);display:flex;align-items:center;gap:15px}.notice strong{display:block;margin-bottom:5px}.notice small{font-size:11px}.badge{background:white;border-radius:16px;padding:13px;font-size:24px}.hero{grid-column:2;grid-row:1/3;background:linear-gradient(155deg,#dfeacb,#f2f4b1);padding:36px}.hero h1{font-size:44px;letter-spacing:-2px;line-height:1.18;margin:22px 0 16px}.hero h1 span{color:#65883e}.hero p{line-height:1.8;max-width:360px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}.hero a{display:inline-block;background:#253526;color:white;border-radius:30px;padding:13px 20px;margin-top:15px}.orb{position:absolute;right:20px;bottom:-50px;width:250px;height:250px;opacity:.75;pointer-events:none}.connect{grid-column:1;grid-row:2/4;background:linear-gradient(#fafcfc,#cddfe7);animation-delay:.12s}.panel h2{font-size:27px;letter-spacing:-1px;margin:0 0 15px}.panel p{line-height:1.8;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.chips button{border:0;background:#ffffffd9;border-radius:30px;padding:13px 17px;box-shadow:0 0 0 3px #25352608;transition:transform .2s}.chips button:nth-child(3n){transform:rotate(-5deg)}.chips button:hover{transform:translateY(-4px)}.insights{grid-column:3;grid-row:1/3;background:linear-gradient(140deg,#fff1e0,#f4e9df);animation-delay:.18s}.count{font-size:66px;font-weight:800;letter-spacing:-4px;margin:25px 0 0}.bars{display:flex;gap:12px;align-items:end;height:215px;margin-top:20px}.bar{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;gap:10px;font-size:10px}.bar b{width:100%;border-radius:8px;background:#dfd8cb;text-align:center;padding-top:12px;color:#625f54;font-weight:500}.bar:last-child b{background:linear-gradient(#ecb822,#428249);color:white}.search-panel{grid-column:2/4;background:linear-gradient(110deg,#e9e7f6,#c5c2e7);display:flex;align-items:center;gap:30px;animation-delay:.24s}.search-panel h2{font-size:20px;min-width:165px;margin:0}.searchbox{display:flex;background:white;border-radius:40px;padding:8px 10px 8px 22px;flex:1;min-width:0;gap:10px}.searchbox input{border:0;outline:0;min-width:0;flex:1;font-size:13px}.searchbox:focus-within{outline:2px solid #779748}.searchbox button{border:0;border-radius:30px;background:#202b22;color:white;padding:12px 18px}.library{padding-top:65px;scroll-margin-top:24px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-head h2{font-size:34px;letter-spacing:-1.4px;margin:12px 0}.section-head p{font-size:12px;color:#71796e;line-height:1.8}.controls{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 18px}.controls label{font-size:11px;display:flex;flex-direction:column;gap:7px;flex:1;min-width:150px}select,.controls button{padding:13px;border:1px solid #d9ddd3;background:#fafbf8;border-radius:12px}.controls button{align-self:end}.types{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.types button{background:white;border:1px solid #ddd;border-radius:25px;padding:9px 15px;font-size:11px}.types button[aria-pressed=true],#fav[aria-pressed=true]{background:#283b2b;color:white}.result-line{display:flex;justify-content:space-between;margin:25px 0;font-size:12px;color:#6b7266}.resources{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource{border:1px solid #fff;border-radius:19px;background:#fafbf8;padding:24px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;min-height:240px}.resource:hover{transform:translateY(-4px);box-shadow:0 12px 24px #2233220b}.resource-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.format{font-size:10px;background:#e7eedd;padding:7px 10px;border-radius:7px}.star{border:0;background:none;font-size:24px;color:#75814e}.resource h3{font-size:15px;line-height:1.6;overflow-wrap:anywhere;margin:18px 0 12px}.resource p{font-size:11px;color:#737d6c;line-height:1.8}.resource-bottom{margin-top:auto;padding-top:20px;display:flex;gap:12px;justify-content:space-between;align-items:center}.resource-bottom a{font-size:12px;font-weight:700}.resource-bottom span{font-size:10px;color:#737d6c}.load{display:block;margin:30px auto;border:1px solid #cad2c0;border-radius:30px;padding:14px 28px;background:#e2eacb}.empty{text-align:center;padding:50px;background:white;border-radius:20px}.about{margin:50px 0 0;background:#e5e8db;border-radius:22px;padding:30px;line-height:1.9;font-size:12px}.about h2{font-size:23px;margin:0 0 10px}footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#737b6b}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#253526;color:white;padding:12px 22px;border-radius:30px;z-index:5}.hidden,[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #8f9e65;outline-offset:4px}@keyframes arrive{from{opacity:0;translate:0 15px;scale:.985}to{opacity:1;translate:0;scale:1}}@media(max-width:1000px){.mosaic{grid-template-columns:1fr 1.5fr;grid-template-rows:140px 300px auto auto}.hero{grid-column:2;grid-row:1/3}.connect{grid-column:1;grid-row:2}.insights{grid-column:1/3;grid-row:3;display:none}.search-panel{grid-column:1/3;grid-row:4}.connect h2{font-size:23px}.chips{gap:8px;margin-top:15px}.chips button{padding:9px 12px}.resources{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header,main,footer{padding:16px}nav{gap:12px;font-size:10px}.mosaic{display:flex;flex-direction:column}.panel{padding:24px}.notice{order:0;min-height:100px}.hero{order:1;min-height:380px}.hero h1{font-size:38px}.hero .orb{width:180px;height:180px;bottom:-40px}.connect{order:2}.search-panel{order:3;display:block}.search-panel h2{margin-bottom:15px}.searchbox{padding-left:15px}.searchbox input{font-size:11px}.resources{grid-template-columns:1fr}.section-head{display:block}.library{padding-top:40px}.section-head h2{font-size:29px}.result-line{gap:12px;font-size:10px}.count{font-size:45px}.about{padding:22px}footer .logo{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.folder-intro{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px;gap:15px}.folder-intro h3{margin:0;font-size:17px}.folder-intro span{font-size:11px;color:#65715c}.folders{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.folder{border:1px solid #dbe0d4;background:#f8faf3;border-radius:15px;text-align:left;padding:17px;display:grid;grid-template-columns:30px 1fr;gap:8px;transition:background .2s,transform .2s}.folder:hover{background:#e9efd9;transform:translateY(-2px)}.folder[aria-pressed=true]{background:#dce8c3;border-color:#7d9558}.folder-icon{font-size:23px;color:#78934e}.folder strong{font-size:12px;display:block;line-height:1.5}.folder small{display:block;margin-top:6px;color:#6a765e;font-size:10px}.breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;background:#e6e9df;border-radius:12px;padding:12px 16px;margin-top:22px;font-size:11px}.breadcrumb button{border:0;background:none;text-decoration:underline;padding:3px}.types button{display:flex;gap:9px;align-items:center}.types b{font-size:10px;opacity:.65}.review{display:inline-block;border-radius:7px;background:#edf2e4;color:#4e633c;padding:5px 8px;font-size:9px}.review.pending{background:#fff1d6;color:#805c25}.resource .summary{font-size:12px;color:#56624e;margin-top:0}.resource details{border-top:1px solid #e1e5da;margin-top:14px;padding-top:12px;font-size:10px;color:#68715f;overflow-wrap:anywhere;line-height:1.7}.resource summary{cursor:pointer}.resource details p{font-size:10px}.subject-link{border:0;background:none;padding:0;text-align:left;color:#607943;font-size:11px;margin-bottom:12px}.catalog-note{font-size:11px;line-height:1.8;color:#66705e;max-width:800px}.topics{display:flex;flex-wrap:wrap;gap:6px}.topics span{font-size:9px;padding:5px 7px;border-radius:5px;background:#eeeee7}.resource h3{margin-bottom:8px}.about strong{color:#35472e}@media(max-width:1000px){.folders{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.folders{grid-template-columns:repeat(2,1fr)}.folder{padding:12px;grid-template-columns:22px 1fr}.folder-intro{display:block}.folder-intro span{display:block;margin-top:8px}.folder strong{font-size:11px}.section-head p{font-size:12px}.controls label{min-width:130px}}
header{gap:20px;flex-wrap:wrap}.header-search{flex:1;min-width:200px;max-width:520px}.header-search input{width:100%;border:1px solid #ccd5c0;border-radius:30px;padding:13px 20px;background:#fafbf8;color:inherit}#theme-toggle{border:1px solid #d5ddca;border-radius:50%;background:#fff;width:40px;height:40px;font-size:22px}.title-preview{font:inherit;line-height:inherit;font-weight:700;border:0;background:none;color:inherit;text-align:left;padding:0}.resource-actions,.favorite-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:15px 0}.resource-actions button,.favorite-tools button,details button,footer button{border:1px solid #c9d3bd;background:transparent;color:inherit;border-radius:10px;padding:10px;font-size:11px}.download,.primary{display:inline-block;border:0;background:#2c4935!important;color:#fff!important;border-radius:10px;padding:11px 14px;font-weight:700;font-size:11px}.access-note{font-size:10px!important}.study-routes{margin:30px 0}.study-routes>p{font-size:11px;color:#63705a}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.route-grid button{padding:23px;text-align:left;border:1px solid white;background:#e7e3f2;border-radius:18px;display:grid;gap:12px;color:inherit}.route-grid button:nth-child(2){background:#dfebcf}.route-grid button:nth-child(3){background:#f1e2cf}.route-grid small{font-size:10px}.route-grid strong{font-size:16px}.route-grid span,.route-grid b{font-size:11px;line-height:1.7}dialog{color:#182019;border:1px solid #cbd7bf;border-radius:20px;background:#fafbf8;padding:25px;width:min(620px,94vw);max-height:92vh;overflow:auto}dialog::backdrop{background:#101b16b5;backdrop-filter:blur(4px)}dialog.preview-modal{width:min(1100px,96vw)}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.modal-head h2{font-size:19px;line-height:1.5;margin:0}.modal-head button{border:0;background:none;font-size:22px;color:inherit}dialog iframe{width:100%;height:58vh;border:1px solid #ccd5c0;border-radius:10px;background:white}dialog form label{display:grid;gap:7px;margin:17px 0;font-size:12px}dialog input,dialog textarea,dialog select{width:100%;background:white;color:inherit;padding:12px;border:1px solid #c9d3bd;border-radius:8px}dialog p{font-size:12px;line-height:1.7}body,header,.resource{transition:background .2s,color .2s}[data-theme=dark]{color-scheme:dark}[data-theme=dark] body{background:#151c19;color:#e6eee2}[data-theme=dark] .resource,[data-theme=dark] .folder,[data-theme=dark] select,[data-theme=dark] .controls button,[data-theme=dark] .types button,[data-theme=dark] .header-search input,[data-theme=dark] dialog{background:#222d27;color:#e2ebdd;border-color:#425141}[data-theme=dark] .folder[aria-pressed=true],[data-theme=dark] .types button[aria-pressed=true]{background:#496137}[data-theme=dark] .breadcrumb,[data-theme=dark] .about{background:#28362c}[data-theme=dark] .resource p,[data-theme=dark] .resource details,[data-theme=dark] .section-head p,[data-theme=dark] .catalog-note,[data-theme=dark] .result-line,[data-theme=dark] .folder small,[data-theme=dark] .study-routes>p{color:#bfccb8}[data-theme=dark] .resource .format,[data-theme=dark] .topics span,[data-theme=dark] .review{background:#35462e;color:#d5e4c7}[data-theme=dark] .review.pending{background:#554729;color:#f3dfb4}[data-theme=dark] .route-grid button{background:#343143;border-color:#484452}[data-theme=dark] .route-grid button:nth-child(2){background:#30432c}[data-theme=dark] .route-grid button:nth-child(3){background:#473a2e}[data-theme=dark] .panel{color:#182019}[data-theme=dark] .about strong,[data-theme=dark] .subject-link{color:#b9d89b}[data-theme=dark] dialog input,[data-theme=dark] dialog textarea{background:#18231c}[data-theme=dark] #theme-toggle{background:#2b382e;color:#f1de9b}[data-theme=dark] .empty{background:#26342a}@media(max-width:600px){.route-grid{grid-template-columns:1fr}.header-search{order:3;max-width:none;flex-basis:100%}header nav{margin-left:auto}.controls label{min-width:140px}.modal-head h2{font-size:16px}dialog{padding:18px}.resource-actions{gap:8px}.favorite-tools{font-size:11px}}
.preview-image{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:20px auto;background:white}

.formulary{margin:24px 0;padding:28px;border:1px solid #a5b590;border-radius:24px;background:#f1f5e9;color:#202a1b}.formulary[hidden]{display:none}.formula-head{display:flex;justify-content:space-between;gap:18px}.formula-head h2{font-size:clamp(22px,3vw,34px);margin:10px 0}.formula-head p{max-width:850px;line-height:1.7}.formula-mark{font-size:72px;color:#7a9258}.formula-pdf-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.formula-pdf-actions a{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #82976b;border-radius:12px;color:inherit;text-decoration:none;font-weight:700}.formula-pdf-actions .download{background:#244b2d;color:#fff;border-color:#244b2d}.formula-summary{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.formula-summary span,.formula-summary strong{padding:8px 12px;border-radius:999px;background:#dfe8d3;font-size:12px}.formula-summary strong{background:#819b65;color:#fff}.formula-section-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px;margin-top:12px}.formula-section-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #c4cfb6;border-radius:12px;background:#fff}.formula-section-list span{font-size:12px;color:#667085;white-space:nowrap}.formula-caption{font-size:13px;line-height:1.6}.learning-date{font-size:12px!important;color:#4f6638}.preview-status{padding:18px;background:#eff2e8;border-radius:14px;margin:18px 0}.preview-status button{padding:10px;border-radius:10px}.preview-placeholder{padding:28px;border:1px dashed #aaa;border-radius:12px;line-height:1.7}select:disabled{opacity:.7}[data-theme=dark] .formulary{background:#242d22;color:#f1f5e9}[data-theme=dark] .formula-section-list>div{background:#182018;border-color:#46543f}[data-theme=dark] .formula-summary span{background:#303e2b}[data-theme=dark] .formula-pdf-actions a{border-color:#738860}[data-theme=dark] .preview-status{background:#283325}[data-theme=dark] .learning-date{color:#b8cba0}@media(max-width:600px){.formulary{padding:18px}.formula-mark{display:none}.formula-pdf-actions a{flex:1}}