:root{--font-serif:ui-serif,Georgia,"Times New Roman",serif;--font-mono:ui-monospace,"SF Mono","Cascadia Code","Menlo","Consolas","Liberation Mono",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;--bg:#0c0c0c;--surface:#141414;--surface2:#1a1a1a;--border:#272727;--border2:#333;--text:#f0ece0;--text-dim:#888;--muted:#555;--dim:#2e2c26;--g:#fff;--gl:#e8e8e8;--accent:var(--g);--rec:#e05555;--ok:#66bb6a;--ctrl-bg:var(--surface2);--ease-spring:cubic-bezier(.34,1.4,.64,1);--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:320ms;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.tp-root{-webkit-tap-highlight-color:transparent;background:#0c0c0c;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,#ffffff08 0,#0000 70%);color:#f0ece0;color:var(--text);display:flex;flex-direction:column;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none}.tp-topbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#141414;background:var(--surface);border-bottom:1px solid #272727;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:center;min-height:48px;padding:12px 20px;padding:var(--sp-3) var(--sp-5);position:relative}.tp-brand{color:#fff;color:var(--g);font-family:ui-serif,Georgia,Times New Roman,serif;font-family:var(--font-serif);font-size:clamp(13px,2.5vw,16px);font-weight:400;letter-spacing:.06em}.tp-brand a{color:inherit;text-decoration:none}.tp-header-right{gap:8px;gap:var(--sp-2);position:absolute;right:16px;right:var(--sp-4);top:50%;transform:translateY(-50%)}.tp-header-right,.tp-wake-pill{align-items:center;display:flex}.tp-wake-pill{-webkit-tap-highlight-color:transparent;background:#1a1a1a;background:var(--ctrl-bg);border:1px solid #272727;border:1px solid var(--border);border-radius:999px;border-radius:var(--r-pill);color:#555;color:var(--muted);cursor:pointer;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:9px;gap:5px;letter-spacing:.12em;padding:4px 10px 4px 8px;text-transform:uppercase;transition:border-color .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1),background .2s cubic-bezier(.22,1,.36,1),transform .12s cubic-bezier(.34,1.4,.64,1);transition:border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-spring);white-space:nowrap}.tp-wake-pill:hover{border-color:#333;border-color:var(--border2);color:#f0ece0;color:var(--text)}.tp-wake-pill:active{transform:scale(.94)}.tp-wake-pill.active{background:#0e1e0e;border-color:#3a6e3a;color:#6ecf6e}.tp-wake-pill.unsupported{cursor:default;opacity:.3;pointer-events:none}.tp-wake-dot{background:#555;background:var(--muted);border-radius:50%;flex-shrink:0;height:7px;transition:background .2s cubic-bezier(.22,1,.36,1);transition:background var(--dur-base) var(--ease-out);width:7px}.tp-wake-pill.active .tp-wake-dot{animation:tp-pulse 2.2s ease-in-out infinite;background:#6ecf6e;box-shadow:0 0 0 2px #0e1e0e,0 0 0 3px #3a6e3a}@keyframes tp-pulse{0%,to{opacity:1}50%{opacity:.4}}.tp-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#1a1a1a;background:var(--ctrl-bg);border:1px solid #272727;border:1px solid var(--border);border-radius:6px;border-radius:var(--r-sm);color:#555;color:var(--muted);cursor:pointer;display:flex;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:13px;font-weight:600;height:34px;justify-content:center;transition:background .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),transform .12s cubic-bezier(.34,1.4,.64,1),box-shadow .12s cubic-bezier(.22,1,.36,1);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out);width:34px;will-change:transform}.tp-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:15px;transition:stroke .12s cubic-bezier(.22,1,.36,1);transition:stroke var(--dur-fast) var(--ease-out);width:15px}.tp-btn:hover{background:#222;border-color:#333;border-color:var(--border2);box-shadow:0 1px 6px #0006;color:#f0ece0;color:var(--text)}.tp-btn:active{box-shadow:none;transform:scale(.9)}.tp-btn.lg{border-radius:10px;border-radius:var(--r-md);height:44px;width:44px}.tp-btn.lg svg{height:18px;width:18px}.tp-btn.accent{background:#fff;background:var(--g);border-color:#fff;border-color:var(--g);color:#0c0c0c}.tp-btn.accent svg{stroke:#0c0c0c}.tp-btn.accent:hover{background:#e8e8e8;background:var(--gl);border-color:#e8e8e8;border-color:var(--gl);box-shadow:0 2px 12px #ffffff26}.tp-btn.active{border-color:#fff;border-color:var(--g);color:#fff;color:var(--g)}.tp-btn.active svg{stroke:#fff;stroke:var(--g)}.tp-footer{align-items:center;background:#141414;background:var(--surface);border-top:1px solid #272727;border-top:1px solid var(--border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;gap:var(--sp-3);justify-content:space-between;min-height:56px;padding:12px 20px;padding:var(--sp-3) var(--sp-5)}.tp-controls{flex-wrap:wrap}.tp-controls,.tp-ctrl-group{align-items:center;display:flex;gap:8px;gap:var(--sp-2)}.tp-ctrl-group{background:#1a1a1a;background:var(--ctrl-bg);border:1px solid #272727;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);padding:6px 12px}.tp-ctrl-label{color:#555;color:var(--muted);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.tp-ctrl-label,.tp-ctrl-val{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono)}.tp-ctrl-val{color:#fff;color:var(--g);font-size:12px;font-weight:600;min-width:28px;text-align:center;transition:color .12s cubic-bezier(.22,1,.36,1);transition:color var(--dur-fast) var(--ease-out)}.tp-range{-webkit-appearance:none;appearance:none;background:#272727;background:var(--border);border-radius:2px;cursor:pointer;height:3px;outline:none;transition:background .12s;transition:background var(--dur-fast);width:80px}.tp-range:hover{background:#333;background:var(--border2)}.tp-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:var(--g);border:none;border-radius:50%;box-shadow:0 0 0 3px #ffffff1a;height:14px;-webkit-transition:transform .12s cubic-bezier(.34,1.4,.64,1),box-shadow .12s cubic-bezier(.22,1,.36,1);transition:transform .12s cubic-bezier(.34,1.4,.64,1),box-shadow .12s cubic-bezier(.22,1,.36,1);-webkit-transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out);width:14px}.tp-range::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px #ffffff26;transform:scale(1.2)}.tp-range::-moz-range-thumb{background:#fff;background:var(--g);border:none;border-radius:50%;height:14px;width:14px}.tp-status-left{align-items:center;color:#555;color:var(--muted);display:flex;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:10px;gap:12px;gap:var(--sp-3);letter-spacing:.12em;text-transform:uppercase}.tp-progress-pill{background:#272727;background:var(--border);border-radius:2px;height:3px;overflow:hidden;width:100px}.tp-progress-fill{background:#fff;background:var(--g);border-radius:2px;height:100%;transition:width .3s cubic-bezier(.22,1,.36,1);transition:width .3s var(--ease-out)}.tp-rec-indicator{align-items:center;animation:tp-rec-blink 1.5s ease-in-out infinite;color:#e05555;color:var(--rec);display:flex;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:10px;gap:5px;letter-spacing:.12em;text-transform:uppercase}.tp-rec-dot{background:#e05555;background:var(--rec);border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes tp-rec-blink{0%,to{opacity:1}50%{opacity:.25}}.tp-prompt-wrap{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.tp-fade-bottom,.tp-fade-top{height:clamp(80px,15vh,140px);left:0;pointer-events:none;position:absolute;right:0;z-index:10}.tp-fade-top{background:linear-gradient(180deg,#0c0c0cfa 0,#0000);top:0}.tp-fade-bottom{background:linear-gradient(0deg,#0c0c0cfa 0,#0000);bottom:0}.tp-focus-zone{align-items:center;display:flex;left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:6}.tp-focus-bracket-left,.tp-focus-bracket-right{border:1.5px solid #fff;border:1.5px solid var(--g);flex-shrink:0;height:32px;opacity:.35;width:14px}.tp-focus-bracket-left{border-radius:3px 0 0 3px;border-right:none;margin-left:clamp(16px,4vw,28px)}.tp-focus-bracket-right{border-left:none;border-radius:0 3px 3px 0;margin-right:clamp(16px,4vw,28px)}.tp-focus-line{background:#fff;background:var(--g);flex:1 1;height:1px;opacity:.08}.tp-bg-video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:1}.tp-bg-video.tp-hidden{display:none}.tp-bg-dim{inset:0;pointer-events:none;position:absolute;transition:background-color .3s cubic-bezier(.22,1,.36,1);transition:background-color .3s var(--ease-out);z-index:2}.tp-scroll-stage{background:#0000;flex:1 1;overflow:hidden;position:relative;z-index:3}.tp-text-body{background:#0000;font-family:ui-serif,Georgia,Times New Roman,serif;font-family:var(--font-serif);font-size:clamp(18px,3.5vw,28px);line-height:1.85;padding:50vh clamp(20px,8vw,10vw)}.tp-text-body.mono{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:clamp(15px,2.5vw,22px)}.tp-text-body.sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans)}.tp-word{border-radius:3px;cursor:pointer;display:inline;padding:2px;transition:color .35s cubic-bezier(.22,1,.36,1),background-color .2s cubic-bezier(.22,1,.36,1),opacity .4s cubic-bezier(.22,1,.36,1),padding .18s cubic-bezier(.34,1.4,.64,1),border-radius .18s cubic-bezier(.22,1,.36,1);transition:color .35s var(--ease-out),background-color .2s var(--ease-out),opacity .4s var(--ease-out),padding .18s var(--ease-spring),border-radius .18s var(--ease-out)}.tp-word.done{color:#2e2c26;color:var(--dim);opacity:.45}.tp-word.upcoming{color:#f0ece0;color:var(--text);opacity:.65}.tp-word.near{color:#f0ece0;color:var(--text);opacity:.85}.tp-word.current{background:#fff;background:var(--g);border-radius:4px;color:#0c0c0c;opacity:1;padding:2px 8px;transition:background-color .15s cubic-bezier(.22,1,.36,1),color .15s cubic-bezier(.22,1,.36,1),padding .15s cubic-bezier(.34,1.4,.64,1),border-radius .15s cubic-bezier(.22,1,.36,1);transition:background-color .15s var(--ease-out),color .15s var(--ease-out),padding .15s var(--ease-spring),border-radius .15s var(--ease-out)}.tp-word:not(.done):not(.current):hover{background:#ffffff0f;border-radius:3px;color:#fff;color:var(--g);opacity:1}.tp-countdown{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0c0c0ce6;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:50}.tp-countdown-num{animation:tp-pop .4s cubic-bezier(.34,1.4,.64,1);animation:tp-pop .4s var(--ease-spring);color:#fff;color:var(--g);font-family:ui-serif,Georgia,Times New Roman,serif;font-family:var(--font-serif);font-size:clamp(80px,18vw,140px);line-height:1}@keyframes tp-pop{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.tp-toast{background:#141414;background:var(--surface);border:1px solid #333;border:1px solid var(--border2);border-radius:999px;border-radius:var(--r-pill);bottom:80px;box-shadow:0 4px 24px #00000080;color:#fff;color:var(--g);font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:11px;left:50%;letter-spacing:.1em;opacity:0;padding:8px 20px;pointer-events:none;position:fixed;text-transform:uppercase;transform:translateX(-50%) translateY(10px);transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.34,1.4,.64,1);transition:opacity .2s var(--ease-out),transform .2s var(--ease-spring);white-space:nowrap;z-index:400}.tp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.tp-modal-overlay{align-items:center;animation:tp-overlay-in .2s cubic-bezier(.22,1,.36,1);animation:tp-overlay-in var(--dur-base) var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d1;display:none;inset:0;justify-content:center;padding:16px;padding:var(--sp-4);position:fixed;z-index:200}.tp-modal-overlay.open{display:flex}@keyframes tp-overlay-in{0%{opacity:0}to{opacity:1}}.tp-modal{animation:tp-modal-in .32s cubic-bezier(.34,1.4,.64,1);animation:tp-modal-in var(--dur-slow) var(--ease-spring);background:#141414;background:var(--surface);border:1px solid #272727;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-lg);box-shadow:0 24px 64px #000000b3,inset 0 0 0 1px #ffffff0a;display:flex;flex-direction:column;gap:20px;gap:var(--sp-5);padding:clamp(20px,4vw,32px);width:min(560px,100%)}@keyframes tp-modal-in{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.tp-modal-header{align-items:center;display:flex;justify-content:space-between}.tp-modal-title{color:#fff;color:var(--g);font-family:ui-serif,Georgia,Times New Roman,serif;font-family:var(--font-serif);font-size:clamp(16px,3vw,20px);font-weight:400;letter-spacing:.01em}.tp-modal-close{background:none;border:none;border-radius:6px;border-radius:var(--r-sm);color:#555;color:var(--muted);cursor:pointer;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:20px;line-height:1;padding:4px 6px;transition:color .12s,background .12s,transform .12s cubic-bezier(.34,1.4,.64,1);transition:color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast) var(--ease-spring)}.tp-modal-close:hover{background:#ffffff12;color:#f0ece0;color:var(--text)}.tp-modal-close:active{transform:scale(.88)}.tp-modal textarea{background:#0c0c0c;background:var(--bg);border:1px solid #272727;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);box-sizing:border-box;color:#f0ece0;color:var(--text);font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:13px;line-height:1.65;min-height:200px;outline:none;padding:12px 16px;padding:var(--sp-3) var(--sp-4);resize:vertical;transition:border-color .12s cubic-bezier(.22,1,.36,1),box-shadow .12s cubic-bezier(.22,1,.36,1);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.tp-modal textarea:focus{border-color:#fff;border-color:var(--g);box-shadow:0 0 0 3px #ffffff12}.tp-modal-btns{display:flex;flex-wrap:wrap;gap:8px;gap:var(--sp-2);justify-content:flex-end}.tp-modal-btns button{background:#1a1a1a;background:var(--ctrl-bg);border:1px solid #272727;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);color:#555;color:var(--muted);cursor:pointer;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:9px 22px;text-transform:uppercase;transition:background .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),transform .12s cubic-bezier(.34,1.4,.64,1),box-shadow .12s cubic-bezier(.22,1,.36,1);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out)}.tp-modal-btns button:hover{background:#222;color:#f0ece0;color:var(--text)}.tp-modal-btns button:active{transform:scale(.95)}.tp-modal-btns button.primary{background:#fff;background:var(--g);border-color:#fff;border-color:var(--g);color:#0c0c0c;font-weight:600}.tp-modal-btns button.primary:hover{background:#e8e8e8;background:var(--gl);box-shadow:0 2px 14px #fff3}.tp-modal-btns button:disabled{cursor:not-allowed;opacity:.38;transform:none}.tp-bg-group{background:#1a1a1a;background:var(--ctrl-bg);border:1px solid #272727;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);overflow:hidden}.tp-bg-group,.tp-bg-group-btn{align-items:center;display:flex}.tp-bg-group-btn{background:none;border:none;border-right:1px solid #272727;border-right:1px solid var(--border);color:#555;color:var(--muted);cursor:pointer;flex-direction:column;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:7px;gap:3px;height:38px;justify-content:center;letter-spacing:.1em;text-transform:uppercase;transition:background .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);width:40px}.tp-bg-group-btn:last-child{border-right:none}.tp-bg-group-btn:hover{background:#222;color:#f0ece0;color:var(--text)}.tp-bg-group-btn.active{background:#ffffff0f;color:#fff;color:var(--g)}.tp-bg-group-btn.active svg{stroke:#fff;stroke:var(--g)}.tp-rec-group{background:#1a1a1a;background:var(--ctrl-bg);border:1px solid #272727;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);overflow:hidden}.tp-rec-group,.tp-rec-main-btn{align-items:center;display:flex}.tp-rec-main-btn{background:none;border:none;border-right:1px solid #272727;border-right:1px solid var(--border);color:#555;color:var(--muted);cursor:pointer;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:9px;gap:8px;gap:var(--sp-2);height:38px;letter-spacing:.1em;padding:0 12px;padding:0 var(--sp-3);text-transform:uppercase;transition:background .12s,color .12s;transition:background var(--dur-fast),color var(--dur-fast)}.tp-rec-main-btn:hover{background:#222;color:#f0ece0;color:var(--text)}.tp-rec-main-btn.recording{background:#e0555514;color:#e05555;color:var(--rec)}.tp-rec-timer{animation:tp-rec-blink 1.5s ease-in-out infinite;border-right:1px solid #272727;border-right:1px solid var(--border);color:#e05555;color:var(--rec);font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;line-height:38px;padding:0 12px;padding:0 var(--sp-3);white-space:nowrap}.tp-rec-download-btn{align-items:center;background:none;border:none;color:#fff;color:var(--g);cursor:pointer;display:flex;height:38px;justify-content:center;transition:background .12s cubic-bezier(.22,1,.36,1),transform .12s cubic-bezier(.34,1.4,.64,1);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring);width:36px}.tp-rec-download-btn:hover{background:#ffffff14}.tp-rec-download-btn:active{transform:scale(.88)}.tp-qr-box{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--sp-4)}.tp-qr-note-banner{align-items:flex-start;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;border-radius:var(--r-md);color:#ffffffa6;font-size:11px;gap:12px;gap:var(--sp-3);letter-spacing:.05em;line-height:1.7;padding:12px 16px;padding:var(--sp-3) var(--sp-4);width:100%}.tp-qr-note-banner,.tp-remote-pill{display:flex;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono)}.tp-remote-pill{align-items:center;background:#0e1e0e;border:1px solid #3a6e3a;border-radius:999px;border-radius:var(--r-pill);color:#6ecf6e;font-size:10px;gap:5px;letter-spacing:.1em;padding:4px 10px 4px 8px;text-transform:uppercase;white-space:nowrap}.tp-remote-dot{animation:tp-pulse 2.2s ease-in-out infinite;background:#6ecf6e;border-radius:50%;flex-shrink:0;height:7px;width:7px}.tp-clips-list{display:flex;flex-direction:column;gap:8px;gap:var(--sp-2);max-height:220px;overflow-y:auto}.tp-clip-row{align-items:center;background:#0c0c0c;background:var(--bg);border:1px solid #272727;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);display:flex;gap:12px;gap:var(--sp-3);justify-content:space-between;padding:12px 16px;padding:var(--sp-3) var(--sp-4);transition:border-color .12s cubic-bezier(.22,1,.36,1),background .12s cubic-bezier(.22,1,.36,1);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.tp-clip-row:hover{background:#1a1a1a;background:var(--surface2);border-color:#333;border-color:var(--border2)}.tp-clip-info{display:flex;flex-direction:column;gap:3px}.tp-clip-name{color:#f0ece0;color:var(--text);font-size:11px}.tp-clip-meta,.tp-clip-name{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono)}.tp-clip-meta{color:#555;color:var(--muted);font-size:9px;letter-spacing:.08em}.tp-clip-actions{display:flex;gap:8px;gap:var(--sp-2)}.tp-clip-btn{background:#1a1a1a;background:var(--ctrl-bg);border:1px solid #272727;border:1px solid var(--border);border-radius:6px;border-radius:var(--r-sm);color:#555;color:var(--muted);cursor:pointer;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;padding:5px 10px;text-transform:uppercase;transition:background .12s,color .12s,transform .12s cubic-bezier(.34,1.4,.64,1);transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease-spring)}.tp-clip-btn:hover{background:#222;color:#f0ece0;color:var(--text)}.tp-clip-btn:active{transform:scale(.9)}.tp-clip-btn.dl{border-color:#fff3;color:#fff;color:var(--g)}.tp-clip-btn.dl:hover{background:#ffffff0f}.tp-clips-empty{color:#555;color:var(--muted);font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:11px;padding:20px 0;padding:var(--sp-5) 0;text-align:center}.tp-shortcuts-table{border-collapse:collapse;width:100%}.tp-shortcuts-table tr{border-bottom:1px solid #272727;border-bottom:1px solid var(--border)}.tp-shortcuts-table tr:last-child{border-bottom:none}.tp-shortcuts-table td{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:13px;padding:12px 0;padding:var(--sp-3) 0;vertical-align:middle}.tp-shortcuts-table td:first-child{color:#555;color:var(--muted);width:40%}.tp-kbd{background:#1a1a1a;background:var(--ctrl-bg);border:1px solid #333;border:1px solid var(--border2);border-radius:6px;border-radius:var(--r-sm);box-shadow:0 1px 0 #333;box-shadow:0 1px 0 var(--border2);color:#fff;color:var(--g);display:inline-block;font-size:11px;letter-spacing:.05em;margin-right:4px;padding:2px 8px}.tp-kbd,.tp-shortcuts-note{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono)}.tp-shortcuts-note{border-top:1px solid #272727;border-top:1px solid var(--border);color:#555;color:var(--muted);font-size:10px;letter-spacing:.06em;padding-top:16px;padding-top:var(--sp-4);text-transform:uppercase}.tp-mirrored .tp-text-body{transform:scaleX(-1)}:-webkit-full-screen .tp-footer,:fullscreen .tp-footer{padding:8px 20px;padding:8px var(--sp-5)}.tp-cue-overlay{align-items:center;animation:tp-cue-overlay-in .3s cubic-bezier(.22,1,.36,1) both;animation:tp-cue-overlay-in .3s var(--ease-out) both;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;z-index:80}.tp-cue-overlay-exit{animation:tp-cue-overlay-out .32s cubic-bezier(.4,0,.2,1) both!important;animation:tp-cue-overlay-out .32s var(--ease-in-out) both!important}@keyframes tp-cue-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes tp-cue-overlay-out{0%{opacity:1}to{opacity:0}}.tp-cue-backdrop{backdrop-filter:blur(6px) saturate(1.2);-webkit-backdrop-filter:blur(6px) saturate(1.2);background:color-mix(in srgb,var(--cue-bg) 72%,#000);inset:0;position:absolute}.tp-cue-card{align-items:stretch;animation:tp-cue-card-in .32s cubic-bezier(.34,1.4,.64,1) both;animation:tp-cue-card-in .32s var(--ease-spring) both;background:color-mix(in srgb,var(--cue-bg) 90%,#000);border:2px solid color-mix(in srgb,var(--cue-accent) 50%,#0000);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 0 0 1px #ffffff0f inset,0 24px 64px #000000b3,0 0 80px color-mix(in srgb,var(--cue-accent) 18%,#0000);display:flex;flex-direction:column;overflow:hidden;position:relative;width:min(520px,88vw);z-index:1}@keyframes tp-cue-card-in{0%{opacity:0;transform:scale(.88) translateY(-24px)}to{opacity:1;transform:scale(1) translateY(0)}}.tp-cue-card-topbar{flex-shrink:0;height:4px;width:100%}.tp-cue-card-inner{align-items:center;display:flex;flex-direction:column;gap:20px;gap:var(--sp-5);padding:clamp(24px,5vw,40px) clamp(20px,4vw,32px) 28px}.tp-cue-card-icon{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;display:flex;height:64px;justify-content:center;width:64px}.tp-cue-card-label{font-family:ui-serif,Georgia,Times New Roman,serif;font-family:var(--font-serif);font-size:clamp(26px,5vw,42px);font-weight:400;letter-spacing:.01em;line-height:1.15;text-align:center}.tp-cue-card-ring-wrap{height:54px;position:relative;width:54px}.tp-cue-card-ring-wrap,.tp-cue-card-secs{align-items:center;display:flex;justify-content:center}.tp-cue-card-secs{font-size:14px;font-weight:600;inset:0;position:absolute}.tp-cue-card-hint,.tp-cue-card-secs{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono)}.tp-cue-card-hint{color:#fff;font-size:9px;letter-spacing:.2em;opacity:.4;text-transform:uppercase}.tp-cue-card-bar-bottom{background:#ffffff0f;flex-shrink:0;height:4px;overflow:hidden}.tp-cue-card-bar-fill{height:100%;transition:width .08s linear}.tp-cue-banner{align-items:center;animation:tp-banner-in .22s cubic-bezier(.34,1.4,.64,1) both;animation:tp-banner-in .22s var(--ease-spring) both;background:color-mix(in srgb,#0c0c0c 94%,#0000);background:color-mix(in srgb,var(--cue-bg,#0c0c0c) 94%,#0000);border-bottom:1px solid color-mix(in srgb,#fff 28%,#0000);border-bottom:1px solid color-mix(in srgb,var(--cue-accent,#fff) 28%,#0000);display:flex;flex-shrink:0;gap:12px;gap:var(--sp-3);min-height:48px;overflow:hidden;padding:0 16px 0 0;padding:0 var(--sp-4) 0 0;position:relative;width:100%;z-index:20}.tp-cue-banner--exit{animation:tp-banner-out .26s cubic-bezier(.4,0,.2,1) both!important;animation:tp-banner-out .26s var(--ease-in-out) both!important}@keyframes tp-banner-in{0%{max-height:0;opacity:0}to{max-height:80px;opacity:1}}@keyframes tp-banner-out{0%{max-height:80px;opacity:1}to{border-bottom-width:0;max-height:0;opacity:0}}.tp-cue-banner__stripe{align-self:stretch;flex-shrink:0;width:4px}.tp-cue-banner__icon{align-items:center;display:flex;flex-shrink:0;opacity:.9;padding:12px 0}.tp-cue-banner__label{flex:1 1;font-family:ui-serif,Georgia,Times New Roman,serif;font-family:var(--font-serif);font-size:clamp(16px,3.5vw,20px);font-weight:700;letter-spacing:.02em;line-height:1.1;overflow:hidden;padding:12px 0;text-overflow:ellipsis;white-space:nowrap}.tp-cue-banner__countdown{flex-shrink:0;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;opacity:.55;text-transform:uppercase}.tp-cue-banner__close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--r-sm);color:#fff;color:var(--cue-accent,#fff);cursor:pointer;display:flex;flex-shrink:0;opacity:.5;padding:6px;transition:opacity .12s,background .12s,transform .12s cubic-bezier(.34,1.4,.64,1);transition:opacity var(--dur-fast),background var(--dur-fast),transform var(--dur-fast) var(--ease-spring)}.tp-cue-banner__close:hover{background:#ffffff12;opacity:1}.tp-cue-banner__close:active{transform:scale(.88)}.tp-cue-banner__progress{background:#ffffff0f;bottom:0;height:2px;left:0;position:absolute;right:0}.tp-cue-banner__progress-fill{border-radius:1px;height:100%;transition:width .1s linear}@keyframes tp-cue-slide-in{0%{opacity:0;transform:scale(.94) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.rc-root{-webkit-tap-highlight-color:transparent;background:#0c0c0c;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,#ffffff08 0,#0000 70%);color:#f0ece0;color:var(--text);flex-direction:column;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);gap:clamp(16px,4vw,24px);justify-content:flex-start;min-height:100dvh;padding:clamp(20px,5vw,32px) clamp(16px,5vw,24px) clamp(32px,8vw,56px);user-select:none;-webkit-user-select:none}.rc-badge,.rc-root{align-items:center;display:flex}.rc-badge{background:#ffffff0a;border:1px solid #fff3;border-radius:999px;border-radius:var(--r-pill);color:#fff;color:var(--g);font-size:9px;gap:8px;gap:var(--sp-2);letter-spacing:.28em;padding:5px 18px;text-transform:uppercase;transition:border-color .2s cubic-bezier(.22,1,.36,1),background .2s cubic-bezier(.22,1,.36,1);transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.rc-badge:hover{background:#ffffff12;border-color:#ffffff59}.rc-hint{color:#555;color:var(--muted);font-size:11px;letter-spacing:.06em;line-height:1.7;max-width:320px;text-align:center}.rc-root .tp-range{height:4px;width:100%}.rc-root .tp-range::-webkit-slider-thumb{height:20px;width:20px}.rc-root .tp-range::-moz-range-thumb{height:20px;width:20px}.rc-root .tp-modal-title{font-family:ui-serif,Georgia,Times New Roman,serif;font-family:var(--font-serif)}@media (max-width:600px){.tp-topbar{min-height:44px}.tp-footer,.tp-topbar{padding:8px 12px;padding:var(--sp-2) var(--sp-3)}.tp-footer{gap:8px;gap:var(--sp-2);min-height:50px}.tp-controls{gap:4px;gap:var(--sp-1)}.tp-ctrl-label{display:none}.tp-ctrl-group{gap:4px;gap:var(--sp-1);padding:5px 8px}.tp-btn{height:38px;width:38px}.tp-btn.lg{height:48px;width:48px}.tp-range{width:64px}.tp-text-body{font-size:max(18px,4.5vw);padding:50vh 16px}.tp-modal{border-radius:10px;border-radius:var(--r-md);padding:16px;padding:var(--sp-4)}.tp-modal-btns{flex-direction:column}.tp-modal-btns button{text-align:center;width:100%}.tp-toast{bottom:64px;font-size:10px}.tp-wake-pill span{display:none}.tp-cue-banner__label{font-size:16px}.rc-root{gap:14px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.990d9019.css.map*/