@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--bg: #08070b;--bg2: #0d0b12;--panel: rgba(14, 12, 20, .86);--panel2: rgba(18, 16, 26, .92);--text: #f6f7f5;--muted: #c5c6d3;--faint: #8c8ea0;--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .18);--accent: #ff4bd8;--accent2: #5ee6ff;--danger: #ff5d79;--warn: #f8d36b;--ok: #4de1ff;--shadow: rgba(0, 0, 0, .6);--sans: var(--mono);--mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;color-scheme:dark;font-family:var(--mono);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background-color:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1100px 620px at 10% -10%,rgba(255,75,216,.2),transparent 60%),radial-gradient(900px 700px at 100% 0%,rgba(94,230,255,.18),transparent 55%),linear-gradient(150deg,#08070b,#0a0911 35%,#0d0b12);background-attachment:fixed}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--mono)}::selection{background:#5ee6ff40}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app{height:100%;display:grid;grid-template-rows:auto 1fr auto}.app__content{padding:22px 22px 24px;overflow:auto;min-width:0}.fullscreen,.authLayout{height:100%;display:grid;place-items:center;padding:20px}.authCard{width:min(680px,92vw);filter:drop-shadow(0 30px 50px rgba(0,0,0,.45))}.authLogo{display:block;width:120px;height:auto;margin:0 auto 18px}.appHeader{position:sticky;top:0;z-index:40;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#09090feb,#09090fb3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.appHeader__left,.appHeader__right{display:flex;align-items:center;gap:12px}.navHistory{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#06060c8c;border:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#06060c80;box-shadow:0 14px 30px #0006}.brand:hover{text-decoration:none;border-color:var(--border2)}.brand__mark{width:34px;height:34px;border-radius:0;display:grid;place-items:center;border:none;background:#000}.brand__mark img{width:100%;height:100%;display:block;object-fit:contain}.brand__name{font-weight:700;letter-spacing:.2px}.topNav{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:0;background:#0a08128c}.navMenu{position:relative}.navMenu__button{border:1px solid rgba(255,255,255,.12);background:#06060c99;color:var(--text);padding:6px 10px;cursor:pointer;font-family:var(--mono);border-radius:0}.navMenu__panel{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;border-radius:0;border:1px solid rgba(255,255,255,.12);background:#0a0812f0;box-shadow:0 18px 30px #00000073;padding:8px;display:grid;gap:4px;z-index:10}.navMenu__item{border:0;border-radius:0;padding:8px 10px;font-size:13px;color:var(--text);text-align:left;background:transparent;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:8px}.navMenu__item:hover{background:#5ee6ff14}.navMenu__item--muted{color:var(--faint);cursor:default}.navMenu__item--muted:hover{background:transparent}.navMenu__item--active{background:#ff4bd829}.navMenu__icon{width:18px;display:inline-grid;place-items:center;color:var(--accent2)}.navMenu__label{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.appHeader__left{display:flex;align-items:center;justify-content:flex-start}.appHeader__right{display:flex;align-items:center;justify-content:flex-end;gap:10px}.panel{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#100e18eb,#0a0a12d1);border-radius:18px;box-shadow:0 26px 48px #00000073;overflow:hidden}.panel__hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ff4bd824,#0000)}.panel__title{color:var(--accent2);font-size:12px;letter-spacing:.4px;font-family:var(--mono);text-transform:uppercase}.panel__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.panel__body{padding:12px}.stack{display:grid;gap:12px}.row{display:flex;gap:10px;align-items:center}.field{display:grid;gap:6px}.tabs{display:flex;gap:8px;padding:6px;border:1px solid var(--border);border-radius:999px;background:#0a081299}.tab{appearance:none;border:1px solid transparent;border-radius:999px;padding:8px 12px;background:transparent;color:var(--text);cursor:pointer;font-family:var(--mono);font-size:13px}.tab:hover{border-color:var(--border)}.tab--active{border-color:#1ed76080;background:#1ed76033}.field__label{color:var(--muted);font-size:12px}.input,.textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:#0a0812a6;color:var(--text);border-radius:0;padding:12px 14px;outline:none}.textarea{resize:vertical}.input:focus,.textarea:focus{border-color:#5ee6ffb3;box-shadow:0 0 0 3px #5ee6ff2e}.btn{border:1px solid rgba(255,75,216,.45);border-radius:14px;padding:10px 14px;font-family:var(--sans);font-weight:600;background:linear-gradient(130deg,#ff4bd859,#5ee6ff2e);color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .14s ease;box-shadow:0 10px 24px #00000052}.btn:hover{transform:translateY(-1px);border-color:#5ee6ffb3;box-shadow:0 14px 26px #0000006b}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--ghost{background:#08081080;border-color:#ffffff24}.btn--danger{background:#ff5d7933;border-color:#ff5d798c}.btn--md{padding:10px 12px}.btn--sm{padding:8px 10px;border-radius:10px;font-size:13px}.btn--xs{padding:6px 8px;border-radius:10px;font-size:12px}.muted{color:var(--faint);font-size:12px}.error{color:#ff8aa0;font-size:12px}.h1{font-size:20px;font-weight:700}.kv{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;font-size:13px}.kv__k{color:var(--muted)}.kv__v{color:var(--text)}.toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:#0000002e;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.toggle input{accent-color:var(--accent)}.rowCard{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px;background:#0808108c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.rowCard:hover{border-color:#5ee6ff66;background:#0a0a12b3;box-shadow:0 16px 32px #00000073}.rowCard--compact{border-radius:14px;padding:8px 10px;background:#0c0c148c}.rowCard--reco{background:#ff4bd81f;border-color:#ff4bd847}.rowCard--reco:hover{background:#ff4bd82e;border-color:#ff4bd873}.rowCard--disabled{opacity:.55}@media(max-width:640px){.row{flex-wrap:wrap}.kv{grid-template-columns:1fr}.rowCard{grid-template-columns:auto 1fr}.rowCard__actions{grid-column:1 / -1;justify-content:flex-end}.rowCard__sub{flex-wrap:wrap;row-gap:4px}.folderCard__header{grid-template-columns:auto 1fr}.folderCard__toggle{justify-self:end}.trackRow{grid-template-columns:auto 1fr}.trackRow__actions{grid-column:1 / -1;justify-content:flex-end}.appHeader{grid-template-columns:1fr;gap:12px}.appHeader__left,.appHeader__right{justify-content:center;flex-wrap:wrap}.topNav{width:100%;justify-content:center}.playerBar{grid-template-columns:1fr;grid-template-areas:"meta" "center";gap:12px}.playerBar__actions{justify-content:center;margin-left:0;flex-wrap:wrap}.playerBar__controlRow{flex-wrap:wrap;justify-content:center}.playerBar__queueBtn{margin-left:0}.range{width:110px}}@media(max-width:900px){.playerBar{grid-template-columns:1fr;grid-template-areas:"meta" "center"}.playerBar__meta{justify-content:flex-start}.playerBar__title,.playerBar__sub{max-width:70vw;text-align:left}.playerBar__actions{justify-content:center;margin-left:0;flex-wrap:wrap}.playerBar__queueBtn{margin-left:0}.albumHero{grid-template-columns:1fr;text-align:center}.albumHero .row{justify-content:center}}.rowCard__main{min-width:0}.rowCard__titleRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.rowCard__title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowCard__sub{display:flex;align-items:center;gap:8px;margin-top:2px;min-width:0}.rowCard__actions{display:flex;gap:8px;flex-wrap:wrap}.rowCard--noLead{grid-template-columns:1fr}.rowCard--noLead>.rowCard__lead{display:none}@media(max-width:640px){.rowCard__titleRow{flex-direction:column;align-items:flex-start}}.albumHero{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.albumHero__info{display:grid;gap:6px}.albumHero__title{font-size:22px;font-weight:700}.albumHero__subtitle{color:var(--muted);font-size:14px}.albumHero__meta{color:var(--faint);font-size:12px;font-family:var(--mono)}.dot{color:var(--faint)}.rowCard__lead{display:grid;place-items:center}.playDot{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0000004d;color:#ffffffeb;display:grid;place-items:center;cursor:pointer}.playDot:disabled{opacity:.6;cursor:not-allowed}.playDot__spin{width:14px;height:14px;border-radius:99px;border:2px solid rgba(255,255,255,.22);border-top-color:#5ee6fff2;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cover{border:1px solid rgba(255,255,255,.14);overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #00000026,0 10px 22px #00000073;position:relative}.cover img{display:block;object-fit:cover}.cover__play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(160deg,#ff4bd84d,#0000008c);color:#fffffff5;border:0;font-size:18px;cursor:pointer;opacity:0;transform:scale(.96);transition:opacity .12s ease,transform .12s ease}.cover:hover .cover__play,.cover:focus-within .cover__play{opacity:1;transform:scale(1)}@media(hover:none){.cover__play{opacity:1;transform:scale(1)}}.iconBtn{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:8px 10px;background:#0808108c;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.iconBtn:hover{transform:translateY(-1px);border-color:#5ee6ff99;background:#0c0c16a6}.iconBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.iconBtn__icon{display:grid;place-items:center;color:var(--accent2)}.iconBtn__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:opacity .14s ease,max-width .16s ease}.iconBtn:hover .iconBtn__label,.iconBtn:focus-visible .iconBtn__label{max-width:140px;opacity:1}.iconBtn--tiny{padding:6px;border-radius:10px}.iconBtn--tiny svg{width:14px;height:14px}.iconBtn--tiny .iconBtn__label{font-size:10px}.folderCard{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0808108c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.folderCard--playing{border-color:#48e8f099;box-shadow:0 0 0 1px #48e8f040,0 16px 40px #00a0aa40}.folderCard--playing .folderCard__header{background:#00aab92e}.folderCard__header{width:100%;display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;padding:12px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.folderCard__header:hover{background:#0c0c168c}.folderCard__error{color:#ff9aa2;font-size:12px;padding:0 12px 10px}.folderCard__info{min-width:0}.folderCard__title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folderCard__titleRow{display:flex;align-items:center;gap:10px;justify-content:space-between}.folderCard__titleActions{display:inline-flex;gap:6px;flex-shrink:0}.folderCard__sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);min-width:0}.folderCard__toggle{font-size:12px;color:var(--faint)}.folderCard__tracks{border-top:1px solid rgba(255,255,255,.06);padding:10px 12px 12px;display:grid;gap:8px}.trackTable{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:#0a0a1273}.trackRow{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);transition:background .12s ease}.trackRow:first-child{border-top:none}.trackRow:hover{background:#0c0c16b3}.trackRow--playing{background:#00b4c82e}.trackRow--playing:hover{background:#00b4c847}.trackRow--disabled{opacity:.5}.trackRow--disabled:hover{background:#0a0a1273}.trackRow__play{width:28px;height:28px}.trackRow__titleRow{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:10px;position:relative;padding-right:96px}.trackRow__title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackRow__album{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackRow__artist{font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackRow__actions{display:inline-flex;gap:6px;flex-wrap:wrap;position:absolute;top:0;right:0}@media(max-width:820px){.trackRow{grid-template-columns:28px minmax(0,1fr)}.trackRow__artist{display:none}}.playerBar{border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0c0a14f2,#0a0a12e0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px 18px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "center";align-items:center;gap:12px 18px}.playerBar__meta{grid-area:meta;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;padding:8px 12px;border-radius:16px;border:1px solid rgba(72,232,240,.65);background:#000;box-shadow:0 10px 24px #00000052,0 0 0 1px #48e8f033}.playerBar__coverBtn{padding:0;border:0;background:transparent;line-height:0;cursor:pointer}.playerBar__coverBtn:disabled{cursor:default}.playerBar__text{min-width:0;text-align:left}.playerBar__title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw}.playerBar__sub{font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw}.playerBar__center{grid-area:center;display:grid;gap:8px}.playerBar__controlRow{display:flex;align-items:center;gap:10px}.playerBar__controls{display:flex;align-items:center;justify-content:center;gap:8px}.playerBar__btn{min-width:38px;height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0808108c;font-size:14px}.playerBar__btn--primary{background:linear-gradient(135deg,#ff4bd880,#5ee6ff3d);border-color:#ff4bd88c}.playerBar__progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.playerBar__time{font-size:11px;color:var(--faint);font-family:var(--mono)}.playerBar__track{position:relative;height:7px;border-radius:999px;background:#ffffff14;overflow:hidden}.playerBar__track:before{content:"";position:absolute;inset:0;width:calc(var(--buffered, 0) * 100%);background:#fff3;pointer-events:none}.playerBar__track:after{content:"";position:absolute;inset:0;width:calc(var(--progress, 0) * 100%);background:linear-gradient(90deg,var(--accent),var(--accent2));pointer-events:none}.playerBar__seek{position:absolute;inset:0;width:100%;height:100%;opacity:1;cursor:pointer;background:transparent;appearance:none;z-index:1}.playerBar__seek::-webkit-slider-runnable-track{height:7px;background:transparent}.playerBar__seek::-moz-range-track{height:7px;background:transparent}.playerBar__seek::-webkit-slider-thumb{appearance:none;width:0;height:0;border-radius:0;background:transparent;box-shadow:none}.playerBar__seek::-moz-range-thumb{width:0;height:0;border-radius:0;background:transparent;box-shadow:none;border:none}.playerBar__actions{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin-left:auto}.playerBar__vol{display:flex;align-items:center;position:relative;gap:8px}.playerBar__volPanel{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,8px);opacity:0;pointer-events:none;padding:10px 8px;width:64px;height:150px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#080810eb;box-shadow:0 14px 30px #0000006b;transition:opacity .15s ease,transform .15s ease;z-index:2;overflow:visible}.playerBar__vol.is-open .playerBar__volPanel{opacity:1;transform:translate(-50%);pointer-events:auto}.playerBar__iconBtn{width:34px;height:34px;min-width:34px;padding:0;border-radius:999px;display:grid;place-items:center;font-size:15px}.playerBar__iconBtn svg{width:16px;height:16px;display:block}.playerBar__queueBtn{margin-left:0}.playerBar__volSlider{width:110px;height:24px;accent-color:var(--accent2);transform:rotate(-90deg);transform-origin:center;appearance:none;background:transparent}.playerBar__volSlider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#ffffff14,#ffffff2e)}.playerBar__volSlider::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#ffffff14,#ffffff2e)}.range{width:140px;accent-color:var(--accent2)}.loading{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:12px}.loading__dot{width:8px;height:8px;border-radius:99px;background:var(--accent2);box-shadow:0 0 0 5px #5ee6ff1f;animation:pulse .9s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.6}}.toastStack{position:fixed;top:12px;right:12px;display:grid;gap:10px;z-index:50;width:min(420px,92vw)}.toast{border:1px solid var(--border);background:#0c0a14b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.toast--success{border-color:#5ee6ff80}.toast--error{border-color:#ff4d6d80}.toast__msg{font-size:13px;color:var(--text)}.json{margin:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:#00000038;overflow:auto;font-size:12px;color:#d6ffe6eb}.modal{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px;z-index:60}.modal__card{width:min(780px,94vw);max-height:min(78vh,820px);overflow:hidden;border:1px solid var(--border2);border-radius:16px;background:#070b08f2;box-shadow:0 28px 70px var(--shadow);display:grid;grid-template-rows:auto 1fr}.modal__hdr{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal__title{color:var(--muted);font-size:12px}.modal__body{padding:12px;overflow:auto}.coverPreview__btn{padding:0;border:0;background:transparent;width:100%;cursor:pointer}.coverPreview__img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.plCard{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#00000029;display:grid;grid-template-rows:auto 1fr;transition:transform .12s ease,border-color .12s ease}.plCard:hover{transform:translateY(-1px);border-color:#3eff9b8c;text-decoration:none}.plCard__cover{background:#00000038;border-bottom:1px solid var(--border);position:relative}.plCard__cover:before{content:"";display:block;padding-top:100%}.plCard__coverImg{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.plCard__empty{position:absolute;inset:0;place-items:center;display:grid;color:var(--faint);font-weight:700;letter-spacing:.5px}.mosaic{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.mosaic img{width:100%;height:100%;object-fit:cover}.mosaic--empty{place-items:center;display:grid;color:var(--faint);font-weight:700;letter-spacing:.5px}.plCard__meta{padding:10px 10px 12px;display:grid;gap:6px}.plCard__title{font-size:13px;color:var(--text)}.plCard__sub{font-size:12px;color:var(--faint);display:flex;gap:8px;align-items:center;min-width:0}@media(max-width:900px){.appHeader{grid-template-columns:auto 1fr auto}.brand__name{display:none}.playerBar__title,.playerBar__sub{max-width:52vw}}.btn,.btn--sm,.btn--xs,.btn--md,.iconBtn,.iconBtn--tiny,.tab,.playerBar__btn,.playerBar__iconBtn,.playDot,.cover__play,.folderCard__header{border-radius:0;box-shadow:none}.btn,.iconBtn,.playerBar__btn,.playerBar__btn--primary,.playDot,.cover__play,.tab--active{background:#0c0c14d9}.panel,.panel__hdr,.rowCard,.rowCard--compact,.folderCard,.trackTable,.plCard,.modal__card,.toast,.playerBar__meta{border-radius:0;background:#0c0c14d9;box-shadow:none}.playerBar__meta{border-color:#48e8f0a6;background:#000}.rowCard:hover,.plCard:hover,.btn:hover,.iconBtn:hover,.playerBar__btn:hover{box-shadow:none}.sidebar__logo{width:36px;height:36px;background:#000;border:none;border-radius:0;display:grid;place-items:center}.sidebar__logo img{width:100%;height:100%;display:block;object-fit:contain}.searchBar{display:grid;gap:6px}.searchBar__form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.searchBar__nav{display:inline-flex;gap:6px}.searchBar__input{width:240px;height:32px;padding:6px 8px;border-color:#5ee6ff99;background:transparent}.searchBar__submit{width:34px;height:32px;display:grid;place-items:center;border:1px solid rgba(94,230,255,.6);background:transparent;color:var(--text);cursor:pointer}.searchBar__submit:disabled{opacity:.5;cursor:not-allowed}.panel--results{background:#16171d}.folderCard{background:#000}