:root{color-scheme:dark;--bg:#0a0b13;--surface:#10111d;--surface2:#151725;--surface3:#1d1f31;--line:#282a3c;--muted:#8a8caa;--subtle:#61647e;--text:#f7f6ff;--accent:#af8cff;--accent2:#7d71f9;--pink:#fd8ec8;--green:#84f2cf;--player-h:104px;--sidebar-w:252px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",Segoe UI,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:#6e56aa;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#32344a;border-radius:20px}::-webkit-scrollbar-track{background:transparent}
.shell{display:flex;min-height:100vh;padding-bottom:var(--player-h)}.sidebar{background:#0d0e19;width:var(--sidebar-w);flex:0 0 var(--sidebar-w);border-right:1px solid #202233;min-height:calc(100vh - var(--player-h));display:flex;flex-direction:column;padding:35px 18px 22px;position:relative;z-index:2}.brand{display:flex;gap:12px;align-items:center;padding:0 9px;margin-bottom:66px}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#cdb0ff,#8266eb);box-shadow:0 8px 26px #9476fe33;color:#130e27;font-size:17px;letter-spacing:-4px;padding-right:5px;font-weight:900}.brand strong{font-size:21px;font-weight:900;letter-spacing:-.9px}.brand strong span{color:#be98ff}.brand small{font-size:9px;display:block;letter-spacing:2.2px;color:#8b86a8;margin-top:3px;font-weight:800}.side-section-label{padding:0 15px;font-size:10px;font-weight:800;letter-spacing:2px;color:#6b6d88;margin-bottom:16px}.nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;gap:13px;align-items:center;border:0;border-radius:12px;background:transparent;color:#a6a5bb;padding:14px 14px;text-align:left;font-size:13px;font-weight:650;transition:.18s}.nav-item:hover{color:white;background:#1c1a2c}.nav-item.active{background:#29213d;color:#d8c6ff}.nav-item.active .ico{color:#bb9dff}.nav-count{margin-left:auto;border-radius:7px;padding:2px 8px;font-size:11px;background:#413354;color:#dbc8ff}.ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.ico svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.playlist-label{margin-top:44px}.side-collection{display:flex;gap:10px;align-items:center;padding:13px 11px;background:linear-gradient(120deg,#16182a,#161525);border:1px solid #29283c;border-radius:13px}.side-collection-icon{width:38px;height:38px;border-radius:10px;background:#28283f;display:grid;place-items:center;color:#c8b4ff;font-size:22px}.side-collection b{display:block;font-size:12px;letter-spacing:-.3px}.side-collection span{font-size:10px;display:block;margin-top:6px;color:var(--muted);white-space:nowrap}.side-bottom{margin-top:auto;padding:0 9px}.local-indicator{font-size:11px;color:#bac1d7;font-weight:700}.local-dot{display:inline-block;border-radius:50%;width:7px;height:7px;background:#80eac0;box-shadow:0 0 12px #7ff4bd70;margin-right:6px}.side-bottom p{color:#757991;font-size:11px;line-height:1.7}.subtle-side-btn{border:1px solid #36374b;color:#d7d0ed;background:#1b1c2e;padding:10px 14px;border-radius:9px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:750;margin-top:17px}.subtle-side-btn:hover{background:#28263f}
.app-main{min-width:0;flex:1}.topbar{height:82px;padding:0 clamp(22px,3.2vw,58px);border-bottom:1px solid #1d1f30;display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:#686a88;letter-spacing:1.5px;font-size:11px;font-weight:750}.breadcrumb span{padding:0 13px;color:#45475d}.breadcrumb b{color:#d0c6e9;letter-spacing:0;font-size:12px}.top-actions{display:flex;align-items:center;gap:16px}.top-private{color:#86869e;font-size:11px;display:flex;align-items:center;gap:6px}.top-private .ico svg{width:15px}.icon-button{width:37px;height:37px;border:1px solid transparent;background:transparent;color:#abb0c9;display:inline-grid;place-items:center;border-radius:10px}.icon-button:hover{background:#292a3a;color:#fff}.primary-button,.light-button,.ghost-button,.outlined-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:800;white-space:nowrap;transition:.17s}.primary-button{color:#160d24;border:1px solid #c5a6ff;background:linear-gradient(110deg,#cba9ff,#a38afc);box-shadow:0 6px 20px #b298ff1b}.primary-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.light-button{border:1px solid #ece3ff;background:#f3ebff;color:#2a1a48;padding:13px 20px}.light-button:hover{background:#fff}.ghost-button{background:#ffffff10;color:#eee6ff;border:1px solid #ffffff31;padding:13px 20px}.ghost-button:hover{background:#ffffff1c}.outlined-button{background:#202133;border:1px solid #424259;color:#eae7f5}.outlined-button:hover{background:#2d2e46}.text-button{color:#b6b1c7;background:transparent;border:1px solid transparent}.text-button:hover{color:#fff;background:#252536}
.page-content{max-width:1800px;margin:auto;padding:27px clamp(22px,3.2vw,58px) 40px}.welcome{position:relative;display:flex;background:radial-gradient(ellipse at 90% 40%,#4b315e72,transparent 48%),linear-gradient(113deg,#302044 0%,#25213c 48%,#191c36 100%);border:1px solid #40314f;border-radius:19px;min-height:296px;overflow:hidden}.welcome:before{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#fff 0.8px,transparent .8px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 40%,black)}.welcome-copy{padding:32px 0 26px 36px;position:relative;z-index:2;width:60%}.eyebrow,.section-eyebrow{font-size:10px;font-weight:900;letter-spacing:2px;color:#bbadcf}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;color:#d4b6ff}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#d3b1ff;box-shadow:0 0 10px #d3b1ff}.welcome h1{font-size:clamp(24px,2.5vw,37px);line-height:1.23;letter-spacing:-1.8px;font-weight:900;margin:13px 0 10px}.welcome h1 em{font-style:normal;color:#cdb8ff}.welcome p{font-size:12px;line-height:1.7;color:#c9c1d7;margin:0}.welcome-buttons{display:flex;gap:11px;margin-top:20px}.welcome-stats{display:flex;align-items:center;gap:18px;margin-top:24px}.welcome-stats div{display:flex;gap:8px;align-items:baseline}.welcome-stats b{font-size:17px;color:#f9ecff;font-weight:900;letter-spacing:-.6px}.welcome-stats span{font-size:8px;letter-spacing:1.3px;font-weight:800;color:#a69bbd}.welcome-stats i{height:12px;width:1px;background:#655173}.hero-visual{width:43%;position:absolute;right:0;top:0;bottom:0;display:grid;place-items:center}.glow-purple,.glow-blue{position:absolute;border-radius:50%;filter:blur(40px)}.glow-purple{width:200px;height:200px;right:10%;background:#ba65db30}.glow-blue{width:145px;height:145px;right:42%;top:20%;background:#5152c437}.hero-orbit{position:absolute;width:315px;height:315px;border:1px solid #ad81cf26;border-radius:50%;transform:rotate(-30deg) scaleY(.76)}.orbit-2{width:415px;height:415px;border-color:#9783bb17}.vinyl{width:206px;height:206px;position:relative;display:grid;place-items:center;border-radius:50%;transform:rotate(-13deg);background:repeating-radial-gradient(circle at center,#141321 0px,#191524 2px,#15141f 3px,#222035 4px,#191624 7px);border:4px solid #242137;box-shadow:10px 17px 38px #0a09188c,-12px -10px 48px #8a62b73b,0 0 0 11px #24203660;animation:vinylspin 24s linear infinite}.vinyl:before{content:"";position:absolute;inset:6%;border-radius:50%;border-left:1px solid #fff2;border-top:1px solid #fff1}.vinyl-label{border-radius:50%;width:90px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#bd9cf8,#886dd8 58%,#6c58b0);color:#1d1431;border:4px solid #2e2445;box-shadow:0 0 0 2px #bca1ee4d}.record-center{font-size:12px;font-weight:1000;letter-spacing:-.5px}.record-center span{color:#f5e6ff}.vinyl-label small{font-size:6px;margin-top:4px;font-weight:900;letter-spacing:.3px}.vinyl-label:after{content:"";width:7px;height:7px;border-radius:50%;background:#1d1830;position:absolute;box-shadow:inset 1px 1px 1px #fff6}@keyframes vinylspin{to{transform:rotate(347deg)}}.floating-note{position:absolute;color:#a999f8;font-size:26px;text-shadow:0 0 20px #c29cf9}.note-a{right:17%;top:14%}.note-b{left:15%;bottom:22%;font-size:33px;color:#f4b6df}.hero-tag{position:absolute;bottom:23px;right:28px;font-size:8px;letter-spacing:1.7px;color:#b9afca;font-weight:800}.hero-tag span{color:#e7c4ff}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:32px 0 19px}.section-heading .section-eyebrow{color:#927cb6;font-size:9px}.section-heading h2{font-size:21px;font-weight:850;letter-spacing:-.9px;margin:7px 0 0}.section-heading h2 span{font-size:13px;vertical-align:middle;margin-left:5px;color:#bfabdf}.library-actions{display:flex;gap:10px}.search-box{background:#171825;display:flex;align-items:center;gap:8px;border:1px solid #2c2e42;border-radius:10px;padding:0 12px;min-width:230px;color:#777991}.search-box .ico svg{width:16px}.search-box input{height:39px;border:0;outline:0;background:transparent;color:#f5f3ff;width:100%;font-size:11px}.search-box input::placeholder{color:#76788c}.search-box kbd{color:#77788e;font-size:14px}.library-actions select{color:#d4cfe5;border-radius:10px;border:1px solid #2c2e42;background:#171825;padding:0 28px 0 12px;font-size:11px;outline:0;cursor:pointer}
.content-grid{display:grid;grid-template-columns:minmax(390px,1fr) minmax(278px,344px);gap:18px;align-items:stretch;min-height:372px}.tracks-pane,.lyrics-pane{border:1px solid #292a3c;background:linear-gradient(175deg,#151622,#11121d);border-radius:15px;min-width:0}.tracks-pane{overflow:hidden;min-height:364px}.tracklist-head{display:grid;grid-template-columns:minmax(0,1fr) 76px 58px 36px;color:#777b94;letter-spacing:1.2px;font-size:9px;font-weight:800;padding:17px 23px 14px;border-bottom:1px solid #272839}.tracklist-head span:nth-child(n+2){text-align:center}.track-item{display:grid;grid-template-columns:minmax(0,1fr) 76px 58px 36px;align-items:center;padding:12px 20px 12px 22px;gap:0;cursor:pointer;border-bottom:1px solid #242638;transition:background .15s;min-height:72px}.track-item:hover{background:#202034}.track-item.selected{background:#2b2542;border-left:3px solid #bd9aff;padding-left:19px}.track-identity{display:flex;gap:12px;align-items:center;min-width:0}.album-art{flex:0 0 auto;position:relative;border-radius:9px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#7c65b3,#b86ca5);isolation:isolate}.album-art::before{position:absolute;content:"";width:56px;height:56px;border:1px solid #ffffff24;border-radius:50%;top:9px;left:22px;box-shadow:0 0 0 12px #ffffff0c,0 0 0 24px #ffffff09}.album-art span{position:relative;z-index:1;color:#ffffffc7;font-size:24px;text-shadow:0 2px 8px #0005}.album-art img{height:100%;width:100%;object-fit:cover;position:absolute;z-index:2}.art-0{background:linear-gradient(130deg,#8556d0,#dc83bf)}.art-1{background:linear-gradient(130deg,#386a99,#8e9ee7)}.art-2{background:linear-gradient(130deg,#a15d7a,#ecaa7e)}.art-3{background:linear-gradient(130deg,#356f76,#78afc6)}.art-4{background:linear-gradient(130deg,#6e628f,#aaa3b8)}.art-5{background:linear-gradient(130deg,#7e4f90,#ce77a0)}.track-titleline{font-size:12px;color:#faf7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.track-item.selected .track-titleline{color:#d8bcff}.track-artist{font-size:10px;color:#8b8da8;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-metas{min-width:0}.track-lyric{text-align:center;color:#c19ef7;font-size:10px}.track-lyric span{padding:5px 7px;border-radius:6px;background:#ad8ffb18}.track-lyric.none{color:#6f7083}.track-lyric.none span{background:#303140}.track-duration{text-align:center;font-size:11px;color:#8a8ca8;font-variant-numeric:tabular-nums}.more-btn{color:#9293ad;border:none;border-radius:8px;background:transparent;display:grid;place-items:center;width:32px;height:32px}.more-btn:hover{background:#403858;color:#fff}.track-row-playing{display:flex;align-items:center;justify-content:center;gap:2px;height:22px}.track-row-playing i{width:3px;background:#e6d8ff;border-radius:2px;height:6px;animation:eq .7s ease-in-out infinite alternate}.track-row-playing i:nth-child(2){animation-delay:.2s}.track-row-playing i:nth-child(3){animation-delay:.36s}.track-row-playing i:nth-child(4){animation-delay:.14s}@keyframes eq{to{height:21px}}.empty-state{padding:51px 25px;text-align:center}.empty-illustration{width:68px;height:68px;display:grid;place-items:center;margin:auto;border-radius:21px;background:radial-gradient(circle at 30% 20%,#625081,#332c47);border:1px solid #504169;color:#d3bbff;font-size:33px;transform:rotate(-7deg)}.empty-state h3{margin:20px 0 7px;font-size:17px}.empty-state p{margin:0 auto 21px;font-size:11px;line-height:1.8;color:#8e90a9}.empty-state .primary-button{padding:11px 17px}.track-list{max-height:560px;overflow-y:auto}.lyrics-pane{display:flex;flex-direction:column;min-height:364px;max-height:624px;overflow:hidden}.lyrics-pane-top{padding:19px 19px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292a3c}.lyrics-pane-top h3{margin:5px 0 0;font-size:17px;letter-spacing:-.7px}.lyrics-pane-top .section-eyebrow{font-size:9px;color:#9e81ce}.lyrics-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4e4966;margin-left:4px;vertical-align:middle}.lyrics-live-dot.active{background:#a68cff;box-shadow:0 0 10px #a68cff}.lyrics-pane-buttons{display:flex;gap:2px}.lyrics-pane-buttons .icon-button{width:30px;height:30px}.lyrics-pane-buttons .ico svg{width:16px}.lyrics-song{display:flex;gap:10px;align-items:center;margin:14px 19px 0;padding:0 0 13px;border-bottom:1px solid #262738}.mini-art{width:37px;height:37px;border-radius:8px}.mini-art span{font-size:16px}.lyrics-song b{display:block;font-size:11px;max-width:225px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics-song small{display:block;margin-top:5px;color:#8587a3;font-size:10px;max-width:225px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics-scroll{flex:1;min-height:210px;overflow-y:auto;overscroll-behavior:contain;padding:0 24px;scroll-behavior:smooth}.lyrics-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;text-align:center}.lyric-sparkle{font-size:39px;color:#826cba;margin-bottom:11px}.lyrics-placeholder strong{font-size:13px;color:#bdb4d5}.lyrics-placeholder p{font-size:11px;color:#85849a;line-height:1.9}.lyrics-lines{padding:76px 0 104px}.lyric-line{font-size:15px;font-weight:750;line-height:1.6;margin:0 0 27px;color:#75788f;white-space:pre-wrap;word-break:keep-all;cursor:pointer;transition:color .2s, transform .2s, opacity .2s}.lyric-line:hover{color:#c8c7db}.lyric-line.active{color:#f7f0ff;font-size:17px;font-weight:900;transform:translateX(2px);text-shadow:0 0 20px #ac8bf84d}.lyric-line.passed{color:#9893b0}.lyric-line.unsynced{cursor:default}.lyrics-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292a3c;padding:14px 18px;gap:8px;font-size:10px;color:#7f829e}.status-point{display:inline-block;height:6px;width:6px;border-radius:50%;background:#8bd8b7;margin-right:5px}.lyrics-footer button{color:#b7a2df;background:transparent;border:none;display:inline-flex;align-items:center;gap:5px;font-size:10px}.lyrics-footer button .ico svg{width:13px}.page-footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#5d5f78;font-weight:850;margin-top:24px}.footer-star{color:#b59ce6;padding-left:5px}
.player{position:fixed;bottom:0;left:0;right:0;height:var(--player-h);padding:12px 27px;display:grid;grid-template-columns:minmax(205px,1fr) minmax(280px,1.4fr) minmax(165px,1fr);align-items:center;gap:22px;background:#11121eeF;backdrop-filter:blur(24px);border-top:1px solid #353349;z-index:20;box-shadow:0 -12px 45px #0606116b}.player-song{display:flex;align-items:center;gap:12px;min-width:0}.player-art{height:57px;width:57px;border-radius:10px}.player-art span{font-size:28px}.player-song-meta{min-width:0}.player-song-meta strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-song-meta span{display:block;color:#878ba5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.player-heart{border:0;background:none;color:#8587a4;margin-left:5px;display:grid;place-items:center}.player-heart.active{color:#f7a2ce}.player-heart.active svg{fill:currentColor}.player-middle{min-width:0}.transport{display:flex;align-items:center;justify-content:center;gap:23px}.transport button,.player-right button{display:grid;place-items:center;padding:0;border:none;background:transparent;color:#aaabc2}.transport button:hover,.player-right button:hover{color:#fff}.transport .transport-small{width:23px;height:23px}.transport .transport-skip{width:23px;height:23px;color:#eceaf9}.transport .transport-skip .ico svg{width:19px;height:19px;fill:currentColor;stroke-width:1.3}.transport button.active{color:#c09aff}.transport .play-main{height:34px;width:34px;border-radius:50%;background:#e3d7ff;color:#242033;box-shadow:0 0 15px #c6adff38}.transport .play-main:hover{color:#19132b;background:white;transform:scale(1.05)}.play-main .ico svg{width:18px;height:18px;fill:currentColor;stroke-width:1.5}.timeline{display:flex;align-items:center;gap:11px;margin-top:8px}.timeline span{min-width:29px;color:#9999b3;font-size:10px;font-variant-numeric:tabular-nums}.timeline span:last-child{text-align:right}.player input[type=range]{appearance:none;-webkit-appearance:none;height:4px;background:linear-gradient(to right,#b6a0f8 0%,#b6a0f8 var(--fill,0%),#3e3e55 var(--fill,0%),#3e3e55 100%);outline:0;cursor:pointer;border-radius:99px}.player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#e4d6ff;box-shadow:0 0 0 4px #a98fff22}.player input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#e4d6ff}.timeline input{flex:1;min-width:0}.player-right{display:flex;justify-content:flex-end;align-items:center;gap:15px}.player-right .playback-rate{font-size:11px;font-weight:800;width:31px}.player-right .ico svg{width:17px;height:17px}.player-right input{width:90px}.player-right .lyric-open{margin-left:7px}.player-right button.active{color:#c49fff}
.modal{padding:0;border:1px solid #434058;border-radius:18px;background:#191a29;color:#f5f2ff;box-shadow:0 20px 110px #000b;width:min(500px,calc(100vw - 30px));max-height:min(90vh,870px);overflow-y:auto}.modal.wide-modal{width:min(640px,calc(100vw - 30px))}.modal::backdrop{background:#02030bc4;backdrop-filter:blur(4px)}.modal-inner{padding:27px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:12px}.modal-head h2{font-size:21px;letter-spacing:-.7px;margin:7px 0 0}.modal-head .section-eyebrow{color:#a38ad2}.modal-close{background:#27283a;border:1px solid #36374b}.file-drop{border:1.5px dashed #62557a;border-radius:13px;min-height:225px;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;background:radial-gradient(ellipse at center,#302c45a3,#212133);transition:.2s;padding:21px 15px;text-align:center;cursor:pointer}.file-drop.dragging{border-color:#c9a7ff;background:#3d315c}.file-drop-icon{height:45px;width:45px;display:grid;place-items:center;background:#5f4e7a;border-radius:13px;color:#e9d5ff}.file-drop-icon svg{width:23px;height:23px}.file-drop>b{font-size:13px}.file-drop>span{font-size:11px;color:#a9a6bd}.file-drop>small{font-size:10px;color:#827d9c}.file-drop .outlined-button{margin-top:5px;padding:9px 16px;background:#332b46}.import-picked{margin-top:14px;padding:12px 14px;border-radius:9px;border:1px solid #3b3950;background:#222336;font-size:11px;max-height:150px;overflow:auto}.import-picked p{margin:5px 0;color:#cfc9e3}.import-picked small{color:#9291a9}.modal-hint{display:flex;gap:10px;margin-top:17px;align-items:flex-start;font-size:11px;line-height:1.7;color:#a39eb5}.modal-hint .ico{color:#b69af6;margin-top:1px}.modal-hint .ico svg{width:15px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:23px}.modal-actions-right{display:flex;gap:7px}.wide-modal .modal-actions{justify-content:space-between}.editor-tabs{display:flex;gap:4px;border-bottom:1px solid #353549;margin-bottom:19px}.editor-tab{border:0;background:transparent;color:#9b98b2;padding:11px 14px;font-size:12px;font-weight:750;border-bottom:2px solid transparent}.editor-tab.active{color:#d2baff;border-bottom-color:#b89cfa}.editor-panel{min-height:218px}.edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.edit-fields label{font-size:11px;font-weight:750;color:#b7b3c9;display:grid;gap:7px}.edit-fields input,.editor-panel textarea{border:1px solid #3a3b50;color:#f5f1ff;background:#10111d;border-radius:9px;padding:12px;outline:none;font-size:12px;min-width:0}.edit-fields label:first-child,.edit-fields label:nth-child(3){grid-column:1/-1}.edit-fields input[type=file]{font-size:10px;padding:8px}.edit-fields small{color:#85819c;font-size:10px}.editor-panel textarea{width:100%;line-height:1.75;resize:vertical;font-family:ui-monospace,Consolas,"Malgun Gothic",monospace}.inline-help{font-size:11px;line-height:1.75;color:#acaac0;background:#262739;border:1px solid #333448;padding:10px 12px;border-radius:8px;margin-bottom:13px}.inline-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;gap:8px}.inline-tools button{padding:9px 11px;font-size:11px}.offset-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:11px 13px;border:1px solid #333347;border-radius:9px;background:#202132}.offset-row b{display:block;font-size:11px}.offset-row span{display:block;font-size:10px;color:#9a97ad;margin-top:5px}.offset-controls{display:flex;gap:8px;align-items:center;white-space:nowrap}.offset-controls button{background:#343047;border:1px solid #4d445f;color:#e1d5ff;font-size:10px;border-radius:7px;padding:8px 9px}.offset-controls b{font-size:11px;min-width:38px;text-align:center}.sync-controls{display:flex;align-items:center;gap:9px;margin-top:12px;flex-wrap:wrap}.sync-controls button{padding:9px 10px}.sync-clock{font-size:17px;color:#d9c3ff;font-weight:800;font-variant-numeric:tabular-nums;margin:0 auto}.sync-next{padding:13px 15px;background:#343049;border-left:3px solid #b596fa;border-radius:8px;color:#e9dcff;font-size:12px;font-weight:800;margin-top:15px}.sync-stamped{max-height:145px;overflow:auto;margin-top:12px;color:#9994b6;font-size:11px;line-height:1.7;white-space:pre-line}.settings-section{background:#222336;border:1px solid #333449;border-radius:12px;padding:16px;margin:12px 0}.settings-section h3{font-size:13px;margin:0 0 9px}.settings-section p{font-size:11px;color:#acabc2;line-height:1.7;margin:0 0 14px}.settings-actions{display:flex;gap:9px;flex-wrap:wrap}.settings-actions button{font-size:11px;padding:11px}.settings-section .settings-caution{font-size:10px;color:#9793ab;border-top:1px solid #39394e;padding-top:13px;margin:13px 0 0}.toast-holder{position:fixed;z-index:100;bottom:calc(var(--player-h) + 15px);right:22px;display:grid;gap:8px;pointer-events:none}.toast{border:1px solid #62547f;border-radius:11px;background:#2b2542;color:#f8f3ff;box-shadow:0 12px 45px #0007;min-width:190px;max-width:350px;padding:12px 16px;font-size:12px;line-height:1.6;animation:toastIn .18s ease}.toast.error{border-color:#a15e73;background:#442a3c}@keyframes toastIn{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1550px){.page-content{padding-top:34px}.welcome{min-height:332px}.welcome-copy{padding:42px 0 29px 45px}.hero-visual .vinyl{width:240px;height:240px}.hero-visual .vinyl-label{width:100px;height:100px}.welcome-stats{margin-top:27px}.content-grid{grid-template-columns:minmax(520px,1fr) 350px}}
@media(max-width:1190px){:root{--sidebar-w:207px}.sidebar{padding-left:12px;padding-right:12px}.brand{padding:0 6px}.brand strong{font-size:19px}.topbar{padding:0 26px}.page-content{padding-left:26px;padding-right:26px}.content-grid{grid-template-columns:minmax(310px,1fr) 278px;gap:13px}.welcome-copy{width:68%}.hero-visual{width:38%}.vinyl{width:172px;height:172px}.vinyl-label{width:75px;height:75px}.section-heading{align-items:center}.search-box{min-width:180px}.player{grid-template-columns:minmax(170px,1fr) minmax(230px,1.3fr) minmax(125px,.8fr);gap:13px;padding:10px 18px}.player-right input{width:60px}}
@media(max-width:920px){:root{--sidebar-w:75px}.sidebar{align-items:center;padding:24px 8px}.brand{margin-bottom:46px;padding:0}.brand>div:last-child{display:none}.side-section-label,.nav-item:not(.active) .nav-count,.nav-item .nav-count,.side-collection,.side-bottom{display:none}.nav{width:100%}.nav-item{font-size:0;justify-content:center;padding:14px 8px}.nav-item .ico svg{width:20px;height:20px}.nav-item .ico{font-size:initial}.welcome-copy{width:70%}.content-grid{grid-template-columns:minmax(0,1fr) 270px}.track-item,.tracklist-head{grid-template-columns:minmax(0,1fr) 64px 46px 30px}.track-item{padding-left:14px;padding-right:12px}.track-item.selected{padding-left:11px}.tracklist-head{padding-left:15px;padding-right:12px}.section-heading h2{font-size:19px}.search-box{min-width:150px}.library-actions select{max-width:116px}}
@media(max-width:720px){:root{--player-h:133px}.shell{display:block}.sidebar{width:100%;min-height:0;height:62px;padding:0 13px;display:flex;flex-direction:row;justify-content:space-between;position:sticky;top:0;z-index:10;border-right:0;border-bottom:1px solid #27263a;background:#0d0e19eF;backdrop-filter:blur(14px)}.brand{margin:0}.brand>div:last-child{display:block}.brand strong{font-size:17px}.brand small{font-size:7px;letter-spacing:1.3px}.brand-icon{width:33px;height:33px;border-radius:10px;font-size:13px}.nav{display:flex;width:auto;gap:2px}.nav-item{width:39px;height:39px;border-radius:9px;padding:0}.nav-item .ico svg{width:18px;height:18px}.topbar{height:55px;padding:0 18px}.top-private{display:none}.top-actions{gap:4px}.top-actions .primary-button{padding:9px 11px;font-size:11px}.breadcrumb{font-size:9px}.breadcrumb b{font-size:10px}.breadcrumb span{padding:0 5px}.page-content{padding:16px 14px 24px}.welcome{min-height:278px}.welcome-copy{padding:24px 20px;width:100%}.welcome h1{font-size:27px}.welcome p{font-size:11px}.welcome-buttons{gap:8px}.welcome-buttons button{font-size:11px;padding:11px 12px}.welcome-stats{gap:9px;margin-top:22px}.welcome-stats b{font-size:16px}.welcome-stats span{font-size:7px}.welcome-stats div{gap:4px}.hero-visual{width:50%;opacity:.26;right:-35px;pointer-events:none}.hero-visual .vinyl{width:185px;height:185px}.hero-tag{display:none}.section-heading{display:block;margin-top:27px;margin-bottom:14px}.library-actions{margin-top:14px}.search-box{flex:1;min-width:0}.library-actions select{max-width:none;min-width:105px}.content-grid{grid-template-columns:1fr;gap:15px}.tracks-pane{min-height:200px}.track-list{max-height:440px}.lyrics-pane{min-height:390px;max-height:570px}.lyrics-scroll{min-height:255px}.lyrics-lines{padding-top:70px}.page-footer{font-size:7px}.player{padding:10px 14px 13px;grid-template-columns:1fr 1fr;grid-template-rows:45px 58px;gap:3px 7px}.player-song{grid-column:1;grid-row:1}.player-art{width:42px;height:42px}.player-song-meta strong{font-size:11px}.player-song-meta span{font-size:9px}.player-heart{margin-left:0}.player-middle{grid-column:1/-1;grid-row:2;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px}.player-right{grid-column:2;grid-row:1;gap:10px}.player-right input{width:45px}.player-right .playback-rate{font-size:10px}.player-right .lyric-open{margin:0}.transport{gap:22px}.transport .play-main{width:32px;height:32px}.timeline{margin-top:0}.modal-inner{padding:20px}.toast-holder{left:14px;right:14px}.toast{max-width:none}.offset-row{display:block}.offset-controls{margin-top:12px}.edit-fields{grid-template-columns:1fr}.edit-fields label{grid-column:1/-1}.editor-tab{font-size:10px;padding:11px 8px}}
@media(max-width:380px){.brand strong{font-size:14px}.nav-item{width:33px}.welcome h1{font-size:24px}.welcome-copy{padding-left:17px}.welcome-stats{gap:6px}.welcome-stats span{letter-spacing:.6px}.track-item,.tracklist-head{grid-template-columns:minmax(0,1fr) 52px 42px 24px}.track-item{gap:1px}.album-art{width:41px;height:41px}.track-titleline{font-size:11px}.player-right{gap:6px}.player-right input{width:35px}.player-song{gap:8px}}
[hidden]{display:none!important}