:root{color-scheme:light;--canvas-width:1600px;--canvas-height:900px;--host-ink:#173f4b;--host-accent:#13777d}html.vtp1-legacy-selectors{color-scheme:light;--canvas-width:1600px;--canvas-height:900px;--host-ink:#173f4b;--host-accent:#13777d}
*{box-sizing:border-box}
html.vtp1-legacy-selectors *{box-sizing:border-box}
html,body{margin:0;--vtp1-raw-width:100%;width:100%;--vtp1-raw-height:100%;height:100%;overflow:hidden;font-family:"Segoe UI",Arial,sans-serif}
html.vtp1-legacy-selectors,html.vtp1-legacy-selectors body{margin:0;--vtp1-raw-width:100%;width:100%;--vtp1-raw-height:100%;height:100%;overflow:hidden;font-family:"Segoe UI",Arial,sans-serif}
body{--vtp1-raw-height:100vh;height:100vh;--vtp1-raw-height:100dvh;height:100dvh;background:#142c36;color:var(--host-ink)}
html.vtp1-legacy-selectors body{--vtp1-raw-height:100vh;height:100vh;--vtp1-raw-height:100dvh;height:100dvh;background:#142c36;color:var(--host-ink)}
.frame-host{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;--vtp1-raw-min-width:0;min-width:0;--vtp1-raw-min-height:0;min-height:0;overflow:hidden;background:#142c36}
html.vtp1-legacy-selectors .frame-host{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;--vtp1-raw-min-width:0;min-width:0;--vtp1-raw-min-height:0;min-height:0;overflow:hidden;background:#142c36}
.canvas-space{position:absolute;--vtp1-raw-left:0;left:0;--vtp1-raw-top:0;top:0;--vtp1-raw-width:var(--canvas-width);width:var(--canvas-width);--vtp1-raw-height:var(--canvas-height);height:var(--canvas-height);transform-origin:0 0;isolation:isolate}
html.vtp1-legacy-selectors .canvas-space{position:absolute;--vtp1-raw-left:0;left:0;--vtp1-raw-top:0;top:0;--vtp1-raw-width:var(--canvas-width);width:var(--canvas-width);--vtp1-raw-height:var(--canvas-height);height:var(--canvas-height);transform-origin:0 0;isolation:isolate}
#courseFrame{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:block;border:0;--vtp1-raw-width:var(--canvas-width);width:var(--canvas-width);--vtp1-raw-height:var(--canvas-height);height:var(--canvas-height);background:#fffdf7;z-index:0}
html.vtp1-legacy-selectors #courseFrame{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:block;border:0;--vtp1-raw-width:var(--canvas-width);width:var(--canvas-width);--vtp1-raw-height:var(--canvas-height);height:var(--canvas-height);background:#fffdf7;z-index:0}
.ink-canvas{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:block;--vtp1-raw-width:var(--canvas-width);width:var(--canvas-width);--vtp1-raw-height:var(--canvas-height);height:var(--canvas-height);pointer-events:none;z-index:2}
html.vtp1-legacy-selectors .ink-canvas{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:block;--vtp1-raw-width:var(--canvas-width);width:var(--canvas-width);--vtp1-raw-height:var(--canvas-height);height:var(--canvas-height);pointer-events:none;z-index:2}
/* This parent-document toolbar fills the iframe's reserved lower-right cell. */
.host-toolbar{position:absolute;--vtp1-raw-left:1392px;left:1392px;--vtp1-raw-top:680px;top:680px;--vtp1-raw-width:208px;width:208px;--vtp1-raw-height:220px;height:220px;--vtp1-raw-min-width:0;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;--vtp1-raw-gap:6px;--vtp1-raw-row-gap:6px;--vtp1-raw-column-gap:6px;gap:6px;padding:8px;background:#fffaf0;border-top:1px solid #d5c7a9;border-left:1px solid #d5c7a9;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;z-index:10}
html.vtp1-legacy-selectors .host-toolbar{position:absolute;--vtp1-raw-left:1392px;left:1392px;--vtp1-raw-top:680px;top:680px;--vtp1-raw-width:208px;width:208px;--vtp1-raw-height:220px;height:220px;--vtp1-raw-min-width:0;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;--vtp1-raw-gap:6px;--vtp1-raw-row-gap:6px;--vtp1-raw-column-gap:6px;gap:6px;padding:8px;background:#fffaf0;border-top:1px solid #d5c7a9;border-left:1px solid #d5c7a9;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;z-index:10}
.host-brand{display:none}
html.vtp1-legacy-selectors .host-brand{display:none}
.ink-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));--vtp1-raw-gap:4px;--vtp1-raw-row-gap:4px;--vtp1-raw-column-gap:4px;gap:4px;--vtp1-raw-width:100%;width:100%;flex:0 0 auto}
html.vtp1-legacy-selectors .ink-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));--vtp1-raw-gap:4px;--vtp1-raw-row-gap:4px;--vtp1-raw-column-gap:4px;gap:4px;--vtp1-raw-width:100%;width:100%;flex:0 0 auto}
.ink-colours{display:flex;align-items:center;justify-content:center;--vtp1-raw-gap:8px;--vtp1-raw-row-gap:8px;--vtp1-raw-column-gap:8px;gap:8px;--vtp1-raw-min-width:0;min-width:0}
html.vtp1-legacy-selectors .ink-colours{display:flex;align-items:center;justify-content:center;--vtp1-raw-gap:8px;--vtp1-raw-row-gap:8px;--vtp1-raw-column-gap:8px;gap:8px;--vtp1-raw-min-width:0;min-width:0}
#classControls{display:flex;align-items:center;flex-wrap:wrap;--vtp1-raw-gap:4px;--vtp1-raw-row-gap:4px;--vtp1-raw-column-gap:4px;gap:4px;--vtp1-raw-width:100%;width:100%;margin-left:0;flex:0 0 auto}
html.vtp1-legacy-selectors #classControls{display:flex;align-items:center;flex-wrap:wrap;--vtp1-raw-gap:4px;--vtp1-raw-row-gap:4px;--vtp1-raw-column-gap:4px;gap:4px;--vtp1-raw-width:100%;width:100%;margin-left:0;flex:0 0 auto}
.host-toolbar button{--vtp1-raw-width:100%;width:100%;--vtp1-raw-height:32px;height:32px;--vtp1-raw-min-height:32px;min-height:32px;--vtp1-raw-min-width:0;min-width:0;padding:0 9px;border:1px solid #c9cdbf;border-radius:7px;background:#fff;color:var(--host-ink);font:700 12px "Segoe UI",Arial,sans-serif;cursor:pointer;white-space:nowrap}
html.vtp1-legacy-selectors .host-toolbar button{--vtp1-raw-width:100%;width:100%;--vtp1-raw-height:32px;height:32px;--vtp1-raw-min-height:32px;min-height:32px;--vtp1-raw-min-width:0;min-width:0;padding:0 9px;border:1px solid #c9cdbf;border-radius:7px;background:#fff;color:var(--host-ink);font:700 12px "Segoe UI",Arial,sans-serif;cursor:pointer;white-space:nowrap}
.host-toolbar button:hover{background:#f5edd8}
html.vtp1-legacy-selectors .host-toolbar button:hover{background:#f5edd8}
.host-toolbar button[aria-pressed="true"]{background:#d9eee9;border-color:var(--host-accent);box-shadow:inset 0 0 0 1px var(--host-accent)}
html.vtp1-legacy-selectors .host-toolbar button[aria-pressed="true"]{background:#d9eee9;border-color:var(--host-accent);box-shadow:inset 0 0 0 1px var(--host-accent)}
.host-toolbar button:focus-visible{outline:3px solid #147b80;outline-offset:1px}
html.vtp1-legacy-selectors .host-toolbar button:focus-visible{outline:3px solid #147b80;outline-offset:1px}
.host-toolbar button:disabled{opacity:.42;cursor:default}
html.vtp1-legacy-selectors .host-toolbar button:disabled{opacity:.42;cursor:default}
.host-toolbar .ink-colour{--vtp1-raw-width:26px;width:26px;--vtp1-raw-height:26px;height:26px;--vtp1-raw-min-height:26px;min-height:26px;--vtp1-raw-min-width:26px;min-width:26px;padding:0;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c8c4b5}
html.vtp1-legacy-selectors .host-toolbar .ink-colour{--vtp1-raw-width:26px;width:26px;--vtp1-raw-height:26px;height:26px;--vtp1-raw-min-height:26px;min-height:26px;--vtp1-raw-min-width:26px;min-width:26px;padding:0;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c8c4b5}
.host-toolbar .ink-colour.red,.host-toolbar .ink-colour.red:hover{background:#d92935}
html.vtp1-legacy-selectors .host-toolbar .ink-colour.red,html.vtp1-legacy-selectors .host-toolbar .ink-colour.red:hover{background:#d92935}
.host-toolbar .ink-colour.blue,.host-toolbar .ink-colour.blue:hover{background:#1465d1}
html.vtp1-legacy-selectors .host-toolbar .ink-colour.blue,html.vtp1-legacy-selectors .host-toolbar .ink-colour.blue:hover{background:#1465d1}
.host-toolbar .ink-colour[aria-pressed="true"]{box-shadow:0 0 0 2px #173f4b}
html.vtp1-legacy-selectors .host-toolbar .ink-colour[aria-pressed="true"]{box-shadow:0 0 0 2px #173f4b}
#classStatus{flex-basis:100%;--vtp1-raw-min-width:0;min-width:0;--vtp1-raw-font-size:12px;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
html.vtp1-legacy-selectors #classStatus{flex-basis:100%;--vtp1-raw-min-width:0;min-width:0;--vtp1-raw-font-size:12px;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
#soundEnable{--vtp1-raw-width:auto;width:auto;flex:0 0 auto;border-color:#13777d}
html.vtp1-legacy-selectors #soundEnable{--vtp1-raw-width:auto;width:auto;flex:0 0 auto;border-color:#13777d}
.class-role{--vtp1-raw-font-size:11px;font-size:11px;font-weight:700;color:#13777d;padding:3px 5px;border:1px solid #a6c7c0;border-radius:5px;white-space:nowrap}
html.vtp1-legacy-selectors .class-role{--vtp1-raw-font-size:11px;font-size:11px;font-weight:700;color:#13777d;padding:3px 5px;border:1px solid #a6c7c0;border-radius:5px;white-space:nowrap}
.canvas-space.lesson-overlay-open .host-toolbar{visibility:hidden}
html.vtp1-legacy-selectors .canvas-space.lesson-overlay-open .host-toolbar{visibility:hidden}
[hidden]{display:none!important}
html.vtp1-legacy-selectors [hidden]{display:none!important}
.visually-hidden{position:absolute;--vtp1-raw-width:1px;width:1px;--vtp1-raw-height:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html.vtp1-legacy-selectors .visually-hidden{position:absolute;--vtp1-raw-width:1px;width:1px;--vtp1-raw-height:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}html.vtp1-legacy-selectors *{scroll-behavior:auto!important}}