.three-ink-room{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;border:0;margin:0;padding:0;background:radial-gradient(ellipse at 50% 42%,#faf3e3,#eee3cb);color:#65765c;overflow:hidden;font-family:Georgia,'Times New Roman',serif}.three-ink-room[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.three-ink-room::backdrop{background:#eee3cb}.three-ink-room header{padding:24px 85px 5px 38px;pointer-events:none}.three-ink-room header>p:first-child{font:9px/1.5 system-ui,sans-serif;letter-spacing:.18em;color:#9d8359;margin:0 0 6px}.three-ink-room h2{font:italic 31px/1.2 Georgia;font-weight:400;margin:0 0 8px}.ti-invitation{font-size:14px;font-style:italic;color:#96805a;margin:0}.ti-close{position:absolute;right:25px;top:24px;width:40px;height:40px;border:1px solid #d1bd95;border-radius:50%;background:transparent;color:#90754d;font:27px Georgia;cursor:pointer}.ti-work{min-width:0;min-height:0;overflow:hidden;position:relative;margin:3px 22px}.ti-work canvas{display:block;width:100%;height:100%;outline-offset:-4px;touch-action:none}.three-ink-room footer{text-align:center;padding:4px 20px 14px}.ti-inks,.ti-adjust,.ti-tools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px}.ti-inks{gap:16px;margin-bottom:10px}.ti-ink{display:flex;align-items:center;border:1px solid #d6c59e;border-radius:10px;padding:3px;background:#f9f0dc99;--ink:#39a7b4}.ti-ink-1{--ink:#c9658a}.ti-ink-2{--ink:#d6b441}.ti-ink button{border:0;background:transparent;color:#6d7359;font:12px Georgia;cursor:pointer;border-radius:7px;padding:8px 12px}.ti-ink button:first-child{display:flex;align-items:center;gap:8px}.ti-ink button:first-child[aria-pressed=true]{background:#ebe6d1}.ti-ink i{display:block;width:15px;height:15px;border-radius:50%;background:var(--ink);box-shadow:inset 1px 1px 3px #fff7}.ti-ink button:last-child{font-style:italic;font-size:11px;border-left:1px solid #d6c59e;border-radius:0;padding:6px 10px;min-width:52px}.ti-ink button:last-child[aria-pressed=true]{color:#a89777;background:#eae0ca66}.ti-adjust{gap:17px;margin-bottom:12px}.ti-adjust label{display:flex;gap:7px;align-items:center;font-size:11px;font-style:italic;color:#9a8258}.ti-adjust input{width:87px;accent-color:#899b79;cursor:pointer}.ti-tools{gap:7px}.ti-tools button,.ti-help>button{border:1px solid #ddcba5;border-radius:22px;background:#f8efdbb3;color:#61775b;padding:7px 11px;font:11px Georgia;cursor:pointer}.ti-tools button[aria-pressed=true]{background:#7b8e70;color:#fff4d6;border-color:#7b8e70}.ti-tools button:disabled{opacity:.4;cursor:default}.ti-tools button:hover{background:#e7e3cc}.ti-response{font-size:12px;font-style:italic;color:#8f7c56;margin:11px 0 0;min-height:15px}.ti-help{position:absolute;right:26px;bottom:185px;width:min(460px,70vw);box-sizing:border-box;padding:22px 26px;border:1px solid #d5c398;border-radius:12px;background:#fcf5e5f7;box-shadow:0 9px 40px #73674422;color:#68775b;line-height:1.7;font-size:14px;max-height:65vh;overflow:auto}.ti-help[hidden]{display:none}.ti-help>button{float:right;margin-left:10px}#teaching-table-entry{width:43px;height:43px;min-width:43px;border-radius:50%;padding:0!important;font:30px Georgia;background:#f6ecd9aa;border:1px solid #cdb78a88;color:#887855;box-shadow:none}#teaching-table-entry:hover,#teaching-table-entry:focus-visible,#teaching-table-entry[data-discovering=true]{background:#fbf1daee;box-shadow:0 0 0 5px #fff2d44d}@media(max-height:780px){.three-ink-room header{padding-top:18px}.three-ink-room h2{font-size:26px}.ti-inks{margin-bottom:6px}.ti-ink button{padding-top:5px;padding-bottom:5px}.ti-adjust{margin-bottom:8px}.ti-response{margin-top:8px}.three-ink-room footer{padding-bottom:12px}}

.ti-work canvas:focus-visible{outline:1px dashed #b9a87577;outline-offset:-13px}