.tp{margin:1.8em 0 0;display:block}.tp-term{--t-bg:color-mix(in srgb, var(--bg) 90%, #0a3a3a 10%);border:1px solid var(--line-hi);background:var(--t-bg);height:360px;font:400 13px/1.55 var(--mono);color:var(--text);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px -40px #000000b3}:root[data-theme=light] .tp-term{--t-bg:#0d1218;color:#c3c9d4}.tp-term:focus-visible{outline:none}.tp-term:focus,.tp-term:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px #00b8b824,0 30px 70px -40px #000000b3}.tp-bar{color:#7d8596;border-bottom:1px solid #ffffff12;align-items:center;gap:12px;height:34px;padding:0 12px;font-size:12px;display:flex}.tp-dots{gap:6px;display:flex}.tp-dots i{background:#2a313c;border-radius:50%;width:10px;height:10px}.tp-title{text-align:center;flex:1}.tp-prefix-chip kbd{color:#f3f5f9;background:#ffffff0d;border-color:#ffffff29;font-size:11px}.tp-screen{flex:1;min-height:0;padding:4px;position:relative}.tp-split{background:#ffffff1f;gap:1px;width:100%;height:100%;display:flex}.tp-split.col{flex-direction:column}.tp-split>*{min-width:0;min-height:0;transition:flex-grow .25s var(--ease)}.tp-pane{background:var(--t-bg);flex-direction:column;justify-content:flex-start;height:100%;padding:6px 10px;display:flex;position:relative;overflow:hidden}.tp-pane:after{content:"";pointer-events:none;transition:border-color .2s var(--ease);border:1px solid #0000;position:absolute;inset:0}.tp-pane.on:after{border-color:#00b8b8b3}.tp-pane.pick{cursor:var(--cursor-pointer)}.tp-pane .no{color:#4a5160;font-size:11px;position:absolute;top:4px;right:8px}.tp-pane.on .no{color:#5eead4}.tp-line{white-space:pre-wrap;word-break:break-all}.tp-line.out{color:#7d8596}.tp-ps{color:#5eead4}.tp-cur{vertical-align:-.2em;background:0 0;width:7px;height:1.1em;margin-left:1px;display:inline-block}.tp-pane.on .tp-cur{background:#5eead4}.tp-term:focus .tp-pane.on .tp-cur{animation:1.1s step-end infinite tp-blink}@keyframes tp-blink{50%{opacity:0}}.tp-bignum{color:#5eead4;font:600 44px/1 var(--mono);animation:tp-fade .2s var(--ease);background:#00000059;place-items:center;display:grid;position:absolute;inset:0}.tp-pane:not(.on) .tp-bignum{color:#f5b454}@keyframes tp-fade{0%{opacity:0}}.tp-status{color:#c3c9d4;white-space:nowrap;background:#121a22;align-items:center;gap:10px;height:24px;padding:0 8px;font-size:12px;display:flex;overflow:hidden}.tp-status .s{color:#4ade80}.tp-status .w.cur{color:#5eead4;font-weight:600}.tp-status .r{align-items:center;gap:8px;margin-left:auto;display:flex}.tp-status .clock-d{color:#22d3ee}.tp-status .pfx{color:#021616;background:#00b8b8;border-radius:4px;padding:0 6px;font-weight:600}.tp-status .msg{color:#1a1200;background:#f5b454;padding:0 6px}.tp-status input{color:#f3f5f9;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.tp-full{background:var(--t-bg);padding:14px 16px;position:absolute;inset:0}.tp-full .tp-act{margin-top:14px}.tp-full button,.tp-help button{color:#5eead4;font:inherit;cursor:var(--cursor-pointer);background:0 0;border:1px solid #00b8b899;border-radius:999px;padding:4px 12px}.tp-help{background:#0b1016;border:1px solid #ffffff1f;border-radius:10px;padding:12px 16px;position:absolute;inset:8px;overflow:auto}.tp-help table{border-collapse:collapse;width:100%;font-size:12px}.tp-help td{vertical-align:top;padding:3px 10px 3px 0}.tp-help td:first-child{color:#5eead4;white-space:nowrap}.tp-hint{color:#c3c9d4;font:500 12px/1.4 var(--sans);white-space:nowrap;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease);background:#07090fd1;border:1px solid #ffffff24;border-radius:999px;padding:8px 14px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.tp-hint kbd{color:#f3f5f9;background:#ffffff0d;border-color:#ffffff29}.tp-term:focus .tp-hint,.tp-term.used .tp-hint{opacity:0;transform:translate(-50%,6px)}.tp-hint-touch{display:none}@media (hover:none){.tp-hint-kb{display:none}.tp-hint-touch{display:inline}}.tp-log{border:1px dashed var(--line-hi);color:var(--muted);font:400 12.5px/1.5 var(--mono);white-space:nowrap;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:8px 14px;display:flex;overflow-x:auto}.tp-log-k{color:var(--brand-ink)}.tp-log code{color:var(--strong);background:0 0!important;padding:0!important}.tp-log.flash code{animation:tp-flash .6s var(--ease)}@keyframes tp-flash{0%{color:var(--brand-2)}}.tp-below{grid-template-columns:minmax(0,1fr) 240px;gap:14px;margin-top:14px;display:grid}.tp-pad{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:6px;display:grid}.tp-pad button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--text);font:500 13px/1.3 var(--sans);text-align:left;cursor:var(--cursor-pointer);transition:border-color .18s var(--ease), background .18s var(--ease), transform .12s var(--ease);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}@media (hover:hover){.tp-pad button:hover{background:#00b8b80f;border-color:#00b8b880}}.tp-pad button:active,.tp-pad button.hit{border-color:var(--brand);background:#00b8b81f;transform:scale(.97)}.tp-pad kbd{min-width:26px}.tp-tasks{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px 14px;font-size:13.5px}.tp-tasks-head{color:var(--strong);justify-content:space-between;align-items:center;font-weight:600;display:flex}.tp-count{color:var(--brand-2);font:500 12px var(--mono);margin-left:6px}.tp-reset{border:1px solid var(--line-hi);color:var(--muted);font:500 12px/1.4 var(--mono);cursor:var(--cursor-pointer);background:0 0;border-radius:999px;padding:3px 10px}.tp-reset:hover{color:var(--strong);border-color:var(--brand)}.tp-tasks ol{margin:10px 0 0;padding:0;list-style:none}.tp-tasks li{color:var(--muted);transition:color .2s var(--ease);align-items:center;gap:8px;margin:0;padding:4px 0;display:flex}.tp-check{border:1.5px solid var(--line-hi);width:16px;height:16px;transition:background .25s var(--ease), border-color .25s var(--ease);border-radius:50%;flex:none}.tp-tasks li.done{color:var(--strong)}.tp-tasks li.done .tp-check{border-color:var(--brand);background:radial-gradient(circle, var(--brand-2) 0 4px, transparent 4.5px)}.tp-tasks.all{border-color:#00b8b880}@media (width<=720px){.tp-term{height:300px}.tp-below{grid-template-columns:1fr}.tp-pad{grid-template-columns:repeat(3,minmax(0,1fr))}.tp-prefix-chip{display:none}.tp-hint{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){.tp-split>*,.tp-pad button,.tp-hint{transition:none}.tp-term:focus .tp-pane.on .tp-cur,.tp-bignum,.tp-log.flash code{animation:none}}
