:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:dark;color:#e0e0e0;background-color:#1a1a1a}body{margin:0;min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.login-form{display:flex;flex-direction:column;gap:1rem;padding:2rem;background:#2a2a2a;border-radius:8px;min-width:280px}.login-form h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:500;color:#e0e0e0}.login-form label{font-size:.875rem;color:#a0a0a0}.login-form input{padding:.6rem .8rem;border:1px solid #404040;border-radius:6px;background:#1a1a1a;color:#e0e0e0;font-size:1rem}.login-form input:focus{outline:none;border-color:#606060}.login-form button{margin-top:.5rem;padding:.6rem 1.2rem;background:#404040;color:#e0e0e0;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.login-form button:hover{background:#505050}.login-error{margin:0;font-size:.875rem;color:#c44}.media-picker-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.media-picker{background:#2a2a2a;border-radius:8px;padding:1rem;max-width:90vw;max-height:80vh;overflow:auto}.media-picker__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.media-picker__header h3{margin:0;font-size:1rem}.media-picker__close{background:none;border:none;color:#a0a0a0;font-size:1.5rem;cursor:pointer;line-height:1}.media-picker__close:hover{color:#fff}.media-picker__hint{margin:0 0 1rem;font-size:.75rem;color:#666}.media-picker__hint code{background:#1a1a1a;padding:.1rem .3rem;border-radius:4px}.media-picker__empty{color:#666;margin:1rem 0}.media-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.media-picker__item{display:flex;flex-direction:column;align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:.5rem;cursor:pointer;color:#e0e0e0;font-size:.75rem;text-align:center}.media-picker__item:hover{border-color:#555;background:#252525}.media-picker__thumb{width:80px;height:80px;object-fit:contain;border-radius:4px;margin-bottom:.25rem}.media-picker__thumb--video{display:flex;align-items:center;justify-content:center;background:#333;font-size:1.5rem}.media-picker__name{word-break:break-all}.admin{min-height:100vh;background:#1a1a1a;color:#e0e0e0}.admin__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #333}.admin__header-actions{display:flex;gap:.5rem}.admin__export{padding:.4rem .8rem;background:#333;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.admin__export:hover{background:#444}.admin__header h1{margin:0;font-size:1.25rem;font-weight:500}.admin__logout{padding:.4rem .8rem;background:#333;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.admin__logout:hover{background:#444}.admin__main{max-width:640px;margin:0 auto;padding:1.5rem}.admin__section{margin-bottom:2rem}.admin__section h2{margin:0 0 1rem;font-size:1rem;font-weight:500;color:#a0a0a0}.admin__form-group{margin-bottom:1rem}.admin__form-group label{display:block;margin-bottom:.4rem;font-size:.875rem;color:#a0a0a0}.admin__form-group input[type=text],.admin__form-group input[type=number],.admin__form-group select{width:100%;padding:.5rem .6rem;background:#2a2a2a;border:1px solid #404040;border-radius:4px;color:#e0e0e0;font-size:.9rem}.admin__form-group input:focus,.admin__form-group select:focus{outline:none;border-color:#606060}.admin__item-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.admin__item-row input:first-of-type{flex:1}.admin__duration{width:80px!important}.admin__item-row button{padding:.3rem .6rem;background:#333;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer}.admin__checkbox{display:flex!important;align-items:center;gap:.5rem;margin-top:.5rem;cursor:pointer}.admin__generate{margin-top:1rem;padding:.6rem 1.2rem;background:#404040;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer}.admin__generate:hover{background:#505050}.admin__config-preview{margin:.5rem 0;padding:1rem;background:#0d0d0d;border-radius:4px;font-size:.75rem;overflow-x:auto;white-space:pre-wrap}.admin__list{list-style:none;margin:0;padding:0}.admin__list-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #2a2a2a}.admin__type{color:#666;font-size:.875rem}.admin__list-item a{color:#6a9}.admin__btn-edit,.admin__btn-delete{padding:.2rem .5rem;font-size:.75rem;border:none;border-radius:4px;cursor:pointer}.admin__btn-edit{margin-left:auto;background:#3a5;color:#fff}.admin__btn-edit:hover{background:#4b6}.admin__btn-delete{background:#633;color:#fff}.admin__btn-delete:hover{background:#744}.admin__link-btn{background:none;border:none;color:#6a9;cursor:pointer;font-size:1rem;font-weight:500;padding:0}.admin__link-btn:hover{text-decoration:underline}.admin__save{margin-top:1rem;padding:.6rem 1.2rem;background:#3a5;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.admin__save:hover:not(:disabled){background:#4b6}.admin__save:disabled{background:#444;color:#888;cursor:not-allowed}.admin__browse{padding:.4rem .6rem;font-size:.8rem;background:#333;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.admin__browse:hover{background:#444}.admin__empty{color:#666;font-size:.9rem}.carousel{position:absolute;inset:0;overflow:hidden;background:#000}.carousel--empty{display:flex;align-items:center;justify-content:center;color:#666}.carousel__slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#000;opacity:0;transition:opacity .5s ease-in-out}.carousel__image{width:100%;height:100%;object-fit:contain;object-position:center}.carousel__slide--active{opacity:1}.carousel--slide .carousel__slide{transform:translate(100%)}.carousel--slide .carousel__slide--active{transform:translate(0);transition:transform ease-in-out}.video-player{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000}.video-player__video{max-width:100%;max-height:100%;object-fit:contain}.sequence-player{position:absolute;inset:0;overflow:hidden}.sequence-player--empty{display:flex;align-items:center;justify-content:center;color:#666}.sequence-player__item{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;pointer-events:none}.sequence-player__item--active{opacity:1;pointer-events:auto}.sequence-player__image{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000}.sequence-player__video{width:100%;height:100%;object-fit:contain}.view-screen{position:fixed;inset:0;background:#000}.view-screen--loading,.view-screen--error{display:flex;align-items:center;justify-content:center;color:#666;font-size:1rem}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif}