.pp,.pp-results,.paper-cover,.paper-wait{--pp-line:color-mix(in srgb, var(--ink) 16%, transparent);--pp-soft:color-mix(in srgb, var(--cover,var(--blue)) 9%, #fff);--pp-done:color-mix(in srgb, var(--cover,var(--blue)) 18%, #fff);--pp-note:color-mix(in srgb, var(--ink) 74%, #fff);--pp-right:#167a50;--pp-wrong:#b5323b;--pp-press:cubic-bezier(.23, 1, .32, 1);color:var(--ink)}:is(.pp,.pp-results,.paper-cover,.paper-wait) .pp-button{border:2.5px solid var(--ink);background:var(--cover,var(--blue));color:#fff;min-height:48px;font:700 18px/1.2 var(--read,var(--face));cursor:pointer;transition:transform .12s var(--pp-press), box-shadow .12s var(--pp-press);border-radius:999px;justify-content:center;align-items:center;padding:8px 22px;text-decoration:none;display:inline-flex}:is(.pp,.pp-results,.paper-cover,.paper-wait) .pp-button:active:not(:disabled){transform:translateY(2px)}:is(.pp,.pp-results,.paper-cover,.paper-wait) .pp-button:disabled{opacity:.45;cursor:default}:is(.pp,.pp-results,.paper-cover,.paper-wait) .pp-quiet{color:var(--ink);background:#fff}.pp{grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;width:100%;max-width:640px;margin:0 auto;display:grid}.pp-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;font-weight:700;display:flex}.pp-count{color:var(--pp-note)}.pp-marks{background:var(--highlighter,var(--gold));border-radius:999px;padding:2px 10px;font-size:15px}.pp-clock{border:2px solid var(--pp-line);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;padding:2px 12px}.pp-bar{background:var(--pp-done);border-radius:999px;width:min(420px,100%);height:10px;overflow:hidden}.pp-bar span{background:var(--cover,var(--blue));transform-origin:0;height:100%;animation:6s linear forwards pp-drain;display:block}.pp-bar span.is-paused{animation:none;transform:scaleX(0)}@keyframes pp-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.pp-sum{min-height:120px;font-family:var(--hand);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:clamp(30px,6vw,46px);font-weight:700;line-height:1.1;display:flex}.pp-wait{color:var(--pp-note);font-size:24px}.pp-ask{flex-wrap:wrap;align-items:center;gap:.32em;display:inline-flex}.pp-ask sup{font-size:.55em}.pp-open{margin-right:-.22em}.pp-close{margin-left:-.22em}.pp-mixed{align-items:center;gap:.12em;display:inline-flex}.pp-frac{justify-items:center;font-size:.72em;line-height:1.05;display:inline-grid}.pp-frac>span:first-child{text-align:center;border-bottom:.08em solid;min-width:1.2em;padding:0 .1em .06em}.pp-entry{align-items:center;gap:8px;display:inline-flex}.pp-entry-frac{gap:10px;display:inline-grid;position:relative}.pp-entry-frac:before{content:"";background:var(--ink);border-radius:2px;height:3px;position:absolute;top:50%;left:-6px;right:-6px;transform:translateY(-50%)}.pp .pp-box{border:3px solid var(--pp-line);min-width:2.6em;min-height:1.5em;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:#fff;border-radius:12px;padding:2px 10px;transition:border-color .15s,box-shadow .15s}.pp .pp-entry-frac .pp-box{min-width:2em;min-height:1.25em;font-size:.72em}.pp .pp-box.is-on{border-color:var(--cover,var(--blue));box-shadow:0 3px 0 var(--cover-deep,var(--ink))}.pp .pp-box.is-on:after{content:"";background:var(--cover,var(--blue));vertical-align:-.08em;border-radius:2px;width:3px;height:.85em;margin-left:2px;animation:1.1s step-end infinite pp-caret;display:inline-block}@keyframes pp-caret{50%{opacity:0}}.pp-tip{color:var(--pp-note);text-align:center;margin:-6px 0 0;font-size:15px}.pp-keys{grid-template-columns:repeat(3,minmax(64px,88px));gap:10px;display:grid}.pp .pp-key{border:2.5px solid var(--ink);min-height:56px;color:var(--ink);font:700 26px/1 var(--hand);cursor:pointer;box-shadow:0 3px 0 var(--ink);touch-action:manipulation;transition:transform .1s var(--pp-press), box-shadow .1s var(--pp-press), background-color .15s ease;background:#fff;border-radius:14px;place-items:center;display:grid}.pp .pp-key:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.pp .pp-key:disabled{opacity:.45;cursor:default}.pp .pp-key svg{width:28px;height:28px}.pp .pp-key-ok{background:var(--cover,var(--blue));color:#fff}@media (hover:hover) and (pointer:fine){.pp .pp-key:not(.pp-key-ok,:disabled):hover{background:var(--pp-soft)}}.pp-nav,.pp-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pp-confirm{border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-align:center;background:#fff9dc;border-radius:16px;justify-items:center;gap:12px;padding:16px 20px;display:grid}.pp-confirm p{margin:0;font-weight:700}.pp-strip{flex-wrap:wrap;justify-content:center;gap:6px;max-width:520px;margin:0;padding:0;list-style:none;display:flex}.pp .pp-strip button{border:2px solid var(--pp-line);width:34px;height:34px;color:var(--pp-note);font:700 14px/1 var(--read,var(--face));font-variant-numeric:tabular-nums;cursor:pointer;background:#fff;border-radius:50%;transition:background-color .15s,border-color .15s}.pp .pp-strip button.is-done{background:var(--pp-done);color:var(--ink);border-color:#0000}.pp .pp-strip button.is-on{border-color:var(--ink);background:var(--highlighter,var(--gold));color:var(--ink)}@media (hover:hover) and (pointer:fine){.pp .pp-strip button:not(.is-on):hover{border-color:var(--cover,var(--blue))}}@media (pointer:coarse){.pp-strip{gap:4px}.pp .pp-strip button{width:40px;height:40px;position:relative}.pp .pp-strip button:after{content:"";position:absolute;inset:-4px}}.pp .pp-finish-early{min-height:44px;color:var(--pp-note);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:15px;text-decoration:underline}.pp-results{gap:28px;width:100%;max-width:680px;margin:0 auto;display:grid}.pp-results h3{margin:0 0 10px;font-size:20px;font-weight:700}.pp-score{font-family:var(--hand);text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(28px,5vw,40px);font-weight:700}.pp-score b{background:linear-gradient(transparent 52%, var(--highlighter,var(--gold)) 52%, var(--highlighter,var(--gold)) 90%, transparent 90%);padding:0 .14em;font-size:1.5em}.pp-scaled{text-align:center;gap:4px;max-width:30em;margin:-12px auto 0;font-size:18px;display:grid}.pp-scaled b{font-variant-numeric:tabular-nums}.pp-scaled span{color:var(--pp-note);font-size:15px}.pp-results .pp-actions{margin-top:-8px}.pp-results .pp-actions:has(>:not(.pp-quiet)+.pp-quiet):after{content:"";flex-basis:100%;order:1;margin-top:-10px}.pp-results .pp-actions>.pp-quiet{order:2}.pp-groups{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pp-groups li{background:var(--pp-soft);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(64px,120px) 4.5em;align-items:center;gap:14px;padding:10px 14px;display:grid}.pp-meter{background:#fff;border-radius:999px;height:8px;overflow:hidden}.pp-meter span{width:calc(var(--got,0) * 100%);border-radius:inherit;background:var(--cover,var(--blue));height:100%;display:block}.pp-groups b{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.pp-full p{margin:0 0 8px;font-weight:700}.pp-full ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pp-full li{border:2px solid color-mix(in srgb, var(--pp-right) 30%, #fff);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:15px;display:inline-flex}.pp-full svg{width:16px;height:16px;color:var(--pp-right);flex:none}.pp-missed{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pp-missed li{border:2px solid var(--pp-line);background:#fff;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;padding:14px 16px;display:grid}.pp-missed li>:not(.pp-q){grid-column:2}.pp-q{background:var(--ink);color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;grid-area:1/1/span 2;align-self:start;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.pp-missed-sum{font-family:var(--hand);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.pp-missed dl{flex-wrap:wrap;gap:6px 28px;margin:0;display:flex}.pp-missed dl>div{align-items:center;gap:8px;display:flex}.pp-missed dt{color:var(--pp-note);font-size:14px}.pp-missed dd{font-family:var(--hand);font-variant-numeric:tabular-nums;margin:0;font-size:22px;font-weight:700}.pp-missed-given dd{color:var(--pp-wrong)}.pp-missed-answer dd{color:var(--pp-right)}.pp-missed-read{margin:0;font-style:italic}.pp-missed-note{color:var(--pp-note);grid-column:2;margin:0;font-size:14px}.pp-blank{font-family:var(--read,var(--face));font-size:15px;font-style:italic;font-weight:400}.thena-app.paper-page{background:var(--cover-deep);min-height:100dvh;padding-bottom:48px;display:block}.paper-page .bar{min-height:56px;padding:8px 18px}.paper-page .paper-back{color:#fff;border:1.5px solid #fff6;border-radius:999px;padding:5px 14px;font-size:15px;font-weight:700;text-decoration:none}.paper-page .paper-back:hover{background:#ffffff1f}.paper-sheet{--focus:var(--cover);background-color:var(--paper);background-image:linear-gradient(90deg, transparent 52px, var(--margin) 52px, var(--margin) 54px, transparent 54px), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:100% 100%,26px 26px,26px 26px;border-radius:14px;max-width:780px;margin:8px auto 0;padding:32px clamp(16px,4vw,40px) 40px clamp(68px,10vw,92px);box-shadow:0 10px 30px #00000040}.paper-page .pp-button{font:700 20px/1.2 var(--hand);box-shadow:0 3px 0 var(--cover-deep);border:0;padding:10px 26px}.paper-page .pp-button:active:not(:disabled){box-shadow:0 1px 0 var(--cover-deep)}.paper-page .pp-quiet{border:2px solid var(--pp-line);box-shadow:0 3px 0 var(--pp-line)}.paper-page .pp-quiet:active:not(:disabled){box-shadow:0 1px 0 var(--pp-line)}.paper-cover{text-align:center;justify-items:center;gap:16px;display:grid}.paper-cover h1{font-family:var(--hand);text-wrap:balance;margin:0;font-size:clamp(26px,5vw,34px)}.paper-cover p{max-width:52ch;margin:0}.paper-modes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;width:100%;margin-top:4px;display:grid}.paper-cover .paper-mode{border:3px solid var(--grid);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:14px;align-content:start;gap:6px;padding:16px 18px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:grid}.paper-cover .paper-mode b{font-size:18px}.paper-cover .paper-mode span{color:var(--pp-note);font-size:15px}.paper-cover .paper-mode[aria-checked=true]{border-color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff9dc}@media (hover:hover) and (pointer:fine){.paper-cover .paper-mode[aria-checked=false]:hover{border-color:var(--pp-line)}}.paper-page .paper-start{min-width:200px;margin-top:6px;padding:12px 40px;font-size:22px}.paper-note{color:var(--pp-note);text-align:center;font-size:15px}.paper-wait{font-family:var(--hand);text-align:center;justify-items:center;gap:14px;font-size:22px;display:grid}.paper-wait p{margin:0}.paper-error{color:#b5323b;text-align:center;margin:16px 0 0;font-weight:700}@media (width<=520px){.pp-keys{grid-template-columns:repeat(3,minmax(56px,1fr));width:100%}.pp .pp-key{min-height:52px}.pp-groups li{grid-template-columns:minmax(0,1fr) auto}.pp-meter{display:none}.pp-missed dl{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:6px 10px;display:grid}.pp-missed dl>div{display:contents}.pp-missed dl:has(.pp-fig){align-items:center}.paper-sheet{background-image:linear-gradient(90deg, transparent 26px, var(--margin) 26px, var(--margin) 28px, transparent 28px), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);border-radius:0;padding:24px 14px 32px 40px}}@media (prefers-reduced-motion:reduce){.pp .pp-box.is-on:after{animation:none}}.pp-sum.is-choice,.pp-ask.is-words{font-family:var(--read,var(--face));font-size:clamp(19px,3.2vw,23px);font-weight:600;line-height:1.4}.pp-sum.is-choice{flex-direction:column;justify-self:stretch;align-items:stretch;min-height:0}.pp-sum.is-choice>.pp-ask:not(.is-words){justify-content:center}.pp-sum.is-choice:has(>.pp-ask:not(.is-words))>.pp-read{align-self:center}.pp-ask.is-words{text-align:left;max-width:36em;display:block}.pp-words{white-space:pre-line;overflow-wrap:anywhere}.pp-ask.is-words .pp-frac,.pp-ask.is-words .pp-mixed{vertical-align:middle;margin:0 .28em;display:inline-grid}.pp-ask.is-words :is(.pp-frac,.pp-mixed):has(+.pp-hug){margin-right:.04em}.pp-lead{max-width:36em;color:var(--pp-note);text-align:center;margin:0;font-size:16px;font-weight:600}.pp-unit{font-size:.8em}.pp .pp-text{border:3px solid var(--cover,var(--blue));width:min(12em,70vw);min-height:1.5em;color:var(--ink);font:700 clamp(26px, 5vw, 36px) / 1.2 var(--hand);box-shadow:0 3px 0 var(--cover-deep,var(--ink));background:#fff;border-radius:12px;padding:2px 12px}.pp .pp-text:focus-visible{outline:3px solid var(--focus,var(--ink));outline-offset:2px}.pp-options{gap:10px;width:100%;display:grid}.pp-options.is-figures{grid-template-columns:repeat(auto-fit,minmax(min(100%,88px),1fr))}.pp .pp-option{border:2.5px solid var(--pp-line);min-height:52px;color:var(--ink);font:600 clamp(18px, 3vw, 21px) / 1.3 var(--read,var(--face));text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .15s ease, box-shadow .15s ease, transform .1s var(--pp-press);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:8px 14px;display:flex}.pp-options.is-figures .pp-option{flex-direction:column-reverse;gap:6px;min-width:0;padding:8px}.pp-options.is-figures .pp-option-body{place-items:center;width:100%;display:grid}.pp-options.is-figures .pp-option-body>.pp-ask{justify-content:center;width:100%}.pp-options.is-figures .pp-option-body>.pp-ask>.pp-fig{width:100%;max-width:112px}.pp .pp-option:active{transform:translateY(2px)}.pp .pp-option.is-on{border-color:var(--cover,var(--blue));background:var(--pp-soft);box-shadow:0 3px 0 var(--cover-deep,var(--ink))}.pp-option-key{border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:grid}.pp .pp-option.is-on .pp-option-key{background:var(--cover,var(--blue));color:#fff}.pp-option-body{min-width:0}.pp-option-body .pp-ask{font-size:inherit}@media (hover:hover) and (pointer:fine){.pp .pp-option:not(.is-on):hover{border-color:var(--ink)}}.pp-fig{--pp-ink:var(--ink);width:clamp(88px,22vw,112px);height:auto;display:block}.pp-sum>.pp-ask>.pp-fig{width:clamp(112px,30vw,140px)}.pp-figs{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.pp-figs.is-grid{gap:4px;display:inline-grid}.pp-figs .pp-fig{width:clamp(76px,20vw,100px)}.pp-fig-missing{aspect-ratio:1;border:2.5px dashed var(--cover,var(--blue));background:var(--pp-soft);width:clamp(76px,20vw,100px);color:var(--cover,var(--blue));font:700 32px/1 var(--hand);border-radius:4px;place-items:center;display:grid}.pp .pp-read{border:2.5px solid var(--ink);background:var(--highlighter,var(--gold));width:48px;height:48px;color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.pp .pp-read svg{width:24px;height:24px}.pp-passage{width:100%;max-width:640px}.pp .pp-passage-toggle{border:2px solid var(--ink);min-height:44px;color:var(--ink);font:700 16px/1.2 var(--read,var(--face));cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;display:inline-flex}.pp .pp-passage-toggle svg{width:18px;height:18px}.pp-passage-text{border:2px solid var(--pp-line);max-height:50vh;font:500 18px/1.55 var(--read,var(--face));text-align:left;background:#fff;border-radius:14px;margin-top:10px;padding:14px 18px;display:none;overflow-y:auto}.pp-passage.is-open .pp-passage-text{display:block}.pp-passage-text h2{margin:0 0 8px;font-size:20px}.pp-passage-text p{white-space:pre-line;margin:0 0 10px}.pp-passage-credit{color:var(--pp-note);font-size:15px}@media (width>=1100px){.pp:has(.pp-passage){grid-template-rows:repeat(19,auto) 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;row-gap:0;max-width:1100px}.pp:has(.pp-passage)>:not(.pp-passage){grid-column:2;margin-bottom:18px}.pp-passage{grid-area:1/1/-1;position:sticky;top:16px}.pp .pp-passage-toggle{display:none}.pp-passage-text{max-height:calc(100vh - 120px);margin-top:0;display:block}}.pp-answer-options{flex-wrap:wrap;gap:6px 12px;display:inline-flex}.pp-answer-option{align-items:center;gap:6px;display:inline-flex}.pp-answer-option .pp-fig{box-sizing:border-box;border:2.5px solid var(--pp-line);background:#fff;border-radius:12px;width:88px;padding:6px}.pp-missed-answer .pp-answer-option .pp-fig{border-color:color-mix(in srgb, var(--pp-right) 45%, #fff)}.pp-missed-given .pp-answer-option .pp-fig{border-color:color-mix(in srgb, var(--pp-wrong) 40%, #fff)}
