.r21-frame{max-width:1148px;margin:0 auto;padding:0 24px}.section-head+.r21-frame{margin-top:40px}.r21-box{gap:22px;display:grid}.r21-box-tight{gap:8px;display:grid}.r21-sample{color:var(--ink-3);margin:12px 0 0;font-size:13px}.r21-cap{color:var(--ink-2);font:600 12px/16px var(--font-ui);letter-spacing:.04em;text-transform:uppercase;margin:0}.r21-tool{z-index:1;flex:none;width:28px;height:28px;display:block;position:relative}.r21-tool .o{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.r21-tool .f{fill:currentColor}.r21-tool .m{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;opacity:0;transition:opacity .3s}.is-busy .r21-tool .m{opacity:1}.is-busy .r21-tool .scan{animation:1.8s ease-in-out infinite alternate r21-scan}.is-busy .r21-tool .pen{animation:.9s ease-in-out infinite alternate r21-pen}.is-busy .r21-tool .link{stroke-dasharray:2 2.5;animation:1s linear infinite r21-dash}.is-busy .r21-tool .draw{stroke-dasharray:1;animation:2.2s ease-in-out infinite r21-draw}.is-busy .r21-tool .pupil{animation:1.2s ease-in-out infinite alternate r21-look}.is-busy .r21-tool .sound{animation:1.4s ease-in-out infinite r21-fade}@keyframes r21-scan{0%{transform:translateY(0)}to{transform:translateY(13px)}}@keyframes r21-pen{0%{transform:translate(0)}to{transform:translate(-2px,-1px)}}@keyframes r21-dash{to{stroke-dashoffset:-9px}}@keyframes r21-draw{0%{stroke-dashoffset:1px}70%,to{stroke-dashoffset:0}}@keyframes r21-look{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes r21-fade{50%{opacity:.25}}.r21-spot{flex:none;place-items:center;width:44px;height:38px;display:grid;position:relative}.r21-spot:after{z-index:0;background:var(--accent);opacity:0;content:"";border-radius:50%;width:34px;height:8px;margin-left:-17px;transition:opacity .35s,transform .35s;position:absolute;bottom:1px;left:50%;transform:scaleX(.5)}.is-busy>.r21-spot:after,.is-busy>*>.r21-spot:after{opacity:1;transform:none}.r21-tick{vertical-align:-1px;width:12px;height:12px;color:var(--ink-2);margin-left:4px;display:inline-block}.r21-stations{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.r21-stations li{min-width:0;color:var(--ink-3);text-align:center;align-content:start;justify-items:center;gap:4px;transition:color .35s;display:grid}.r21-stations li.is-busy,.r21-stations li.is-done{color:var(--ink)}.r21-st-name{font:500 13px/17px var(--font-ui);text-wrap:balance}.r21-st-res{min-height:34px;color:var(--ink-2);font:400 12.5px/17px var(--font-ui);font-variant-numeric:tabular-nums}.r21-belt{height:14px;position:relative}.r21-belt:before,.r21-belt-fill{content:"";border-radius:1px;height:1.5px;position:absolute;top:6px;left:0}.r21-belt:before{background:var(--line-strong);right:0}.r21-belt-fill{background:var(--ink);transition:width .6s;display:block}.r21-sheet{border:1.5px solid var(--ink);background:var(--surface);border-radius:2px;width:11px;height:14px;margin-left:-5.5px;transition:left .6s;position:absolute;top:0}.r21-sheet.is-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;margin-left:-5px;top:2px}.r21-floor{grid-template-columns:minmax(0,.78fr) 28px minmax(0,1.5fr);align-items:start;gap:12px;display:grid}.r21-arrow{width:28px;height:14px;color:var(--ink-3);align-self:center}.r21-book{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);gap:8px;margin:0;padding:18px 20px;display:grid;position:relative}.r21-book-text{color:var(--ink-3);font:400 15px/24px var(--font-read);margin:0}.r21-book-text span{transition:color .4s}.r21-book-text span.is-read{color:var(--ink-2)}.r21-book-text span.is-now{background:var(--surface-2);color:var(--ink);border-radius:4px}.r21-lecture{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);gap:12px;padding:16px 18px;display:grid}.r21-lecture-head{justify-content:space-between;align-items:baseline;gap:6px 14px;min-height:22px;display:flex}.r21-lecture-head b{font:700 15px/22px var(--font-ui);flex:none}.r21-doing{color:var(--ink-2);font:400 13px/18px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.r21-lecture-body{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:start;gap:16px;display:grid}.r21-stage{background:var(--bg);border-radius:14px;padding:8px;position:relative}.r21-stage .r13-lens{max-width:none}.r21-lines{align-content:start;gap:4px;min-height:14.2em;display:grid}.r21-line{color:var(--ink);font:400 15px/23px var(--font-read);border-radius:6px;margin:0;padding:1px 22px 1px 6px;transition:background .3s;position:relative}.r21-line .r21-tick{margin:0;position:absolute;top:6px;right:4px}.r21-line span.is-untyped{visibility:hidden}.r21-line.is-checking{background:var(--surface-2)}.r21-line.is-playing span{color:var(--ink-3);transition:color .2s}.r21-line.is-playing span.is-lit{color:var(--ink)}.r21-voice{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.r21-wave{justify-content:space-between;align-items:center;height:22px;display:flex}.r21-wave i{background:var(--line-strong);border-radius:1px;flex:none;width:2px;transition:height .2s;display:block}.r21-wave i.is-heard{background:var(--ink)}.r21-time{min-width:6.6em;color:var(--ink-2);font:500 12.5px/16px var(--font-ui);font-variant-numeric:tabular-nums;text-align:right}.r21-under{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:28px;display:grid}.r21-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;display:grid}.r21-counts div{align-content:start;gap:2px;display:grid}.r21-counts dt{color:var(--ink-2);font:400 12.5px/16px var(--font-ui)}.r21-counts dd{font:650 18px/24px var(--font-ui);font-variant-numeric:tabular-nums;margin:0}.r21-log{color:var(--ink-3);font:400 13px/20px var(--font-ui);grid-template-rows:repeat(3,20px);gap:2px;margin:0;padding:0;list-style:none;display:grid}.r21-log li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.r21-log li.is-new{color:var(--ink)}.r21-line-one{height:20px;color:var(--ink-2);font:400 13.5px/20px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.r21-line-one b{color:var(--ink);font-weight:600}.r21-fade{animation:.45s r21-in}@keyframes r21-in{0%{opacity:0}to{opacity:1}}.r21-choice{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.r21-choice>div{align-content:start;gap:8px;min-width:0;display:grid}.r21-choice .v2-hint{font-size:13.5px}.r21-choice.is-setup>div+div{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:center;gap:8px 24px}.r21-choice.is-setup>div+div .v2-label{grid-column:1/-1}.r21-levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.r21-levels .v2-level{align-content:center;padding:9px 12px}.r21-levels .v2-level-name{font-size:14px;line-height:19px}.r21-lineup{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:6px}.r21-lineup img{height:96px}.r21-lineup button:disabled{cursor:default;opacity:.4}.r21-lineup button:disabled img{transform:none}.r21-choice .v2-chips .chip:disabled{cursor:default;opacity:.4;transform:none}.r21-choice .v2-level:focus-visible,.r21-lineup button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.r21-choice.is-chips{grid-template-columns:minmax(0,1fr);gap:14px}.r21-choice.is-chips>div{grid-template-columns:12em minmax(0,1fr);align-items:baseline;gap:6px 12px}.r21-choice.is-chips .v2-label{padding-top:2px}.r21-choice.is-chips .v2-hint{grid-column:2;min-height:0}.r21-choice.is-chips .chip{padding:6px 14px;font-size:14px;line-height:20px}.r21-v2 .r21-stations li{gap:2px}.r21-note{min-height:17px;color:var(--ink-2);font:400 12.5px/17px var(--font-ui);opacity:0;margin:0;transition:opacity .4s}.r21-note.is-on{opacity:1}.r21-stations.is-small .r21-tool{width:22px;height:22px}.r21-stations.is-small .r21-spot{width:36px;height:30px}.r21-stations.is-small .r21-spot:after{width:28px;height:7px;margin-left:-14px}.r21-stations.is-small .r21-st-name{font-size:12.5px;line-height:16px}.r21-stage .r21-note{position:absolute;bottom:8px;right:12px}.r21-foot{min-height:18px;color:var(--ink-2);font:400 12.5px/18px var(--font-ui);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 18px;display:flex}.r21-foot b{color:var(--ink);font-weight:600}.r21-v4{grid-template-columns:minmax(270px,.8fr) minmax(0,1.5fr);align-items:start;gap:18px;display:grid}.r21-v4-left{gap:14px;display:grid}.r21-checklist{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);gap:12px;padding:18px 20px;display:grid}.r21-checklist .v2-check{grid-template-columns:22px minmax(0,1fr) auto;gap:10px;min-height:26px;font-size:14.5px;display:grid}.r21-checklist .v2-check small{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.r21-checklist .v2-check-mark .r21-tick{width:12px;height:12px;color:inherit;vertical-align:0;margin:0}.r21-checklist .v2-check.is-skip{color:var(--ink-3)}.r21-checklist .v2-check.is-skip .v2-check-mark{border-style:dashed}.r21-checklist .v2-check.is-skip small{color:var(--ink-3)}.r21-checklist .v2-line{margin-top:2px}.r21-strip-wrap{position:relative}.r21-strip-wrap:before,.r21-strip-fill{content:"";height:1.5px;position:absolute;top:0;left:0}.r21-strip-wrap:before{background:var(--line-strong);right:0}.r21-strip-fill{background:var(--ink);transition:width .6s;display:block}.r21-strip{border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(7,minmax(0,1fr));gap:0 14px;margin:0;padding:16px 0 14px;list-style:none;display:grid}.r21-strip li{--num:var(--ink-3);min-width:0;color:var(--ink-3);align-content:start;gap:2px;transition:color .35s;display:grid}.r21-strip li.is-busy,.r21-strip li.is-done{--num:var(--ink);color:var(--ink)}.r21-strip-num{color:#0000;-webkit-text-stroke:1.2px var(--num);font:800 30px/34px var(--font-display);transition:color .35s}.r21-strip li.is-busy .r21-strip-num{color:var(--accent)}.r21-strip b{font:600 13.5px/18px var(--font-ui)}.r21-strip small{min-height:34px;color:var(--ink-2);font:400 12.5px/17px var(--font-ui);font-variant-numeric:tabular-nums}.r21-v6{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);align-items:start;gap:18px;display:grid}.r21-v6-col{align-content:start;gap:8px;min-width:0;display:grid}.r21-tags{flex-wrap:wrap;gap:4px 14px;min-height:26px;display:flex}.r21-tag{color:var(--ink-3);font:500 13px/18px var(--font-ui);white-space:nowrap;align-items:center;gap:6px;transition:color .35s;display:inline-flex}.r21-tag.is-busy,.r21-tag.is-done{color:var(--ink)}.r21-tag .r21-tool{width:20px;height:20px}.r21-tag .r21-spot{width:28px;height:26px}.r21-tag .r21-spot:after{width:24px;height:6px;margin-left:-12px}.r21-tag small{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:400}.r21-tag .r21-tick{margin-left:0}.r21-tag:not(.is-done) .r21-tick{visibility:hidden}.r21-v6 .r21-lecture-body>div{align-content:start;gap:6px;min-width:0;display:grid}.r21-v7{grid-template-columns:minmax(0,.8fr) 200px minmax(0,1.45fr);align-items:start;gap:16px;display:grid}.r21-column-wrap{padding:4px 0 4px 18px;position:relative}.r21-column-wrap:before,.r21-column-fill{content:"";border-radius:1px;width:1.5px;position:absolute;top:4px;left:4px}.r21-column-wrap:before{background:var(--line-strong);bottom:4px}.r21-column-fill{background:var(--ink);transition:height .6s;display:block}.r21-column{gap:2px;margin:0;padding:0;list-style:none;display:grid}.r21-column li{min-height:36px;color:var(--ink-3);font:500 13px/17px var(--font-ui);align-items:center;gap:6px;transition:color .35s;display:flex}.r21-column li.is-busy,.r21-column li.is-done{color:var(--ink)}.r21-column .r21-tool{width:22px;height:22px}.r21-column .r21-spot{width:32px;height:30px}.r21-column .r21-spot:after{width:26px;height:7px;margin-left:-13px}.r21-column-wrap .r21-sheet{margin-left:-5.5px;transition:top .6s;left:5px}.r21-band{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr) 8.5em;align-items:center;gap:18px;padding:14px 20px;display:grid}.r21-band .r21-stations{gap:4px}.r21-band-counts{color:var(--ink-2);font:400 12.5px/17px var(--font-ui);font-variant-numeric:tabular-nums;gap:4px;padding-left:18px;display:grid}.r21-band-counts b{color:var(--ink);font:650 15px/20px var(--font-ui)}.r21-band-log{padding:0 20px}.r21-icons{grid-template-columns:repeat(7,minmax(0,1fr));width:min(100%,560px);margin:0 auto;padding:0;list-style:none;display:grid}.r21-icons li{color:var(--ink-3);justify-items:center;transition:color .35s;display:grid}.r21-icons li.is-busy,.r21-icons li.is-done{color:var(--ink)}.r21-icons-belt{width:min(100%,560px);margin:0 auto}.r21-caption{height:22px;color:var(--ink-2);font:400 14px/22px var(--font-ui);white-space:nowrap;justify-content:center;align-items:baseline;gap:10px;margin:0;display:flex;overflow:hidden}.r21-caption b{color:var(--ink);font-weight:650}.r21-mini{flex:none;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.r21-mini li{color:var(--ink-3);transition:color .35s;display:grid}.r21-mini li.is-busy,.r21-mini li.is-done{color:var(--ink)}.r21-mini .r21-tool{width:18px;height:18px}.r21-mini .r21-spot{width:24px;height:24px}.r21-mini .r21-spot:after{width:20px;height:5px;margin-left:-10px}.r21-v10 .r21-lecture-head{align-items:center}.r21-box .is-skip{color:var(--ink-3)}.r21-box .is-skip .r21-tool{opacity:.45}.r21-box .is-skip .r21-st-res,.r21-strip li.is-skip small,.r21-tag.is-skip small{color:var(--ink-3)}@media (max-width:860px){.r21-frame{padding:0 16px}.r21-belt .r21-sheet{display:none}.r21-icons-belt .r21-sheet{display:block}.r21-floor,.r21-under,.r21-choice,.r21-v4,.r21-v6,.r21-v7,.r21-band{grid-template-columns:minmax(0,1fr)}.r21-arrow{justify-self:center;transform:rotate(90deg)}.r21-lecture-body{grid-template-columns:minmax(0,1fr)}.r21-lines{min-height:0}.r21-stations,.r21-strip{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:12px}.r21-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.r21-levels{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.r21-choice.is-setup>div+div,.r21-choice.is-chips>div{grid-template-columns:minmax(0,1fr)}.r21-choice.is-chips .v2-hint{grid-column:1}.r21-band-counts,.r21-column-wrap{padding-left:0}.r21-column-wrap:before,.r21-column-fill,.r21-column-wrap .r21-sheet{display:none}.r21-column{grid-template-columns:repeat(2,minmax(0,1fr))}.r21-caption{white-space:normal;justify-content:flex-start;height:auto}}@media (max-width:560px){.r21-column{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.r21-box *,.r21-box :after{transition:none!important;animation:none!important}}
.r22-book{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);gap:8px;margin:0;padding:18px 20px;display:grid;position:relative}.r22-book-text{color:var(--ink-2);font:400 15px/24px var(--font-read);margin:0}.r22-book-text>span{border-radius:4px;transition:background .3s,color .3s}.r22-book-text>span.is-now{background:var(--surface-2);color:var(--ink)}.r22-box{outline-offset:1px;border-radius:3px;outline:1.5px solid #0000;transition:outline-color .25s,color .25s}.r22-box.is-on{outline-color:var(--ink);color:var(--ink)}.r22-read{min-height:20px;color:var(--ink-2);font:400 13px/20px var(--font-ui);opacity:0;margin:0;transition:opacity .4s}.r22-read.is-on{opacity:1}.r22-read b{color:var(--ink);font:400 14px/20px var(--font-read)}.r22-terms{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.r22-terms li{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink);font:500 12.5px/20px var(--font-ui);opacity:0;padding:2px 10px;transition:opacity .35s,transform .35s;transform:translateY(3px)}.r22-terms li.is-on{opacity:1;transform:none}.r22-struck{color:var(--ink-3);text-decoration:line-through;text-decoration-thickness:1.5px}.r22-fix{color:var(--ink);animation:.4s r21-in}.r22-stage{align-items:center;display:grid}.r22-stage>.r22-layer,.r22-stage>.r22-stage-wait{grid-area:1/1}.r22-art{width:100%;height:auto;display:block}.r22-scheme{opacity:0;transition:opacity .5s}.r22-scheme.is-on{opacity:1}.r22-scheme.is-given-up{opacity:.22}.r22-scheme.is-gone{opacity:0}.r22-stage-wait{color:var(--ink-3);font:400 13px/18px var(--font-ui);text-align:center;opacity:0;margin:0;transition:opacity .4s}.r22-stage-wait.is-on{opacity:1}.r22-paint path,.r22-paint circle{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.r22-paint .w1{stroke-width:1.2px}.r22-paint .w2{stroke-width:2px}.r22-paint .w3{stroke-width:3px}.r22-paint .soft{opacity:.55}.r22-paint .faint{opacity:.3}.r22-paint .glass,.r22-paint .card{fill:var(--surface)}.r22-paint .spot{fill:var(--accent);stroke:var(--ink);stroke-width:1.5px}.r22-labels>g{opacity:0;transition:opacity .35s}.r22-labels>g.is-on{opacity:1}.r22-labels path{fill:none;stroke:var(--ink);stroke-width:1px}.r22-labels text{fill:var(--ink);font:italic 18px var(--font-read)}.r22-labels .r22-wrong{transition:opacity .3s}.r22-labels .r22-wrong.is-gone{opacity:0}.r22-labels .r22-right{opacity:0;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .6s .15s,opacity .2s}.r22-labels .r22-right.is-on{opacity:1;stroke-dashoffset:0}.r22-flag{fill:none;stroke:var(--ink);stroke-width:1.4px;stroke-dasharray:3 3;opacity:0;transition:opacity .3s}.r22-flag.is-on{opacity:1;animation:1.2s linear infinite r22-march}@keyframes r22-march{to{stroke-dashoffset:-12px}}.r22-frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.r22-frames li{border:1px solid var(--line);background:var(--surface);opacity:.2;border-radius:6px;padding:2px;transition:opacity .3s}.r22-frames li.is-on{opacity:1}.r22-frames svg{width:100%;height:auto;display:block}.r22-frames .r22-labels text{font-size:24px}.r22-frames .r22-labels path{stroke-width:2px}.r22-crit{color:var(--ink-3);font:400 12.5px/18px var(--font-ui);flex-wrap:wrap;gap:2px 10px;margin:0;padding:0;list-style:none;display:flex}.r22-crit li{align-items:center;gap:2px;transition:color .3s;display:inline-flex}.r22-crit li .r21-tick{opacity:0;margin:0;transition:opacity .3s}.r22-crit li.is-ok,.r22-crit li.is-bad{color:var(--ink)}.r22-crit li.is-ok .r21-tick,.r22-crit li.is-bad .r21-tick{opacity:1;color:var(--ink)}.r21-wave i.is-recognised{background:var(--ink-2)}.r22-heard{height:18px;color:var(--ink-3);font:400 12.5px/18px var(--font-read);opacity:0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;margin:-4px 0 0;transition:opacity .3s;display:grid}.r22-heard.is-on{opacity:1}.r22-heard-words{white-space:nowrap;text-overflow:clip;overflow:hidden}.r22-heard-match{color:var(--ink);font:600 12.5px/18px var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap}.r22-vig{background:var(--surface);width:168px;height:92px;box-shadow:var(--shadow-card);border-radius:14px;flex:none;position:relative;overflow:hidden}.r22-vig-in{align-content:center;gap:4px;display:grid;position:absolute;inset:9px}.r22-vig .r22-terms{gap:3px}.r22-vig .r22-terms li{padding:0 7px;font-size:10.5px;line-height:17px}.r22-v-page{background:repeating-linear-gradient(var(--bg) 0 9px, var(--surface) 9px 12px);border-radius:4px;height:100%;position:relative}.r22-v-page i{outline:1.3px solid var(--ink);opacity:0;border-radius:2px;height:13%;transition:opacity .25s;position:absolute}.r22-v-page i.is-on{opacity:1}.r22-v-text{color:var(--ink-3);font:500 12px/16px var(--font-ui);grid-template-columns:auto 34px minmax(0,1fr);align-items:center;gap:6px;display:grid}.r22-v-text span{white-space:nowrap;text-overflow:ellipsis;transition:color .3s;overflow:hidden}.r22-v-text span.is-on{color:var(--ink)}.r22-v-text svg{width:34px;height:12px}.r22-v-text path{fill:none;stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:3 3}.r22-v-text path.is-on{stroke:var(--ink);animation:.8s linear infinite r22-march}.r22-v-text s{color:var(--ink-3)}.r22-v-sweep{align-content:space-evenly;height:100%;display:grid;position:relative}.r22-v-sweep i{background:var(--line-strong);border-radius:2px;height:4px;display:block}.r22-v-sweep b{background:var(--ink);height:2px;position:absolute;left:-2px;right:-2px}.r22-v-draw{width:100%;height:auto;display:block}.r22-v-draw .r22-labels text{font-size:24px}.r22-v-scheme{fill:none;stroke:var(--ink);stroke-width:4px}.r22-v-look{gap:4px;display:grid}.r22-v-look .r22-crit{gap:0 5px;font-size:10px;line-height:14px}.r22-v-look .r22-crit .r21-tick{width:9px;height:9px}.r22-vig .r22-heard{opacity:1;grid-template-columns:minmax(0,1fr);height:auto;margin:0;font-size:11px;line-height:15px}.r22-vig .r22-heard-words{white-space:normal}.r22-vig .r21-voice{grid-template-columns:minmax(0,1fr)}.r22-vig .r21-time{display:none}.r22-v-done{color:var(--ink);font:600 13px/18px var(--font-ui);text-align:center;margin:0}.r22a-icons .r21-spot{position:relative}.r22a-now{height:22px;color:var(--ink);font:600 14.5px/22px var(--font-ui);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.r22a-now.is-quiet{color:var(--ink-2);font-weight:400}.r22a-belt-wrap{padding-bottom:20px;position:relative}.r22a-loop{width:min(100%,560px);height:22px;position:absolute;top:9px;left:50%;overflow:visible;transform:translate(-50%)}.r22a-loop path{fill:none;stroke:var(--ink);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .35s}.r22a-loop.is-on path{opacity:1}.r22a-type{width:min(100%,560px);height:22px;color:var(--ink);font:500 14.5px/22px var(--font-ui);white-space:nowrap;margin:0 auto;overflow:hidden}.r22a-caret{vertical-align:-3px;background:var(--ink);width:1.5px;height:16px;margin-left:2px;animation:1s step-end infinite r22a-blink;display:inline-block}@keyframes r22a-blink{50%{opacity:0}}.r22a-near{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;width:min(100%,620px);margin:4px auto 0;display:grid}.r22a-near-text{gap:2px;min-width:0;display:grid}.r22a-near-text .r22a-now{text-align:left}.r22a-counts{min-height:24px;color:var(--ink-2);font:400 13.5px/24px var(--font-ui);flex-wrap:wrap;justify-content:center;gap:2px 18px;margin:0;display:flex}.r22a-counts>span{white-space:nowrap}.r22a-roll{color:var(--ink);font:650 15px/24px var(--font-ui);font-variant-numeric:tabular-nums}.r22a-digit{vertical-align:-.12em;height:1em;line-height:1em;display:inline-block;overflow:hidden}.r22a-digit>span{flex-direction:column;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:flex}.r22a-digit i{height:1em;font-style:normal;display:block}.r22a-icons.is-ping li .r21-spot:before{border:1.5px solid var(--ink);opacity:0;content:"";border-radius:50%;width:30px;height:30px;margin:-17px 0 0 -15px;position:absolute;top:50%;left:50%}.r22a-icons.is-ping li.is-done .r21-spot:before{animation:.9s ease-out r22a-ping}@keyframes r22a-ping{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.r22a-ring{z-index:0;width:40px;height:40px;margin:-21px 0 0 -20px;position:absolute;top:50%;left:50%}.r22a-ring circle{fill:none;stroke-width:1.6px}.r22a-ring-track{stroke:var(--line)}.r22a-ring-fill{stroke:var(--ink);stroke-dasharray:1;transform-origin:22px 22px;transition:stroke-dashoffset .2s linear;transform:rotate(-90deg)}.is-skip .r22a-ring-fill{stroke:#0000}.r22a-subs{min-height:20px;color:var(--ink-3);font:400 13px/20px var(--font-ui);flex-wrap:wrap;justify-content:center;gap:2px 16px;margin:0;padding:0;list-style:none;display:flex}.r22a-subs.is-quiet{visibility:hidden}.r22a-subs li{align-items:center;gap:3px;transition:color .3s;display:inline-flex}.r22a-subs li .r21-tick{opacity:0;margin:0;transition:opacity .3s}.r22a-subs li.is-done{color:var(--ink-2)}.r22a-subs li.is-done .r21-tick{opacity:1}.r22a-subs li.is-busy{color:var(--ink)}.r22a-subs li.is-busy .r21-tick{opacity:1;color:#0000;background:radial-gradient(circle, var(--accent) 3.5px, transparent 4px);border-radius:50%}.r22a-mark{border:1.5px solid var(--ink-3);background:var(--bg);width:8px;height:8px;margin-left:-4px;transition:background .3s,border-color .3s;position:absolute;top:3px;transform:rotate(45deg)}.r22a-mark.is-now{border-color:var(--ink)}.r22a-mark.is-done{border-color:var(--ink);background:var(--ink)}.r22a-ask{justify-items:center;gap:2px;height:46px;display:grid}.r22a-q{max-width:100%;height:22px;color:var(--ink);font:600 14.5px/22px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.r22a-q.is-quiet{color:var(--ink-2);font-weight:400}.r22a-a{max-width:100%;height:22px;color:var(--ink);font:400 14.5px/22px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;opacity:0;margin:0;transition:opacity .35s,transform .35s;overflow:hidden;transform:translateY(8px)}.r22a-a.is-on{opacity:1;transform:none}.r22b-grid{position:relative}.r22b-grid.is-wide{grid-template-columns:minmax(0,.78fr) 250px minmax(0,1.4fr)}.r22b-name{min-width:0;display:grid}.r22b-name small{color:var(--ink-2);font:400 12px/15px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.is-skip .r22b-name small{color:var(--ink-3)}.r22b-back{opacity:0;width:16px;height:40px;transition:opacity .35s;position:absolute;top:133px;left:-13px;overflow:visible}.r22b-back.is-on{opacity:1}.r22b-back path{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.r22b-dots{flex:none;gap:4px;margin-left:auto;padding-left:8px;display:inline-flex}.r22b-dots i{border:1.3px solid var(--line-strong);border-radius:50%;width:7px;height:7px;transition:background .3s,border-color .3s}.r22b-dots i.is-done{border-color:var(--ink);background:var(--ink)}.r22b-dots i.is-busy{border-color:var(--ink);background:var(--accent)}.r22b-threads{z-index:2;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.r22b-threads path{fill:none;stroke:var(--ink);stroke-width:1.3px;stroke-dasharray:4 4;animation:.4s r21-in,.9s linear infinite r22-march}.r22b-time{flex-direction:column;gap:2px;min-height:360px;margin:0;padding:0;list-style:none;display:flex}.r22b-time li{border-left:1.5px solid var(--line-strong);min-height:36px;color:var(--ink-3);font:500 13px/17px var(--font-ui);align-items:flex-start;gap:6px;padding:2px 0 2px 10px;transition:color .35s,border-color .35s;display:flex;position:relative}.r22b-time li.is-busy,.r22b-time li.is-done{border-left-color:var(--ink);color:var(--ink)}.r22b-time .r21-tool{width:22px;height:22px}.r22b-time .r21-spot{width:32px;height:28px}.r22b-time .r21-spot:after{width:26px;height:7px;margin-left:-13px}.r22b-cursor{border:1.5px solid var(--ink);background:var(--accent);border-radius:50%;width:10px;height:10px;margin-top:-5px;transition:top 80ms linear;position:absolute;left:-6px}.r22b-cursor b{background:var(--bg);color:var(--ink);font:600 11.5px/16px var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:4px;padding:0 4px;position:absolute;top:-5px;left:16px}.r22b-count{color:var(--ink-3);flex:none;margin-left:auto;padding-left:8px;transition:color .35s}.r21-column li.is-busy .r22b-count,.r21-column li.is-done .r22b-count{color:var(--ink)}.r22b-count .r22a-roll{color:inherit;font:600 13.5px/20px var(--font-ui)}@media (max-width:860px){.r22b-grid.is-wide{grid-template-columns:minmax(0,1fr)}.r22b-back{display:none}.r22b-time{min-height:0}}.r22c-still .r21-strip-fill{display:none}.r22c-liquid{position:relative}.r22c-liquid b{color:var(--ink);font:inherit;-webkit-text-stroke:1.2px var(--ink);transition:clip-path .2s linear;position:absolute;top:0;left:0}.r22c-still li.is-busy .r21-strip-num{color:#0000}.r22c-still li.is-busy .r22c-liquid b{color:var(--accent)}.r22c-short .r21-strip{padding-bottom:10px}.r22c-short small{display:none}.r22c-band{height:112px;position:relative}.r22c-slide{transition:left .6s cubic-bezier(.3,.7,.3,1);position:absolute;top:12px;transform:translate(-50%)}.r22c-pointer{z-index:1;border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface);width:12px;height:12px;margin-left:-6px;position:absolute;top:-6px;left:50%;transform:rotate(45deg)}.r22c-subs{min-height:68px;color:var(--ink-3);font:400 12.5px/16px var(--font-ui);align-content:start;gap:1px;margin:2px 0 0;padding:0;list-style:none;display:grid}.r22c-subs li{align-items:center;gap:3px;transition:color .3s;display:flex}.r22c-subs li .r21-tick{opacity:0;flex:none;margin:0;transition:opacity .3s}.r22c-subs li.is-done{color:var(--ink-2)}.r22c-subs li.is-done .r21-tick{opacity:1}.r22c-subs li.is-busy{color:var(--ink)}.r22c-subs li.is-busy .r21-tick{opacity:1;color:#0000;background:radial-gradient(circle, var(--accent) 3.5px, transparent 4px);border-radius:50%}.r22c-watch{font-variant-numeric:tabular-nums}.r22c-even .r21-strip-fill{transition:width .1s linear}.r22-text-col{align-content:start;gap:6px;min-width:0;display:grid}.r22-margin{width:36px;color:var(--ink-3);font:500 11.5px/17px var(--font-ui);font-variant-numeric:tabular-nums;text-align:right;position:absolute;top:3px;left:-42px}.r22-circled{display:inline-block;position:relative}.r22-circled:after{border:1.5px solid var(--ink);opacity:0;content:"";pointer-events:none;border-radius:50%;transition:opacity .45s,transform .45s;position:absolute;inset:-6px -9px;transform:rotate(-2deg)scale(.92)}.r22-circled.is-drawn:after{opacity:1;transform:rotate(-2deg)}.r22d-proof{min-height:19px;color:var(--ink-2);font:italic 400 13.5px/19px var(--font-read);opacity:0;margin:0;transition:opacity .4s}.r22d-proof.is-on{opacity:1}.r22d-proof.is-two{min-height:38px}.r22d-proof.is-hot{color:var(--ink)}.r22d-pin{z-index:2;background:var(--surface);max-width:70%;box-shadow:var(--shadow-card);color:var(--ink);font:500 12.5px/17px var(--font-ui);white-space:nowrap;opacity:0;border-radius:8px;margin:0;padding:5px 10px;transition:opacity .35s,transform .35s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)rotate(-2deg)translateY(4px)}.r22d-pin.is-on{opacity:1;transform:translate(-50%)rotate(-2deg)}.r22d-with-side{grid-template-columns:minmax(0,1fr) 210px;align-items:stretch;gap:16px;display:grid}.r22d-side{grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.r22d-side li{background:var(--surface);min-height:64px;box-shadow:var(--shadow-card);color:var(--ink-2);font:400 13px/18px var(--font-ui);border-radius:14px;align-content:start;gap:3px;padding:10px 12px;animation:.45s r22d-in;display:grid}.r22d-side li.is-new{color:var(--ink)}.r22d-side li.is-empty{border:1.5px dashed var(--line);box-shadow:none;background:0 0;animation:none}.r22d-side small{color:var(--ink-3);font:600 11px/14px var(--font-ui);letter-spacing:.04em;text-transform:uppercase}@keyframes r22d-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.r22d-timed .r22-lines{padding-left:42px}.r22d-times{color:var(--ink-2);font:400 12px/17px var(--font-ui);flex-wrap:wrap;gap:2px 12px;margin:6px 0 0;display:flex}.r22d-times span{opacity:0;transition:opacity .35s}.r22d-times span.is-on{opacity:1}.r22d-times b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.r22d-review{gap:6px;margin-top:6px;display:grid}.r22d-sup{color:var(--ink);font:700 11px/1 var(--font-ui);visibility:hidden;margin-left:2px}.r22d-sup.is-on{visibility:visible;animation:.4s r22d-pop}@keyframes r22d-pop{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.r22d-stage-sups{gap:4px;display:flex;position:absolute;top:8px;right:12px}.r22d-stage-sups .r22d-sup{background:var(--surface);width:18px;height:18px;box-shadow:var(--shadow-button);border-radius:50%;place-items:center;margin:0;font-size:10.5px;display:grid}.r22d-voice-sup{height:0;margin:0;position:relative}.r22d-voice-sup .r22d-sup{position:absolute;top:-44px;right:0}.r22d-notes{color:var(--ink);font:400 13px/19px var(--font-ui);gap:4px;margin:0;padding:0 0 0 4px;list-style:none;display:grid}.r22d-notes li{opacity:0;gap:6px;min-height:19px;transition:opacity .4s;display:flex}.r22d-notes li.is-on{opacity:1}.r22d-notes sup{min-width:12px;font:700 11px/19px var(--font-ui);flex:none}@media (max-width:860px){.r22d-with-side{grid-template-columns:minmax(0,1fr)}.r22d-side{grid-template-rows:none}}.r22-lecture .r21-lecture-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}@media (max-width:860px){.r22-lecture .r21-lecture-body{grid-template-columns:minmax(0,1fr)}.r22d-timed .r22-lines{padding-left:40px}}.r22a-pct .r22a-roll{text-align:right;min-width:2ch;display:inline-block}.r22b-count{text-align:right;min-width:3.4em}.r22-v-text span:last-child{white-space:normal}.r22-lwrap{min-width:0;display:grid}.r22-lwrap>.r21-line{grid-area:1/1}.r22-ghost{visibility:hidden}
