@font-face{font-family:Cairo;src:url(../fonts/Cairo.ttf) format("truetype-variations");font-weight:200 1000;font-display:swap}@font-face{font-family:Amiri;src:url(../fonts/Amiri-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/JetBrainsMono.ttf) format("truetype-variations");font-weight:100 800;font-display:swap}:root{--bg: #0F0F23;--bg-2: #14142e;--primary: #1E1B4B;--secondary: #4338CA;--secondary-2: #6D5DF6;--accent: #22C55E;--fg: #F8FAFC;--muted: #27273B;--border: #312E81;--danger: #EF4444;--warn: #F59E0B;--glass: rgba(255, 255, 255, .045);--glass-2: rgba(255, 255, 255, .075);--line: rgba(129, 140, 248, .18);--text-dim: #9AA0BE;--r-sm: 9px;--r: 14px;--r-lg: 20px;--sh: 0 6px 28px rgba(0, 0, 0, .45);--sh-lg: 0 18px 60px rgba(0, 0, 0, .55);--icon-sm: 15px;--icon-md: 18px;--icon-lg: 22px;font-family:Cairo,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark;color:var(--fg);background:var(--bg);line-height:1.6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"tnum"}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}h1,h2,h3{line-height:1.3;letter-spacing:-.01em}.app{min-height:100dvh;padding-bottom:132px;position:relative}.glow{position:fixed;inset:-30% -10% auto -10%;height:62vh;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 30% 0%,rgba(67,56,202,.38),transparent 62%),radial-gradient(ellipse at 85% 6%,rgba(34,197,94,.2),transparent 58%)}.glass{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--sh)}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.7rem clamp(.9rem,3vw,2rem);background:#0f0f23d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.65rem;margin-inline-end:auto}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--secondary),var(--accent));color:#06121a;box-shadow:0 6px 22px #22c55e47}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text b{font-size:1.02rem;font-weight:800;letter-spacing:-.02em}.brand-text em{font-size:.72rem;color:var(--text-dim);font-style:normal}.stats{display:flex;gap:.45rem}.stat{font-size:.74rem;color:var(--text-dim);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:.28rem .7rem}.stat b{color:var(--fg);font-weight:700}.layout{display:grid;gap:1.1rem;grid-template-columns:minmax(0,1.6fr) minmax(360px,1fr);max-width:1420px;margin:0 auto;padding:1.1rem clamp(.9rem,3vw,2rem);position:relative;z-index:1;align-items:start}.col-stage{display:flex;flex-direction:column;gap:.9rem;min-width:0}.col-side{display:flex;flex-direction:column;gap:.7rem;min-width:0;position:sticky;top:74px}.hints{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;font-size:.74rem;color:var(--text-dim);padding:.6rem .9rem;border-radius:var(--r)}.kbd{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--fg);border:1px solid var(--line);background:var(--glass-2);border-radius:6px;padding:.1rem .4rem}.hints .sep{width:1px;height:14px;background:var(--line);margin:0 .3rem}.stage{position:relative;overflow:hidden;min-height:480px;display:flex;flex-direction:column;border-radius:var(--r-lg)}.stage-bg{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;transition:filter .35s ease,background .35s ease,transform .5s ease;will-change:filter}.stage-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#05050f;transition:opacity .25s}.stage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .25s;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.92) 100%)}.stage-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;padding:1.1rem 1.3rem;min-height:0}.stage-content[data-layout=center]{justify-content:center}.stage-content[data-layout=bottom]{justify-content:flex-end}.stage-head{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;margin-bottom:.6rem}.chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.26rem .65rem;border-radius:999px;background:#00000061;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg)}.chip.ok{color:var(--accent);border-color:#22c55e4d}.lyrics{flex:1;overflow-y:auto;scrollbar-width:thin;max-height:60vh;padding-inline:.4rem;scroll-behavior:smooth;text-align:center;display:flex;flex-direction:column;gap:.25rem}.lyrics[data-align=right]{text-align:right;align-items:flex-start}.lyrics[data-align=left]{text-align:left;align-items:flex-start}.lyrics-pad{height:22vh;flex:none}.lyric-line{display:block;width:100%;text-align:inherit;font-family:Cairo,sans-serif;font-size:min(var(--ly-size),7.4vw);line-height:var(--ly-lh);font-weight:var(--ly-weight);letter-spacing:var(--ly-ls);color:var(--ly-color);opacity:var(--ly-dim);padding:.18em .4em;border-radius:10px;transition:color .25s ease,opacity .25s ease,transform .28s ease,text-shadow .3s ease;text-shadow:0 2px 14px rgba(0,0,0,.75)}.lyric-line:hover{opacity:.95}.lyric-line.active{color:var(--ly-active);opacity:1;transform:scale(1.055);text-shadow:0 0 var(--ly-glow) var(--ly-active),0 3px 18px rgba(0,0,0,.8)}.lyric-line.untimed{opacity:calc(var(--ly-dim) * .7)}.lyric-time{display:block;font-style:normal;font-size:.5em;opacity:.45;font-family:JetBrains Mono,monospace;letter-spacing:.04em}.stage-foot{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:0 1.3rem 1rem}.stage-meta{display:flex;flex-direction:column;max-width:55%}.stage-meta b{font-size:1.05rem;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.8)}.stage-meta span{font-size:.8rem;color:var(--text-dim)}.viz{width:min(46%,300px);height:62px;opacity:.9}.stage-empty{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;text-align:center;color:var(--text-dim);padding:2rem}.stage-empty h2{color:var(--fg);font-size:1.35rem}.stage-empty p{max-width:44ch;font-size:.92rem}.stage-nolyrics{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;padding:2rem 1rem}.stage-nolyrics h3{font-size:clamp(1.4rem,4vw,2.4rem);font-weight:800;text-shadow:0 4px 24px rgba(0,0,0,.8)}.stage-nolyrics p{color:var(--text-dim);max-width:40ch;font-size:.9rem}.alert{position:fixed;bottom:148px;inset-inline-start:1.5rem;z-index:60;display:inline-flex;align-items:center;gap:.5rem;max-width:60ch;background:#ef444429;border:1px solid rgba(239,68,68,.38);color:#fecaca;font-size:.82rem;padding:.6rem 1rem;border-radius:var(--r);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-wrap{position:fixed;bottom:150px;inset-inline-end:1.5rem;z-index:70;display:flex;flex-direction:column;gap:.5rem}.toast{display:flex;align-items:center;gap:.55rem;font-size:.85rem;font-weight:600;padding:.6rem 1rem;border-radius:var(--r);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeUp .3s ease;box-shadow:var(--sh-lg)}.toast.success{background:#22c55e29;border:1px solid rgba(34,197,94,.4);color:#bbf7d0}.toast.error{background:#ef444429;border:1px solid rgba(239,68,68,.42);color:#fecaca}.toast-x{display:grid;place-items:center;opacity:.6;padding:2px}.toast-x:hover{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.15rem;border-radius:999px;font-size:.85rem;font-weight:700;transition:transform .15s ease,box-shadow .2s ease,opacity .2s,background .2s;white-space:nowrap}.btn.sm{padding:.45rem .85rem;font-size:.78rem}.btn.xs{padding:.3rem .6rem;font-size:.72rem}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--secondary),var(--accent));color:#06121a;box-shadow:0 6px 26px #22c55e42}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px #22c55e61}.btn-ghost{border:1.5px solid var(--line);color:var(--fg);background:var(--glass)}.btn-ghost:hover:not(:disabled){background:var(--glass-2);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn.wide-btn{width:100%;margin-top:.5rem}.btn.grow{flex:1}.icon-btn{display:inline-flex;align-items:center;gap:.25rem;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--text-dim);transition:background .18s,color .18s,transform .18s}.icon-btn:hover:not(:disabled){background:var(--glass-2);color:var(--fg);transform:translateY(-1px)}.icon-btn.on{color:var(--accent);background:#22c55e1f}.icon-btn.sm{width:30px;height:30px}.icon-btn.xs{width:24px;height:24px}.icon-btn.danger:hover{color:var(--danger);background:#ef44441f}.icon-btn:disabled{opacity:.3;cursor:not-allowed}input[type=text],input[type=color]{cursor:pointer}input,textarea,select{width:100%;padding:.55rem .8rem;background:#ffffff0e;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--fg);font-size:.88rem;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22c55e29}textarea{resize:vertical;line-height:1.7}label{display:flex;flex-direction:column;gap:.3rem;font-size:.74rem;font-weight:700;color:var(--text-dim)}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;padding:0;border:none;border-radius:999px;cursor:pointer;outline:none;background:linear-gradient(to left,var(--accent) 0 var(--pct, 0%),rgba(255,255,255,.22) var(--pct, 0%) var(--buf, 0%),rgba(255,255,255,.07) var(--buf, 0%) 100%);transition:background .1s linear}.range::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #22c55e40;transition:transform .15s}.range::-webkit-slider-thumb:hover{transform:scale(1.16)}.range::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff}.range.vol{width:92px}.playerbar{position:fixed;bottom:0;inset-inline:0;z-index:40;border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:none;padding:.55rem clamp(.9rem,3vw,2rem) .7rem;background:#0c0c1ee0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -14px 44px #0000008c}.pb-top{display:flex;align-items:center;gap:.8rem}.pb-time{font-size:.72rem;color:var(--text-dim);min-width:44px;text-align:center}.pb-main{display:flex;align-items:center;gap:1rem;margin-top:.3rem}.pb-now{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1}.pb-art{width:44px;height:44px;flex:none;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));background-size:cover;background-position:center;color:var(--accent);border:1px solid var(--line)}.pb-info{display:flex;flex-direction:column;min-width:0}.pb-info b{font-size:.9rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-info span{font-size:.74rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-controls{display:flex;align-items:center;gap:.35rem}.play-btn{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--secondary),var(--accent));color:#06121a;box-shadow:0 8px 30px #22c55e57;transition:transform .16s ease,box-shadow .2s ease}.play-btn:hover:not(:disabled){transform:scale(1.06);box-shadow:0 12px 38px #22c55e80}.play-btn:disabled{opacity:.45;cursor:not-allowed}.pb-right{display:flex;align-items:center;gap:.3rem;justify-content:flex-end;flex:1}.rate{font-size:.68rem;margin-inline-start:1px}.tabs{display:flex;gap:.2rem;padding:.25rem;border-radius:999px;background:#ffffff0d;border:1px solid var(--line)}.tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .5rem;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--text-dim);transition:all .2s ease}.tab:hover{color:var(--fg);background:var(--glass-2)}.tab.active{background:linear-gradient(135deg,var(--secondary),var(--accent));color:#06121a}.side-body{padding:.95rem 1rem 1.1rem;max-height:calc(100dvh - 190px);overflow-y:auto;scrollbar-width:thin}.side-body::-webkit-scrollbar,.lyrics::-webkit-scrollbar{width:6px}.side-body::-webkit-scrollbar-thumb,.lyrics::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.side-title{display:flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:700;margin-bottom:.85rem;color:var(--fg)}.side-title svg{color:var(--accent)}.lib{display:flex;flex-direction:column;gap:.7rem}.lib-head{display:flex;gap:.5rem}.search{display:flex;align-items:center;gap:.45rem;padding:.1rem .7rem;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:var(--text-dim)}.search input{border:none;background:none;padding:.45rem 0}.search input:focus{box-shadow:none}.track-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.track{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.4rem .45rem;border-radius:var(--r);border:1px solid transparent;transition:background .18s,border-color .18s}.track:hover{background:var(--glass)}.track.active{background:#22c55e14;border-color:#22c55e47}.track-play{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--glass-2);color:var(--fg);transition:background .18s,transform .18s}.track-play:hover{background:linear-gradient(135deg,var(--secondary),var(--accent));color:#06121a;transform:scale(1.06)}.track-main{flex:1;display:flex;flex-direction:column;text-align:start;min-width:0}.track-title{display:flex;align-items:center;gap:.35rem;font-size:.86rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title .tick{color:var(--accent);flex:none}.track-sub{font-size:.71rem;color:var(--text-dim)}.track-actions{display:flex;gap:.1rem}.track-form{flex-basis:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.4rem;align-items:end;padding:.5rem .3rem .2rem;border-top:1px dashed var(--line);margin-top:.35rem}.track-form label{font-size:.66rem}.track-form input{padding:.38rem .55rem;font-size:.8rem}.ctl{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.8rem}.ctl-head{display:flex;justify-content:space-between;align-items:center}.ctl-label{display:flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:var(--text-dim);letter-spacing:.02em}.ctl-value{font-size:.7rem;font-family:JetBrains Mono,monospace;color:var(--accent)}.grid-effects{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.1rem .9rem}.seg{display:flex;gap:.2rem;background:#ffffff0d;border:1px solid var(--line);border-radius:999px;padding:.2rem}.seg-wrap{flex-wrap:wrap;border-radius:var(--r)}.seg-item{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.38rem .5rem;border-radius:999px;font-size:.74rem;font-weight:700;color:var(--text-dim);transition:all .2s;white-space:nowrap}.seg-item:hover{color:var(--fg)}.seg-item.active{background:linear-gradient(135deg,var(--secondary),var(--accent));color:#06121a}.swatches{display:flex;flex-wrap:wrap;gap:.4rem}.swatch{width:46px;height:34px;border-radius:10px;border:1px solid var(--line);transition:transform .16s,box-shadow .2s}.swatch:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 20px #00000073}.swatch.mood{width:76px;display:grid;place-items:end center;padding-bottom:.2rem}.swatch.mood span{font-size:.66rem;font-weight:700;text-shadow:0 1px 6px #000;color:#fff}.color-row{display:flex;gap:.5rem}.color-input{width:100%;height:40px;padding:3px;border-radius:10px;background:var(--glass);border:1px solid var(--line)}.color-input.wide{height:42px}.color-pair{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.switch-row{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .6rem;border-radius:var(--r);background:var(--glass);border:1px solid var(--line);margin-bottom:.7rem}.switch-row.on{border-color:#22c55e59;background:#22c55e12}.switch{width:38px;height:21px;border-radius:999px;background:#ffffff24;position:relative;flex:none;transition:background .2s}.switch i{position:absolute;top:3px;inset-inline-start:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .2s}.switch-row.on .switch{background:var(--accent)}.switch-row.on .switch i{transform:translate(-17px)}[dir=ltr] .switch-row.on .switch i{transform:translate(17px)}.switch-text{display:flex;flex-direction:column;align-items:flex-start;text-align:start}.switch-text b{font-size:.8rem}.switch-text em{font-size:.68rem;color:var(--text-dim);font-style:normal}.fineprint{display:flex;align-items:center;gap:.35rem;font-size:.68rem;color:var(--text-dim);margin-top:.6rem}.img-preview img{border-radius:var(--r);border:1px solid var(--line);margin-bottom:.5rem;max-height:140px;object-fit:cover;width:100%}.drop-inline{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.1rem;border:1.5px dashed var(--line);border-radius:var(--r);color:var(--text-dim);font-size:.8rem;transition:all .2s;text-align:center}.drop-inline:hover{border-color:var(--accent);color:var(--fg);background:#22c55e0d}.ly-editor{display:flex;flex-direction:column;gap:.7rem}.ly-toolbar{display:flex;flex-wrap:wrap;gap:.35rem}.ly-toolbar .btn{flex:1 1 auto}.paste-box{display:flex;flex-direction:column;gap:.5rem;padding:.7rem;border-radius:var(--r);background:#ffffff0a;border:1px solid var(--line)}.paste-actions{display:flex;gap:.4rem}.paste-actions .btn{flex:1}.line-list{display:flex;flex-direction:column;gap:.3rem;max-height:42vh;overflow-y:auto;padding-inline-end:.2rem}.line-row{display:grid;grid-template-columns:auto 78px minmax(0,1fr) auto;align-items:center;gap:.35rem;padding:.25rem .3rem;border-radius:var(--r-sm);border:1px solid transparent;transition:background .18s,border-color .2s}.line-row:hover{background:var(--glass)}.line-row.active{border-color:#22c55e59;background:#22c55e14}.line-row.untimed .time-input{border-color:#f59e0b66}.stamp{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--glass-2);color:var(--accent);transition:transform .16s,background .18s}.stamp:hover{background:#22c55e33;transform:scale(1.1)}.time-input{font-size:.7rem;padding:.32rem .4rem;text-align:center}.text-input{font-size:.82rem;padding:.32rem .55rem}.line-tools{display:flex;gap:.05rem}.sync-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .7rem;border-radius:var(--r);background:#22c55e17;border:1px solid rgba(34,197,94,.32)}.sync-live{display:flex;flex-direction:column;gap:.1rem;min-width:0}.sync-live span{font-size:.95rem;color:var(--accent);font-weight:700}.sync-live em{font-size:.72rem;color:var(--text-dim);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ly-foot{display:flex;flex-direction:column;gap:.6rem;border-top:1px dashed var(--line);padding-top:.7rem}.shift-row{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.shift-row .ctl-label{margin-inline-end:.3rem}.export-row{display:flex;gap:.35rem}.export-row .btn{flex:1}.empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;color:var(--text-dim);padding:1.6rem .8rem;font-size:.84rem}.empty svg{color:var(--secondary-2)}.empty.small{padding:1rem .6rem}.skeleton-box{min-height:480px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;justify-content:center}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200%;animation:shimmer 1.4s infinite;border-radius:var(--r)}.skeleton.big{height:220px}.skeleton.mid{height:90px;width:70%}.app.dragging:after{content:"أفلت الملفات هنا — صوتيات أو صور خلفية أو ملف LRC";position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:#0f0f23d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px dashed rgba(34,197,94,.55);border-radius:var(--r-lg);font-size:clamp(.95rem,2.4vw,1.3rem);font-weight:700;color:#dcfce7;text-align:center;padding:2rem;animation:fadeUp .2s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stage,.side-body,.hints{animation:fadeUp .45s ease both}.side-body{animation-delay:.06s}.track{animation:fadeUp .3s ease both}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.lyrics{scroll-behavior:auto}}@media (max-width: 1080px){.layout{grid-template-columns:1fr}.col-side{position:static}.side-body{max-height:none}.stage{min-height:400px}.viz{height:48px}}@media (max-width: 640px){.brand-text em,.stats .hide-sm,.hide-sm{display:none}.app{padding-bottom:168px}.pb-main{flex-wrap:wrap}.pb-now{order:1;flex-basis:100%}.pb-controls{order:2;margin-inline:auto}.pb-right{order:3;justify-content:center;flex:0 0 auto}.pb-right .range.vol{display:none}.track-form{grid-template-columns:1fr 1fr}.color-pair{grid-template-columns:1fr}.toast-wrap,.alert{inset-inline:1rem;bottom:190px}.lyric-line{font-size:min(var(--ly-size),6.6vw)}}