@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@font-face{font-family:Chicago;src:url(./Chicago-DSaQPV7k.woff) format("woff")}.title{color:var(--title-color);cursor:pointer;font-size:2.7rem;font-weight:600;margin-bottom:2rem;transition:color .3s ease}.title:hover{color:var(--item-hover)}input{background:var(--input-background);color:var(--title-color);font-size:1rem;transition:border-color .3s ease;width:100%;padding:1rem 3rem 1rem 1.5rem;border:2px solid var(--border-color);border-radius:9999px;outline:none}button svg{color:var(--button-svg);height:1.5rem;transition:color .3s ease}button:hover svg{color:var(--item-hover)}.video-item{background:var(--video-item-background);font-family:Poppins,sans-serif;border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s ease}.video-info h2{color:var(--video-info-h2-color);font-size:1rem;font-weight:600;margin:0 0 .5rem}.video-info p{color:var(--secondary-text-color);font-family:Chicago,sans-serif;font-size:.9rem;margin:0}.watch-button{background:var(--watch-button-background);color:var(--watch-button-color);position:static;font-weight:600;padding:.5rem 1rem;border-radius:9999px;transition:background-color .2s ease}.message{color:var(--secondary-text-color);margin-top:1rem;text-align:center}main{max-width:600px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:100vh}.app{font-family:Chicago,Courier New,Courier,monospace}.centered{margin-top:10rem}.search-container{position:relative;width:100%;max-width:500px;margin-bottom:2rem}button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0}.video-item:hover{transform:translateY(-2px)}.settings-button{position:fixed;top:2rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;z-index:100;border-radius:50%;transition:background-color .2s ease}.settings-button:hover{background:#0000001a}.settings-button svg{color:#666}.settings-modal{color:#000;background:#fff;position:absolute;width:90%;max-width:500px;border-radius:8px;padding:2rem}.settings-modal h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.settings-content{margin-top:1rem}.close-button{color:#333;top:-20px;right:-30px;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;z-index:1000;background:#ffffffe6;box-shadow:0 2px 4px #0003}.results{max-width:600px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;background:#3b2828bf}.modal-content{position:relative;width:90%;max-width:1200px;aspect-ratio:16 / 9;background:none;border-radius:8px;overflow:visible}iframe{width:100%;height:100%;border:none}@media (min-width: 1280px){.modal-content{width:80%;max-width:1500px}}@media (prefers-color-scheme: light){body.hidden-overflow{overflow:hidden;background-color:#feeee0}body.visible-overflow{overflow:auto;background-color:#feeee0}:root{--global-color: #feeee0;--secondary-text-color: #666;--watch-button-color: #3b82f6;--watch-button-background: #e6f0ff;--video-item-background: #f1e2d5;--input-background: #fff;--border-color: #ddd;--item-hover: #d62f0d;--watch-button-hover: #d62f0d;--video-info-h2-color: #1a1a1a;--button-svg: #606770;--title-color: #000}}@media (prefers-color-scheme: dark){body.hidden-overflow{overflow:hidden;background-color:#121212}body.visible-overflow{overflow:auto;background-color:#121212}:root{--global-body-color: #121212;--secondary-text-color: #b0b0b0;--watch-button-color: #90caf9;--watch-button-background: #333;--video-item-background: #1e1e1e;--input-background: #333;--border-color: #444;--item-hover: #121212;--watch-button-hover: #444;--video-info-h2-color: #e0e0e0;--button-svg: #606770;--title-color: #e0e0e0}}