:root{--swatch-foundation:#000;--swatch-primary:#0d0d0d;--swatch-complement:#151515;--swatch-contrast:#f5f5f5;--swatch-accent:#1f1f1f;--swatch-status:#dcdcdc;--swatch-muted:#a9a9a9;--my-font-family:"Robaaaoto";--bounceEasing:cubic-bezier(0.51,0.92,0.24,1.15)}body,html{height:100%}body{margin:0}#root,body{background-color:#000;background-color:var(--swatch-foundation);display:flex;flex-direction:column}#root{align-items:stretch;color:#f5f5f5;color:var(--swatch-contrast);font-family:Lexend Exa;height:100%;min-height:0}.app-container{background:linear-gradient(160deg,#0f0f0ff5,#060606f0);border:1px solid #ffffff14;border-radius:18px;box-shadow:0 30px 60px #00000073;display:flex;flex:1 1;flex-direction:column;gap:1.25rem;margin:1rem auto;min-height:0;overflow:hidden;padding:1.5rem;width:min(1800px,98vw)}.main-layout{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:minmax(0,6fr) minmax(0,8fr);height:100%;min-height:0}.list-column{align-items:stretch;gap:1rem;position:relative}.list-column,.player-column{display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-gutter:stable both-edges}.player-column{height:100%}@media (max-width:900px){.main-layout{grid-template-columns:1fr}}#playlister-banner{background-image:linear-gradient(140deg,#151515,#040404);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 26px 48px #0000008c;color:#f5f5f5;color:var(--swatch-contrast);font-size:48pt;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}#splash-screen{align-items:center;background:radial-gradient(circle at top left,#a0a0a02e,#0000 52%),radial-gradient(circle at bottom right,#5a5a5a33,#0000 60%),linear-gradient(135deg,#050505,#151515 48%,#282828);box-sizing:border-box;color:#0d0d0d;color:var(--swatch-primary);display:flex;height:100vh;inset:0;justify-content:center;overflow:hidden;padding:clamp(3rem,6vw,4.5rem) clamp(1.5rem,6vw,4rem);position:fixed;width:100%}#splash-screen .splash-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121212d9;border:1px solid #ffffff14;border-radius:36px;box-shadow:0 36px 80px #000000a6;max-height:calc(100vh - clamp(3rem, 6vw, 4.5rem)*2);overflow-y:auto;padding:clamp(2.75rem,5vw,3.75rem);width:min(1120px,100%)}#splash-screen .splash-content{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}#splash-screen .splash-hero{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem)}#splash-screen .splash-logo-block{display:flex;flex-direction:column;gap:1.25rem}#splash-screen .splash-logo{align-self:flex-start;height:auto;width:clamp(140px,28vw,220px)}#splash-screen .splash-title{color:#ebebebc7;font-weight:700;letter-spacing:-.02em}#splash-screen .splash-subtitle{color:#ebebebc7;font-weight:400;line-height:1.6;max-width:560px}#splash-screen .splash-actions{flex-wrap:wrap}#splash-screen .splash-button{border-radius:999px;font-size:1rem;font-weight:600;padding:.85rem 1.8rem;text-transform:none;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}#splash-screen .splash-button-primary{background:linear-gradient(135deg,#fafafa,#d8d8d8);box-shadow:0 16px 24px -12px #00000073;color:#0f0f0f}#splash-screen .splash-button-primary:hover{background:linear-gradient(135deg,#fff,#e2e2e2);box-shadow:0 20px 28px -14px #0000008c}#splash-screen .splash-button-secondary{background:#ffffff14;border-color:#ffffff2e;color:#f5f5f5;color:var(--swatch-contrast)}#splash-screen .splash-button-secondary:hover{background:#ffffff24;border-color:#ffffff4d;color:#fff}#splash-screen .splash-button-ghost{background:#ffffff0d;color:#f5f5f5d1}#splash-screen .splash-button-ghost:hover{background:#ffffff1f;color:#fff}#splash-screen .splash-feature-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}#splash-screen .splash-feature-card{background:#202020e0;border:1px solid #ffffff0f;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff0d;padding:1.75rem;transition:transform .2s ease,box-shadow .2s ease}#splash-screen .splash-feature-card:hover{box-shadow:0 24px 40px -24px #0000008c;transform:translateY(-4px)}#splash-screen .splash-feature-title{color:#fff;font-weight:600;margin-bottom:.75rem}#splash-screen .splash-feature-description{color:#dcdcdcd1;line-height:1.6}@media (max-width:640px){#splash-screen{padding:2.5rem 1.25rem}#splash-screen .splash-overlay{border-radius:28px;padding:2.25rem 1.75rem}#splash-screen .splash-actions{align-items:stretch;flex-direction:column;gap:.75rem}#splash-screen .splash-button{width:100%}}.playlister-button,.playlister-button-disabled{border-width:0;color:#000;cursor:pointer;float:left;font-size:36pt;opacity:100%}.playlister-button:hover{color:#000;cursor:pointer}.playlister-button-disabled{cursor:not-allowed;opacity:.25}#playlist-selector,#playlister-list-selector{background-color:#0d0d0d;background-color:var(--swatch-primary);border-radius:14px;box-shadow:inset 0 0 0 1px #0000000d;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow:hidden;padding:1.5rem}#playlister-workspace{background-color:#1f1f1f;background-color:var(--swatch-accent);display:flex;flex:1 1;flex-direction:column;width:100%}#playlister-statusbar{font-size:36pt;width:100%}#list-selector-footer,#playlister-statusbar{align-items:center;display:flex;justify-content:center}#list-selector-footer{background:linear-gradient(135deg,#1f1f1f,#0f0f0f);border-radius:12px;box-shadow:0 16px 28px #00000059;color:#f5f5f5;color:var(--swatch-contrast);flex-wrap:wrap;font-size:1.75rem;gap:1.25rem;margin-top:auto;padding:1.25rem}.list-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.list-filters-overlay{align-self:stretch;background:#141414f2;border-radius:14px;box-shadow:0 12px 28px #00000059;margin:0;padding:1rem 1.25rem;position:relative;z-index:1}.list-filters-overlay .MuiTextField-root{flex:1 1}.list-filters-overlay .MuiButton-root{white-space:nowrap}@media (max-width:900px){#playlist-selector{padding-top:2rem}.list-filters-overlay{border-radius:18px;width:100%}}#add-list-button{margin-right:1rem}.song-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto;padding-right:.25rem}.list-card,.selected-list-card,.unselected-list-card{border-radius:18px;width:100%}.selected-list-card{background:linear-gradient(135deg,#2f2f2f,#1a1a1a);box-shadow:0 16px 30px #0006;color:#f5f5f5;color:var(--swatch-contrast)}.list-card:aria-disabled,.list-card[aria-disabled]{background-color:#ffffff14;border:1px solid #ffffff14;color:#a9a9a9;color:var(--swatch-muted);pointer-events:none}.unselected-list-card:hover{background-color:#2b2b2b;color:#f5f5f5;color:var(--swatch-contrast);cursor:pointer}.unselected-list-card{background-color:#161616;color:#f5f5f5;color:var(--swatch-contrast)}.list-card-button{float:right;transform:scale(2)}#workspace-edit,#workspace-home{height:100%;left:0;position:absolute;top:0;width:100%}#edit-numbering{background-color:#dcdcdc;background-color:var(--swatch-status);left:0;width:20%}#edit-items,#edit-numbering{height:100%;position:absolute;top:0}#edit-items{background-color:#0d0d0d;background-color:var(--swatch-primary);left:20%;width:80%}.item-number,.playlister-item,.playlister-item-dragged-to{align-items:center;display:flex;font-size:48pt;height:20%}.item-number{background-color:#dcdcdc;background-color:var(--swatch-status);border:1px 0 1px 1px;border-color:#ffffff14;color:#111;justify-content:center;width:100%}.youtube-player{background:linear-gradient(145deg,#1d1d1d,#111);border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff0a;display:flex;flex:1 1;flex-direction:column;gap:1.25rem;min-height:0;padding:1.5rem}.player-toggle-row{display:flex;flex-wrap:wrap;gap:.75rem}.player-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.player-video-wrapper{aspect-ratio:16/9;background:#080808;border-radius:12px;flex:1 1;overflow:hidden;position:relative;width:100%}.player-video-wrapper iframe{height:100%;inset:0;position:absolute;width:100%}.player-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.player-header{align-items:baseline;color:#f5f5f5;color:var(--swatch-contrast);display:flex;font-size:2rem;gap:.5rem;text-shadow:0 6px 18px #0000008c}.player-header .MuiTypography-root{color:inherit;font-weight:700;letter-spacing:.04em}.youtube-player-info{background:#0a0a0ae6;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff0d;color:#f5f5f5;color:var(--swatch-contrast);font-size:1.1rem;line-height:1.6;padding:1rem 1.25rem;white-space:pre-line}.comments-panel{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow:hidden}.comments-list{background:linear-gradient(155deg,#121212eb,#060606eb);border:1px solid #ffffff0f;border-radius:14px;flex:1 1;margin:0;overflow-y:auto;padding:0}.comment-form{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.comment-form .MuiTextField-root{flex:1 1;min-width:220px}#list-selector-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto;padding:.5rem 0 1rem}input{font-size:20pt}.playlister-item,.playlister-item-dragged-to{padding-left:5%;text-align:left;width:100%}.playlister-item{background:linear-gradient(135deg,#1f1f1f,#141414)}.playlister-item-dragged-to{background:linear-gradient(135deg,#2a2a2a,#1c1c1c)}.disabled{background-color:#ffffff1a}.disabled:hover{color:#a9a9a9;color:var(--swatch-muted)}.modal{align-items:center;background:#000000b8;bottom:0;color:#f5f5f5;color:var(--swatch-contrast);cursor:pointer;display:flex;font-family:var(--font-primary);justify-content:center;left:0;opacity:0;padding:1rem;position:fixed;right:0;top:0;transition:all .35s ease-in;visibility:hidden}#edit-song-modal,#remove-song-modal{display:flex;flex-direction:column;gap:1.25rem}.modal.is-visible{opacity:1;visibility:visible}.modal-dialog,.modal-dialog-error{background:#1c1c1c;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 28px 60px #0009;cursor:default;max-height:80vh;max-width:800px;overflow:auto;position:relative}#error-dialog-header{text-align:center}.modal-dialog-error>*{margin:10px 0}.modal-dialog>*{padding:1rem}.modal-footer,.modal-header{background:#ffffff08}.modal-header{align-items:center;border-bottom:dotted;display:flex;justify-content:space-between}.modal-close,.modal-header{font-size:1.5rem}.modal p+p{margin-top:1rem}.modal-control{cursor:pointer;width:20%}.dialog-header{font-size:24pt}#close-modal-button{float:right}#confirm-cancel-container{text-align:center}[data-animation] .modal-dialog{opacity:0;transition:all .5s cubic-bezier(.51,.92,.24,1.15);transition:all .5s var(--bounceEasing)}[data-animation].is-visible .modal-dialog{opacity:1;transition-delay:.2s}[data-animation=slideInOutDown] .modal-dialog{transform:translateY(100%)}[data-animation=slideInOutTop] .modal-dialog{transform:translateY(-100%)}[data-animation=slideInOutLeft] .modal-dialog{transform:translateX(-100%)}[data-animation=slideInOutRight] .modal-dialog{transform:translateX(100%)}[data-animation=zoomInOut] .modal-dialog{transform:scale(.2)}[data-animation=rotateInOutDown] .modal-dialog{transform:rotate(-1turn);transform-origin:top left}[data-animation=mixInAnimations].is-visible .modal-dialog{animation:mixInAnimations 2s linear .2s forwards}[data-animation=rotateInOutDown].is-visible .modal-dialog,[data-animation=slideInOutDown].is-visible .modal-dialog,[data-animation=slideInOutLeft].is-visible .modal-dialog,[data-animation=slideInOutRight].is-visible .modal-dialog,[data-animation=slideInOutTop].is-visible .modal-dialog,[data-animation=zoomInOut].is-visible .modal-dialog{transform:none}@keyframes mixInAnimations{0%{transform:translateX(-100%)}10%{transform:translateX(0)}20%{transform:rotate(20deg)}30%{transform:rotate(-20deg)}40%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}70%{transform:rotate(-10deg)}80%{transform:rotate(5deg)}90%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}
/*# sourceMappingURL=main.c1f59d42.css.map*/