/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:"Vazirmatn", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.hidden{display:none}}html{color:#1c1b25;background:#f5f5fa;font-family:Vazirmatn,system-ui,sans-serif;overflow-x:hidden}html.dark{color:#f6f5fb;background:#0b0b12}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% -10%,#724dff1f,#0000 30rem),#f5f5fa;min-width:320px;min-height:100dvh;margin:0;line-height:1.7;overflow-x:hidden}.dark body{background:radial-gradient(circle at 75% -10%,#724dff29,#0000 32rem),#0b0b12}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #705bff59}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{color:#22212b;min-height:100dvh}.dark .app-shell{color:#f5f4fa}.sidebar{display:none}.main-area{min-width:0;padding-bottom:calc(9.5rem + env(safe-area-inset-bottom))}.topbar{z-index:30;min-height:calc(4rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) 1rem 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f5fadb;border-bottom:1px solid #1e1b3014;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dark .topbar{background:#0b0b12d6;border-color:#ffffff12}.topbar>div{align-items:center;gap:.5rem;min-width:0;display:flex}.topbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.mobile-brand{color:#7157ff;font-weight:900}.back-button{display:none}.page-content{width:100%;max-width:84rem;margin:0 auto;padding:1.25rem 1rem 2rem}.icon-button,.back-button{color:#686674;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:background .16s,color .16s,transform .16s;display:inline-flex}.dark .icon-button{color:#aaa8b5}.icon-button:hover{color:#7056ff;background:#6f57ff1a}.icon-button:active,.primary-button:active,.secondary-button:active{transform:scale(.97)}.icon-button.selected,.favorite-button.selected{color:#7559ff;background:#7559ff1f}.icon-button.large{width:3rem;height:3rem}.primary-button,.secondary-button,.danger-button,.danger-ghost,.filter-button{border:1px solid #0000;border-radius:.9rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.65rem 1rem;font-weight:800;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#7654ff,#556ff2);box-shadow:0 .75rem 2rem #5e4df038}.primary-button:hover{background:linear-gradient(135deg,#6844f5,#4862e7)}.primary-button.wide{width:100%;margin-top:1rem}.secondary-button{color:#5c43dd;background:#7058ff14;border-color:#5c43dd33}.dark .secondary-button{color:#b7aaff;border-color:#a08eff38}.danger-button{color:#fff;background:#d94b68}.danger-ghost{color:#d94b68;background:0 0;padding-inline:.25rem}.hero-card{background:linear-gradient(135deg,#7456ff24,#456ef20f);border:1px solid #7157ff1f;border-radius:1.5rem;flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.hero-card:after{content:"";filter:blur(.2rem);inset-inline-end:-3rem;background:#6f55ff24;border-radius:50%;width:11rem;height:11rem;position:absolute;top:-4rem}.hero-card>*{z-index:1;position:relative}.hero-card h1,.panel h1,.upload-zone h1,.player-title h1{margin:.2rem 0;font-size:clamp(1.6rem,6vw,2.5rem);font-weight:900;line-height:1.35}.hero-card p,.player-title p,.section-heading p{color:#757281;margin:0}.dark .hero-card p,.dark .player-title p,.dark .section-heading p{color:#9e9ba9}.eyebrow{color:#7055f5;font-size:.8rem;font-weight:900}.dark .eyebrow{color:#a997ff}.tool-row{grid-template-columns:1fr;gap:.75rem;margin:1.25rem 0;display:grid}.search-box,.select-box{color:#777481;background:#fff;border:1px solid #e1e0e9;border-radius:1rem;align-items:center;gap:.6rem;min-width:0;min-height:3rem;padding-inline:.9rem;display:flex}.dark .search-box,.dark .select-box{color:#9693a2;background:#17171f;border-color:#292833}.search-box input{width:100%;min-width:0;height:2.75rem;color:inherit;background:0 0;border:0;outline:0}.select-box select,.settings-card select{min-height:2.75rem;color:inherit;background:0 0;border:0;outline:0}.filter-button{color:#65626f;background:#fff;border-color:#e1e0e9}.dark .filter-button{color:#aaa6b4;background:#17171f;border-color:#292833}.filter-button.selected{color:#674ae9;background:#7058ff1a;border-color:#674ae94d}.track-list{flex-direction:column;gap:.55rem;display:flex}.track-row{background:#ffffffe0;border:1px solid #e8e7ee;border-radius:1.15rem;align-items:center;gap:.15rem;min-width:0;padding:.45rem;transition:border-color .16s,background .16s;display:flex}.dark .track-row{background:#16161ee6;border-color:#25242e}.track-row.active{background:#7057ff14;border-color:#6f52ff73}.track-main{text-align:right;min-width:0;min-height:3.75rem;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:.7rem;display:flex}.track-copy{flex-direction:column;flex:1;min-width:0;display:flex}.track-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.track-copy small{text-overflow:ellipsis;white-space:nowrap;color:#7d7988;overflow:hidden}.track-duration{color:#8a8792;font-size:.78rem;display:none}.artwork{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#292542,#12121b);border-radius:2rem;place-items:center;width:min(100%,28rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 1.5rem 4rem #1813384d}.artwork:before,.artwork:after{content:"";border-radius:50%;position:absolute}.artwork:before{background:linear-gradient(145deg,#815eff,#385fe6);width:65%;height:65%;box-shadow:0 0 3rem #6950ff80}.artwork:after{background:#171522;border:.8rem solid #ffffff1f;width:28%;height:28%}.artwork svg{z-index:2;position:relative}.artwork-glow{background:radial-gradient(circle at 70% 20%,#8060ff73,#0000 40%);position:absolute;top:0;right:0;bottom:0;left:0}.artwork.artwork-compact{border-radius:.8rem;flex:0 0 3rem;width:3rem;height:3rem}.artwork-compact:after{border-width:.22rem}.empty-state{text-align:center;background:#ffffff6b;border:1px dashed #d8d5e2;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;min-height:18rem;padding:2rem 1rem;display:flex}.dark .empty-state{background:#18172066;border-color:#34323f}.empty-state h3{margin:.8rem 0 .25rem}.empty-state p{color:#777481;max-width:28rem;margin:0 0 1.2rem}.empty-icon,.panel-icon,.upload-icon,.modal-icon{color:#7456ff;background:#7456ff1f;border-radius:1.25rem;place-items:center;width:4rem;height:4rem;display:grid}.player-layout{grid-template-columns:1fr;align-items:center;gap:2rem;max-width:64rem;margin:0 auto;display:grid}.player-art{justify-content:center;display:flex}.player-panel{min-width:0}.player-title{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.player-title>div{min-width:0}.player-title h1{overflow-wrap:anywhere}.range{accent-color:#7556ff;cursor:pointer;width:100%}.progress-range{height:1.5rem}.time-row{color:#7d7986;direction:ltr;justify-content:space-between;font-size:.8rem;display:flex}.player-controls{direction:rtl;justify-content:space-between;align-items:center;gap:.2rem;margin:1.25rem 0;display:flex}.play-button{color:#fff;background:linear-gradient(145deg,#7b59ff,#4f69ed);border:0;border-radius:50%;place-items:center;width:4.25rem;height:4.25rem;display:grid;box-shadow:0 .8rem 2rem #6149ef59}.volume-row{color:#797683;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:1rem 0;display:grid}.queue-card{background:#ecebf3;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.dark .queue-card{background:#191821}.queue-card div{align-items:center;gap:.6rem;display:flex}.content-grid,.settings-grid{grid-template-columns:1fr;gap:1rem;display:grid}.panel,.upload-zone,.settings-card{background:#ffffffe0;border:1px solid #e5e3eb;border-radius:1.4rem;min-width:0;padding:1.25rem}.dark .panel,.dark .upload-zone,.dark .settings-card{background:#16161deb;border-color:#282630}.panel h1,.upload-zone h1{margin-top:1rem}.muted{color:#777482}.dark .muted{color:#aaa6b3}.field-label{margin:1.2rem 0 .4rem;font-weight:800;display:block}.input-action{flex-direction:column;gap:.6rem;display:flex}.input-action input{width:100%;min-width:0;min-height:3rem;color:inherit;background:#fafafe;border:1px solid #dad8e2;border-radius:.9rem;padding:.65rem .8rem}.dark .input-action input{background:#101016;border-color:#34323d}.info-card{color:#4656a8;background:#4b64e612;border:1px solid #5469e833;border-radius:1.2rem;align-items:flex-start;gap:.75rem;min-width:0;padding:1rem;display:flex}.dark .info-card{color:#b7bffa;background:#4b64e61a}.info-card svg{flex:none;margin-top:.15rem}.info-card p{margin:.25rem 0 0;font-size:.88rem}.download-progress{background:#7057ff14;border-radius:1rem;margin-top:1rem;padding:1rem}.progress-head{justify-content:space-between;gap:1rem;display:flex}.progress-track{direction:ltr;background:#7057ff26;border-radius:999px;height:.45rem;margin:.75rem 0;overflow:hidden}.progress-track span,.mini-progress span{border-radius:inherit;background:linear-gradient(90deg,#7653ff,#4c71ef);height:100%;transition:width .18s linear;display:block}.status-message{background:#efedf5;border-radius:.9rem;align-items:flex-start;gap:.6rem;margin-top:1rem;padding:.9rem;display:flex}.status-message.error{color:#b52f4c;background:#d94b681a}.status-message.success{color:#168357;background:#22a9701a}.upload-zone{text-align:center;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;min-height:23rem;display:flex}.upload-zone p{color:#787582;max-width:33rem}.upload-zone small{color:#8a8791;margin-top:1rem}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:1rem;display:flex}.section-heading h2{margin:0}.settings-card h2{margin:0 0 .75rem;font-size:1.05rem}.setting-row{border-top:1px solid #ebe9f0;flex-direction:column;align-items:stretch;gap:.8rem;min-width:0;padding:1rem 0;display:flex}.dark .setting-row{border-color:#2b2933}.setting-row>div:first-child{min-width:0}.setting-row p{color:#7b7885;margin:.15rem 0 0;font-size:.86rem}.segmented{background:#eeedf3;border-radius:.85rem;grid-template-columns:1fr 1fr;padding:.2rem;display:grid}.dark .segmented{background:#111117}.segmented button{color:#74717d;background:0 0;border:0;border-radius:.7rem;justify-content:center;align-items:center;gap:.35rem;min-height:2.75rem;display:flex}.segmented button.selected{color:#6849ed;background:#fff;box-shadow:0 .2rem .8rem #1c183714}.dark .segmented button.selected{color:#b4a5ff;background:#282631}.switch{direction:ltr;background:#cfccd6;border:0;border-radius:999px;flex:none;width:3.25rem;height:1.8rem;padding:.18rem}.switch span{background:#fff;border-radius:50%;width:1.44rem;height:1.44rem;transition:transform .18s;display:block}.switch.on{background:#7254f7}.switch.on span{transform:translate(1.45rem)}.danger-row{align-items:stretch}.mini-player{z-index:50;inset-inline:.75rem;bottom:calc(4.65rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfafff0;border:1px solid #6c56ee38;border-radius:1.15rem;align-items:center;gap:.35rem;min-width:0;min-height:4.2rem;padding:.5rem;display:flex;position:fixed;overflow:hidden;box-shadow:0 .8rem 2rem #19143529}.dark .mini-player{background:#191722f0;border-color:#8e77ff40;box-shadow:0 .8rem 2.2rem #00000059}.mini-track{text-align:right;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:.6rem;display:flex}.mini-track>span{flex-direction:column;min-width:0;display:flex}.mini-track strong,.mini-track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-track strong{font-size:.82rem}.mini-track small{color:#777482;font-size:.72rem}.mini-actions{align-items:center;display:flex}.mini-actions .icon-button:first-child{display:none}.mini-play{color:#fff;background:#6f51f1;border:0;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid}.mini-progress{bottom:0;direction:ltr;background:#7057ff1a;height:.2rem;position:absolute;inset-inline:0}.bottom-nav{z-index:40;min-height:calc(4.25rem + env(safe-area-inset-bottom));padding:.35rem .4rem env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);inset-inline:0;background:#faf9fdf0;border-top:1px solid #1e1b301a;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0}.dark .bottom-nav{background:#0e0e14f0;border-color:#ffffff12}.bottom-nav button{color:#777481;background:0 0;border:0;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;min-width:0;min-height:3.6rem;display:flex}.bottom-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.68rem;overflow:hidden}.bottom-nav button.active{color:#684af0}.dark .bottom-nav button.active{color:#a995ff}.toast{z-index:80;inset-inline:1rem;bottom:calc(9.7rem + env(safe-area-inset-bottom));text-align:center;color:#fff;background:#2b2935;border-radius:.9rem;max-width:30rem;margin:0 auto;padding:.85rem 1rem;position:fixed;box-shadow:0 .75rem 2rem #0000003d}.modal-backdrop{z-index:100;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem);background:#05050aad;place-items:end center;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.modal{color:#22212b;background:#fff;border-radius:1.5rem;width:100%;max-width:30rem;padding:1.5rem;position:relative;box-shadow:0 2rem 5rem #00000059}.dark .modal{color:#f5f4fa;background:#1b1a22}.modal-close{inset-inline-end:.75rem;position:absolute;top:.75rem}.modal h2{margin:1rem 0 .3rem}.modal p{color:#777481}.modal-actions{grid-template-columns:1fr;gap:.6rem;margin-top:1.2rem;display:grid}@media(min-width:40rem){.page-content{padding:1.75rem 1.5rem 2.5rem}.hero-card{flex-direction:row;justify-content:space-between;align-items:center;padding:2rem}.tool-row{grid-template-columns:minmax(0,1fr) auto auto}.track-duration{display:inline}.input-action{flex-direction:row}.input-action .secondary-button{flex:none}.setting-row{flex-direction:row;justify-content:space-between;align-items:center}.setting-row>div:first-child{flex:1}.segmented{min-width:14rem}.danger-row{align-items:center}.modal-backdrop{place-items:center}.modal-actions{grid-template-columns:1fr 1fr}.mini-actions .icon-button:first-child{display:inline-flex}}@media(min-width:56rem){.app-shell{grid-template-columns:16rem minmax(0,1fr);display:grid}.sidebar{height:100dvh;padding:calc(1.5rem + env(safe-area-inset-top)) 1rem calc(1.5rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#faf9fdbf;border-inline-end:1px solid #e4e2ea;flex-direction:column;display:flex;position:sticky;top:0}.dark .sidebar{background:#0e0e14d1;border-color:#25242d}.brand{text-align:right;min-height:3.5rem;color:inherit;background:0 0;border:0;align-items:center;gap:.75rem;padding:.25rem;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#7a57ff,#4d6dec);border-radius:.9rem;place-items:center;width:2.8rem;height:2.8rem;display:grid;box-shadow:0 .7rem 1.8rem #694ef147}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{font-size:1.15rem;font-weight:900}.brand small{color:#85818f}.sidebar nav{flex-direction:column;gap:.35rem;margin-top:2rem;display:flex}.sidebar nav button{color:#706d7a;background:0 0;border:0;border-radius:.9rem;align-items:center;gap:.75rem;min-height:3rem;padding:.6rem .8rem;display:flex}.dark .sidebar nav button{color:#aaa6b4}.sidebar nav button:hover,.sidebar nav button.active{color:#6548e6;background:#6d51f11a}.dark .sidebar nav button.active{color:#b2a2ff}.sidebar-foot{background:#6c53ee14;border-radius:1rem;margin-top:auto;padding:1rem}.sidebar-foot p{color:#7d7988;margin:0;font-size:.8rem}.topbar{padding-inline:2rem}.mobile-brand{display:none}.main-area{padding-bottom:7rem}.bottom-nav{display:none}.mini-player{inset-inline:17.5rem 1.5rem;bottom:calc(1rem + env(safe-area-inset-bottom));max-width:81rem;margin-inline:auto}.toast{bottom:calc(6.5rem + env(safe-area-inset-bottom))}.player-layout{grid-template-columns:minmax(16rem,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,5rem)}.content-grid{grid-template-columns:minmax(0,1.5fr) minmax(16rem,.7fr);align-items:start}.content-grid .span-full{grid-column:1/-1}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media(min-width:80rem){.app-shell{grid-template-columns:18rem minmax(0,1fr)}.sidebar{padding-inline:1.5rem}.mini-player{inset-inline:20rem 2rem}.page-content{padding-inline:2.5rem}}