.course-root{position:relative;isolation:isolate;min-height:100svh;background:transparent;color:#30271e}.course-board-full{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;background:#e8e0cf;color:#423a2d}.course-board-full>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 22px;border-bottom:1px solid #b8aa8d;background:#f2ecdde8}.course-board-full>header span{display:block;font:9px/1.5 var(--font);letter-spacing:.14em;color:#817057}.course-board-full strong{font:400 19px/1.5 var(--font)}.course-board-full>header :is(button,a){background:#6b7e5630;color:#3b5136;border:1px solid #70815f66;border-radius:6px;font:13px/1.5 var(--font);min-height:44px;padding:9px 16px}.course-board-full iframe{flex:1;min-height:0;display:block;width:100%;border:0}.course-board-full>p{font:11px/1.5 var(--font);margin:0;padding:7px 20px;text-align:center;background:#f2ecdde8}.course-instrument{position:relative;isolation:isolate;filter:drop-shadow(3px 13px 13px #21120974)}.course-surface-art{display:block;width:100%;height:auto;overflow:hidden;pointer-events:none}.course-surface-working{position:relative;isolation:isolate}.course-surface-working:before{content:"";position:absolute;inset:0 var(--paper-end) 0 var(--paper-start);z-index:-2;background:#f0e7d7}.course-surface-body{position:absolute;inset:0;z-index:-1;height:100%}.course-instrument-4 .course-surface-top{aspect-ratio:968/276}.course-instrument-4 .course-surface-bottom{aspect-ratio:968/198}.course-instrument-5 .course-surface-top{aspect-ratio:495/87}.course-instrument-5 .course-surface-bottom{aspect-ratio:495/55}.course-surface-sheet{min-width:0;position:relative;display:flow-root;margin-inline:var(--paper-start) var(--paper-end)}.course-instrument-4{--paper-start:11%;--paper-end:13%}.course-instrument-5{--paper-start:14%;--paper-end:9.5%}.course-applique-progress{display:block;pointer-events:none;width:clamp(98px,32%,172px);height:auto;margin:0 clamp(12px,3%,22px) 0 auto;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 77% 76% at center,#000 54%,transparent 98%)}.course-memory-note{border-bottom:1px solid #b3a17d55;padding:5px 0 20px;margin-bottom:25px;font-size:14px;color:#6e5c43}.course-memory-note summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:8px 0}.course-memory-note label{display:block;margin-top:20px}@media(max-width:700px){.course-board-full>header{padding:8px 12px;gap:10px}.course-board-full strong{font-size:14px}.course-board-full>header :is(button,a){font-size:11px;padding:9px}.course-board-full>p{font-size:10px;padding:6px 12px}}.course-root .testing a{color:#45553c;font:12px/1.4 var(--font);text-underline-offset:3px;padding:4px 0}.course-root .top{max-width:1320px;align-items:flex-start;gap:22px}.course-root .top-actions{justify-content:flex-end;gap:12px 22px;max-width:720px}.course-root .top-actions .has-reply{color:#f4f1b9}.course-main{width:min(760px,calc(100% - 48px));margin:15px auto 0;padding:0 0 30px;outline:none;scroll-margin-top:18px}.course-scene .course-main{width:100%;margin:0;padding:0}.course-scene-area{min-height:calc(100svh - 180px)}.course-object-hotspot{position:absolute;display:block;border:0;padding:0;background:transparent;pointer-events:auto;cursor:pointer;border-radius:5%;transform:rotate(-9deg)}.course-object-cassette{left:34%;top:46%;width:15%;height:17%}.course-object-clipboard{left:23%;top:28%;width:27%;height:56%}.course-object-folder{left:25%;top:28%;width:30%;height:56%}.course-object-applique{left:22%;top:28%;width:30%;height:57%}.course-hint-applique{left:23%;top:88%;width:30%}.course-object-hotspot:focus-visible{outline:3px solid #fff1cf;outline-offset:6px;background:#fff0ce0b}.course-object-hint{position:absolute;left:23%;top:87%;width:31%;margin:0;color:#fff2df;text-shadow:0 2px 5px #28190f,0 1px 2px #28190f;font:13px/1.55 var(--font);text-align:center;pointer-events:none}.course-hint-cassette{top:72%}.course-photo-fallback{position:absolute;left:26%;top:70%;pointer-events:auto}.course-paper{position:relative;background:radial-gradient(ellipse at 20% 30%,#fffdf244,transparent 65%),repeating-linear-gradient(0deg,transparent 0 4px,#b7a07706 5px 6px),#f4ecdd;border:1px solid #c7b18c77;border-radius:4px;padding:clamp(27px,5vw,55px);box-shadow:0 12px 32px #1d110c66;overflow-wrap:anywhere}.course-paper h1{font-size:clamp(28px,4vw,37px);font-weight:400;line-height:1.3;letter-spacing:-.025em;margin:12px 0 28px}.course-dialog h2,.course-paper h2{font-size:24px;font-weight:400;line-height:1.45;letter-spacing:-.02em;margin:25px 0 18px}.course-paper p{margin:0 0 20px;font-size:17px;line-height:1.75}.course-kicker,.course-private{font:12px/1.5 var(--font);color:#655640;letter-spacing:.06em}.course-above-paper{color:#f8ead5;text-shadow:0 2px 4px #23160c;margin:0 0 12px}.course-paper .course-small,.course-small{font-size:14px;line-height:1.65;color:#6c5b47}.course-paper .course-prep{border-left:2px solid #9b8a6688;padding:4px 0 4px 18px;margin:28px 0;font-size:15px;color:#5e513e}.course-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid #52654c66;border-radius:8px;background:#63795530;color:#324431;padding:12px 19px;font:16px/1.5 var(--font);text-decoration:none;box-shadow:none}.course-button:hover{background:#63795549}.course-link{border:0;background:none;color:#4b5b43;text-decoration:underline;text-underline-offset:4px;font:14px/1.6 var(--font);padding:10px 0;min-height:44px}.course-actions{display:flex;gap:12px 18px;align-items:center;flex-wrap:wrap;margin-top:26px}.course-gift-image{display:block;width:100%;height:auto}.course-player{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:center;border:1px solid #8f7f6255;border-radius:10px;background:#fef9ed55;padding:20px;margin:25px 0 12px}.course-play{width:54px;height:54px;display:grid;place-items:center;border:1px solid #6b795c77;border-radius:50%;background:#7885663b;color:#3b5036;font-size:20px}.course-player input{width:100%;accent-color:#6d7c5b;height:26px;margin:0}.course-times{display:flex;justify-content:space-between;color:#6c5b47;font:12px/1.4 var(--font);font-variant-numeric:tabular-nums}.course-audio-after{margin-top:32px;border-top:1px solid #a8977855;padding-top:28px}.course-discussion-invitation{margin:32px 0 0;padding:24px 0 0;border-top:1px solid #a8977877}.course-discussion-invitation h2{font-size:23px;line-height:1.45}.course-discussion-invitation .course-small{margin:14px 0 0}.course-board-full>header nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}@media(max-width:700px){.course-board-full>header{align-items:flex-start}.course-board-full>header nav{flex-direction:column;align-items:stretch;gap:5px;max-width:58%}.course-board-full>header nav :is(button,a){min-height:40px}}.course-skip{display:block;margin:22px auto 8px;color:#7a6e5c;font-size:13px}.course-paper .course-review-audio{font-size:12px;line-height:1.6;color:#776752;margin:20px 0 0;padding:12px 15px;background:#9b88600e;border-radius:5px}.course-question{display:block;font-size:23px;line-height:1.5;letter-spacing:-.025em;margin:30px 0 14px}.course-dialog textarea,.course-paper input,.course-paper textarea{display:block;width:100%;border:1px solid #9b896b88;border-radius:5px;background:#fffdf47d;color:#30271e;padding:14px 16px;font:17px/1.7 var(--font);max-width:100%}.course-dialog textarea,.course-paper textarea{min-height:150px;resize:vertical;margin:15px 0}.course-paper hr{margin:28px 0;border:0;border-top:1px solid #a3937655}.course-things{display:grid;gap:12px;margin:20px 0}.course-things label{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:center;font-size:14px;color:#6e5d44}.course-flow-frame{border:0;display:block;width:100%;background:transparent;overflow:hidden}.course-save{width:min(760px,calc(100% - 48px));margin:0 auto;padding:0 0 45px;color:#fff1db;text-shadow:0 1px 4px #23160c;font-size:12px;line-height:1.6}.course-save p{font-size:14px}.course-save .course-button,.course-save .course-link{color:#fff5df;border-color:#f9edce88;background:#34271e77}.course-dialog{position:fixed;max-width:min(680px,calc(100vw - 28px));width:680px;max-height:calc(100svh - 40px);padding:32px 35px 36px;border:1px solid #d9c9a6;border-radius:12px;background:#f1e9d9;color:#30271e;box-shadow:0 20px 90px #190e0780;font:16px/1.7 var(--font);overflow:auto}.course-dialog::backdrop{background:#24180e88;backdrop-filter:blur(3px)}.course-dialog h2{padding-right:25px;margin:4px 0 20px}.course-dialog h3{font-size:20px;font-weight:500;margin:30px 0 12px;border-top:1px solid #a3937655;padding-top:20px}.course-close{position:absolute;top:10px;right:13px;width:44px;height:44px;background:none;border:0;color:#72634c;font:26px/1 var(--font)}.course-quote{border-left:2px solid #9c8c6a88;padding:6px 0 6px 17px;white-space:pre-wrap}.course-thread{margin:20px 0;max-height:36svh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.course-thread article{border-bottom:1px solid #a3937655;padding:10px 0}.course-thread small{font-size:11px;color:#75644f}.course-thread p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 15px}.course-dialog .course-button{margin-top:12px}.course-board-main{width:calc(100% - 28px);max-width:1400px;margin:0 auto;padding-bottom:0}.course-board-note{color:#f4e8d5;text-shadow:0 2px 4px #1b100a;font:13px/1.6 var(--font);margin:0 0 12px}.course-board-frame{width:100%;display:block;height:calc(100svh - 195px);min-height:510px;border:1px solid #97815a;border-radius:6px;background:#3b2e21;box-shadow:0 8px 30px #1e120c66}.course-board-actions{display:flex;justify-content:center;margin:18px 0}.course-board-actions .course-button{color:#fff1da;background:#334b2db3;border-color:#e4dbbf66}.course-paper-back{color:#f3e4ca;text-shadow:0 2px 4px #1e120c;margin-bottom:12px}@media(max-aspect-ratio:11/10){.course-object-cassette{left:36%;top:34%;width:21%;height:16%}.course-object-clipboard{left:19%;top:21%;width:38%;height:46%}.course-object-folder{left:20%;top:20%;width:43%;height:46%}.course-object-hint{left:19%;top:70%;width:38%;font-size:13px}.course-hint-cassette{top:57%;left:27%;width:28%}}@media(max-aspect-ratio:7/10){.course-object-cassette{left:31%;top:38%;width:26%;height:11%}.course-object-clipboard{left:13%;top:28%;width:44%;height:30%}.course-object-folder{left:17%;top:26%;width:47%;height:29%}.course-object-hint{left:12%;top:60%;width:32%;font-size:12px}.course-hint-cassette{top:54%;left:20%;width:28%}.course-hint-folder{top:57%;left:14%;width:31%}}@media(max-width:700px){.course-root .top{padding:18px 20px;display:block}.course-root .top-actions{justify-content:flex-start;gap:4px 17px;margin-top:10px}.course-root .top-actions button{font-size:12px;min-height:37px;padding:7px 0}.course-root .eyebrow{font-size:10px}.course-root .chapter{font-size:15px}.course-main{width:calc(100% - 24px);margin-top:7px}.course-paper{padding:28px 23px}.course-save{width:calc(100% - 30px)}.course-paper h2,.course-question{font-size:21px}.course-dialog{padding:28px 23px}.course-board-main{width:calc(100% - 14px)}.course-board-frame{height:calc(100svh - 220px);min-height:490px}.course-board-note{font-size:12px;padding:0 7px}.course-player{padding:15px;gap:13px}.course-private{font-size:11px}}@media(max-height:500px) and (min-aspect-ratio:11/10){.course-root .top{padding:8px 20px}.course-root .top-actions{gap:10px}.course-root .top-actions button{font-size:11px;padding:4px 0}.course-root .chapter{font-size:13px}.course-root .eyebrow{font-size:9px}.course-root .testing{min-height:26px;padding:3px 10px}.course-root .testing a,.course-root .testing span{font-size:10px}}@media(max-aspect-ratio:11/10){.course-object-applique{left:15%;top:30%;width:41%;height:46%}.course-hint-applique{left:18%;top:81%;width:36%}}@media(max-aspect-ratio:7/10){.course-object-applique{left:25%;top:24%;width:38%;height:24%}.course-hint-applique{left:23%;top:51%;width:40%}}