@import url('stages.css?v=20260928-retake');
@import url('learning-pages.css?v=20260928-pages');
@import url('colorful.css?v=20260928');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Tajawal:wght@400;500;700&display=swap');
:root{--modern-bg:#f7faff;--modern-ink:#16354a;--modern-panel:#fff;--modern-border:#c5dce9}
:root[data-theme=dark]{color-scheme:dark;--modern-bg:#080e18;--modern-ink:#e8f3ff;--modern-panel:#132336;--modern-border:#31536e}
body{background-color:var(--modern-bg)!important;font-family:Heebo,Tajawal,Arial,sans-serif!important}
#modern-tools{position:fixed;bottom:14px;left:14px;display:flex;gap:10px;align-items:center;z-index:20000;background:var(--modern-panel);border:1px solid var(--modern-border);box-shadow:0 5px 24px #09243a20;border-radius:30px;padding:7px;direction:rtl}
#modern-tools a,#modern-tools button{font:500 13px Heebo,Tajawal,Arial,sans-serif;color:var(--modern-ink);background:transparent;border:0;padding:8px 12px;border-radius:20px;text-decoration:none;cursor:pointer}
#modern-tools a:hover,#modern-tools button:hover{background:#73c5ed20}
#modern-tools a:focus-visible,#modern-tools button:focus-visible{outline:3px solid #219ad1}
#modern-selected-plan{position:relative;margin:12px auto;max-width:650px;padding:13px 20px;background:var(--modern-panel);color:var(--modern-ink);border:1px solid var(--modern-border);border-radius:12px;text-align:center;direction:rtl;font:500 16px Heebo,Tajawal,Arial,sans-serif}
.modern-chosen-plan{outline:4px solid #1ca8d5!important;outline-offset:5px}
@media(max-width:600px){#modern-tools{bottom:8px;left:8px;gap:2px}#modern-tools a,#modern-tools button{padding:7px 9px;font-size:12px}}