.rating-badge{position:absolute;right:6px;bottom:6px;padding:2px 7px;border-radius:var(--radius-sm);background:#080a0ec7;color:var(--color-text);font-size:var(--font-xs);font-weight:700;line-height:1.4;pointer-events:none}.rating-badge__star{margin-right:3px;color:var(--color-warning)}.card{display:flex;flex-direction:column;width:160px;flex:0 0 auto;background:none;border:none;padding:0;text-align:left;cursor:pointer;transition:transform var(--duration-fast) var(--easing)}.card__poster{position:relative;display:block;width:160px;height:240px;border-radius:var(--radius-md);background:linear-gradient(160deg,#2a3140,#1a1f29);overflow:hidden;box-shadow:0 4px 14px -6px #0009}.card__poster-img{display:block;width:160px;height:240px;object-fit:cover}.card__placeholder{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;font-size:var(--font-xxl);font-weight:700;color:var(--color-text-faint)}.card__title{margin-top:var(--space-2);font-size:var(--font-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--duration-fast) var(--easing)}.card__subtitle{font-size:var(--font-xs);color:var(--color-text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card:hover,.card:focus-visible{transform:translateY(-4px);outline:none}.card:hover .card__poster,.card:focus-visible .card__poster{box-shadow:var(--card-focus-ring)}.card:hover .card__title,.card:focus-visible .card__title{color:var(--color-accent)}@media(max-width:480px){.card,.card__poster,.card__poster-img{width:120px}.card__poster,.card__poster-img{height:180px}}.button{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:44px;padding:0 var(--space-4);border:none;border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:transform var(--duration-fast) var(--easing),background var(--duration-fast) var(--easing)}.button:hover:not(:disabled){background:#2a3140;transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button--primary{background:var(--color-accent-dim)}.button--primary:hover:not(:disabled){background:#245a92}.button--danger{background:#4a1d1f}.button--danger:hover:not(:disabled){background:#5c2528}.button:disabled{opacity:.6;cursor:default}.error-state{padding:var(--space-5) var(--space-4);text-align:center;max-width:480px;margin:0 auto}.error-state__title{margin:0 0 var(--space-2);font-size:var(--font-lg)}.error-state__detail{margin:0 0 var(--space-4);color:var(--color-text-dim);font-size:var(--font-sm)}.row{margin-bottom:var(--space-5)}.row__title{margin:0 0 var(--space-2);font-size:var(--font-md);font-weight:600}.row__wrap{position:relative}.row__track{display:flex;gap:var(--space-3);overflow-x:auto;scroll-behavior:smooth;padding:var(--space-1) 2px var(--space-2);scrollbar-width:thin}.row__arrow{display:none;position:absolute;top:0;bottom:var(--space-2);width:40px;border:none;background:linear-gradient(90deg,var(--color-bg),transparent);color:var(--color-text);font-size:28px;cursor:pointer;z-index:1;align-items:center;justify-content:center}.row__arrow--right{right:0;background:linear-gradient(270deg,var(--color-bg),transparent)}.row__wrap:hover .row__arrow{display:flex}@media(hover:none){.row__arrow{display:none!important}}.top-bar{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-4);flex-wrap:wrap}.top-bar__logo{font-size:var(--font-lg);font-weight:700;color:var(--color-accent)}.top-bar__nav{display:flex;gap:var(--space-3)}.top-bar__link{font-size:var(--font-sm);color:var(--color-text-dim);padding:var(--space-1) 0}.top-bar__link:hover{color:var(--color-text)}.top-bar__account{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.top-bar__profile{font-size:var(--font-sm);color:var(--color-text-dim)}.top-bar__profile:hover{color:var(--color-text)}.top-bar__signout{height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:none;color:var(--color-text-dim);font-size:var(--font-xs);cursor:pointer}.top-bar__signout:hover{color:var(--color-text);border-color:var(--color-text-dim)}.home__content{position:relative}.home__hero-meta{margin:0 0 var(--space-4);color:var(--color-text-dim)}.home__status{color:var(--color-text-dim);margin:var(--space-4) 0}.home__saving{position:fixed;bottom:var(--space-4);right:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);font-size:var(--font-sm)}.text-field{display:block;width:100%;height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-sm)}.text-field::placeholder{color:var(--color-text-faint)}.text-field:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:radial-gradient(circle at 50% 0%,#15202e 0%,var(--color-bg) 60%)}.login__card{width:100%;max-width:360px}.login__header{text-align:center;margin-bottom:var(--space-5)}.login__logo{margin:0;font-size:var(--font-xxl);font-weight:700;color:var(--color-accent)}.login__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-dim)}.login__form{display:flex;flex-direction:column;gap:var(--space-3)}.login__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.login__actions .button{width:100%}.login__hint{margin:0;font-size:var(--font-xs);color:var(--color-text-faint)}.login__error{margin:0;font-size:var(--font-xs);color:var(--color-danger)}.dialog__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060999;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.dialog{width:100%;max-width:420px;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border)}.dialog__title{margin:0 0 var(--space-2);font-size:var(--font-lg)}.dialog__message{margin:0 0 var(--space-4);color:var(--color-text-dim);font-size:var(--font-sm)}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.profiles{max-width:900px;margin:0 auto;padding:var(--space-5) var(--gutter)}.profiles__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.profiles__title{margin:0;font-size:var(--font-xl)}.profiles__account{margin:var(--space-1) 0 0;color:var(--color-text-dim);font-size:var(--font-sm)}.profiles__header-actions{display:flex;gap:var(--space-2)}.profiles__status,.profiles__hint{color:var(--color-text-dim)}.profiles__error{color:var(--color-danger)}.profiles__list{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5)}.profile-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:120px;background:none;border:none;cursor:pointer;color:var(--color-text)}.profile-tile__avatar{position:relative;width:100px;height:100px;border-radius:var(--radius-md);background:linear-gradient(160deg,#2a3140,#1a1f29);display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);font-weight:700;transition:transform var(--duration-fast) var(--easing),box-shadow var(--duration-fast) var(--easing)}.profile-tile__avatar--add{color:var(--color-text-faint);border:2px dashed var(--color-border);background:none}.profile-tile:hover .profile-tile__avatar{transform:translateY(-3px);box-shadow:var(--card-focus-ring)}.profile-tile.is-editing .profile-tile__avatar{opacity:.85}.profile-tile__delete-badge{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;background:var(--color-danger);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm)}.profile-tile__name{font-size:var(--font-sm)}.profiles__new{display:flex;flex-direction:column;gap:var(--space-2);max-width:320px}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-row__chip{height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-dim);font-size:var(--font-xs);cursor:pointer;transition:background var(--duration-fast) var(--easing),color var(--duration-fast) var(--easing)}.chip-row__chip:hover{background:var(--color-surface-raised);color:var(--color-text)}.chip-row__chip.is-selected{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-text)}.dropdown{position:relative}.dropdown-trigger{display:flex;flex-direction:column;align-items:flex-start;min-width:140px;height:44px;padding:4px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;justify-content:center}.dropdown-trigger.is-open,.dropdown-trigger:hover{border-color:var(--color-accent)}.dropdown-trigger__label{font-size:11px;color:var(--color-text-faint);line-height:1.2}.dropdown-trigger__value{font-size:var(--font-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.dropdown__popup{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:220px;max-width:min(320px,calc(100vw - 2 * var(--gutter)));box-sizing:border-box;max-height:320px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:0 12px 28px -8px #0009;display:flex;flex-direction:column;gap:var(--space-2)}.dropdown__list{overflow-y:auto;max-height:260px;display:flex;flex-direction:column}.dropdown-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text);font-size:var(--font-sm);text-align:left;cursor:pointer}.dropdown-option:hover{background:var(--color-surface)}.dropdown-option__box{width:16px;height:16px;border:1px solid var(--color-text-faint);border-radius:4px;flex:0 0 auto}.dropdown-option.is-checked .dropdown-option__box{background:var(--color-accent);border-color:var(--color-accent)}.dropdown-option.is-checked:not(:has(.dropdown-option__box)){color:var(--color-accent)}.dropdown__done{height:36px;border:none;border-radius:var(--radius-md);background:var(--color-accent-dim);color:var(--color-text);cursor:pointer}.grid__title{margin:0 0 var(--space-3);font-size:var(--font-md);font-weight:600}.grid__items{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-3)}.grid__sentinel{height:1px}.search__title{margin:0 0 var(--space-3);font-size:var(--font-xl)}.search__field{max-width:480px;margin-bottom:var(--space-3)}.search__filters{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.search__filters-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-start}.search__hint{color:var(--color-text-dim)}.search__error{color:var(--color-danger)}.search__saving{position:fixed;bottom:var(--space-4);right:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);font-size:var(--font-sm)}.spinner{display:inline-block;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-accent);animation:spinner-spin .8s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.actor-page__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.actor-page__photo{flex:0 0 auto;width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--color-surface-raised);display:flex;align-items:center;justify-content:center}.actor-page__photo-img{width:100%;height:100%;object-fit:cover}.actor-page__placeholder{font-size:var(--font-xxl);color:var(--color-text-faint)}.actor-page__name{margin:0;font-size:var(--font-xl)}.actor-page__loading{display:flex;justify-content:center;padding:var(--space-6) 0}.actor-page__hint{color:var(--color-text-dim)}.actor-page__error{color:var(--color-danger)}.actor-page__saving{position:fixed;bottom:var(--space-4);right:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);font-size:var(--font-sm)}.history__title{margin:0 0 var(--space-4);font-size:var(--font-xl)}.history__status{color:var(--color-text-dim)}.actors{margin-top:var(--space-5)}.actor{flex:0 0 auto;width:120px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-1);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font:inherit;text-align:center;cursor:pointer}.actor:hover,.actor:focus-visible{background:var(--color-surface-raised);outline:none}.actor__photo{width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--color-surface-raised);display:flex;align-items:center;justify-content:center}.actor__photo-img{width:100%;height:100%;object-fit:cover}.actor__placeholder{font-size:var(--font-xl);color:var(--color-text-faint)}.actor__name{font-size:var(--font-sm);font-weight:600;line-height:1.25}.actor__character{font-size:var(--font-xs);color:var(--color-text-dim);line-height:1.25}.details{position:relative}.details__loading{color:var(--color-text-dim)}.details__body{position:relative;display:flex;gap:var(--space-5);align-items:flex-start;flex-wrap:wrap}.details__poster{position:relative;flex:0 0 auto;width:220px;height:330px;border-radius:var(--radius-md);background:linear-gradient(160deg,#2a3140,#1a1f29);overflow:hidden;box-shadow:0 10px 28px -8px #0009}.details__poster-img{display:block;width:100%;height:100%;object-fit:cover}.details__placeholder{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;font-size:var(--font-xxl);font-weight:700;color:var(--color-text-faint)}.details__info{flex:1 1 360px;min-width:0}.details__title{margin:0;font-size:var(--font-xl);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.details__badge{font-size:var(--font-xs);padding:2px var(--space-2);border-radius:999px}.details__badge--downloaded{background:var(--color-success);color:#0d1a14}.details__meta{margin:var(--space-1) 0 var(--space-3);color:var(--color-text-dim)}.details__overview{margin:0 0 var(--space-4);color:var(--color-text-dim);max-width:640px}.details__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.details__watch-group{display:flex;align-items:center;gap:var(--space-2)}.details__restart{height:32px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:none;color:var(--color-text-dim);font-size:var(--font-xs);cursor:pointer}.details__restart:hover{color:var(--color-text)}.watch-online{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--color-text-dim);cursor:pointer}.watch-online input{width:18px;height:18px;accent-color:var(--color-accent)}.cast{position:relative}.cast__popup{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:220px;max-width:min(280px,calc(100vw - 2 * var(--gutter)));box-sizing:border-box;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:0 12px 28px -8px #0009}.cast__hint{margin:0;padding:var(--space-2);font-size:var(--font-xs);color:var(--color-text-dim)}.cast__hint--error{color:var(--color-danger)}.cast__list{display:flex;flex-direction:column}.cast__option{padding:var(--space-2);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text);font-size:var(--font-sm);text-align:left;overflow-wrap:break-word;cursor:pointer}.cast__option:hover{background:var(--color-surface)}.cast-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--color-text-dim)}.cast-status__stop{height:32px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:none;color:var(--color-text-dim);font-size:var(--font-xs);cursor:pointer}.cast-status__stop:hover{color:var(--color-text)}.details__note-action{padding:0;border:none;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.details__note-action:hover{color:var(--color-text-dim)}.details__note{margin:0 0 var(--space-2);font-size:var(--font-xs);color:var(--color-text-faint)}.details__note--error{color:var(--color-danger)}.details__download-progress{margin-bottom:var(--space-2)}.details__download-progress-bar{display:block;height:6px;border-radius:999px;background:var(--color-surface-raised);overflow:hidden}.details__download-progress-fill{display:block;height:100%;background:var(--color-accent)}.details__seasons{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 var(--space-3)}.chip{height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-dim);font-size:var(--font-xs);cursor:pointer}.chip:hover{color:var(--color-text)}.chip.is-selected{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-text)}.details__episodes{display:flex;flex-direction:column;gap:var(--space-1)}.episode-row{display:flex;align-items:stretch;gap:var(--space-1)}.episode-row>.episode{flex:1 1 auto;min-width:0}.episode-dl{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;border:none;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-faint)}.episode-dl--button{cursor:pointer}.episode-dl--button:hover{background:var(--color-surface-raised);color:var(--color-accent)}.episode-dl--none{background:transparent}.episode-dl--done{color:var(--color-success)}.episode-dl--running,.episode-dl--busy{color:var(--color-warning);animation:episode-dl-pulse 1.4s ease-in-out infinite}@keyframes episode-dl-pulse{0%,to{opacity:1}50%{opacity:.35}}.episode{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer}.episode:hover{background:var(--color-surface-raised)}.episode.is-unavailable{opacity:.55}.episode.is-watched .episode__name{color:var(--color-text-dim)}.episode__number{flex:0 0 auto;width:56px;color:var(--color-text-faint);font-size:var(--font-xs)}.episode__name-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.episode__name-row{display:flex;align-items:center;gap:var(--space-2)}.episode__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-sm)}.episode__downloading{font-size:11px;color:var(--color-warning)}.episode__progress{display:block;height:3px;border-radius:999px;background:var(--color-border);overflow:hidden}.episode__progress-fill{display:block;height:100%;background:var(--color-accent)}.episode__meta{flex:0 0 auto;font-size:var(--font-xs);color:var(--color-text-faint)}@media(max-width:600px){.details__poster{width:140px;height:210px}}.releases__header{margin-bottom:var(--space-4)}.releases__title{margin:0;font-size:var(--font-xl)}.releases__hint{color:var(--color-text-dim)}.releases__error{color:var(--color-danger)}.releases__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) 0}.releases__list{display:flex;flex-direction:column;gap:var(--space-2);max-width:760px}.release{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:none;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer}.release:hover{background:var(--color-surface-raised)}.release__dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--color-text-faint)}.release__dot--available{background:var(--color-success)}.release__dot--unavailable{background:var(--color-danger)}.release__dot--checking{background:var(--color-warning)}.release__text{display:flex;flex-direction:column;gap:2px;min-width:0}.release__summary{font-size:var(--font-xs);color:var(--color-text-dim)}.release__title{font-size:var(--font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.releases__adding{position:fixed;bottom:var(--space-4);right:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);font-size:var(--font-sm)}.player{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;background:#000;z-index:200;display:flex;align-items:center;justify-content:center;overflow:hidden}.player__video{width:100%;height:100%;object-fit:contain;cursor:pointer}.player__close{position:absolute;top:var(--space-3);top:calc(var(--space-3) + env(safe-area-inset-top,0px));right:var(--space-3);right:calc(var(--space-3) + env(safe-area-inset-right,0px));width:40px;height:40px;border:none;border-radius:50%;background:#0d0f1499;color:var(--color-text);font-size:var(--font-md);cursor:pointer;z-index:2}.player__close:hover{background:#0d0f14d9}.player__status,.player__failure{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.player__status{gap:var(--space-3);color:var(--color-text-dim);padding:0 var(--space-4);box-sizing:border-box}.player__status-text{max-width:min(360px,100%);overflow-wrap:break-word}.player__failure{max-width:min(480px,100%);margin:0 auto;padding:var(--space-4);box-sizing:border-box}.player__failure-title{margin:0 0 var(--space-2)}.player__failure-detail{margin:0 0 var(--space-3);color:var(--color-text-dim);font-size:var(--font-sm)}.player__failure-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.player__overlay{position:absolute;left:0;right:0;bottom:0;padding:var(--space-5) var(--space-4) var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));padding-left:calc(var(--space-4) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-4) + env(safe-area-inset-right,0px));background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));display:flex;flex-direction:column;gap:var(--space-2);max-width:100vw;box-sizing:border-box}.player__heading{margin-bottom:var(--space-1);min-width:0}.player__title{font-size:var(--font-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__subtitle{font-size:var(--font-sm);color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__bar{position:relative;height:6px;border-radius:999px;background:#fff3;cursor:pointer}.player__bar-buffered,.player__bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:999px}.player__bar-buffered{background:#ffffff59}.player__bar-fill{background:var(--color-accent)}.player__controls{display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--space-1);gap:var(--space-2);min-width:0}.player__icon-button{width:36px;height:36px;border:none;border-radius:50%;background:none;color:var(--color-text);font-size:var(--font-md);cursor:pointer}.player__icon-button:hover{background:#ffffff1a}.player__clock{font-size:var(--font-xs);color:var(--color-text-dim)}.player__mode{color:var(--color-text-faint)}.player__controls-spacer{flex:1 1 auto}.player__commit{height:34px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-accent-dim);color:var(--color-text);font-size:var(--font-xs);cursor:pointer}.player__commit:disabled{opacity:.6;cursor:default}@media(max-width:480px){.player__overlay{padding:var(--space-4) var(--space-2) var(--space-2);gap:var(--space-1)}.player__close{width:36px;height:36px;top:var(--space-2);right:var(--space-2)}}:root{--page-max-width: 1600px;--gutter: 24px;--color-bg: #0d0f14;--color-surface: #171a21;--color-surface-raised: #222732;--color-border: #2c323f;--color-text: #f2f4f8;--color-text-dim: #9aa3b2;--color-text-faint: #5f6878;--color-accent: #4da3ff;--color-accent-dim: #1d4a7a;--color-success: #4cc38a;--color-warning: #e5a53f;--color-danger: #e5484d;--focus-ring: 0 0 0 3px var(--color-accent);--card-focus-ring: 0 0 0 2px var(--color-accent), 0 10px 28px -6px rgba(0, 0, 0, .7), 0 0 24px -4px rgba(77, 163, 255, .45);--backdrop-fade-down: linear-gradient( 180deg, rgba(8, 9, 13, .25) 0%, rgba(8, 9, 13, .55) 55%, var(--color-bg) 96% );--backdrop-fade-side: linear-gradient( 100deg, var(--color-bg) 0%, rgba(8, 9, 13, .75) 30%, rgba(8, 9, 13, .15) 62%, rgba(8, 9, 13, 0) 85% );--font-xs: 13px;--font-sm: 15px;--font-md: 17px;--font-lg: 22px;--font-xl: 32px;--font-xxl: 44px;--space-1: 6px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--radius-sm: 6px;--radius-md: 10px;--duration-fast: .12s;--duration-normal: .18s;--easing: cubic-bezier(.2, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:var(--font-md);line-height:1.45;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}img{max-width:100%}.page{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.page__content{position:relative;max-width:var(--page-max-width);margin:0 auto;padding:var(--space-4) var(--gutter) var(--space-6)}.hero-backdrop{position:absolute;top:0;left:0;width:100%;height:560px;background-color:var(--color-bg);background-size:cover;background-position:center 20%;pointer-events:none}.hero-backdrop:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--backdrop-fade-down)}@media(max-width:720px){.hero-backdrop{height:320px}}