@import "https://fonts.googleapis.com/css2?family=Tilt+Warp:XROT,YROT@-45,45&display=swap";*,:before,:after{box-sizing:content-box}:root{--color-bg:#1a1f2e;--color-surface:#242938;--color-surface-alt:#2d3347;--color-border:#3a4060;--color-text:#e8eaf0;--color-text-muted:#8b92a8;--color-accent:#00dc82;--color-accent-hover:#00f090;--font-base:1rem;--font-sm:.875rem;--font-lg:1.25rem;--radius:.5rem}html,body{max-width:100%;overflow-x:hidden}body{background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,sans-serif;font-size:var(--font-base);margin:0;line-height:1.5}h1,h2,h3{margin:0}a{color:var(--color-accent)}.search-bar{width:100%}.search-form{gap:.75rem;display:flex}.search-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:var(--font-base);flex:1;padding:.75rem 1rem}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{outline:2px solid var(--color-accent);outline-offset:2px}.search-button{background-color:var(--color-accent);color:#1a1a1a;border-radius:var(--radius);font-size:var(--font-base);cursor:pointer;border:none;padding:.75rem 1.5rem}.search-button:hover{color:#1a1a1a;background-color:#00f090}.search-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=768px){.search-bar{width:100%}.search-form{flex-wrap:wrap;width:100%}.search-input{box-sizing:border-box;width:100%}.search-button{box-sizing:border-box;width:25%}}.video-player{flex-direction:column;flex:1;gap:1rem;display:flex}.video-player--empty{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-height:360px;color:var(--color-text-muted);justify-content:center;align-items:center}.video-player__embed{border-radius:var(--radius);height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-player__embed iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-player__info{flex-direction:column;gap:.5rem;display:flex}.video-player__title{font-size:var(--font-lg)}.video-player__channel{color:var(--color-text-muted);font-size:var(--font-sm);margin:0}.video-player__details{margin:0}.video-player__summary{cursor:pointer;color:var(--color-accent);font-size:var(--font-sm);border-radius:var(--radius);align-items:center;gap:.35rem;padding:.25rem .5rem;line-height:1;list-style:none;display:inline-flex}.video-player__summary::-webkit-details-marker{display:none}.video-player__summary::marker{display:none}.video-player__summary:hover{color:#1a1a1a;background-color:#00dc82}.video-player__summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.video-player__summary-arrow{flex-shrink:0;transition:transform .2s}details[open] .video-player__summary-arrow{transform:rotate(180deg)}.video-player__description-full h2.description-heading{font-size:var(--font-base);color:var(--color-text);margin:.75rem 0 .5rem}.video-player__description-preview{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.video-player__read-more{color:var(--color-accent);font-size:var(--font-sm)}.video-player__read-more:hover{color:#1a1a1a;background-color:#00dc82;text-decoration:none}.video-player__details[open] .video-player__description-preview,.video-player__details[open] .video-player__read-more{display:none}.video-player__description-full{color:var(--color-text-muted);font-size:var(--font-sm);margin:.5rem 0 0;line-height:1.6}.video-player__description-full p{color:var(--color-text-muted);font-size:var(--font-sm);margin:0 0 .75rem;line-height:1.6}.video-player__description-full a{color:var(--color-accent);word-break:break-all}.video-player__description-full a:hover{color:#1a1a1a;background-color:#00dc82;text-decoration:none}.description-chapters{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.description-chapters__heading{font-size:var(--font-sm);color:var(--color-text);margin:0 0 .5rem}.description-chapters__list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.description-chapters__item{font-size:var(--font-sm);gap:1rem;display:flex}.description-chapters__time{color:var(--color-accent);font-variant-numeric:tabular-nums;flex-shrink:0}.description-chapters__label{color:var(--color-text-muted)}@media (width<=768px){.video-player__embed{width:100%}}.video-list{flex-shrink:0;width:300px}.video-list--empty{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);justify-content:center;align-items:center;min-height:360px;display:flex}.video-list__items{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.video-item__button{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:var(--color-text);gap:.75rem;padding:.75rem;display:flex}.video-item__button:hover{background-color:var(--color-surface-alt);outline:2px solid #00dc82}.video-item__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.video-item__thumbnail{object-fit:cover;border-radius:calc(var(--radius) / 2);flex-shrink:0;width:120px;height:68px}.video-item__info{flex-direction:column;gap:.25rem;display:flex}.video-item__title{font-size:var(--font-sm);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.video-item__channel{font-size:var(--font-sm);color:var(--color-text-muted);margin:0}@media (width<=768px){.video-list{width:100%;max-width:100%}.video-item__button{box-sizing:border-box;width:100%;max-width:100%}.video-item__info{min-width:0;overflow:hidden}.video-item__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1rem 2rem}.app-header h1{font-variation-settings:"XROT"0, "YROT"0;letter-spacing:.05em;font-family:Tilt Warp,sans-serif;font-size:1.75rem}.app-main{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.app-content{gap:1.5rem;display:flex}.app-error{color:#f87171;background-color:var(--color-surface);border-radius:var(--radius);border:1px solid #f87171;margin:0;padding:.75rem 1rem}.app-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-sm);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.app-footer p{margin:0}.app-footer a{color:var(--color-accent);border-radius:var(--radius);padding:.25rem .5rem;text-decoration:underline}.app-footer a:hover{color:#1a1a1a;background-color:#00dc82;text-decoration:none}.footer-nav{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}@media (width<=768px){.app-header{text-align:center;padding:1rem}.app-main{width:calc(100% - 2rem);max-width:100%;margin:0;padding:1rem}.app-content{flex-direction:column;gap:1rem}.app-footer{text-align:center;flex-direction:column;gap:1rem}.footer-nav{flex-wrap:wrap;justify-content:center;gap:1rem}}