.tp{--tp-ink:var(--color-base-content);--tp-mute:color-mix(in oklab, var(--tp-ink) 58%, transparent);--tp-ok:color-mix(in oklab, var(--color-success) 70%, var(--tp-ink));--tp-no:var(--color-error);border-inline-start:2px dotted var(--color-base-300);margin:-.6rem 0 2rem;padding:.75rem 0 0 1rem;font-size:.95rem;line-height:1.55}.prose-chirpy .tp p{margin:0}.tp__ask{flex-wrap:wrap;align-items:baseline;gap:0 .75rem;display:flex}.tp__q{font-weight:600}.tp__note{color:var(--tp-mute);font-size:.8rem}.prose-chirpy .tp code{font-variant-ligatures:none;color:inherit;font-weight:inherit;background:0 0;padding:0;font-size:.92em}.prose-chirpy .tp__why code{color:var(--color-primary)}.tp__chips{flex-wrap:wrap;gap:.45rem;margin:.55rem 0 .6rem;display:flex}.tp__chip{border:1px solid var(--color-base-300);border-radius:var(--radius-field);background:var(--color-base-100);color:var(--tp-ink);font:.82rem/1.35 var(--font-mono);text-align:start;cursor:pointer;padding:.3rem .7rem;transition:border-color .15s,background-color .15s,opacity .2s,transform .15s;position:relative}.tp__chip:hover{border-color:var(--color-primary)}.tp__chip:active{transform:translateY(1px)}.tp__chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tp__sp{color:var(--tp-mute);font-weight:400}.tp[data-tp-state] .tp__chip{cursor:default;opacity:.45;transform:none}.tp[data-tp-state] .tp__chip:hover{border-color:var(--color-base-300)}.tp .tp__chip[data-s]{opacity:1;padding-inline-end:1.6rem}.tp .tp__chip[data-s=right]{border-color:var(--tp-ok);background:color-mix(in oklab, var(--color-success) 13%, var(--color-base-100))}.tp .tp__chip[data-s=wrong]{border-color:var(--tp-no);background:color-mix(in oklab, var(--tp-no) 10%, var(--color-base-100));text-decoration:line-through color-mix(in oklab, var(--tp-no) 60%, transparent)}.tp__chip[data-s]:after{inset-inline-end:.5rem;font:700 .8rem/1.35 var(--font-sans);position:absolute;top:.3rem}.tp__chip[data-s=right]:after{content:"✓";color:var(--tp-ok)}.tp__chip[data-s=wrong]:after{content:"✕";color:var(--tp-no)}.tp__out summary{width:fit-content;color:var(--tp-mute);cursor:pointer;font-size:.8rem}.tp__out summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tp[data-tp-state] summary{pointer-events:none;list-style:none}.tp[data-tp-state] summary::-webkit-details-marker{display:none}.tp__console{border-radius:var(--radius-field);background:color-mix(in oklab, var(--tp-ink) 5%, var(--color-base-100));font:.82rem/1.6 var(--font-mono);margin:.45rem 0 .5rem;padding:.5rem .75rem;display:block;overflow-x:auto}.tp__ln{white-space:pre;display:block}.tp__ln:before{content:"› ";color:var(--tp-mute)}.tp__err{color:var(--tp-no);white-space:pre-wrap}.tp__err:before{content:"✕ ";color:inherit}.tp__why{color:color-mix(in oklab, var(--tp-ink) 85%, transparent);font-size:.9rem}.tp__mark{color:var(--tp-ink)}.tp[data-tp-state=right] .tp__mark{color:var(--tp-ok)}.tp[data-tp-state=wrong] .tp__mark{color:var(--tp-no)}.tp[data-tp-state] .tp__out[open]>:not(summary){animation:.28s ease-out both tp-in}@keyframes tp-in{0%{opacity:0;transform:translateY(-3px)}}.tp__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tp-score{border:1px dashed var(--color-base-300);border-radius:var(--radius-box);color:color-mix(in oklab, var(--color-base-content) 62%, transparent);flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin:2rem 0 0;padding:.8rem 1rem;font-size:.95rem;display:flex}.tp-score[data-done]{color:var(--color-base-content);border-style:solid;font-weight:600}.tp-score__pips{gap:.3rem;display:inline-flex}.tp-score__pips i{border:1.5px solid var(--color-base-300);border-radius:50%;width:.7rem;height:.7rem;transition:background-color .25s,border-color .25s}.tp-score__pips i[data-s=right]{background:var(--color-success);border-color:var(--color-success)}.tp-score__pips i[data-s=wrong]{background:var(--color-error);border-color:var(--color-error)}.tp-score__pips i[data-s=peek]{border-style:dashed;border-color:var(--color-base-content)}.prose-chirpy .tp-score code{color:var(--color-primary);background:0 0;padding:0}@media (prefers-reduced-motion:reduce){.tp__chip,.tp-score__pips i{transition:none}.tp[data-tp-state] .tp__out[open]>:not(summary){animation:none}}