#pg h2{margin-top:3rem}#pg .btn{text-transform:none;font-size:.9rem;box-shadow:none;border-radius:2rem}#pg .btn-primary{background:var(--global-theme-color)!important;border-color:var(--global-theme-color);color:#fff!important}#pg .btn-outline-primary{border:1px solid var(--global-theme-color)!important;color:var(--global-theme-color)!important;background:transparent!important;padding:.3rem .85rem}#pg .btn-outline-primary:hover{background:var(--global-theme-color)!important;color:#fff!important}#pg .btn-link{color:var(--global-theme-color)!important;background:none!important}.pg-warn{color:var(--global-text-color-light)}.pg-jump a{margin-right:1.25rem;border-bottom:1px solid var(--global-theme-color)}.pg-small{font-size:.85rem;color:var(--global-text-color-light);margin-top:.5rem}.pg-h{font-size:.95rem;font-weight:600;margin:1.25rem 0 .5rem}.pg-count{display:block;font-size:.8rem;color:var(--global-text-color-light)}.pg-switch{display:inline-flex;align-items:center;gap:.6rem;margin:0;cursor:pointer;font-weight:600}.pg-switch input{position:absolute;opacity:0}.pg-slider{position:relative;width:3.2rem;height:1.7rem;border-radius:1rem;background:var(--global-divider-color);transition:background .2s;flex:none}.pg-slider::after{content:'';position:absolute;top:.2rem;left:.2rem;width:1.3rem;height:1.3rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.35);transition:transform .2s}.pg-switch input:checked+.pg-slider{background:var(--global-theme-color)}.pg-switch input:checked+.pg-slider::after{transform:translateX(1.5rem)}.pg-switch input:focus-visible+.pg-slider{outline:2px solid var(--global-theme-color);outline-offset:2px}.pg-switch input:disabled ~ *{opacity:.45;cursor:not-allowed}.sc-themes{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.sc-theme,.sc-chip,.im-pill,.sp-pill{border:1px solid var(--global-divider-color);background:transparent;color:var(--global-text-color);border-radius:2rem;padding:.3rem .85rem;font-size:.9rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.sc-chip{padding:.15rem .6rem;font-size:.8rem;margin:0 .3rem .3rem 0}.sc-theme:hover,.sc-chip:hover,.im-pill:hover:not(:disabled),.sp-pill:hover:not(:disabled){border-color:var(--global-theme-color)}.sc-theme.active,.im-pill.active,.sp-pill.active{background:var(--global-theme-color);border-color:var(--global-theme-color);color:#fff}.im-pill:disabled,.sp-pill:disabled{opacity:.45;cursor:not-allowed}.sc-stage{position:relative;border-radius:8px;overflow:hidden;line-height:0;background:#20392a}#sc-canvas{width:100%;display:block;cursor:grab}#sc.is-on #sc-canvas{touch-action:none}#sc-canvas:active{cursor:grabbing}#sc-canvas:focus-visible{outline:2px solid var(--global-theme-color);outline-offset:-2px}#sc-start{position:absolute;left:50%;top:74%;transform:translate(-50%,-50%);line-height:1.5;padding:.6rem 1.8rem;font-size:1.05rem;box-shadow:0 4px 18px rgba(0,0,0,0.45)}#sc.is-on #sc-start{display:none}#sc.is-loading #sc-start{display:block;pointer-events:none}.sc-on-only{display:none}#sc.is-on .sc-on-only{display:inline-block}.sc-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sc-anc{margin:0 0 0 .25rem;font-size:.9rem;cursor:pointer}.sc-anc.on{color:var(--global-theme-color);font-weight:600}.sc-events{display:flex;flex-wrap:wrap;gap:.4rem}.sc-grid{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:0 2rem}.sc-row{display:grid;grid-template-columns:.7rem 8.5rem minmax(0,1fr) 1.5rem;align-items:center;gap:.5rem;padding:.1rem .25rem;border-radius:4px;font-size:.88rem}.sc-row.active{background:var(--global-divider-color)}.sc-row label{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-row input[type='range']{width:100%;accent-color:var(--global-theme-color)}.sc-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--global-divider-color)}.sc-x{border:0;background:0;color:var(--global-text-color-light);cursor:pointer;font-size:1.05rem;line-height:1}#sc-compass{width:100%;max-width:15rem;display:block}.sc-goal{font-size:.9rem;margin:.5rem 0 0}.sc-hint{color:var(--global-text-color-light)}.sc-credits ul{padding-left:1.1rem;margin:.5rem 0 0}.sp-head,.im-head{margin-bottom:.5rem}.sp-view,.im-view{position:relative;overflow:hidden;border-radius:8px;line-height:0;background:#000}.sp-view{aspect-ratio:4 / 1}.im-view{aspect-ratio:3 / 2;max-width:720px;cursor:ew-resize;touch-action:pan-y;user-select:none}.sp-view img,.im-view img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}#sp-over{transition:opacity .05s linear;opacity:0}.sp-playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.7);opacity:0}.im-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.7);pointer-events:none}.im-lens{display:none;position:absolute;width:150px;height:150px;border-radius:50%;border:2px solid #fff;box-shadow:0 3px 14px rgba(0,0,0,0.55);background-repeat:no-repeat;pointer-events:none}.sp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:.75rem 0}.sp-pills,.im-pills{display:flex;flex-wrap:wrap;gap:.35rem}.sp-ask,.im-ask{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.sp-ask{flex-direction:column;align-items:stretch;max-width:40rem}.sp-ask .btn{text-align:left;white-space:normal;border-radius:.6rem}.sp-ask .btn::first-letter {text-transform:uppercase}.im-ask-q,.sp-ask-q{font-weight:600;margin-right:.5rem}.sp-skip{align-self:flex-start;font-size:.85rem}.sp-result,.im-result{max-width:42rem;margin-top:.5rem}.im-verdict{font-weight:600;margin-bottom:.4rem}.im-lesson{margin:.6rem 0}.im-score{display:grid;grid-template-columns:minmax(0,1.4fr) 1fr 1fr 1fr;gap:.5rem;padding:.25rem .4rem;font-size:.85rem;border-radius:4px}.im-score.best{background:var(--global-divider-color)}.im-score-name{font-weight:600}.sp-heard{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.15rem .75rem;font-size:.92rem;margin:.5rem 0}.sp-heard dt{font-weight:600}.sp-heard dd{margin:0}.sp-wrong{color:#c0392b;text-decoration:underline wavy;text-underline-offset:3px}html[data-theme='dark'] .sp-wrong{color:#ff8a7a}.sp-score{font-size:.9rem;font-weight:600;float:right}@media(max-width:720px){.sc-grid{grid-template-columns:minmax(0,1fr)}.sc-row{grid-template-columns:.7rem 7rem minmax(0,1fr) 1.5rem}.sp-view{aspect-ratio:3 / 1}.sp-heard{grid-template-columns:minmax(0,1fr)}.im-score{grid-template-columns:1fr 1fr 1fr}.im-score-name{grid-column:1 / -1}}