h1{position:absolute;left:-9999px}h2{text-align:left;max-width:600px;margin:0 auto;padding:1rem}.card{background-color:#25254a;border-radius:1rem;max-width:600px;margin:auto;box-shadow:0 4px 20px #0006}.card p{padding:1rem 1.75rem;text-align:left;line-height:1.6;margin:0;font-size:1.05rem;font-weight:400}.card strong{display:block;font-size:1.15rem;color:#aaa}.add-video{margin:1rem auto;display:flex;gap:.5rem;max-width:600px}.video-input{flex:1;padding:.5rem}.video-add-button{padding:.5rem 1rem;cursor:pointer;color:#fff;border:1px solid #e53935;border-radius:5px;text-decoration:none;background-color:inherit;font-size:.95rem}.video-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto;aspect-ratio:16/9;border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px #0003}.video-thumbnail{display:none;position:absolute;top:0;left:0;width:100%;height:100%}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.yt-player{position:absolute;top:0;left:0;width:100%;height:100%}.video-channel{margin-top:.5rem;font-size:.85rem;color:#aaa}.video-channel-label,.video-channel-legend{font-size:.8rem;margin-right:.2rem}.tabs{display:flex;margin:0 auto .3rem;align-items:center;max-width:600px;gap:.5rem}.tab-btn{background:0 0;border:0;padding:0 .1rem;font-size:.85rem;cursor:pointer;height:38px;white-space:nowrap;color:#ccc;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}.tab-btn.active{color:#82aaff;border-bottom-color:#82aaff}.tab-btn:hover{color:#fff}