:root{--ref-control-ink:#112c29;--ref-control-surface:#fff;--ref-control-paper:#f6f7f2;--ref-control-line:#dfe7e0;--ref-control-muted:#667771;--ref-control-green:#087e69;--ref-control-focus:#91b948;--ref-control-shadow:0 20px 70px #0003;--ref-control-danger:#ae132d}html.dark,.reference-display[data-theme=dark]{--ref-control-ink:#edf4ef;--ref-control-surface:#1a2b23;--ref-control-paper:#101d19;--ref-control-line:#344b40;--ref-control-muted:#b0c5ba;--ref-control-green:#7ad7b8}.reference-display[data-accent=blue]{--ref-control-green:#2867aa}.reference-display[data-accent=violet]{--ref-control-green:#7656a5}.reference-display[data-accent=amber]{--ref-control-green:#b47b1e}@media screen{.reference-prefbar{flex-shrink:0;align-items:center;gap:7px;display:inline-flex}html .reference-display .reference-tool,html :is([data-exact-admin],[data-exact-teacher]) .reference-header-actions .reference-signout{place-items:center;display:grid;border:1px solid var(--ref-control-line)!important;background:var(--ref-control-surface)!important;color:var(--ref-control-ink)!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;box-shadow:none!important;border-radius:9px!important;gap:0!important;padding:0!important;font:400 15px IBM Plex Sans Arabic,Tahoma,sans-serif!important;transform:none!important}html :is([data-exact-admin],[data-exact-teacher]) .reference-header-actions .reference-signout,html.light .app-contrast :is([data-exact-admin],[data-exact-teacher]) .reference-header-actions .reference-signout svg,html.dark .app-contrast :is([data-exact-admin],[data-exact-teacher]) .reference-header-actions .reference-signout svg{color:var(--ref-control-danger)!important}html .reference-display .reference-tool svg,html :is([data-exact-admin],[data-exact-teacher]) .reference-header-actions .reference-signout svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:19px!important;height:19px!important;color:inherit!important}.reference-tool circle{fill:var(--ref-control-paper)}.reference-settings{background:var(--ref-control-surface);width:320px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);color:var(--ref-control-ink);border:1px solid var(--ref-control-line);box-shadow:var(--ref-control-shadow);z-index:100;top:82px;border-radius:16px;padding:24px;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif;position:fixed;inset-inline-end:30px;overflow:auto}.reference-settinghead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.reference-settinghead h3{margin:0;font-size:20px;font-weight:600}.reference-settinglabel{color:var(--ref-control-muted);margin:20px 0 9px;font-size:13px;display:block}.reference-choice{gap:6px;display:flex}html .reference-display .reference-choice button{border:1px solid var(--ref-control-line);min-width:0;height:auto;min-height:0;color:var(--ref-control-ink);background:var(--ref-control-paper);box-shadow:none;white-space:nowrap;border-radius:8px;flex:1;gap:0;padding:10px 4px;font:400 13px/1.5 IBM Plex Sans Arabic,Tahoma,sans-serif}html .reference-display .reference-choice button[aria-pressed=true]{border-color:var(--ref-control-green);box-shadow:inset 0 0 0 1px var(--ref-control-green);font-weight:700}.reference-swatches button:before{content:"";background:var(--ref-control-green);border-radius:50%;width:17px;height:17px;margin:0 auto 5px;display:block}html .reference-swatches button{display:block!important}.reference-swatches [data-accent=emerald]:before{background:#087e69}.reference-swatches [data-accent=blue]:before{background:#2867aa}.reference-swatches [data-accent=violet]:before{background:#7656a5}.reference-swatches [data-accent=amber]:before{background:#b47b1e}html .reference-display .reference-reset{color:var(--ref-control-green);min-height:0;box-shadow:none;background:0 0;border:0;margin-top:20px;padding:7px 0;font:400 13px IBM Plex Sans Arabic,Tahoma,sans-serif}html .reference-display button:focus-visible,html :is([data-exact-admin],[data-exact-teacher]) .reference-signout:focus-visible{outline:3px solid var(--ref-control-focus);outline-offset:5px;box-shadow:none}html .reference-display button:disabled,html .reference-signout:disabled{opacity:.55}}@media screen and (width<=600px){.reference-prefbar{gap:5px}html .reference-display .reference-tool,html :is([data-exact-admin],[data-exact-teacher]) .reference-header-actions .reference-signout{width:34px!important;min-width:34px!important;height:36px!important;min-height:36px!important;font-size:13px!important}.reference-settings{top:70px;inset-inline-end:16px}}@media (prefers-reduced-motion:reduce){.reference-display button,.reference-signout{transition:none!important;animation:none!important}}