.snackbar-stack{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.snackbar{background:var(--color-snackbar);width:100%;max-width:420px;color:var(--color-snackbar-text);box-shadow:var(--shadow-float);pointer-events:auto;border-radius:10px;align-items:center;gap:12px;padding:8px 8px 8px 16px;font-size:.875rem;animation:.2s ease-out snackbar-in;display:flex}.snackbar__icon{color:var(--color-snackbar-accent);display:inline-flex}.snackbar--success .snackbar__icon{color:var(--color-snackbar-success)}.snackbar--error .snackbar__icon{color:var(--color-snackbar-error)}.snackbar__message{overflow-wrap:anywhere;flex:1;min-width:0}.snackbar__close{width:32px;height:32px;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.snackbar__close:hover,.snackbar__close:focus-visible{opacity:1;background:color-mix(in srgb, currentColor 12%, transparent);outline:none}@keyframes snackbar-in{0%{opacity:0;transform:translateY(8px)}}.theme-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.theme-toggle__option{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.theme-toggle__option:hover{color:var(--color-text)}.theme-toggle__option.is-active{background:var(--color-surface-muted);color:var(--color-text)}.theme-toggle__option:focus-visible{box-shadow:0 0 0 3px var(--color-focus);outline:none}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}@media (width>=768px){.app-header{padding:12px 32px}}.app-header__start{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.app-header__nav{gap:4px;display:flex}.app-header__link{color:var(--color-text-muted);border-radius:999px;padding:4px 12px;font-size:.875rem;font-weight:600;text-decoration:none}.app-header__link:hover{color:var(--color-text);background:var(--color-surface-muted)}.app-header__link.active{color:var(--color-primary);background:var(--color-primary-soft)}.app-header__link:focus-visible{box-shadow:0 0 0 3px var(--color-focus);outline:none}.app-header__brand{align-items:center;gap:8px;font-size:1.125rem;font-weight:700;display:flex}.app-header__logo{background:var(--color-primary);width:32px;height:32px;color:var(--color-primary-contrast);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.app-header__actions{align-items:center;gap:12px;display:flex}.app-header__user{align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.role-badge{border-radius:999px;padding:2px 8px;font-size:.8125rem;font-weight:600}.role-badge--admin{color:var(--color-primary);background:var(--color-primary-soft)}.role-badge--viewer{color:var(--color-text-muted);background:var(--color-surface-muted)}.dialog{border:1px solid var(--color-border);background:var(--color-surface);width:calc(100% - 32px);max-width:420px;color:var(--color-text);box-shadow:var(--shadow-float);border-radius:16px;padding:0}.dialog::backdrop{background:var(--color-backdrop)}.dialog[open]{animation:.15s ease-out dialog-in}.dialog__body{flex-direction:column;gap:12px;padding:24px;display:flex}.dialog__title{font-size:1.125rem;font-weight:600}.dialog__message{color:var(--color-text-muted);font-size:.875rem}.dialog__message strong{color:var(--color-text)}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@keyframes dialog-in{0%{opacity:0;transform:scale(.97)}}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}@media (width>=768px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}}.media-grid__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;min-width:0;margin:0;overflow:hidden}.media-grid__thumb{aspect-ratio:1;background:var(--color-surface-muted);position:relative}.media-grid__thumb img{object-fit:cover;width:100%;height:100%;display:block}.media-grid__delete{color:#fff;cursor:pointer;opacity:0;background:#0009;border:0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:opacity .15s,background-color .15s;display:inline-flex;position:absolute;top:8px;right:8px}.media-grid__delete:hover{background:#b42318}.media-grid__delete:focus-visible{opacity:1;box-shadow:0 0 0 3px var(--color-focus);outline:none}.media-grid__item:hover .media-grid__delete{opacity:1}@media (hover:none){.media-grid__delete{opacity:1}}.media-grid__confirm-preview{object-fit:contain;background:var(--color-surface-muted);border-radius:10px;width:100%;max-height:200px;margin-bottom:12px;display:block}.media-grid__caption{justify-content:space-between;align-items:baseline;gap:8px;padding:8px 12px;font-size:.8125rem;display:flex}.media-grid__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-grid__size{color:var(--color-text-muted);flex-shrink:0}.media-grid__state{color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.media-grid__state--empty{background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:16px}.seconds-editor{align-items:center;gap:8px;display:inline-flex}.seconds-editor__select{cursor:pointer;width:auto;min-height:32px;padding:0 8px;font-size:.875rem}.song-list{margin-top:32px}.song-list__title{align-items:center;gap:8px;margin-bottom:12px;font-size:1.125rem;font-weight:600;display:flex}.song-list__count{background:var(--color-surface-muted);color:var(--color-text-muted);border-radius:999px;padding:0 8px;font-size:.8125rem;font-weight:600}.song-list__empty{color:var(--color-text-muted);text-align:center;background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:16px;padding:24px 16px;font-size:.875rem}.song-list__items{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.song-list__item{grid-template-columns:auto 1fr auto;grid-template-areas:"icon info delete""preview preview preview";align-items:center;gap:8px 12px;padding:12px 16px;display:grid}.song-list__item+.song-list__item{border-top:1px solid var(--color-border)}@media (width>=768px){.song-list__item{grid-template-columns:auto 1fr minmax(260px,320px) auto;grid-template-areas:"icon info preview delete"}}.song-list__icon{background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);border-radius:10px;grid-area:icon;justify-content:center;align-items:center;display:inline-flex}.song-list__info{flex-direction:column;grid-area:info;min-width:0;display:flex}.song-list__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.song-list__size{color:var(--color-text-muted);font-size:.8125rem}.song-list__preview{grid-area:preview;width:100%;height:36px}.song-list .icon-btn{grid-area:delete}.dropzone{background:var(--color-surface);border:2px dashed var(--color-border-strong);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:160px;margin-bottom:24px;padding:24px;transition:border-color .15s,background-color .15s;display:flex}.dropzone.is-dragging{background:var(--color-primary-soft);border-color:var(--color-primary)}.dropzone.is-uploading{border-style:solid;border-color:var(--color-border)}.dropzone__input{display:none}.dropzone__icon{background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.dropzone__text{font-weight:600}.dropzone__browse{color:var(--color-primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.dropzone__browse:hover{color:var(--color-primary-hover)}.dropzone__browse:focus-visible{box-shadow:0 0 0 3px var(--color-focus);border-radius:6px;outline:none}.dropzone__hint{color:var(--color-text-muted);font-size:.8125rem}.dropzone__progress{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.progress{background:var(--color-surface-muted);border-radius:999px;height:8px;overflow:hidden}.progress__bar{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .15s linear}.folder-page{max-width:1100px;margin:0 auto;padding:24px 16px 32px}@media (width>=768px){.folder-page{padding:32px 32px 48px}}.folder-page__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:12px 0 24px;display:flex}.folder-page__title{overflow-wrap:anywhere;letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.folder-page__meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:.875rem;display:flex}.folder-page__screen{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.folder-page__hint{max-width:260px;color:var(--color-text-muted);text-align:right;font-size:.8125rem}.folder-page__missing{color:var(--color-text-muted);align-items:center;gap:8px;margin-top:24px;display:flex}.create-folder{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;gap:16px;margin-bottom:24px;padding:24px;display:flex}.create-folder__title{font-size:1.125rem;font-weight:600}.create-folder__fields{flex-direction:column;gap:16px;display:flex}@media (width>=480px){.create-folder__fields{flex-direction:row}}.create-folder__name{flex:1}@media (width>=480px){.create-folder__seconds{width:160px}}.create-folder__actions{justify-content:flex-end;gap:8px;display:flex}.folder-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;grid-template-rows:1fr auto;grid-template-columns:auto 1fr auto;gap:16px 12px;min-width:0;padding:16px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative}.folder-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card)}.folder-card.is-on-screen{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.folder-card:has(.folder-card__link:focus-visible){box-shadow:0 0 0 3px var(--color-focus);outline:none}.folder-card__link{color:inherit;text-decoration:none}.folder-card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.folder-card__link:focus-visible{outline:none}.folder-card__icon{background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.folder-card__body{align-self:center;min-width:0}.folder-card__name{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.folder-card__meta{color:var(--color-text-muted);font-size:.875rem}.folder-card__actions{z-index:1;align-self:start;gap:4px;margin:-4px -4px 0 0;display:flex;position:relative}.folder-card__date{border-top:1px solid var(--color-border);color:var(--color-text-muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;font-size:.8125rem;display:flex}.folder-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.folder-list__state{color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.folder-list__state--empty{background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:16px}.screen-status{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:.875rem;display:flex}.screen-status.is-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.screen-status__text{flex:1;min-width:200px}.screen-status__text strong{color:var(--color-text)}.folders-page{max-width:1100px;margin:0 auto;padding:32px 16px}@media (width>=768px){.folders-page{padding:48px 32px}}.folders-page__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.folders-page__title{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.folders-page__subtitle{color:var(--color-text-muted);margin-top:4px;font-size:.875rem}.song-player{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;gap:2px;max-width:min(360px,100% - 32px);padding:8px 16px;display:flex;position:absolute;bottom:16px;right:16px}.song-player__title{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.song-player__time{font-variant-numeric:tabular-nums;color:#ffffffb3;font-size:.8125rem}.song-player--start{font:inherit;cursor:pointer;flex-direction:row;align-items:center;gap:8px;font-size:.875rem;font-weight:600;animation:2s ease-in-out infinite song-player-pulse}.song-player--start:hover{background:#ffffff26}.song-player--start:focus-visible{outline-offset:2px;outline:2px solid #fff}@keyframes song-player-pulse{50%{border-color:#ffffff80}}.tx-slide{object-fit:contain;backface-visibility:hidden;will-change:opacity, transform;width:100%;height:100%;position:absolute;inset:0}.tx-fade-in{animation:.7s both tx-fade-in}.tx-fade-out{animation:.5s forwards tx-fade-out}.tx-slide-left-in{animation:.7s cubic-bezier(.22,1,.36,1) both tx-slide-left-in}.tx-slide-left-out{animation:.5s cubic-bezier(.64,0,.78,0) forwards tx-slide-left-out}@keyframes tx-slide-left-in{0%{opacity:0;transform:translate(35%)}}@keyframes tx-slide-left-out{to{opacity:0;transform:translate(-35%)}}.tx-slide-right-in{animation:.7s cubic-bezier(.22,1,.36,1) both tx-slide-right-in}.tx-slide-right-out{animation:.5s cubic-bezier(.64,0,.78,0) forwards tx-slide-right-out}@keyframes tx-slide-right-in{0%{opacity:0;transform:translate(-35%)}}@keyframes tx-slide-right-out{to{opacity:0;transform:translate(35%)}}.tx-slide-up-in{animation:.7s cubic-bezier(.22,1,.36,1) both tx-slide-up-in}.tx-slide-up-out{animation:.5s cubic-bezier(.64,0,.78,0) forwards tx-slide-up-out}@keyframes tx-slide-up-in{0%{opacity:0;transform:translateY(35%)}}@keyframes tx-slide-up-out{to{opacity:0;transform:translateY(-35%)}}.tx-slide-down-in{animation:.7s cubic-bezier(.22,1,.36,1) both tx-slide-down-in}.tx-slide-down-out{animation:.5s cubic-bezier(.64,0,.78,0) forwards tx-slide-down-out}@keyframes tx-slide-down-in{0%{opacity:0;transform:translateY(-35%)}}@keyframes tx-slide-down-out{to{opacity:0;transform:translateY(35%)}}.tx-zoom-in-in{animation:.7s both tx-zoom-in-in}.tx-zoom-in-out{animation:.5s forwards tx-zoom-in-out}.tx-zoom-out-in{animation:.7s both tx-zoom-out-in}.tx-zoom-out-out{animation:.5s forwards tx-zoom-out-out}.tx-blur-in{animation:.7s both tx-blur-in}.tx-blur-out{animation:.5s forwards tx-blur-out}.tx-flip-in{animation:.7s cubic-bezier(.2,.7,.3,1) both tx-flip-in}.tx-flip-out{animation:.5s cubic-bezier(.7,0,.8,.3) forwards tx-flip-out}.tx-ken-burns-in{animation:tx-fade-in .7s ease both, tx-ken-burns var(--tx-hold,8s) linear both}.tx-ken-burns-out{animation:tx-fade-in .7s ease both, tx-ken-burns var(--tx-hold,8s) linear both, tx-fade-out .5s ease forwards}@keyframes tx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tx-fade-out{0%{opacity:1}to{opacity:0}}@keyframes tx-zoom-in-in{0%{opacity:0;transform:scale(.65)}}@keyframes tx-zoom-in-out{to{opacity:0;transform:scale(1.35)}}@keyframes tx-zoom-out-in{0%{opacity:0;transform:scale(1.35)}}@keyframes tx-zoom-out-out{to{opacity:0;transform:scale(.65)}}@keyframes tx-blur-in{0%{opacity:0;filter:blur(24px)}}@keyframes tx-blur-out{to{opacity:0;filter:blur(24px)}}@keyframes tx-flip-in{0%{opacity:0;transform:rotateY(-90deg)}}@keyframes tx-flip-out{to{opacity:0;transform:rotateY(90deg)}}@keyframes tx-ken-burns{0%{transform:scale(1)translate(0)}to{transform:scale(1.08) translate(var(--kb-x,0), var(--kb-y,0))}}@media (prefers-reduced-motion:reduce){[class*=tx-][class$=-in]{animation:.7s both tx-fade-in!important}[class*=tx-][class$=-out]{animation:.5s forwards tx-fade-out!important}}.player{color:#fff;cursor:default;-webkit-user-select:none;user-select:none;perspective:1400px;background:#000;position:fixed;inset:0;overflow:hidden}.player.is-idle{cursor:none}.player__message{text-align:center;color:#fff9;width:calc(100% - 64px);max-width:640px;font-size:clamp(1.125rem,2.5vw,1.75rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player__controls{opacity:1;gap:8px;transition:opacity .3s;display:flex;position:absolute;top:16px;right:16px}.is-idle .player__controls{opacity:0;pointer-events:none}.player__control{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:.875rem;display:inline-flex}.player__control:hover{background:#ffffff26}.player__control:focus-visible{outline-offset:2px;outline:2px solid #fff}.player__control:disabled{opacity:.5}.login{background:radial-gradient(ellipse 80% 50% at 50% 0%, var(--color-primary-soft), transparent), var(--color-bg);justify-content:center;align-items:center;min-height:100dvh;padding:48px 16px;display:flex;position:relative}.login__theme{position:absolute;top:16px;right:16px}.login__card{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:420px;box-shadow:var(--shadow-card);border-radius:16px;padding:32px 24px}@media (width>=480px){.login__card{padding:48px 32px 32px}}.login__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.login__logo{background:var(--color-primary);width:48px;height:48px;color:var(--color-primary-contrast);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.login__title{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.login__subtitle{color:var(--color-text-muted);margin-top:4px;font-size:.875rem}.login__form{flex-direction:column;gap:24px;display:flex}.role-picker{border:0;min-width:0;margin:0;padding:0}.role-picker__legend{margin-bottom:8px;padding:0;font-size:.875rem;font-weight:600}.role-picker__options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.role-picker__option{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;flex-direction:column;gap:2px;padding:12px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex;position:relative}.role-picker__option:hover{border-color:var(--color-border-strong)}.role-picker__option.is-selected{background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.role-picker__option:has(.role-picker__input:focus-visible){box-shadow:0 0 0 3px var(--color-focus);outline:none}.role-picker__input{opacity:0;pointer-events:none;position:absolute}.role-picker__title{align-items:center;gap:8px;font-weight:600;display:flex}.is-selected .role-picker__title{color:var(--color-primary)}.role-picker__hint{color:var(--color-text-muted);font-size:.8125rem;line-height:1.35}.password-field{position:relative}.password-field .input{padding-right:48px}.password-field__toggle{width:40px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-field__toggle:hover{color:var(--color-text);background:var(--color-surface-muted)}.password-field__toggle:focus-visible{box-shadow:0 0 0 3px var(--color-focus);outline:none}.transition-lab{max-width:1100px;margin:0 auto;padding:24px 16px 32px}@media (width>=768px){.transition-lab{padding:32px 32px 48px}}.transition-lab__head{margin-bottom:24px}.transition-lab__title{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.transition-lab__subtitle{color:var(--color-text-muted);margin-top:4px;font-size:.875rem}.transition-lab__picker{flex-wrap:wrap;gap:8px;display:flex}.transition-lab__option{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:999px;min-height:36px;padding:0 16px;font-size:.875rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s}.transition-lab__option:hover{border-color:var(--color-border-strong)}.transition-lab__option.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.transition-lab__option:focus-visible{box-shadow:0 0 0 3px var(--color-focus);outline:none}.transition-lab__description{color:var(--color-text-muted);margin:12px 0 16px;font-size:.875rem}.transition-lab__description strong{color:var(--color-text)}.transition-lab__stage{aspect-ratio:16/9;perspective:1400px;background:#000;border-radius:16px;position:relative;overflow:hidden}.transition-lab__stage:fullscreen{border-radius:0}.transition-lab__empty{color:#fff9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.transition-lab__fullscreen{z-index:1;color:#fff;cursor:pointer;background:#0000008c;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}.transition-lab__fullscreen:hover{background:#ffffff26}.transition-lab__fullscreen:focus-visible{outline-offset:2px;outline:2px solid #fff}.transition-lab__controls{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.transition-lab__controls .btn--primary svg{transform:scaleX(-1)}.transition-lab__counter{min-width:0;color:var(--color-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.transition-lab__source{max-width:320px;margin-top:24px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f5f8;--color-surface:#fff;--color-surface-muted:#eef0f4;--color-border:#dde1e8;--color-border-strong:#c3c9d4;--color-text:#161a22;--color-text-muted:#5b6372;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-contrast:#fff;--color-primary-soft:#4f46e514;--color-danger:#b42318;--color-danger-hover:#912018;--color-danger-contrast:#fff;--color-danger-soft:#fef1f0;--color-danger-border:#f7c9c4;--color-focus:#4f46e559;--color-snackbar:#1f2430;--color-snackbar-text:#f4f5f8;--color-snackbar-accent:#a5acfa;--color-snackbar-success:#3ddc97;--color-snackbar-error:#ff9d92;--color-backdrop:#10182873;--shadow-card:0 1px 2px #1018280a, 0 12px 32px #10182814;--shadow-float:0 8px 28px #10182838}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0e1116;--color-surface:#171b22;--color-surface-muted:#202530;--color-border:#2a303c;--color-border-strong:#3a4250;--color-text:#e7eaf0;--color-text-muted:#98a1b0;--color-primary:#8b93f8;--color-primary-hover:#a5acfa;--color-primary-contrast:#0e1116;--color-primary-soft:#8b93f81f;--color-danger:#f5a097;--color-danger-hover:#f8bdb6;--color-danger-contrast:#0e1116;--color-danger-soft:#f5a0971a;--color-danger-border:#f5a0974d;--color-focus:#8b93f873;--color-snackbar:#eef0f4;--color-snackbar-text:#161a22;--color-snackbar-accent:#4f46e5;--color-snackbar-success:#1f9d63;--color-snackbar-error:#b42318;--color-backdrop:#0009;--shadow-card:0 1px 2px #0000004d, 0 16px 40px #00000059;--shadow-float:0 8px 28px #00000080}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0e1116;--color-surface:#171b22;--color-surface-muted:#202530;--color-border:#2a303c;--color-border-strong:#3a4250;--color-text:#e7eaf0;--color-text-muted:#98a1b0;--color-primary:#8b93f8;--color-primary-hover:#a5acfa;--color-primary-contrast:#0e1116;--color-primary-soft:#8b93f81f;--color-danger:#f5a097;--color-danger-hover:#f8bdb6;--color-danger-contrast:#0e1116;--color-danger-soft:#f5a0971a;--color-danger-border:#f5a0974d;--color-focus:#8b93f873;--color-snackbar:#eef0f4;--color-snackbar-text:#161a22;--color-snackbar-accent:#4f46e5;--color-snackbar-success:#1f9d63;--color-snackbar-error:#b42318;--color-backdrop:#0009;--shadow-card:0 1px 2px #0000004d, 0 16px 40px #00000059;--shadow-float:0 8px 28px #00000080}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;transition:background-color .15s,color .15s}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}svg{flex-shrink:0}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 24px;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-focus);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-muted)}.btn--danger{background:var(--color-danger);color:var(--color-danger-contrast)}.btn--danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn--sm{min-height:36px;padding:0 16px;font-size:.875rem}.btn--block{width:100%}.icon-btn{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.icon-btn:hover{color:var(--color-text);background:var(--color-surface-muted)}.icon-btn:focus-visible{box-shadow:0 0 0 3px var(--color-focus);outline:none}.icon-btn--danger:hover{color:var(--color-danger);background:var(--color-danger-soft)}.icon-btn:disabled{opacity:.4;cursor:not-allowed;background:0 0}.on-screen-badge{background:var(--color-primary-soft);color:var(--color-primary);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:.8125rem;font-weight:600;display:inline-flex}.on-screen-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.icon-btn[aria-pressed=true]{color:var(--color-primary);background:var(--color-primary-soft)}.back-link{color:var(--color-text-muted);border-radius:6px;align-items:center;gap:4px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-text)}.back-link:focus-visible{box-shadow:0 0 0 3px var(--color-focus);outline:none}.field{flex-direction:column;gap:8px;display:flex}.field__label{font-size:.875rem;font-weight:600}.input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;width:100%;min-height:44px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--color-text-muted);opacity:.7}.input:hover{border-color:var(--color-border-strong)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus);outline:none}.alert{border-radius:10px;padding:12px 16px;font-size:.875rem}.alert--error{color:var(--color-danger);background:var(--color-danger-soft);border:1px solid var(--color-danger-border)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:1.5s!important}}