/* Each route opens a different object from the same painted desk. */
main:not(.workbench){--object-edge:#9f91ab;max-width:760px;margin:14px auto 120px;padding:20px 30px 36px;gap:26px;min-height:65vh;border:0;border-radius:0;box-shadow:none;background:none!important;animation:none}
main:not(.workbench):before{display:none}
main:not(.workbench)>.heading{padding:0 4px 6px}
main:not(.workbench) h1{font-size:clamp(1.45rem,4vw,1.85rem);color:#43394f}
main:not(.workbench) .heading p{font-size:.88rem;max-width:45ch;color:#5d5367}
main:not(.workbench) .primary,main:not(.workbench) .secondary,main:not(.workbench) .choice{min-height:46px}
.learning-sheet{position:relative;display:flex;flex-direction:column;gap:22px;padding:30px 28px 30px 38px;background:var(--paint-wash),#eae6da;background-size:280px;border:1px solid #b8adbb;border-left:9px solid #9b8ca9;border-radius:2px 7px 3px 2px;box-shadow:0 4px #c3bbbd,0 7px #ddd7c8,0 11px #9e90aa,11px 21px 0 var(--scene-shadow)}
.learning-sheet:before{content:'';position:absolute;left:12px;top:24px;bottom:24px;width:13px;background:radial-gradient(circle at center,#766e80 0 2px,#c5bec8 3px 4px,transparent 5px) 0 0/13px 73px repeat-y;pointer-events:none}
.learning-sheet>.primary,main[data-page=notebook]>.primary{align-self:stretch;background-color:#8b607f;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%);padding-inline:22px;border-radius:1px}
.learning-sheet>.heading{padding-bottom:18px;border-bottom:1px dashed #b3a5b5}
.learning-sheet .stage-list{gap:0;counter-reset:steps}
.learning-sheet .stage-list li{padding:17px 0;border-bottom:1px solid #c9beca;align-items:flex-start}
.node{border:1px solid #a191ad;border-radius:3px;background:var(--paint-wash),#d1c4d7;color:#574261;box-shadow:2px 3px 0 #8a94ae40;font-variant-numeric:tabular-nums}
.unit-file{position:relative;margin-top:24px;padding:26px 20px 16px;background:var(--paint-wash),#e6e2d5;border:1px solid #ab9caf;border-bottom:12px solid #ab9bb9;border-left:6px solid #a496b2;border-radius:2px 6px 3px 2px;box-shadow:0 5px #877592,10px 18px 0 var(--scene-shadow)}
.unit-file:before{content:'학습 차례';position:absolute;top:-25px;left:-6px;padding:3px 18px;background:var(--paint-wash),#9685a4;color:#fff9ee;border-radius:5px 8px 0 0;font-size:.75rem;letter-spacing:.06em}
.unit-file h2{font-size:1rem;color:#5a4766;padding-bottom:9px;border-bottom:2px solid #b3a2bc}
.file-index{font-size:.75rem;color:#695b70}
main[data-page=full] .lesson-row,main[data-page=quick] .lesson-row{padding:17px 0;background:none;gap:12px;border-color:#b8adbc;min-height:80px}
.lesson-row strong{font-size:1rem}.lesson-row small{font-size:.78rem}.lesson-row:hover{background:#b7a6c31a!important}
main[data-page=quick] .today{position:relative;padding:26px 22px 20px 28px;margin:8px 3px 0;gap:14px!important;background:var(--paint-wash),#e8e3d7;border:1px solid #aaa0b1;border-radius:3px 5px 2px 4px;box-shadow:3px 4px #d0c5d5,5px 8px #e5dfd1,10px 18px var(--scene-shadow)}
main[data-page=quick] .today:before{content:'';position:absolute;top:-13px;left:20px;width:15px;height:27px;border:4px solid #8b8398;border-left-color:#d7d2d8;border-radius:48%;box-shadow:2px 3px #8290ac55}
main[data-page=quick] .today h2{font-size:1.35rem}
main[data-page=quick]>.destination{background:var(--paint-wash),#d7c7d7;padding:18px;border:1px solid #b6a3bd;border-radius:2px;box-shadow:5px 9px var(--scene-shadow)}
.step-track{gap:4px}.step-track span{background:var(--paint-wash),#d5cdd5;border:0;border-bottom:3px solid #aaa0b3;padding:8px 3px;font-size:.72rem;line-height:1.4;border-radius:1px 1px 4px 4px;color:#605369}
.step-track .filled{border-bottom-color:#887094;background-color:#c7b5cf}.step-track [aria-current]{color:#fff6ec;background-color:#806389;border-bottom-color:#59425f}
main[data-page=session] .between{gap:8px}.between .text-button{font-size:.8rem;min-height:44px}.learning-sheet>.between{border-bottom:1px solid #c7bbc9;padding-bottom:7px}
main[data-stage=VIDEO] .learning-sheet{padding-inline:18px;border-left-width:5px;background:none!important;border-color:transparent;box-shadow:none}
main[data-stage=VIDEO] .learning-sheet:before{display:none}
.classify{gap:20px}.classify fieldset{position:relative;background:var(--paint-wash),#dfd8cc;border:1px solid #bdb0c1;border-bottom:3px solid #a396ac;padding:14px 10px 12px;box-shadow:4px 6px #8793af30}
.classify legend{padding:1px 12px;border:1px solid #9e8da7;background:#c2b1ca;color:#4f3b58;box-shadow:2px 3px #8793af40;font-size:1.15rem}
.classify .choices{gap:7px}.classify .choice{font-size:.8rem;min-width:65px;flex:1;padding-inline:3px}
.choice[aria-pressed=true]{background:var(--paint-wash),#b7a1c4;color:#422c51;border:2px solid #785b89;box-shadow:inset 0 2px #917c9f}
.study-card{position:relative;min-height:235px;padding:32px 22px;background:var(--paint-wash),#eae5d6;border:1px solid #ab9bb3;border-radius:3px 7px 2px 4px;box-shadow:2px 5px #c6b7ce,4px 9px #e0d9cb,9px 17px 0 var(--scene-shadow)}
.study-card:before{content:'';position:absolute;top:-12px;left:20px;width:14px;height:27px;border:4px solid #898093;border-left-color:#d2cbd6;border-radius:50%;box-shadow:2px 3px #8793af40}
.study-card p{font-size:clamp(1.15rem,4vw,1.5rem);color:#4c3d58}.problem{font-size:1.2rem;line-height:1.8;padding:8px 0}
.feedback{position:relative;background:var(--paint-wash),#d9cbdc;border:1px solid #b7a0bd;border-left:5px solid #94749e;border-radius:1px 4px 2px 1px;padding:18px;box-shadow:5px 8px #8592b040}
.feedback.correct{background:var(--paint-wash),#d6dccd;border-color:#9aa78c;border-left-color:#809171}
.option-list{gap:12px;counter-reset:options}.option-list .choice:before{counter-increment:options;content:counter(options,decimal-leading-zero);font-size:.72rem;color:#675773;margin-right:10px;border-right:1px solid #b6a4be;padding-right:10px}
input:not([type=checkbox]):not([type=range]),select{border:1px solid #a697ae;border-bottom:3px solid #95869d;border-radius:2px;background:var(--paint-wash),#f0eadc;color:#45374f;min-height:46px}
.keypad{padding:12px;background:var(--paint-wash),#71647d;border:3px solid #53465f;border-top-color:#a290ad;border-bottom-width:6px;border-radius:3px 7px 4px 3px;gap:9px;box-shadow:6px 11px var(--scene-shadow)}
.keypad button{background-color:#d7d0c4;min-height:44px;padding:8px;box-shadow:0 3px #43344f;border-color:#b7a7bf}
.results{background:repeating-linear-gradient(transparent 0 31px,#a89cb52e 32px 33px);border-color:#ad9eb4;padding:18px 0;gap:16px}
.results>div{min-width:85px}.results dd{font-size:1.5rem;color:#65506c}.completion-mark{border:3px double #8f6a89;background:var(--paint-wash),#ddc4d0;color:#805976;transform:rotate(-9deg);border-radius:46% 51% 48% 50%}
main[data-page=records] .destination{padding:15px 0;border-bottom:1px dashed #afa0b7;gap:12px}.summary{font-size:1rem;line-height:1.9}
.instrument-shelf{display:grid;gap:26px;padding:24px 18px;background:var(--paint-wash),#66596e;border:5px solid #8f7d9b;border-bottom:9px solid #493e55;border-radius:3px 8px 3px 4px;box-shadow:0 5px #a799af,10px 20px var(--scene-shadow)}
.instrument{position:relative;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:17px;padding:18px 14px;background:var(--paint-wash),#d9d3c7;border:1px solid #aa9db0;border-top:3px solid #e7dfd1;border-bottom:5px solid #a494b0;border-radius:3px 6px 2px 3px;box-shadow:5px 7px #3f354c55;transition:transform .16s}
.instrument:hover{transform:translateY(-2px)}.instrument:active{transform:translateY(2px)}
.instrument-copy{display:flex;flex-direction:column;gap:5px}.instrument-copy strong{font-size:1.05rem;line-height:1.5;color:#483850}.instrument-copy>span{font-size:.8rem;color:#63586c}.instrument-copy small{font-size:.65rem;letter-spacing:.08em;color:#75627e}
.instrument-art{background:var(--paint-wash),#66556f;border:3px solid #95859f;border-bottom:5px solid #45364e;box-shadow:3px 5px #8993aa66;border-radius:4px;transform:rotate(-3deg)}
.instrument-art svg{width:100%;height:auto;display:block;stroke:#d9c7d6;fill:none;stroke-width:2.5}.instrument-art circle{fill:#a37495;stroke:#ccbbc9}.instrument-open{position:absolute;right:9px;top:5px;color:#80658b}
main[data-page=game]{padding:26px 24px 32px;margin-top:25px;background:var(--paint-wash),#d2c9d5!important;border:4px solid #8c7a99;border-bottom:10px solid #62516f;border-radius:5px 9px 4px 3px;box-shadow:10px 18px var(--scene-shadow);gap:18px}
main[data-page=game]>.heading{padding:0 0 12px;border-bottom:1px solid #ae9eb8}
.plot{gap:12px}.plot canvas{border:8px solid #62516f;border-top-color:#8e7b9a;border-bottom-color:#473b52;border-radius:3px 6px 3px 4px;box-shadow:3px 6px #9484a3}
.plot figcaption{color:#57465f;font-size:.75rem}.formula{padding:9px;background:var(--paint-wash),#e8dfcf;border:1px solid #ad9ab5;box-shadow:3px 4px #8b95ae50;font-family:Georgia,serif;color:#644c70;font-size:1.3rem}
.slider-control{background:var(--paint-wash),#b4a5bf;padding:12px;border:1px solid #94809f;border-bottom:4px solid #8c7898;border-radius:2px 5px 2px 3px}.slider-control label{font-size:.85rem}.slider-row{gap:8px}.slider-row button{min-width:44px;padding:7px}.dial-housing{flex-shrink:0}
main[data-page=settings]>section{position:relative;padding:22px;background:var(--paint-wash),#e6dfd1;border:1px solid #aa9ab3;border-left:5px solid #a190ad;border-radius:2px 6px 3px 2px;box-shadow:6px 12px var(--scene-shadow);gap:13px}
main[data-page=settings]>.switchboard{background:var(--paint-wash),#c8bdce;border:5px solid #8d7d9b;border-bottom:8px solid #665572;box-shadow:8px 15px var(--scene-shadow)}
.switchboard h2{padding:4px 0 13px;border-bottom:1px solid #a08daa;font-size:1rem}.setting{border-color:#ac9bb5;min-height:86px;gap:14px}.setting strong{font-size:.92rem;font-weight:600}.setting small{font-size:.76rem;color:#594f62}
.setting input{width:54px;min-width:54px;height:32px;border-radius:3px;background:#887b93;border:3px solid #675572;box-shadow:inset 0 3px #51415f}
.setting input:before{width:21px;height:22px;top:2px;left:2px;border-radius:2px;background:var(--paint-wash),#ded6c9;box-shadow:0 2px #6e5f79;border-top:2px solid #eee5d6}
.setting input:checked{background:#9d7995;border-color:#765d80}.setting input:checked:before{transform:translateX(23px)}
.app-information{padding:10px 18px;background:var(--paint-wash),#ded7cc;border:1px solid #b6a5bc;box-shadow:4px 8px var(--scene-shadow);font-size:.8rem}
main[data-page=notebook]{gap:20px}.reader-toolbar{border-bottom:1px solid #ac9bb6;padding:0 8px 8px}.reader-controls{background:var(--paint-wash),#cbbdd1;border:1px solid #a58daf;padding:9px;box-shadow:4px 6px var(--scene-shadow);border-radius:2px}
@media(max-width:650px){main:not(.workbench){width:auto;margin:8px 14px 110px;padding:15px 5px 30px;gap:24px}main:not(.workbench) h1{font-size:1.45rem}.learning-sheet{padding:24px 18px 27px 28px;gap:19px;border-left-width:6px}.learning-sheet:before{left:6px;width:10px}.unit-file{padding-inline:16px}.instrument-shelf{padding:19px 12px;gap:20px}.instrument{grid-template-columns:78px 1fr;gap:13px;padding:15px 11px}.instrument-copy strong{font-size:.95rem}main[data-page=game]{margin:14px 12px 80px;padding:18px 14px 28px}.classify .choices{gap:6px}.classify .choice{min-width:60px}.study-card{min-height:230px}.slider-row{gap:6px}.slider-row .dial-housing{width:52px}.slider-row .rotary{width:46px;height:46px}main[data-page=settings]>section{padding:18px}.learning-sheet .heading p{font-size:.82rem}main[data-stage=VIDEO] .learning-sheet{padding-inline:0}.fill-equation{font-size:1.15rem;gap:7px}}
@media(min-width:850px){main[data-page=games]{max-width:880px}.instrument-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.instrument{grid-template-columns:1fr;align-content:start;padding:20px}.instrument-art{width:112px;justify-self:center;margin:8px 0 14px}.instrument-copy strong{min-height:3em}}
@media(prefers-reduced-motion:reduce){.instrument{transition:none}}
/* Clear the former single-panel shell, including its higher-specificity legacy skin. */
main:not(.workbench):not([data-page=notebook]){border:0;border-radius:0;box-shadow:none;padding:20px 30px 36px;gap:26px}
main[data-page=game]:not(.workbench){border:4px solid #8c7a99;border-bottom:10px solid #62516f;border-radius:5px 9px 4px 3px;box-shadow:10px 18px var(--scene-shadow);padding:26px 24px 32px;gap:18px}
@media(max-width:650px){main:not(.workbench):not([data-page=notebook]){padding:15px 5px 30px;gap:24px}main[data-page=game]:not(.workbench){padding:18px 14px 28px;gap:18px}}
/* Folded folder, document hardware and indexed revision cards. */
.folder-face{padding-top:11px!important}.folder-label-line{display:block;font:7px/1.5 Georgia,serif;letter-spacing:.1em;color:#665570;margin-bottom:4px;border-bottom:1px solid #8e7b9f88;padding-bottom:3px}
.folder-face:after{content:'';position:absolute;right:9px;bottom:8px;width:13px;height:13px;border:1px solid #7d668e;border-radius:50%;box-shadow:inset 0 0 0 3px #b8a7c7;background:#8a749b;opacity:.7}
.folder-face small{padding-right:10px}.card-corner{position:absolute;right:9px;top:8px;font:8px Georgia,serif;letter-spacing:.05em;color:#80658d}.flashcard-face{position:relative}.flashcard-face:after{content:'';width:64%;height:1px;background:#bcb0bd;margin-top:8px;box-shadow:0 4px #d0c6cb}
main[data-page=full] .unit-file,main[data-page=quick] .unit-file{padding-top:48px;border-left:8px solid #9e8cac;border-bottom-width:15px;background:linear-gradient(90deg,#c9bdcd55,transparent 30px),var(--paint-wash),#e8e2d5;box-shadow:0 3px #cfc2d0,0 7px #897296,10px 19px var(--scene-shadow)}
.unit-file:after{content:'';position:absolute;left:16px;right:16px;top:10px;height:12px;border:1px solid #b3a6b8;background:var(--paint-wash),#d8d1c7;box-shadow:0 -4px #eee6d7;transform:rotate(-1deg);pointer-events:none}
.file-fastener{position:absolute;top:8px;left:calc(50% - 35px);width:70px;height:24px;z-index:1;background:#9f97a9;border:2px solid #bdb6c1;border-bottom:4px solid #777083;border-radius:2px 4px 3px 2px;box-shadow:3px 5px #7c89a64d}
.file-fastener i{position:absolute;top:5px;left:11px;width:8px;height:7px;background:#686071;border-top:2px solid #d6cfda;border-radius:50%}.file-fastener i+i{left:auto;right:11px}
.unit-file .lesson-row{align-items:flex-start!important;padding:20px 0!important}.unit-file .node{margin-top:3px;width:33px;border-radius:1px;background:var(--paint-wash),#c4b3cd;box-shadow:2px 3px #a291ae}.lesson-row-goal{display:block;font-size:.8rem;color:#61556a;line-height:1.75;margin-top:13px;max-width:38ch}.lesson-row-time{display:inline-block;font-size:.72rem;margin-top:12px;color:#6f587d;border-bottom:2px solid #b8a3c1;padding-bottom:3px}
main[data-page=quick] .today{padding-top:35px;padding-bottom:21px;border-top:5px solid #c4b5ca;box-shadow:2px 4px #b9a9c0,4px 8px #ebe3d5,6px 12px #c0b1c7,11px 21px var(--scene-shadow)}
main[data-page=quick] .today:before{width:17px;height:37px;top:-20px;left:23px;border-width:5px}
.review-card-index{position:absolute;right:19px;top:16px;font:28px/1 Georgia,serif;color:#8b7397;text-align:center;border-bottom:1px solid #b8a6bf;padding-bottom:6px}.review-card-index small{font:8px/1.4 Georgia,serif;letter-spacing:.16em;margin-top:3px}
.today>.eyebrow{padding-right:53px;font-size:.74rem}.today h2{padding-right:45px}.review-sequence{display:flex;gap:12px;border-top:1px dashed #b2a2ba;padding-top:13px;font-size:.72rem;color:#6d5579}.review-sequence span+span{border-left:1px solid #bbaac3;padding-left:12px}.today>.primary{background-color:#96708e;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%);border-radius:1px;min-height:46px}
@media(max-width:360px){.folder-label-line{font-size:6px;letter-spacing:0}.folder-face{padding-top:8px!important}.folder-face:after{display:none}.review-sequence{font-size:.68rem;gap:8px}.review-sequence span+span{padding-left:8px}}
/* Reader surface owns page gestures; the desk never participates in a flip. */
.notebook-reader{position:relative;padding-bottom:14px;isolation:isolate}
.book-viewport{position:relative;min-width:0;max-width:100%;padding:10px 0 16px;overflow:hidden;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;outline-offset:2px}
.book-viewport .page-book{min-height:0}.book-viewport .stf__parent{isolation:isolate}.book-viewport .stf__block{box-shadow:4px 7px 0 #7c739835}
.notebook-page:not(.notebook-cover){background-image:linear-gradient(90deg,#95869f1c,transparent 8%,transparent 94%,#a89aaf24),repeating-linear-gradient(4deg,transparent 0 3px,#9d8b7109 3px 4px),repeating-linear-gradient(94deg,transparent 0 5px,#fffdf328 5px 6px),var(--paint-wash);background-color:#ece5d5;background-size:auto,auto,auto,260px;border-color:#b9adad;box-shadow:inset 0 0 0 3px #f6efdf66,inset 7px 0 12px #77627d16}
.book-viewport .page-content{gap:18px;padding:24px 22px}.book-viewport .page-content p{line-height:1.85}.book-viewport .page-number{padding-top:12px;border-top:1px solid #b9aab84d;width:100%;letter-spacing:.08em}
.reader-hint{font-size:.73rem;color:#67566e;text-align:center;margin:0 0 12px}.reader-controls{position:sticky;bottom:var(--reader-bottom,100px);z-index:4;margin-top:6px;background-color:#cbbdd1;gap:8px;border:2px solid #a08cae;border-bottom:4px solid #8f799e;box-shadow:4px 7px #7484a645;padding:9px;isolation:isolate}.reader-controls button{min-width:82px;min-height:46px;padding:8px 12px}.reader-controls [role=status]{font-variant-numeric:tabular-nums;white-space:nowrap}
.reader-text-mode .book-viewport{touch-action:pan-y;user-select:text;-webkit-user-select:text;overflow:visible}.reader-text-mode .reader-controls{position:static}.reader-text-mode .notebook-page{overflow:visible}
.book-measuring{position:relative!important;display:block!important;height:auto!important;visibility:hidden}.book-measuring .notebook-page{position:static!important;display:block!important;width:100%!important;height:auto!important}.book-measuring .page-content{height:auto!important;min-height:0!important}.book-measuring .page-number{margin-top:12px}
main[data-page=notebook],main[data-stage=VIDEO]{padding-bottom:calc(135px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:140px}.notebook-reader,.reader-controls{scroll-margin-bottom:calc(130px + env(safe-area-inset-bottom))}
@media(max-width:360px){.book-viewport .page-content{padding:20px 16px;gap:15px}.reader-controls button{min-width:74px;padding-inline:8px}.reader-hint{font-size:.68rem}}
/* Controls stay outside the page surface, so neither sticky bars nor nav cover text. */
.notebook-reader .reader-controls{position:relative;bottom:auto;z-index:1}
.reader-toolbar{gap:6px}.reader-toolbar>span{flex:1;white-space:nowrap;font-size:.78rem}.reader-toolbar .reader-top-prev,.reader-toolbar .reader-top-next{min-width:44px;min-height:44px;padding:7px}.reader-toolbar .text-button{padding-inline:4px;font-size:.74rem}
/* Learning cards: heavy paper, numbered header, choice previews and an ink stamp. */
.card-activity{position:relative;margin:4px 0 0;padding-bottom:15px;isolation:isolate}
.card-stack-shadow{position:absolute;inset:9px 2px 29px;background:var(--paint-wash),#c8b9cf;transform:rotate(-2deg);border:1px solid #aa96b5;box-shadow:3px 5px #e8dfcc,8px 13px #7e8fb64d;z-index:-1}
.activity-card.study-card{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:290px;padding:17px 21px 22px;border:2px solid #b3a1bd;border-top:5px solid #92769f;border-radius:3px 8px 4px 2px;background:linear-gradient(90deg,#8f749c0c,transparent 14%),var(--paint-wash),#eee7d5;box-shadow:0 4px #a899b1,4px 8px #d9cbdc;transform-origin:50% 65%;overflow:visible}
.activity-card.study-card:before{top:8px;left:14px;width:9px;height:9px;border:0;border-radius:50%;background:#8c7e97;box-shadow:0 2px #fff7e6;opacity:.65}
.activity-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:4px 0 12px 10px;border-bottom:1px solid #c0adc7;color:#786083;font-size:.72rem;letter-spacing:.02em}.activity-card-head>span:last-child{font:25px/1 Georgia,serif;white-space:nowrap}.activity-card-head small{display:inline;font:12px Georgia,serif;color:#897790}
.activity-card.study-card>p{margin:auto 0;font-size:clamp(1.2rem,4.6vw,1.55rem);line-height:1.75;letter-spacing:-.025em;max-width:24ch;word-break:keep-all;overflow-wrap:anywhere;font-weight:650;color:#483451}
.activity-card-foot{display:flex;gap:16px;align-items:center;width:100%;color:#9b839f;font:22px Georgia,serif}.activity-card-foot i{height:1px;background:#c5b6c8;flex:1}.activity-card-foot span:first-child{color:#a9798b}.activity-card-foot span:last-child{color:#748974}
.card-progress{height:4px;background:#b8a8c350;margin:20px 10px 0;overflow:hidden;border-radius:1px}.card-progress>span{display:block;height:100%;background:#977098;transition:width .2s}
.card-answer-actions{gap:14px!important}.card-answer-actions button{min-height:56px!important;font-size:1rem!important;font-weight:650;flex:1;border-width:2px;border-radius:3px 6px 3px 4px;background:var(--paint-wash),#ddcad1;box-shadow:0 4px #947789,5px 9px #7e8fb645;color:#78465d}.card-answer-actions button:last-child{background-color:#d5decc;border-color:#a1af96;box-shadow:0 4px #839379,5px 9px #7e8fb645;color:#456345}.card-answer-actions button:active{transform:translateY(3px);box-shadow:0 1px #8b7792}
.card-gesture-hint{font-size:.74rem!important;margin-top:-8px;color:#75627f}
.activity-card .swipe-label{top:65px;background:#efe9dadf;font-size:.85rem;padding:7px 12px;border-width:3px;opacity:0}.activity-card[data-swipe=no] .swipe-no,.activity-card[data-swipe=yes] .swipe-yes{opacity:var(--swipe-strength,1)}
.activity-card[data-swipe=yes]{border-color:#8caa82;background-color:#e4eadb}.activity-card[data-swipe=no]{border-color:#b68b9c;background-color:#eee0db}
.answer-seal{display:block;align-self:flex-end;padding:6px 12px;border:3px double currentColor;transform:rotate(-9deg);font-size:.8rem;font-weight:700;letter-spacing:.02em;box-shadow:inset 0 0 0 2px #ede5d455;margin-top:-8px}.seal-correct{color:#587d56}.seal-review{color:#876076}.activity-card[data-outcome=correct]{border-top-color:#7b9871}.activity-card[data-outcome=review]{border-top-color:#aa8299}
.card-burst{position:absolute;inset:50% 50%;pointer-events:none}.card-burst i{position:absolute;width:5px;height:10px;background:#b18d51;transform:rotate(var(--ray));animation:card-spark .55s ease-out forwards}.card-burst i:nth-child(even){background:#a1789d;width:6px;height:6px}
@keyframes card-spark{from{opacity:.8;transform:rotate(var(--ray)) translateY(-55px) scale(1)}to{opacity:0;transform:rotate(var(--ray)) translateY(-130px) scale(.3)}}
main[data-stage=CARDS] .feedback{border-top:3px solid #b596bc;margin-top:3px}main[data-stage=CARDS] .feedback.correct{border-top-color:#8d9f80}
@media(max-width:360px){.activity-card.study-card{padding:14px 15px 18px;min-height:270px}.activity-card.study-card>p{font-size:1.17rem}.card-answer-actions{gap:10px!important}.card-answer-actions button{font-size:.9rem!important}}
@media(prefers-reduced-motion:reduce){.card-burst{display:none}.card-progress>span{transition:none}}.reduce-motion .card-burst{display:none}
main[data-stage=CARDS] .learning-sheet{gap:15px;padding-top:18px}main[data-stage=CARDS] .learning-sheet>.heading{gap:3px;padding-bottom:8px;border:0}main[data-stage=CARDS] .heading h1{font-size:1.25rem}main[data-stage=CARDS] .activity-card{min-height:260px}main[data-stage=CARDS] .card-activity{padding-bottom:5px}main[data-stage=CARDS] .card-gesture-hint{margin:0}

/* Keep the bitmap independent of page height and interactive transforms. */
html{overflow-x:clip;overscroll-behavior-y:none;background:#dce0e8}
body{background:none;isolation:isolate;overflow-x:clip}
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100lvh;z-index:-1;pointer-events:none;background:#dce0e8 url('../assets/workshop/desk-painted-scene.png') center top/cover no-repeat;transform:translateZ(0)}
#swipe-card{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.toy-hit-target{user-select:none;-webkit-user-select:none}