body,html{color:#fff;background:black;font-family:Lucida Console,monospace;margin:0}main{height:100vh;background:var(--t-color-base, #000)}label{display:block;margin:.25rem .5rem}input{padding:.25rem}sub{font-size:50%;align-self:end}button{padding:1rem 2rem;margin:.25rem 1rem;border:none;border-radius:0;background:#333;color:#fff}.controls{position:fixed;margin:1rem;display:flex}.play{display:inline-block;border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-left:.5em solid currentColor}.go{--t-color-base: #0b0;--t-color-dark: #0b0;--t-color-light: #0f0}.stop{--t-color-base: #b00;--t-color-dark: #800;--t-color-light: #f00}.timer{font-weight:700;font-size:400px;cursor:pointer;display:flex;justify-content:center;align-items:center;height:100%}@media only screen and (max-width: 800px){.timer{font-size:200px}}.callback-prompt{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.callback-prompt-content{padding:2rem;border-radius:8px;max-width:500px;margin:1rem}.callback-url{margin:1rem 0;padding:.5rem;border-radius:4px}.callback-url code{word-break:break-all;font-size:.9em}.callback-buttons{display:flex;gap:1rem;margin-top:1.5rem}.approve-btn,.deny-btn{flex:1;padding:.75rem}
