:root{font-family:'Segoe UI',Arial,sans-serif;color:#083964;background:#fbfeff;--green:#087f8e;--muted:#496579;--line:#c5e3ec;--soft:#dff6f5}
h1,h2,h3,.brand{font-family:'Trebuchet MS','Segoe UI',sans-serif;color:#083964;font-weight:800}
h1{font-size:clamp(30px,3vw,44px);letter-spacing:-.055em;line-height:1.12}h1 em{font-family:'Segoe Print','Comic Sans MS',cursive;font-style:normal;color:#087f8e;letter-spacing:-.05em}
h2{font-size:17px;letter-spacing:-.025em}h3{font-size:15px}.brand img{width:174px;height:auto}.app-header{gap:20px;padding:14px 3%;background:#fff}.header-actions{flex-wrap:wrap;justify-content:flex-end}.back-to-resources{color:#496579}
.button{border-radius:12px;font-size:13px;min-height:44px;font-weight:700;text-decoration:none}.button.primary{background:#0bb4ba;color:#04325f;border-color:#0bb4ba}.button.primary:hover{background:#079aa5;color:white}.button.secondary{border-color:#c5e3ec}.button.secondary:hover{background:#eefaff}
input,select{color:#083964;border-color:#c5e3ec;border-radius:10px}label,legend{font-size:13px}.panel{border-radius:22px 22px 17px 22px}.workspace{background:#e4f3fc;border-color:#c5e3ec;border-radius:22px 18px 22px 22px}.step{background:#dff6f5;color:#087f8e}.eyebrow{color:#087f8e;font-size:10px;letter-spacing:1.5px}.intro p:not(.eyebrow){font-size:14px}.save-state{font-size:11px}.save-state:before,.live-dot{color:#087f8e;background:none}.live-dot{background:#0bb4ba}
.segmented,.suggestions button,.search-box button,.library-note{background:#eefaff}.segmented button[aria-pressed=true],.grid-presets button[aria-pressed=true]{border-color:#0bb4ba;background:#dff6f5;color:#083964}.suggestions button{color:#496579}.suggestions button:hover{background:#dff6f5}.search-box{border-color:#c5e3ec}.search-box>span,.library-note span{color:#087f8e}.library-note p{color:#496579}.result-card{border-color:#c5e3ec}.result-card:hover{border-color:#0bb4ba;background:#eefaff}.result-card .result-plus{background:#dff6f5;color:#087f8e}.picto-card.empty{background:#fbfeff;border-color:#c5e3ec;color:#496579}.empty-plus{color:#75a9b9}.picto-card:hover{box-shadow:0 0 0 3px #0bb4ba40}.toast{background:#083964}.app-footer{font-size:11px}.donation-note{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1580px;margin:18px 3%;padding:18px 22px;border:1px solid #c5e3ec;border-radius:20px;background:#dff6f5;font-size:13px;line-height:1.6}.donation-note strong{display:block;color:#083964}.donation-note a{font-weight:700;white-space:nowrap}.donation-note p{color:#496579}
#notebooks-dialog{max-width:740px}.notebooks-intro{color:var(--muted);font-size:13px;line-height:1.6;margin:12px 0 18px}.notebook-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.notebook-item{min-width:0;border:1px solid var(--line);border-radius:16px;padding:15px;background:#fbfeff}.notebook-preview{display:flex;gap:6px;min-height:65px;align-items:center;margin-bottom:12px}.notebook-preview img{width:calc(25% - 5px);height:60px;object-fit:contain}.notebook-item h3{overflow-wrap:anywhere}.notebook-item p{font-size:11px;color:var(--muted);margin:7px 0}.notebook-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.notebook-actions .button{font-size:12px;padding:8px 10px}.backup-options{border-top:1px solid var(--line);padding-top:14px;font-size:13px;line-height:1.6}.backup-options summary{cursor:pointer;font-weight:600}.backup-options p{margin:12px 0;color:var(--muted)}.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.pdf-ready{margin:0 0 20px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#dff6f5;display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:13px}.pdf-ready a{font-weight:700}
@media(max-width:1100px){.app-header{gap:12px}.brand img{width:145px}.header-actions .button{font-size:12px}.header-actions{gap:6px}}
@media(max-width:650px){.app-header{padding:15px 4%}.brand img{width:158px}.header-actions{grid-template-columns:1fr 1fr;gap:8px}.header-actions .button{font-size:12px;padding:10px 7px}.header-actions #print{grid-column:1/-1}.header-actions .back-to-resources{padding:0}.notebook-list{grid-template-columns:1fr}.donation-note{margin:16px 4%;padding:16px;display:block}.donation-note a{display:inline-flex;padding:10px 0}.settings{padding:19px}.intro{margin-top:5px}.save-state{max-width:none}}
@media print{.donation-note,.pdf-ready{display:none!important}}