:root{--colour-text:#c8d0dc;--colour-trim-1:#91c4d9;--colour-trim-2:#00e4ff;--colour-trim-3:#a5f4f7;--colour-warn-1:#ffae42;--colour-warn-2:#ff4c4c;--colour-bg-1:#0d0f14;--colour-bg-2:#141720;--colour-bg-3:#1c2030;--colour-bg-4:#252a3a;--colour-bg-5:#5a6278}:root[data-theme=light]{--colour-text:#1a1f2e;--colour-trim-1:#3a7fa0;--colour-trim-2:#0070a8;--colour-trim-3:#3a9fa5;--colour-warn-1:#c47a00;--colour-warn-2:#c22;--colour-bg-1:#fff;--colour-bg-2:#f0f4f8;--colour-bg-3:#dde4ed;--colour-bg-4:#ccd5e2;--colour-bg-5:#7a849a}*,:before,:after{box-sizing:border-box}body{background-color:var(--colour-bg-1);color:var(--colour-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5;transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{color:var(--colour-text);margin:0}a{color:var(--colour-trim-2)}a:hover{color:var(--colour-trim-3)}.front{background-color:var(--colour-bg-1);flex-direction:column;align-items:center;min-height:100svh;padding:1rem;display:flex}.front__logo-row{align-items:center;gap:1rem;margin:2rem 0;display:flex}.front__logo{object-fit:contain;width:120px;height:120px}.front__install{border:2px solid var(--colour-trim-1);background:var(--colour-bg-3);color:var(--colour-text);cursor:pointer;border-radius:.375rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.front__install:hover{background:var(--colour-trim-1);color:var(--colour-bg-1)}.front__form{gap:.5rem;width:100%;margin-bottom:.75rem;display:flex}.front__input{border:2px solid var(--colour-trim-1);background:var(--colour-bg-2);color:var(--colour-text);border-radius:.375rem;outline:none;flex:1;padding:.75rem;font-size:1rem}.front__input::placeholder{color:var(--colour-bg-5)}.front__input:focus{border-color:var(--colour-trim-2)}.front__go{border:2px solid var(--colour-trim-1);background:var(--colour-trim-1);color:var(--colour-bg-1);cursor:pointer;border-radius:.375rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:600}.front__go:hover{background:var(--colour-trim-2);border-color:var(--colour-trim-2)}.front__error{color:var(--colour-warn-2);width:100%;margin:0 0 .5rem;font-size:.875rem}.front__tabs{width:100%;margin-bottom:.25rem;display:flex}.front__tab{border:none;border-bottom:2px solid var(--colour-bg-3);cursor:pointer;opacity:.45;background:0 0;flex:1;padding:.5rem 0;font-size:1.25rem;transition:opacity .15s,border-color .15s}.front__tab--active{opacity:1;border-bottom-color:var(--colour-trim-1)}.front__list{flex:1;width:100%;overflow-y:auto}.front__item{border:none;border-bottom:1px solid var(--colour-bg-3);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;align-items:center;gap:.75rem;padding:.75rem;display:flex}.front__item:hover,.front__item--fav{background:var(--colour-bg-2)}.front__star{color:var(--colour-warn-1);flex-shrink:0;font-size:1.25rem}.front__star--empty{color:var(--colour-bg-4)}.front__title{color:var(--colour-text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.front__footer{justify-content:center;padding:1rem 0 .5rem;display:flex}.scheme-toggle{border:2px solid var(--colour-trim-1);background:var(--colour-bg-3);cursor:pointer;border-radius:.375rem;padding:.5rem 1rem;font-size:1.25rem}.scheme-toggle:hover{border-color:var(--colour-trim-2)}.tile-btn{box-sizing:border-box;background:var(--colour-bg-2);color:var(--colour-text);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;outline:1px solid var(--colour-bg-3);border:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:1rem;display:flex}.tile-btn:active{background:var(--colour-bg-4)}.tile-btn--active{background:var(--colour-trim-1);color:var(--colour-bg-1)}.tile-btn__icon{font-size:calc(var(--tile-size,80px) * .35);text-align:center;white-space:nowrap;line-height:1;overflow:hidden}.tile-btn__img{object-fit:contain;width:60%;height:60%}.timeline{width:100%}.timeline__row{cursor:pointer;touch-action:none;height:2rem;position:relative}.timeline__row--picking{cursor:crosshair}.timeline__track{background:var(--colour-bg-3);border-radius:.125rem;position:absolute;inset:.375rem 0;overflow:hidden}.timeline__progress{background:var(--colour-trim-1);opacity:.5;pointer-events:none;position:absolute;top:0;bottom:0;left:0}.timeline__loop-region{background:var(--colour-trim-2);opacity:.2;pointer-events:none;position:absolute;top:0;bottom:0}.timeline__bookmark{border-left:.3rem solid #0000;border-right:.3rem solid #0000;border-bottom:.4rem solid var(--colour-warn-1);pointer-events:none;width:0;height:0;position:absolute;top:100%;transform:translate(-50%,-100%)}.player{background-color:var(--colour-bg-1);flex-direction:column;min-height:100svh;display:flex}.player__video{background:var(--colour-bg-2);width:100%;overflow:hidden}.player__youtube,.player__iframe{width:100%;height:100%}.player__blocked{height:100%;color:var(--colour-warn-1);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.player__blocked a{color:var(--colour-trim-2);text-decoration:underline}.player__status{color:var(--colour-trim-1);background:var(--colour-bg-2);justify-content:space-between;align-items:center;padding:.25rem .5rem;font-size:.8rem;display:flex}.player__loop-label{color:var(--colour-trim-2)}.player__bookmarks{flex-wrap:wrap;gap:0;display:flex}.player__bookmark-btn{width:var(--tile-size);height:calc(var(--tile-size) * .5);background:var(--colour-bg-3);color:var(--colour-warn-1);cursor:pointer;outline:1px solid var(--colour-bg-4);border:none;justify-content:center;align-items:center;margin:0;padding:.25rem;font-size:.8rem;font-weight:600;display:flex}.player__bookmark-btn:active{background:var(--colour-bg-4)}.player__grid{flex-wrap:wrap;flex:1;display:flex}.settings{background-color:var(--colour-bg-1);min-height:100svh;padding:1rem}.settings__header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.settings__back{border:1px solid var(--colour-trim-1);background:var(--colour-bg-3);color:var(--colour-text);cursor:pointer;border-radius:.25rem;padding:.4rem .75rem;font-size:.85rem}.settings__back:hover{background:var(--colour-bg-4)}.settings__title{color:var(--colour-trim-2);font-size:1.5rem;font-weight:600}.settings__section{margin-bottom:1.5rem}.settings__label{color:var(--colour-text);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.settings__row{align-items:center;gap:.5rem;display:flex}.settings__row--wrap{flex-wrap:wrap}.settings__opt{border:1px solid var(--colour-trim-1);background:var(--colour-bg-3);color:var(--colour-text);cursor:pointer;border-radius:.25rem;padding:.4rem .75rem;font-size:.85rem}.settings__opt:hover{background:var(--colour-bg-4)}.settings__opt--active{background:var(--colour-trim-1);color:var(--colour-bg-1);border-color:var(--colour-trim-1)}.settings__value{color:var(--colour-trim-2);text-align:center;min-width:2rem;font-size:1.25rem;font-weight:600}.settings__slider{width:100%;accent-color:var(--colour-trim-1)}.settings__buttons-list{flex-direction:column;gap:.25rem;display:flex}.settings__btn-item{background:var(--colour-bg-2);color:var(--colour-text);border-radius:.25rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.9rem;display:flex}.settings__move{border:1px solid var(--colour-trim-1);background:var(--colour-bg-3);color:var(--colour-trim-1);cursor:pointer;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem}.settings__move:hover{background:var(--colour-bg-4);color:var(--colour-trim-2)}