*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}html{background:#040809;color-scheme:dark}body{min-height:100vh;background:#040809;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}::-moz-selection{color:#fff4ee;background:#a94427}::selection{color:#fff4ee;background:#a94427}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#040809}::-webkit-scrollbar-thumb{border-radius:9px;background:#25353c}::-webkit-scrollbar-thumb:hover{background:#3d5661}.tra-canvas-wrap{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(17,57,87,.18),transparent 24%),radial-gradient(circle at 50% 100%,rgba(4,28,47,.27),transparent 41%),#010304;cursor:crosshair}.tra-countdown-canvas{display:block;width:100%;height:100%}.tra-canvas-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,rgba(33,96,141,.34),transparent 40%),#010304}.tra-canvas-fallback span{color:#edf5f8;font-size:clamp(7rem,22vw,14rem);font-weight:300;letter-spacing:-.08em;text-shadow:0 0 42px rgba(104,187,237,.72)}@media (prefers-reduced-motion: reduce){.tra-canvas-wrap{cursor:default}}.tra-app{--tra-ink: #e8f0f3;--tra-muted: #7c8d96;--tra-dim: #6b7f88;--tra-stage: #010304;--tra-blue: #9ec6e4;--tra-orange: #e26b3b;min-height:100vh;overflow:hidden;color:var(--tra-ink);background:var(--tra-stage);font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums}.tra-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 clamp(18px,3vw,42px);border-bottom:1px solid rgba(125,161,180,.1);background:#030607}.tra-brand,.tra-header-actions,.tra-status{display:flex;align-items:center}.tra-brand{gap:15px}.tra-brand-mark{font-size:17px;font-weight:600;letter-spacing:.18em}.tra-brand-copy,.tra-status{color:var(--tra-dim);font-size:9px;letter-spacing:.17em}.tra-header-actions{gap:22px}.tra-status{gap:8px}.tra-status-dot,.tra-caption-dot{width:5px;height:5px;border-radius:50%;background:#5b6970;box-shadow:0 0 0 3px #5b69701a}.tra-status.is-live{color:var(--tra-ink)}.tra-status.is-live .tra-status-dot,.tra-visual-shell.is-complete .tra-caption-dot{background:var(--tra-orange);box-shadow:0 0 0 3px #e26b3b21,0 0 16px #e26b3b8a}.tra-icon-link{display:grid;width:42px;height:42px;place-items:center;color:var(--tra-muted);text-decoration:none;transition:color .18s ease,transform .12s ease}.tra-icon-link:hover,.tra-icon-link:focus-visible{color:var(--tra-ink)}.tra-icon-link:active{transform:scale(.94)}.tra-stage{position:relative;height:calc(100vh - 56px);min-height:540px;padding:clamp(10px,1.4vw,20px);background:var(--tra-stage)}.tra-visual-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#010304}.tra-visual-shell:before{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,3,4,.38),transparent 16%,transparent 84%,rgba(1,3,4,.38)),linear-gradient(180deg,rgba(1,3,4,.22),transparent 19%,transparent 78%,rgba(1,3,4,.52));content:""}.tra-tool-strip{position:absolute;z-index:4;top:clamp(18px,3vw,34px);left:clamp(18px,3vw,36px);display:flex;align-items:center;gap:20px;min-height:42px;color:var(--tra-muted)}.tra-effects-panel{position:absolute;z-index:7;top:clamp(18px,3vw,34px);right:clamp(18px,3vw,36px);color:var(--tra-muted)}.tra-effects-panel summary{display:flex;align-items:center;justify-content:center;gap:7px;width:56px;min-height:42px;border:1px solid rgba(125,161,180,.16);border-radius:2px;background:rgba(4,9,11,.82);color:var(--tra-muted);font-size:9px;letter-spacing:.12em;list-style:none;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.tra-effects-panel summary::-webkit-details-marker{display:none}.tra-effects-panel summary:hover,.tra-effects-panel summary:focus-visible,.tra-effects-panel[open] summary{border-color:#9ec6e461;color:var(--tra-ink);background:rgba(20,38,47,.68)}.tra-effects-content{position:absolute;top:50px;right:0;width:280px;padding:16px;border:1px solid rgba(125,161,180,.2);border-radius:2px;background:rgba(3,8,10,.96)}.tra-effects-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid rgba(125,161,180,.11);color:var(--tra-ink);font-size:9px;letter-spacing:.15em}.tra-effects-header button{display:grid;width:32px;height:32px;padding:0;place-items:center;border:0;border-radius:2px;color:var(--tra-dim);background:transparent;cursor:pointer;transition:color .18s ease,background .18s ease}.tra-effects-header button:hover,.tra-effects-header button:focus-visible{color:var(--tra-ink);background:rgba(20,38,47,.68)}.tra-effect-list{display:grid;gap:14px;padding-top:15px}.tra-effect-control{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;color:var(--tra-muted);font-size:9px;letter-spacing:.08em}.tra-effect-control output{color:var(--tra-blue);font-size:9px;letter-spacing:.05em}.tra-effect-control input{grid-column:1 / -1;width:100%;height:16px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.tra-effect-control input::-webkit-slider-runnable-track{height:1px;background:rgba(158,198,228,.3)}.tra-effect-control input::-webkit-slider-thumb{width:12px;height:12px;margin-top:-5px;border:1px solid var(--tra-orange);border-radius:50%;-webkit-appearance:none;appearance:none;background:#040809}.tra-effect-control input::-moz-range-track{height:1px;background:rgba(158,198,228,.3)}.tra-effect-control input::-moz-range-thumb{width:12px;height:12px;border:1px solid var(--tra-orange);border-radius:50%;background:#040809}.tra-effects-content>p{margin:15px 0 0;padding-top:12px;border-top:1px solid rgba(125,161,180,.11);color:var(--tra-dim);font-size:9px;letter-spacing:.08em}.tra-mode-switch{display:flex;gap:2px;padding:3px;border:1px solid rgba(125,161,180,.16);border-radius:2px;background:rgba(4,9,11,.78)}.tra-mode-switch button,.tra-presets button,.tra-playback button{border:0;color:inherit;background:transparent;font:inherit;cursor:pointer}.tra-mode-switch button{min-width:58px;min-height:32px;padding:0 12px;border-radius:2px;color:var(--tra-dim);font-size:9px;letter-spacing:.14em;transition:color .18s ease,background .18s ease}.tra-mode-switch button:hover,.tra-mode-switch button:focus-visible,.tra-mode-switch button.is-selected{color:var(--tra-ink);background:rgba(20,38,47,.68)}.tra-compact-setting{display:flex;align-items:center;gap:14px}.tra-compact-setting label,.tra-letter-input{display:flex;align-items:baseline;gap:6px;border-bottom:1px solid rgba(158,198,228,.28)}.tra-compact-setting input,.tra-letter-input input{width:48px;padding:5px 0 4px;border:0;outline:0;color:var(--tra-ink);background:transparent;font:inherit;font-size:13px;font-weight:400;line-height:1}.tra-compact-setting input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.tra-compact-setting input::-webkit-inner-spin-button,.tra-compact-setting input::-webkit-outer-spin-button{display:none}.tra-compact-setting label>span,.tra-letter-input>span{color:var(--tra-dim);font-size:9px;letter-spacing:.13em}.tra-letter-input input{width:clamp(104px,18vw,250px);letter-spacing:.12em;text-transform:uppercase}.tra-presets{display:flex;align-items:center;gap:3px}.tra-presets button{min-width:36px;min-height:32px;color:var(--tra-dim);font-size:9px;letter-spacing:.08em;transition:color .18s ease}.tra-presets button:hover,.tra-presets button:focus-visible,.tra-presets button.is-selected{color:var(--tra-blue)}.tra-stage-word{position:absolute;z-index:2;top:50%;left:calc(50% + clamp(160px,20vw,290px));color:#e4edf1c7;font-size:clamp(13px,1.5vw,21px);font-weight:300;letter-spacing:.08em;line-height:1;transform:translateY(-50%);animation:tra-word-in .6s cubic-bezier(.16,1,.3,1) both}.tra-stage-word:not(.is-sequence) span{color:var(--tra-orange)}.tra-stage-word.is-sequence{display:flex;max-width:min(40vw,400px);flex-wrap:wrap;gap:9px;justify-content:flex-end}.tra-stage-word.is-sequence>span{color:#e4edf157;transition:color .22s ease,transform .22s ease,text-shadow .22s ease}.tra-stage-word.is-sequence>span.is-past{color:#9ec6e4ad}.tra-stage-word.is-sequence>span.is-current{color:var(--tra-orange);text-shadow:0 0 18px rgba(226,107,59,.34);transform:translateY(-2px)}.tra-playback{position:absolute;z-index:5;bottom:clamp(84px,13vh,128px);left:50%;display:flex;align-items:center;gap:7px;padding:5px;border:1px solid rgba(125,161,180,.14);border-radius:2px;background:rgba(3,8,10,.76);transform:translate(-50%)}.tra-playback button{display:grid;width:44px;height:44px;place-items:center;border-radius:2px;color:var(--tra-muted);transition:color .18s ease,background .18s ease,transform .12s ease}.tra-playback button:hover,.tra-playback button:focus-visible,.tra-playback button.is-active{color:var(--tra-ink);background:rgba(20,38,47,.68)}.tra-playback button:active{transform:scale(.92)}.tra-playback .tra-play-button{color:#fff5f0;background:rgba(169,63,32,.88)}.tra-playback .tra-play-button:hover,.tra-playback .tra-play-button:focus-visible{color:#fff4ee;background:#b84d2d}.tra-playback .tra-play-button svg{margin-left:2px}.tra-playback .tra-play-button:has(svg.lucide-pause) svg{margin-left:0}.tra-stage-caption,.tra-stage-time{position:absolute;z-index:3;bottom:25px;display:flex;align-items:center;color:var(--tra-dim);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.tra-stage-caption{left:clamp(18px,3vw,36px);gap:9px}.tra-stage-time{right:clamp(18px,3vw,36px);align-items:baseline;gap:10px}.tra-stage-time span{color:#e8f0f3db;font-size:13px}.tra-stage-time small{color:var(--tra-dim);font-size:9px}.tra-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid var(--tra-orange);outline-offset:3px}@keyframes tra-word-in{0%{opacity:0;filter:blur(5px);transform:translate(-7px,-50%)}to{opacity:1;filter:blur(0);transform:translateY(-50%)}}@media (max-width: 720px){.tra-brand-copy,.tra-status{display:none}.tra-stage{min-height:500px;padding:0}.tra-tool-strip{right:80px;left:14px;gap:10px}.tra-effects-panel{top:18px;right:14px}.tra-effects-content{width:min(280px,calc(100vw - 28px))}.tra-compact-setting{min-width:0;flex:1;justify-content:flex-end}.tra-presets{display:none}.tra-letter-input{min-width:0;flex:1}.tra-letter-input input{width:100%;min-width:0}.tra-stage-word{top:23%;right:18px;left:auto;font-size:13px;transform:none}.tra-stage-word.is-sequence{max-width:calc(100% - 36px);gap:6px}.tra-playback{bottom:78px}.tra-stage-caption{bottom:22px;left:17px;max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tra-stage-time{right:17px;bottom:21px}.tra-stage-time small{display:none}}@media (prefers-reduced-motion: reduce){.tra-stage-word{animation:none}.tra-icon-link,.tra-mode-switch button,.tra-presets button,.tra-playback button{transition-duration:.01ms}}