.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px;z-index:100}.sidebar-brand{display:block;padding:0 8px 20px;border-bottom:1px solid var(--border);margin-bottom:16px}.sidebar-logo{display:block;max-width:140px;height:auto}.sidebar-nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-nav-main{flex:1;min-height:0}.sidebar-profile-wrap{position:relative;display:flex;justify-content:center;flex-shrink:0}.sidebar-profile-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;padding:4px;border-radius:50%;transition:all var(--transition);opacity:1}.sidebar-profile-btn:hover{background:var(--accent-light);opacity:1}.sidebar-profile-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--type-caption2);font-weight:700;object-fit:cover;letter-spacing:.02em;flex-shrink:0}.sidebar-profile-menu{position:absolute;bottom:calc(100% + 12px);left:0;width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #00000024;z-index:200;padding:6px}.spm-header{padding:6px 10px 8px;font-size:var(--type-caption1);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.spm-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;cursor:pointer;background:none;border:none;text-align:left;transition:background var(--transition)}.spm-item:hover,.spm-item.active{background:var(--accent-light)}.spm-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--type-caption2);font-weight:700;object-fit:cover;flex-shrink:0}.spm-info{display:flex;flex-direction:column;min-width:0;flex:1}.spm-name{font-size:var(--type-footnote);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spm-username{font-size:var(--type-caption1);color:var(--text-muted)}.spm-check{color:var(--accent);flex-shrink:0}.sidebar-bottom-icons{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:12px;border-top:1px solid var(--border);margin-top:auto;flex-shrink:0}.sidebar-bottom-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--text-muted);opacity:.45;transition:all var(--transition)}.sidebar-bottom-icon:hover,.sidebar-bottom-icon.active{opacity:1;color:var(--accent);background:var(--accent-light)}.sidebar-mc-logo{width:20px;height:auto;filter:grayscale(100%);opacity:.6;transition:all var(--transition)}.sidebar-bottom-icon:hover .sidebar-mc-logo,.sidebar-bottom-icon.active .sidebar-mc-logo{filter:none;opacity:1}.sidebar-bottom-icon{position:relative}.sidebar-notif-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--accent);border:1.5px solid var(--bg-sidebar)}.nav-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:var(--radius);font-size:var(--type-body);font-weight:500;color:var(--text);transition:background var(--transition)}.nav-section-toggle:hover{background:var(--accent-light)}.nav-section-toggle.active{color:var(--accent)}.chevron{font-size:var(--type-title3);transition:transform var(--transition);color:var(--text-muted)}.chevron.open{transform:rotate(90deg)}.nav-children{display:flex;flex-direction:column;gap:1px;margin-top:2px;padding-left:12px}.nav-child{padding:8px 12px;border-radius:var(--radius);font-size:var(--type-callout);color:var(--text-muted);transition:all var(--transition)}.nav-child:hover{color:var(--text);background:var(--accent-light)}.nav-child.active{color:var(--accent);background:var(--accent-light);font-weight:500}.nav-submenu-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left}.nav-submenu-trigger svg{color:var(--text-muted);flex-shrink:0;opacity:.6;transition:opacity var(--transition)}.nav-submenu-trigger:hover svg{opacity:1}.nav-submenu-back{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius);font-size:var(--type-footnote);font-weight:500;color:var(--text-muted);transition:all var(--transition);margin-bottom:2px}.nav-submenu-back:hover{color:var(--accent);background:var(--accent-light)}.nav-submenu-title{display:block;padding:4px 12px 6px;font-size:var(--type-subhead);font-weight:600;color:var(--text);letter-spacing:.01em}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:280px;z-index:100;padding-top:calc(24px + env(safe-area-inset-top,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.sidebar.sidebar-open{transform:translate(0)}}.layout{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-width);flex:1;padding:40px 48px;max-width:960px}.mobile-tab-bar,.sidebar-backdrop{display:none}@media(max-width:768px){.main-content{margin-left:0;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(88px + env(safe-area-inset-bottom,0px));max-width:100%}.mobile-tab-bar{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);left:12px;right:12px;height:56px;border-radius:28px;background:rgba(var(--tab-bar-rgb, 255, 255, 255),.12);border:.5px solid rgba(var(--tab-bar-border-rgb, 200, 200, 200),.3);box-shadow:0 4px 20px #0000000f,0 1px 3px #00000008,inset 0 .5px #ffffff4d;-webkit-backdrop-filter:saturate(150%) blur(18px);backdrop-filter:saturate(150%) blur(18px);z-index:90;padding:0 7px}.mobile-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:46px;color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;font:inherit;opacity:.5;-webkit-tap-highlight-color:transparent}.mobile-tab.active{color:var(--accent);opacity:1}.mobile-tab-pill{position:absolute;height:47px;margin:auto 0;inset:0 -2px;border-radius:999px;background:rgba(var(--tab-bar-pill-rgb, 255, 255, 255),.06);border:.5px solid rgba(var(--tab-bar-border-rgb, 200, 200, 200),.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:-1}.mobile-tab-label{font-size:var(--type-caption2);font-weight:500;letter-spacing:.01em}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:99;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.home{animation:fadeIn .25s ease;max-width:720px}.dash-profile{display:flex;align-items:center;gap:16px;margin-bottom:28px}.dash-avatar-wrap{position:relative;flex-shrink:0}.dash-avatar-btn{position:relative;width:56px;height:56px;border-radius:50%;overflow:hidden;cursor:pointer;border:none;padding:0;background:none}.dash-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--type-title3);font-weight:700}.dash-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}.dash-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.dash-avatar-btn:hover .dash-avatar-overlay{opacity:1}.dash-avatar-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000001a;overflow:hidden;z-index:50;min-width:160px}.dash-avatar-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:var(--type-subhead);font-weight:500;color:var(--text);border:none;background:none;cursor:pointer;transition:background .15s;text-align:left}.dash-avatar-menu-item:hover{background:var(--accent-light)}.dash-avatar-menu-item.delete{color:#dc2626}.dash-avatar-menu-item.delete:hover{background:#fef2f2}.dash-profile-info{display:flex;flex-direction:column;gap:2px}.dash-username{font-size:var(--type-title2);font-weight:700;letter-spacing:-.02em;margin:0}.dash-member-since{font-size:var(--type-subhead);color:var(--text-muted)}.dash-stats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:32px}.dash-stat{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;font-size:var(--type-footnote);text-decoration:none;color:inherit;transition:border-color var(--transition),box-shadow var(--transition);cursor:pointer}.dash-stat:hover{border-color:var(--accent);box-shadow:0 1px 6px #5b4ee81a}.dash-stat-icon{display:flex;align-items:center;color:var(--text-muted)}.dash-stat-count{font-weight:700;color:var(--text)}.dash-stat-label{color:var(--text-muted);font-weight:400}.dash-section{margin-bottom:32px}.dash-section-title{font-size:var(--type-callout);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px}.dash-player{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.dash-player-top{display:flex;align-items:center;padding:14px 16px 8px;gap:12px}.dash-player-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.dash-player-icon{width:36px;height:36px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-player-text{display:flex;flex-direction:column;gap:1px;min-width:0}.dash-player-name{font-size:var(--type-callout);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-player-meta{font-size:var(--type-footnote);color:var(--text-muted)}.dash-player-picker-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);flex-shrink:0;transition:all var(--transition)}.dash-player-picker-btn:hover{border-color:var(--border);color:var(--text-muted)}.dash-player-controls{display:flex;align-items:center;gap:10px;padding:8px 16px 14px}.dash-player-play{width:32px;height:32px;border-radius:50%;border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity var(--transition)}.dash-player-play:hover{opacity:.85}.dash-player-play:disabled{opacity:.4;cursor:default}.dash-player-time{font-size:var(--type-caption1);color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:30px;text-align:center;flex-shrink:0}.dash-player-track{flex:1;height:4px;background:var(--border);border-radius:2px;cursor:pointer;position:relative}.dash-player-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .1s linear}.dash-player-list{border-top:1px solid var(--border);max-height:220px;overflow-y:auto}.dash-player-empty{padding:20px;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.dash-player-list-item{display:flex;align-items:center;gap:10px;padding:10px 16px;width:100%;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit;transition:background var(--transition)}.dash-player-list-item:hover{background:var(--bg)}.dash-player-list-item.active{background:var(--accent-light, #f0eeff)}.dash-player-list-type{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:var(--type-caption2);font-weight:700;color:#fff;flex-shrink:0}.dash-player-list-type.demo{background:var(--accent)}.dash-player-list-type.memo{background:#27ae60}.dash-player-list-name{flex:1;font-size:var(--type-subhead);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-player-list-date{font-size:var(--type-caption1);color:var(--text-muted);flex-shrink:0}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-card{padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);text-decoration:none;color:inherit}.home-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #5b4ee814}.home-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg);color:var(--accent);margin-bottom:12px}.home-card h2{font-size:var(--type-headline);font-weight:600;margin-bottom:4px}.home-card p{font-size:var(--type-subhead);color:var(--text-muted);line-height:1.4}.dash-collabs{display:flex;flex-direction:column;gap:4px;margin-top:8px}.dash-collabs-empty{font-size:var(--type-subhead);color:var(--text-muted);margin:0;padding:10px 14px}.dash-collab{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius);transition:background var(--transition);cursor:pointer}.dash-collab.pending{opacity:.55}.dash-collab:hover{background:var(--bg-card)}.dash-collab-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--type-caption1);font-weight:700;color:#fff;flex-shrink:0}.dash-collab-info{display:flex;flex-direction:column;gap:1px}.dash-collab-name{font-size:var(--type-callout);font-weight:500}.dash-collab-role{font-size:var(--type-footnote);color:var(--text-muted)}.dash-shortcuts{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.dash-shortcut{display:flex;align-items:center;gap:0;width:36px;height:36px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);text-decoration:none;overflow:hidden;white-space:nowrap;transition:width .25s ease,border-color .2s,color .2s,background .2s;flex-shrink:0}.dash-shortcut:hover{width:auto;border-color:var(--accent);color:var(--accent);background:var(--bg-card)}.dash-shortcut-icon{display:flex;align-items:center;justify-content:center;min-width:34px;width:34px;height:34px;flex-shrink:0}.dash-shortcut-label{font-size:var(--type-footnote);font-weight:500;padding-right:0;opacity:0;max-width:0;overflow:hidden;transition:opacity .2s ease .05s,max-width .25s ease,padding-right .25s ease}.dash-shortcut:hover .dash-shortcut-label{opacity:1;max-width:160px;padding-right:12px}.dash-section-header{display:flex;align-items:center;justify-content:space-between}.dash-add-collab{background:none;border:1px solid var(--border);border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:color .15s,border-color .15s}.dash-add-collab:hover{color:var(--accent);border-color:var(--accent)}.dash-collab-remove{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-muted);opacity:0;transition:opacity .15s,color .15s;padding:4px}.dash-collab:hover .dash-collab-remove{opacity:1}.dash-collab-remove:hover{color:#e74c3c}.add-collab-modal{background:var(--bg, #fff);border-radius:14px;width:340px;box-shadow:0 16px 48px #0000002e}.acm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px}.acm-header h3{margin:0;font-size:var(--type-headline);font-weight:600}.acm-close{background:none;border:none;font-size:var(--type-title2);cursor:pointer;color:var(--text-muted)}.acm-body{padding:10px 20px 20px;display:flex;flex-direction:column;gap:10px}.acm-input{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:var(--type-callout);background:var(--bg, #fff);color:var(--text);outline:none}.acm-input:focus{border-color:var(--accent)}.acm-error{color:#e74c3c;font-size:var(--type-subhead);margin:0}.acm-success{color:var(--accent);font-size:var(--type-callout);font-weight:500;text-align:center;padding:12px 0;margin:0}.acm-send{padding:9px 0;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:var(--type-callout);font-weight:600;cursor:pointer}.acm-send:disabled{opacity:.45;cursor:default}.collab-detail-modal{background:var(--bg, #fff);border-radius:14px;width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 16px 48px #0000002e}.cdm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.cdm-user{display:flex;align-items:center;gap:12px}.cdm-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--type-footnote);font-weight:700;color:#fff}.cdm-name{font-size:var(--type-body);font-weight:600}.cdm-username{font-size:var(--type-footnote);color:var(--text-muted)}.cdm-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px}.cdm-toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--type-callout)}.cdm-toggle{width:40px;height:22px;border-radius:11px;border:none;background:var(--border);cursor:pointer;position:relative;transition:background .2s}.cdm-toggle.on{background:var(--accent)}.cdm-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s}.cdm-toggle.on .cdm-toggle-knob{left:20px}.cdm-shared{display:flex;flex-direction:column;gap:6px}.cdm-shared-label{font-size:var(--type-footnote);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.cdm-empty{font-size:var(--type-subhead);color:var(--text-muted);margin:0}.cdm-shared-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:var(--type-subhead);color:var(--text)}.cdm-shared-row.clickable{cursor:pointer}.cdm-shared-row:hover{background:var(--bg-hover, rgba(0,0,0,.03))}.cdm-shared-row svg{color:var(--text-muted);flex-shrink:0}.cdm-shared-title{flex:1}.cdm-shared-dir{font-size:var(--type-footnote);color:var(--text-muted);background:var(--bg-card, rgba(0,0,0,.04));padding:2px 8px;border-radius:4px}@media(max-width:768px){.home{max-width:100%}.dash-profile{margin-bottom:20px}.dash-username{font-size:var(--type-title3)}.dash-stats{gap:4px;margin-bottom:20px;justify-content:center}.dash-stat{padding:5px 0;font-size:var(--type-footnote);gap:6px;width:56px;justify-content:center}.dash-stat-label{display:none}.dash-section{margin-bottom:20px}.add-collab-modal,.collab-detail-modal{width:90vw}.dash-shortcuts-swiper{margin-top:12px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%)}.dash-shortcuts-swiper .swiper-slide{display:flex;justify-content:center;height:auto}.dash-shortcut-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;width:100%;aspect-ratio:1;padding:8px 6px;border-radius:12px}.dash-shortcut-mobile-icon{display:flex;align-items:center;justify-content:center}.dash-shortcut-mobile-icon svg{width:22px;height:22px}.dash-shortcut-mobile-icon img{width:22px!important;height:22px!important}.dash-shortcut-mobile-label{font-size:var(--type-caption2);font-weight:600;text-align:center;line-height:1.25;word-break:break-word;overflow-wrap:break-word;white-space:normal}.home-swiper{overflow:hidden;padding-bottom:28px;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.home-swiper .swiper-slide{height:auto}.home-swiper .home-card{display:flex;flex-direction:column;height:100%;padding:20px}.home-swiper .swiper-pagination{bottom:0}.home-swiper .swiper-pagination-bullet{width:7px;height:7px;background:var(--border);opacity:1;transition:all .2s ease}.home-swiper .swiper-pagination-bullet-active{background:var(--accent);width:20px;border-radius:4px}.home-swiper .swiper-pagination-bullet:nth-child(n+4){display:none}[data-theme=orng] .dash-shortcut-mobile{background:var(--bg-card)!important;border:1px solid var(--border);color:var(--text)!important}[data-theme=orng] .dash-shortcut-mobile-icon{background:var(--bg);color:var(--accent)!important;width:36px;height:36px;border-radius:8px}[data-theme=orng] .dash-shortcut-mobile-label{font-size:var(--type-footnote)}}.page-shell{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:32px;position:relative}.page-header-sentinel{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}.page-title{font-size:var(--type-title1);font-weight:600;letter-spacing:-.02em}.page-description{margin-top:6px;color:var(--text-muted);font-size:var(--type-body)}.page-body{min-height:200px}.page-empty{display:flex;align-items:center;justify-content:center;min-height:200px;border:1.5px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:var(--type-body)}.page-inline-bar{display:none}@media(max-width:768px){.page-header{margin-bottom:20px}.page-title{font-size:var(--type-large-title);font-weight:700;letter-spacing:-.03em}.page-description{font-size:var(--type-subhead)}.page-empty{min-height:140px;font-size:var(--type-subhead)}.page-inline-wrap{position:fixed;top:0;left:0;right:0;height:calc(72px + env(safe-area-inset-top,0px));z-index:90;opacity:0;pointer-events:none;transition:opacity .25s ease}.page-inline-wrap.visible{opacity:1;pointer-events:auto}.page-inline-blur{position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom,black 55%,transparent 100%);mask-image:linear-gradient(to bottom,black 55%,transparent 100%);-webkit-backdrop-filter:saturate(180%) blur(36px);backdrop-filter:saturate(180%) blur(36px)}.page-inline-title{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--type-headline);font-weight:600;letter-spacing:-.01em;color:var(--text);z-index:1}}.newsong-page{max-width:600px;display:flex;flex-direction:column;gap:20px}.newsong-upload-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border:1.5px dashed var(--border);border-radius:var(--radius);background:var(--bg-card);transition:border-color var(--transition)}.newsong-upload-bar:hover{border-color:var(--accent)}.newsong-upload-left{display:flex;align-items:center;gap:14px;min-width:0}.newsong-upload-icon{flex-shrink:0;color:var(--accent)}.newsong-upload-text{display:flex;flex-direction:column;gap:1px}.newsong-upload-title{font-size:var(--type-callout);font-weight:600}.newsong-upload-hint{font-size:var(--type-footnote);color:var(--text-muted)}.newsong-upload-actions{display:flex;gap:8px;flex-shrink:0}.newsong-upload-btn{padding:7px 18px;background:var(--accent);color:#fff;border-radius:8px;font-size:var(--type-subhead);font-weight:600;transition:opacity var(--transition)}.newsong-upload-btn:hover{opacity:.9}.newsong-browse-btn{padding:7px 16px;border:1.5px solid var(--border);border-radius:8px;font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);transition:all var(--transition)}.newsong-browse-btn:hover{border-color:var(--accent);color:var(--accent)}.newsong-browse-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.newsong-demo-picker{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);overflow:hidden;margin-top:-12px}.newsong-demo-item{display:flex;align-items:center;gap:12px;padding:12px 18px;text-align:left;font-size:var(--type-callout);color:var(--text);transition:background var(--transition)}.newsong-demo-item:not(:last-child){border-bottom:1px solid var(--border)}.newsong-demo-item:hover{background:var(--accent-light)}.newsong-demo-item svg{color:var(--text-muted);flex-shrink:0}.newsong-demo-name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.newsong-demo-size{font-size:var(--type-footnote);color:var(--text-muted);flex-shrink:0}.newsong-divider{display:flex;align-items:center;gap:14px;padding:4px 0}.newsong-divider:before,.newsong-divider:after{content:"";flex:1;height:1px;background:var(--border)}.newsong-divider-text{font-size:var(--type-footnote);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.newsong-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.newsong-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);text-align:center;cursor:pointer;transition:all var(--transition)}.newsong-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.newsong-card-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--accent-light);color:var(--accent)}.newsong-card-title{font-size:var(--type-body);font-weight:600}.newsong-card-desc{font-size:var(--type-footnote);color:var(--text-muted);line-height:1.4;max-width:180px}@media(max-width:768px){.newsong-page{max-width:100%}.newsong-upload-bar{flex-wrap:wrap;padding:14px 16px;gap:12px}.newsong-upload-actions{margin-left:auto}.newsong-cards{grid-template-columns:1fr;gap:10px}.newsong-card{padding:20px 16px}.newsong-card-desc{max-width:none}}.main-content:has(.lyrics-layout){padding:0;max-width:none}.lyrics-layout{display:flex;height:100vh;overflow:hidden}.lyrics-folders{width:200px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-sidebar);display:flex;flex-direction:column;overflow:hidden}.folders-header{display:flex;align-items:center;justify-content:space-between;padding:16px 14px 10px}.folders-title{font-size:var(--type-footnote);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.folders-add-btn{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:var(--type-title3);color:var(--text-muted);transition:all var(--transition)}.folders-add-btn:hover{background:var(--accent-light);color:var(--accent)}.folders-new-row{padding:0 10px 8px}.folders-new-input{width:100%;padding:6px 10px;border:1.5px solid var(--accent);border-radius:6px;font:inherit;font-size:var(--type-subhead);background:var(--bg);color:var(--text);outline:none}.folders-list{flex:1;overflow-y:auto;padding:0 6px 12px}.folder-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;font-size:var(--type-subhead);cursor:pointer;transition:background var(--transition);position:relative}.folder-item:hover{background:var(--accent-light)}.folder-item.active{background:var(--accent);color:#fff}.folder-item.active .folder-icon{stroke:#fff}.folder-item.active .folder-count{color:#ffffffb3}.folder-icon{flex-shrink:0;color:var(--text-muted)}.folder-icon-pin{color:var(--accent)}.folder-item.active .folder-icon-pin{color:#fff}.folder-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.folder-count{font-size:var(--type-caption1);color:var(--text-muted);flex-shrink:0}.folder-remove{display:none;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;transition:color var(--transition)}.folder-item:hover .folder-remove{display:flex}.folder-remove:hover{color:#c0392b}.lyrics-noteslist{width:260px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.noteslist-header{display:flex;align-items:center;justify-content:flex-end;padding:12px 12px 8px;border-bottom:1px solid var(--border)}.noteslist-new-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;color:var(--accent);transition:background var(--transition)}.noteslist-new-btn:hover{background:var(--accent-light)}.noteslist-items{flex:1;overflow-y:auto}.noteslist-empty{padding:24px 16px;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.noteslist-item{padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--transition);position:relative}.noteslist-item:hover{background:var(--accent-light)}.noteslist-item.active{background:var(--accent-light);border-left:3px solid var(--accent)}.noteslist-item-title{font-size:var(--type-callout);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px;display:flex;align-items:center;gap:5px}.noteslist-pin-icon{flex-shrink:0;color:var(--accent)}.noteslist-song-badge{display:inline-flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.noteslist-item-meta{display:flex;align-items:center;gap:8px;font-size:var(--type-footnote);color:var(--text-muted)}.noteslist-item-date{flex-shrink:0}.noteslist-item-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.noteslist-item-del{position:absolute;top:10px;right:10px;display:none;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;color:var(--text-muted);transition:all var(--transition)}.noteslist-item:hover .noteslist-item-del{display:flex}.noteslist-item-del:hover{background:#ffeaea;color:#c0392b}.lyrics-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.lyrics-player{background:var(--bg-card);border-bottom:1px solid var(--border);padding:10px 16px;position:relative;flex-shrink:0}.player-collapsible{display:contents}.player-collapse-btn.player-collapse-btn{display:none}.player-inline{display:flex;align-items:center;gap:10px}.player-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);flex-shrink:0;margin-right:-2px;transition:all var(--transition)}.player-sidebar-toggle:hover{border-color:var(--accent);color:var(--accent)}.player-sidebar-toggle.active{color:var(--accent)}.player-music-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);transition:all var(--transition)}.player-music-btn:hover{border-color:var(--accent);color:var(--accent)}.player-music-btn.has-audio{color:var(--accent)}.file-picker-dropdown{position:absolute;top:100%;left:50px;z-index:50;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000014;min-width:220px;max-height:260px;overflow-y:auto;padding:6px 0}.picker-option{display:block;width:100%;text-align:left;padding:9px 16px;font-size:var(--type-subhead);color:var(--text);transition:background var(--transition)}.picker-option:hover{background:var(--accent-light);color:var(--accent)}.picker-divider{padding:6px 16px 4px;font-size:var(--type-caption1);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-top:1px solid var(--border);margin-top:4px}.player-controls-inline,.player-extra-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.ctrl-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--text);transition:all var(--transition)}.ctrl-btn:hover:not(:disabled){background:var(--accent-light);color:var(--accent)}.ctrl-btn:disabled{opacity:.35;cursor:default}.play-btn{width:32px;height:32px;background:var(--accent);color:#fff}.play-btn:hover:not(:disabled){background:var(--accent);color:#fff;opacity:.9}.loop-btn.active{background:var(--accent);color:#fff}.loop-btn.active:hover{opacity:.9;background:var(--accent);color:#fff}.ab-loop-btn{border-radius:6px!important;width:auto!important;padding:0 8px}.ab-loop-label{font-size:var(--type-caption2);font-weight:700;letter-spacing:.03em}.ab-loop-btn.active{background:var(--accent);color:#fff}.ab-loop-btn.active:hover{opacity:.9;background:var(--accent);color:#fff}.ab-region{position:absolute;top:0;bottom:0;background:var(--accent);opacity:.2;border-radius:3px;z-index:2;pointer-events:none}.ab-marker{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--accent);z-index:3;pointer-events:none;border-radius:1px;transform:translate(-1px)}.ab-label{font-size:var(--type-caption1);color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;padding-top:6px}.player-time{font-size:var(--type-caption1);color:var(--text-muted);white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0}.player-track{flex:1;height:4px;background:var(--border);border-radius:3px;cursor:pointer;position:relative;min-width:60px}.player-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .15s linear;position:relative;z-index:1}.lyrics-editor{flex:1;display:flex;flex-direction:column;padding:24px 32px;overflow-y:auto}.lyrics-editor-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.lyrics-editor-date{font-size:var(--type-footnote);color:var(--text-muted)}.lyrics-topbar-actions{display:flex;align-items:center;gap:8px}.lyrics-song-assign{position:relative}.lyrics-assign-btn{display:flex;align-items:center;gap:6px;padding:5px 14px;border:1.5px solid var(--border);border-radius:7px;font-size:var(--type-footnote);font-weight:500;color:var(--text-muted);background:transparent;cursor:pointer;transition:all var(--transition);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.lyrics-assign-btn:hover{border-color:var(--accent);color:var(--accent)}.lyrics-assign-btn.assigned{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.lyrics-song-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:50;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000014;min-width:200px;max-height:260px;overflow-y:auto;padding:6px 0}.lyrics-song-option{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:9px 16px;font-size:var(--type-subhead);color:var(--text);background:none;border:none;cursor:pointer;transition:background var(--transition);gap:12px}.lyrics-song-option:hover{background:var(--accent-light);color:var(--accent)}.lyrics-song-option.active{color:var(--accent);font-weight:500}.lyrics-song-option.unassign{color:#c0392b;border-bottom:1px solid var(--border)}.lyrics-song-option.unassign:hover{background:#fff0f0;color:#c0392b}.lyrics-song-version{font-size:var(--type-caption1);color:var(--text-muted);font-weight:600}.lyrics-song-empty{padding:12px 16px;font-size:var(--type-subhead);color:var(--text-muted);text-align:center}.lyrics-save-wrapper{position:relative;display:flex;align-items:center;gap:6px}.lyrics-save-btn{display:flex;align-items:center;gap:6px;padding:5px 14px;border:1.5px solid var(--border);border-radius:7px;font-size:var(--type-footnote);font-weight:500;color:var(--text);background:transparent;cursor:pointer;transition:all var(--transition)}.lyrics-save-btn:hover{border-color:var(--accent);color:var(--accent)}.lyrics-new-note-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);transition:border-color var(--transition),color var(--transition)}.lyrics-new-note-btn:hover{border-color:var(--accent);color:var(--accent)}.lyrics-pin-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.lyrics-pin-btn:hover{border-color:var(--accent);color:var(--accent)}.lyrics-pin-btn.pinned{background:var(--accent);border-color:var(--accent);color:#fff}.lyrics-save-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:50;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000014;min-width:180px;padding:6px 0}.lyrics-save-option{display:block;width:100%;text-align:left;padding:9px 16px;font-size:var(--type-subhead);color:var(--text);background:none;border:none;cursor:pointer;transition:background var(--transition)}.lyrics-save-option:hover{background:var(--accent-light);color:var(--accent)}.lyrics-title-input{font-size:var(--type-title2);font-weight:600;border:none;outline:none;background:transparent;padding:0;margin-bottom:12px;letter-spacing:-.01em;color:var(--text)}.lyrics-title-input::placeholder{color:var(--border)}.lyrics-textarea{flex:1;font:inherit;font-size:var(--type-body);line-height:1.8;border:none;padding:0;resize:none;outline:none;background:transparent;color:var(--text)}.lyrics-textarea::placeholder{color:var(--text-muted);opacity:.5}.lyrics-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--type-callout)}@media(max-width:768px){.main-content:has(.lyrics-layout){padding:calc(56px + env(safe-area-inset-top,0px)) 0 calc(64px + env(safe-area-inset-bottom,0px))}.lyrics-layout{flex-direction:column;height:auto;min-height:calc(100vh - 120px);overflow:visible}.lyrics-folders{width:100%;max-height:140px;border-right:none;border-bottom:1px solid var(--border)}.folders-list{display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px 10px;overflow-x:auto;overflow-y:hidden}.folder-item{white-space:nowrap;flex-shrink:0}.lyrics-noteslist{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--border)}.lyrics-main{min-height:300px}.lyrics-editor{padding:16px}.lyrics-editor-topbar{flex-wrap:wrap;gap:8px;margin-bottom:12px}.lyrics-topbar-actions{flex-wrap:wrap}.lyrics-title-input{font-size:var(--type-title3)}.player-inline{flex-wrap:wrap;gap:8px}.player-collapse-btn{display:flex!important;margin-left:auto;transition:transform .2s}.player-collapse-btn.open{transform:rotate(180deg)}.player-collapsible{display:none;width:100%;flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px}.player-collapsible.player-collapsible-open{display:flex}.player-track{flex:1;min-width:0}}.main-content:has(.memos-layout){padding:0;max-width:none}.memos-layout{display:flex;height:100vh;overflow:hidden}.memos-left{width:320px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-sidebar);display:flex;flex-direction:column;overflow:hidden;position:relative}.memos-left-header{padding:20px 16px 12px;flex-shrink:0}.memos-title{font-size:var(--type-title3);font-weight:700;margin-bottom:12px}.memos-search-bar{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);transition:border-color var(--transition)}.memos-search-bar:focus-within{border-color:var(--accent)}.memos-search-icon{color:var(--text-muted);flex-shrink:0}.memos-search-input{flex:1;border:none;outline:none;background:transparent;font:inherit;font-size:var(--type-subhead);color:var(--text)}.memos-search-input::placeholder{color:var(--text-muted);opacity:.6}.memos-search-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--border);color:var(--text-muted);flex-shrink:0;transition:all var(--transition)}.memos-search-clear:hover{background:var(--text-muted);color:#fff}.memos-list-scroll{flex:1;overflow-y:auto;padding-bottom:90px}.memos-empty{padding:32px 20px;text-align:center;color:var(--text-muted);font-size:var(--type-subhead)}.memo-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--transition);position:relative}.memo-item:hover{background:var(--accent-light)}.memo-item.selected{background:var(--accent-light);border-left:3px solid var(--accent);padding-left:13px}.memo-item.playing{border-left-color:var(--accent)}.memo-play-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;flex-shrink:0;opacity:0;transition:opacity var(--transition)}.memo-item:hover .memo-play-btn,.memo-item.playing .memo-play-btn{opacity:1}.memo-play-btn:hover{opacity:.9!important}.memo-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.memo-name{font-size:var(--type-callout);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;display:flex;align-items:center;gap:6px}.memo-name-input{font:inherit;font-size:var(--type-callout);font-weight:600;border:1.5px solid var(--accent);border-radius:6px;padding:2px 8px;outline:none;background:var(--bg);color:var(--text);width:100%}.memo-meta{font-size:var(--type-caption1);color:var(--text-muted)}.memo-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity var(--transition)}.memo-item:hover .memo-actions{opacity:1}.memo-action-btn-sm{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--text-muted);transition:all var(--transition)}.memo-action-btn-sm:hover{background:var(--accent-light);color:var(--accent)}.memo-action-btn-sm.assigned{color:var(--accent)}.memo-action-btn-sm.delete:hover{background:#ffeaea;color:#c0392b}.memo-song-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;background:var(--accent);color:#fff;border-radius:10px;font-size:var(--type-caption2);font-weight:600;white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;flex-shrink:0}.memo-song-badge svg{flex-shrink:0;stroke:#fff}.memos-left-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;height:100px;background:linear-gradient(to bottom,transparent 0%,var(--bg-sidebar) 90%);pointer-events:none;z-index:5}.memos-left-footer>*{pointer-events:auto}.memos-record-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:3px solid #fff;padding:0;transition:border-color var(--transition)}.memos-record-btn:hover{border-color:#fff}.memos-record-circle{width:100%;height:100%;border-radius:50%;background:#e74c3c;flex-shrink:0;transition:opacity var(--transition)}.memos-record-btn:hover .memos-record-circle{opacity:.9}.memos-stop-btn{display:flex;align-items:center;gap:8px;padding:10px 28px;border-radius:24px;font-size:var(--type-callout);font-weight:600;color:#e74c3c;border:2px solid #e74c3c;transition:all var(--transition)}.memos-stop-btn:hover{background:#e74c3c;color:#fff}.memos-stop-icon{width:14px;height:14px;border-radius:3px;background:#e74c3c;flex-shrink:0;transition:background var(--transition)}.memos-stop-btn:hover .memos-stop-icon{background:#fff}.memos-right{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);min-width:0}.memos-preview-recording,.memos-preview-recording .waveform-container{flex:1;display:flex;flex-direction:column}.memos-preview-recording .waveform-main{flex:1;position:relative}.memos-preview-recording .waveform-canvas{display:block;width:100%;height:100%;min-height:200px}.memos-preview-recording .waveform-timestamps{display:flex;justify-content:space-between;padding:4px 16px 8px;background:#f2f2f2}.waveform-ts{font-size:var(--type-caption2);color:#999;font-variant-numeric:tabular-nums}.memos-preview-recording .waveform-overview{width:100%;background:#eee;padding:8px 16px 4px;border-top:1px solid #ddd;flex-shrink:0}.waveform-overview-canvas{display:block;width:100%;height:28px}.waveform-overview-times{display:flex;justify-content:space-between;padding:2px 0 4px;font-size:var(--type-caption2);color:#999;font-variant-numeric:tabular-nums}.memos-rec-elapsed{font-size:var(--type-large-title);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);text-align:center;padding:16px 0;letter-spacing:.02em;flex-shrink:0}.memos-preview-memo{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 48px;gap:24px}.memos-preview-header{text-align:center}.memos-preview-title{font-size:var(--type-title3);font-weight:700;margin-bottom:4px}.memos-preview-date{font-size:var(--type-footnote);color:var(--text-muted)}.memos-preview-waveform{width:100%;max-width:700px;background:#f5f5f5;border-radius:var(--radius);overflow:hidden}.playback-waveform-canvas{display:block;width:100%;height:160px;cursor:pointer}.memos-preview-time{font-size:var(--type-large-title);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.02em}.memos-preview-controls{display:flex;align-items:center;gap:20px}.preview-ctrl-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-muted);transition:all var(--transition)}.preview-ctrl-btn:hover:not(:disabled){background:var(--accent-light);color:var(--accent)}.preview-ctrl-btn:disabled{opacity:.3;cursor:default}.preview-play-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;transition:opacity var(--transition)}.preview-play-btn:hover{opacity:.9}.memos-preview-actions{display:flex;align-items:center;gap:8px;padding-top:8px}.memo-action-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:var(--text-muted);transition:all var(--transition)}.memo-action-btn:hover{background:var(--accent-light);color:var(--accent)}.memo-action-btn.assigned{color:var(--accent)}.memo-action-btn.delete:hover{background:#ffeaea;color:#c0392b}.memo-song-assign{position:relative}.memo-song-dropdown{position:absolute;bottom:40px;left:50%;transform:translate(-50%);min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001f;z-index:30;max-height:220px;overflow-y:auto}.memo-song-option{display:block;width:100%;padding:9px 14px;text-align:left;font-size:var(--type-subhead);font-weight:500;border-bottom:1px solid var(--border);transition:background var(--transition)}.memo-song-option:last-child{border-bottom:none}.memo-song-option:hover{background:var(--accent-light)}.memo-song-option.active{color:var(--accent);font-weight:600}.memo-song-option.unassign{color:#c0392b;font-weight:500}.memo-song-option.unassign:hover{background:#ffeaea}.memo-song-version{color:var(--text-muted);font-weight:400;font-size:var(--type-footnote);margin-left:4px}.memo-song-empty{padding:14px;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.memos-preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:var(--type-callout)}@media(max-width:768px){.main-content:has(.memos-layout){padding:calc(56px + env(safe-area-inset-top,0px)) 0 calc(64px + env(safe-area-inset-bottom,0px))}.memos-layout{flex-direction:column;height:100%;overflow:hidden;position:relative}.memos-left{width:100%;max-height:none;border-right:none;border-bottom:none;flex:1;min-height:0}.memos-left-header{padding:14px 16px 10px}.memos-title{font-size:var(--type-headline);margin-bottom:8px}.memos-list-scroll{padding-bottom:140px}.memo-play-btn,.memo-actions{display:none}.memo-item.selected .memo-actions{display:flex;opacity:1}.memos-right{display:none}.memos-rec-elapsed{font-size:var(--type-title1)}.memo-item.selected{flex-wrap:wrap}.memo-inline-player{width:100%;display:flex;flex-direction:column;gap:10px;padding:12px 0 4px}.memo-inline-waveform{width:100%;height:48px}.memo-inline-waveform canvas{width:100%;height:100%}.memo-inline-controls{display:flex;align-items:center;justify-content:center;gap:16px}.memo-inline-time{font-size:var(--type-caption1);color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.memo-inline-play{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer}.memo-inline-skip{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text);background:none;border:none;cursor:pointer;border-radius:50%}.memo-inline-skip:disabled{opacity:.3}.memo-record-overlay{position:fixed;inset:0;z-index:50;background:#00000080;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.memo-record-overlay-inner{width:100%;max-width:480px;background:var(--bg-sidebar);border-radius:20px 20px 0 0;display:flex;flex-direction:column;align-items:center;padding:12px 24px 28px;gap:8px;box-shadow:0 -4px 32px #0003}.memo-record-overlay-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin-bottom:4px}.memo-record-overlay-title{font-size:var(--type-headline);font-weight:700;color:var(--text)}.memo-record-overlay-time{font-size:var(--type-subhead);color:var(--text-muted);font-variant-numeric:tabular-nums}.memo-record-overlay-waveform{width:100%;overflow:hidden;border-radius:10px}.memo-record-overlay-waveform .waveform-container{display:flex;flex-direction:column}.memo-record-overlay-waveform .waveform-main{position:relative;height:160px}.memo-record-overlay-waveform .waveform-canvas{display:block;width:100%;height:100%}.memo-record-overlay-waveform .waveform-timestamps{display:flex;justify-content:space-between;padding:4px 12px 6px}.memo-record-overlay-waveform .waveform-overview{display:none}.memo-record-overlay-stop{width:60px;height:60px;border-radius:50%;border:3px solid var(--text-muted);display:flex;align-items:center;justify-content:center;padding:0;background:none;margin-top:8px;cursor:pointer}.memos-record-circle-stop{border-radius:6px!important;width:26px!important;height:26px!important}.memos-left-footer{position:fixed;bottom:calc(64px + env(safe-area-inset-bottom,0px));left:0;right:0;transform:none;z-index:30;padding:12px 0;background:transparent;justify-content:center;border-top:none}.memos-left-footer .memos-stop-btn{display:none}}.acl-page{max-width:580px;display:flex;flex-direction:column;gap:16px}.acl-intro{font-size:var(--type-subhead);color:var(--text-muted);line-height:1.5}.acl-list{display:flex;flex-direction:column;gap:4px}.acl-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);transition:all var(--transition)}.acl-item:hover{border-color:var(--accent)}.acl-item.dragging{opacity:.5;border-color:var(--accent);background:var(--accent-light)}.acl-handle{cursor:grab;color:var(--text-muted);flex-shrink:0;display:flex;align-items:center}.acl-handle:active{cursor:grabbing}.acl-number{font-size:var(--type-caption1);font-weight:700;color:var(--text-muted);min-width:18px;text-align:center;flex-shrink:0}.acl-label-input{flex:1;min-width:0;padding:4px 8px;border:1px solid transparent;border-radius:4px;background:transparent;font-size:var(--type-callout);font-weight:500;color:var(--text);font-family:inherit;transition:all var(--transition)}.acl-label-input:focus{outline:none;border-color:var(--accent);background:var(--bg)}.acl-item-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity var(--transition)}.acl-item:hover .acl-item-actions{opacity:1}.acl-move-btn,.acl-remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all var(--transition)}.acl-move-btn:hover{background:var(--accent-light);color:var(--accent)}.acl-move-btn:disabled{opacity:.3;cursor:default}.acl-remove-btn:hover{background:#fff0f0;color:#c0392b}.acl-add-row{display:flex;gap:8px}.acl-add-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:var(--type-callout);color:var(--text);font-family:inherit}.acl-add-input:focus{outline:none;border-color:var(--accent)}.acl-add-btn{padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;cursor:pointer;transition:opacity var(--transition)}.acl-add-btn:hover{opacity:.9}.acl-add-btn:disabled{opacity:.4;cursor:not-allowed}.acl-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border)}.acl-reset-btn{font-size:var(--type-subhead);color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:var(--radius);padding:6px 14px;cursor:pointer;transition:all var(--transition)}.acl-reset-btn:hover{border-color:#c0392b;color:#c0392b}.acl-footer-hint{font-size:var(--type-footnote);color:var(--text-muted)}@media(max-width:768px){.acl-page{max-width:100%}.acl-item-actions{opacity:1}.acl-footer{flex-direction:column;align-items:stretch;gap:8px}.acl-add-row{flex-direction:column}}.songs-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.songs-view-toggle{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.svt-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;color:var(--text-muted);transition:all var(--transition)}.svt-btn:not(:last-child){border-right:1px solid var(--border)}.svt-btn:hover{background:var(--accent-light);color:var(--accent)}.svt-btn.active{background:var(--accent);color:#fff}.songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.song-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:16px;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;align-items:center;gap:12px}.song-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #0000000f}.song-card-thumb{width:64px;height:64px;border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.song-card-thumb img{width:100%;height:100%;object-fit:cover}.slt-artwork{width:28px;height:28px;border-radius:4px;object-fit:cover;flex-shrink:0}.song-card-info{text-align:center;display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.song-card-title{font-size:var(--type-callout);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card-version{font-size:var(--type-caption1);color:var(--text-muted);font-weight:500}.songs-list-wrapper{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.songs-list-table{width:100%;border-collapse:collapse;font-size:var(--type-subhead);table-layout:fixed}.songs-list-table thead th{text-align:left;padding:8px 14px;font-weight:600;font-size:var(--type-footnote);text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.songs-list-table thead th:nth-child(1){width:35%}.songs-list-table thead th:nth-child(2){width:12%}.songs-list-table thead th:nth-child(3){width:20%}.songs-list-table thead th:nth-child(4){width:13%}.songs-list-table thead th:nth-child(5){width:20%}.songs-list-row{cursor:pointer;transition:background var(--transition)}.songs-list-row:hover{background:var(--accent-light)}.songs-list-row td{padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.slt-name{font-weight:500;display:flex;align-items:center;gap:10px;overflow:hidden;text-overflow:ellipsis}.slt-version{font-size:var(--type-footnote);font-weight:600;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 7px;color:var(--text-muted)}.slt-date,.slt-updates{color:var(--text-muted);font-size:var(--type-subhead)}.waveform-thumb{border-radius:4px;flex-shrink:0;aspect-ratio:1 / 1;display:block}.spb-thumb-wrapper{position:relative;flex-shrink:0;cursor:pointer;border-radius:4px;width:36px;height:36px;transition:box-shadow var(--transition)}.spb-thumb-wrapper:hover{box-shadow:0 0 0 2px var(--accent)}.spb-artwork{width:36px;height:36px;object-fit:cover;border-radius:4px;display:block}.spb-art-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;min-width:160px;padding:4px;display:flex;flex-direction:column}.spb-art-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:none;font-family:inherit;font-size:var(--type-subhead);font-weight:500;color:var(--text);cursor:pointer;border-radius:6px;transition:background var(--transition);white-space:nowrap}.spb-art-option:hover{background:var(--bg)}.spb-art-remove{color:#c0392b}.spb-art-remove:hover{background:#fff0f0}.collab-avatars{display:flex;align-items:center;flex-shrink:0}.collab-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--type-caption2);font-weight:700;border:1.5px solid var(--border);margin-left:-6px;transition:all var(--transition)}.collab-avatar:first-child{margin-left:0}.collab-avatar.inactive{background:var(--bg);color:var(--border);border-color:var(--border)}.collab-avatar.active{background:var(--accent);color:#fff;border-color:var(--bg-card)}.collab-avatar.active.real{color:#fff;border-color:var(--bg, #fff);font-size:var(--type-caption2);font-weight:700;letter-spacing:-.02em}.collab-avatar.overflow{font-size:var(--type-caption2);letter-spacing:-.03em}.songs-detail{display:flex;flex-direction:column;height:100%}.songs-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);border-radius:7px;transition:all var(--transition);align-self:flex-start;margin-bottom:12px}.songs-back-btn:hover{color:var(--accent);background:var(--accent-light)}.song-player-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);height:52px;flex-shrink:0}.spb-row-top,.spb-row-middle,.spb-row-bottom{display:contents}.spb-version-wrapper{position:relative;flex-shrink:0}.spb-version{display:inline-flex;align-items:center;gap:4px;font-size:var(--type-caption2);font-weight:700;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:2px 8px;letter-spacing:.02em;cursor:pointer;transition:all var(--transition)}.spb-version:hover,.spb-version.open{border-color:var(--accent);color:var(--accent)}.spb-version-chevron{transition:transform .2s ease}.spb-version.open .spb-version-chevron{transform:rotate(180deg)}.spb-version-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:60;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 20px #0000001a;min-width:320px;max-height:300px;overflow-y:auto}.spb-version-dropdown-title{padding:8px 14px 6px;font-size:var(--type-caption1);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border)}.spb-version-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 14px;font-size:var(--type-subhead);color:var(--text);border-bottom:1px solid var(--border);transition:background var(--transition);cursor:pointer}.spb-version-option:last-child{border-bottom:none}.spb-version-option:hover{background:var(--accent-light)}.spb-version-option.active{background:var(--accent-light);color:var(--accent)}.spb-vo-version{font-size:var(--type-caption1);font-weight:700;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 7px;color:var(--text-muted);flex-shrink:0}.spb-version-option.active .spb-vo-version{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.spb-vo-name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.spb-vo-date{font-size:var(--type-caption1);color:var(--text-muted);flex-shrink:0}.spb-title{font-size:var(--type-subhead);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:60px;max-width:160px;flex-shrink:1}.spb-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.spb-ctrl{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--text);transition:all var(--transition)}.spb-ctrl:hover{background:var(--accent-light);color:var(--accent)}.spb-play{width:32px;height:32px;background:var(--accent);color:#fff}.spb-play:hover{opacity:.9;background:var(--accent);color:#fff}.spb-time{font-size:var(--type-caption2);color:var(--text-muted);min-width:28px;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0}.spb-track{flex:1;height:4px;background:var(--border);border-radius:2px;cursor:pointer;overflow:hidden;min-width:60px}.spb-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .15s linear}.spb-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.spb-updates{display:inline-flex;align-items:center;gap:4px;font-size:var(--type-caption1);font-weight:500;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:2px 8px;cursor:pointer;font-family:inherit;transition:all var(--transition)}.spb-updates:hover{border-color:var(--accent);color:var(--accent)}.spb-timestamp{font-size:var(--type-caption1);color:var(--text-muted);white-space:nowrap}.song-demo-bar{display:flex;align-items:flex-start;gap:10px;margin-top:12px}.song-demo-bar .song-demo-notes{flex:1;min-width:0;margin-top:0}.song-demo-notes{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:var(--accent-light);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--type-subhead);color:var(--text);line-height:1.4}.song-demo-notes svg{color:var(--accent);flex-shrink:0;margin-top:1px}.song-demo-notes-version{font-size:var(--type-caption1);font-weight:700;color:var(--accent);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:1px 7px;flex-shrink:0;margin-top:-1px}.song-demo-notes-text{flex:1;min-width:0}.song-upload-demo-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius);font-size:var(--type-footnote);font-weight:500;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s;flex-shrink:0}.song-upload-demo-btn:hover{border-color:var(--accent);color:var(--accent)}.song-calendar-btn{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1.5px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s}.song-calendar-btn:hover{border-color:var(--accent);color:var(--accent)}.song-calendar-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:var(--type-caption2);font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.song-calendar-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:12px;animation:fadeIn .15s ease}.song-calendar-panel-header{display:flex;align-items:center;gap:7px;font-size:var(--type-subhead);font-weight:600;color:var(--text);margin-bottom:10px}.song-calendar-panel-close{margin-left:auto;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--type-headline);color:var(--text-muted);cursor:pointer;transition:all .15s;background:none;border:none}.song-calendar-panel-close:hover{background:#0000000f}.song-calendar-panel-empty{font-size:var(--type-subhead);color:var(--text-muted);padding:8px 0}.song-calendar-panel-list{display:flex;flex-direction:column;gap:4px}.song-calendar-panel-label{font-size:var(--type-caption2);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:6px;margin-bottom:2px}.song-calendar-panel-label:first-child{margin-top:0}.song-calendar-panel-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg);border-radius:6px;font-size:var(--type-subhead)}.song-calendar-panel-time{font-size:var(--type-caption1);font-weight:600;color:var(--accent);background:var(--accent-light);padding:1px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.song-calendar-panel-text{flex:1;min-width:0;overflow-wrap:break-word}.song-calendar-panel-date{font-size:var(--type-caption1);color:var(--text-muted);flex-shrink:0}.song-calendar-panel-link{display:block;margin-top:10px;font-size:var(--type-footnote);font-weight:500;color:var(--accent);text-decoration:none;transition:opacity .15s}.song-calendar-panel-link:hover{opacity:.8}.song-demo-upload-panel{margin-top:10px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:10px}.sdup-header{display:flex;align-items:center;gap:8px;font-size:var(--type-subhead);color:var(--text-muted)}.sdup-header svg{flex-shrink:0}.sdup-filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdup-next-version{font-size:var(--type-caption1);font-weight:700;color:var(--accent);background:var(--accent-light);border:1px solid var(--border);border-radius:4px;padding:1px 7px;flex-shrink:0}.sdup-name{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font-size:var(--type-subhead);color:var(--text);outline:none}.sdup-name:focus{border-color:var(--accent)}.sdup-notes{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font-size:var(--type-subhead);color:var(--text);resize:vertical;outline:none;font-family:inherit}.sdup-notes:focus{border-color:var(--accent)}.sdup-actions{display:flex;justify-content:flex-end;gap:8px}.sdup-cancel{padding:6px 14px;background:none;border:1px solid var(--border);border-radius:6px;font-size:var(--type-footnote);color:var(--text-muted);cursor:pointer}.sdup-cancel:hover{background:var(--bg-hover, rgba(0,0,0,.03))}.sdup-confirm{padding:6px 14px;background:var(--accent);border:none;border-radius:6px;font-size:var(--type-footnote);font-weight:600;color:#fff;cursor:pointer}.sdup-confirm:hover{opacity:.9}.sdup-confirm:disabled{opacity:.4;cursor:not-allowed}.songs-detail-content{flex:1;margin-top:16px;min-height:300px}.song-linked-wrapper{display:flex;flex-direction:column;gap:16px}.song-linked-filters{display:flex;align-items:center;gap:6px}.slf-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:36px;height:32px;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);background:none;cursor:pointer;transition:all var(--transition)}.slf-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.slf-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.slf-count{font-size:var(--type-caption2);font-weight:600;line-height:1}.song-linked-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;color:var(--text-muted);font-size:var(--type-callout);border:1px dashed var(--border);border-radius:var(--radius);gap:4px}.song-linked-hint{font-size:var(--type-footnote);opacity:.7}.song-linked-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.song-linked-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);transition:background var(--transition)}.song-linked-item:last-child{border-bottom:none}.song-linked-item:hover{background:var(--accent-light)}.song-linked-icon{flex-shrink:0;color:var(--accent)}.song-linked-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.song-linked-title{font-size:var(--type-subhead);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-linked-meta{font-size:var(--type-caption1);color:var(--text-muted)}.song-linked-type{font-size:var(--type-caption1);font-weight:600;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 7px;flex-shrink:0}.spb-checklist-pct{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:6px;transition:background var(--transition);flex-shrink:0;margin-left:6px}.spb-checklist-pct:hover{background:var(--accent-light)}.spb-pct-ring{flex-shrink:0}.spb-pct-text{font-size:var(--type-caption1);font-weight:700;color:var(--text-muted)}.spb-pct-text.complete{color:#27ae60}.scl-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000;animation:scl-fade-in .15s ease}@keyframes scl-fade-in{0%{opacity:0}to{opacity:1}}.scl-popup{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:380px;max-width:90vw;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001f;animation:scl-slide-in .2s ease}@keyframes scl-slide-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.scl-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.scl-title{font-size:var(--type-body);font-weight:600;margin:0}.scl-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.scl-close:hover{background:var(--bg);color:var(--text)}.scl-items{display:flex;flex-direction:column;padding:8px 12px;overflow-y:auto;gap:2px}.scl-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:8px;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit;transition:background var(--transition);width:100%}.scl-item:hover{background:var(--bg)}.scl-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.scl-item.checked .scl-checkbox{background:var(--accent);border-color:var(--accent);color:#fff}.scl-label{font-size:var(--type-callout);font-weight:500;color:var(--text);transition:all var(--transition)}.scl-label.done{text-decoration:line-through;color:var(--text-muted)}.scl-footer{padding:12px 20px;border-top:1px solid var(--border);font-size:var(--type-footnote);color:var(--text-muted);text-align:center}.sup-popup{max-height:420px}.sup-items{display:flex;flex-direction:column;padding:8px 16px;overflow-y:auto;max-height:300px;gap:0}.sup-empty{padding:24px 0;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.sup-item{display:flex;align-items:flex-start;gap:12px;padding:10px 4px;position:relative}.sup-item:not(:last-child):after{content:"";position:absolute;left:8px;top:26px;bottom:-2px;width:1px;background:var(--border)}.sup-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:4px}.sup-item:not(:first-child) .sup-dot{background:var(--border)}.sup-avatar{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--type-caption2);font-weight:700;color:#fff;letter-spacing:.02em}.sup-item-author{font-weight:500;color:var(--text-primary)}.sup-item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.sup-item-text{font-size:var(--type-subhead);font-weight:500;color:var(--text)}.sup-item:not(:first-child) .sup-item-text{color:var(--text-muted);font-weight:400}.sup-item-date{font-size:var(--type-caption1);color:var(--text-muted)}.spb-share{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.spb-share:hover{color:var(--accent);background:var(--bg-hover, rgba(0,0,0,.04))}.share-modal{background:var(--bg, #fff);border-radius:14px;width:380px;max-height:80vh;overflow-y:auto;box-shadow:0 16px 48px #0000002e;display:flex;flex-direction:column}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.share-modal-header h3{margin:0;font-size:var(--type-headline);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.share-modal-close{background:none;border:none;font-size:var(--type-title2);cursor:pointer;color:var(--text-muted);padding:0 2px}.share-modal-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.share-search-row{display:flex;gap:8px}.share-search-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:var(--type-callout);background:var(--bg, #fff);color:var(--text);outline:none}.share-search-input:focus{border-color:var(--accent)}.share-search-btn{padding:8px 14px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:var(--type-subhead);font-weight:600;cursor:pointer}.share-error{color:#e74c3c;font-size:var(--type-subhead);margin:0}.share-selected{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg-hover, rgba(0,0,0,.03))}.share-sel-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--type-caption1);font-weight:700;color:#fff;flex-shrink:0}.share-sel-name{font-size:var(--type-callout);font-weight:600}.share-sel-user{font-size:var(--type-footnote);color:var(--text-muted)}.share-sel-remove{margin-left:auto;background:none;border:none;font-size:var(--type-title3);cursor:pointer;color:var(--text-muted)}.share-collabs{display:flex;flex-direction:column;gap:4px}.share-collabs-label{font-size:var(--type-footnote);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.share-collab-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border:none;border-radius:8px;background:none;cursor:pointer;color:var(--text);font-size:var(--type-callout);text-align:left;width:100%}.share-collab-row:hover{background:var(--bg-hover, rgba(0,0,0,.04))}.share-collab-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--type-caption2);font-weight:700;color:#fff;flex-shrink:0}.share-collab-name{font-weight:500}.share-send-btn{padding:10px 0;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:var(--type-callout);font-weight:600;cursor:pointer;margin-top:4px}.share-send-btn:disabled{opacity:.45;cursor:default}.share-success{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0}.share-success p{margin:0;font-weight:500;font-size:var(--type-body)}.song-shared-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;color:var(--accent);opacity:.7;vertical-align:middle;flex-shrink:0}.song-shared-badge svg{display:block}.song-session-section{margin:12px 0 4px;border:1px solid var(--border, rgba(0,0,0,.08));border-radius:10px;padding:12px 14px;background:var(--bg-card, #fff)}.song-session-header{display:flex;align-items:center;gap:7px;color:var(--text-muted, #888);font-size:var(--type-footnote);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.song-session-label{color:var(--text-muted, #888)}.song-session-info-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:pointer;color:var(--text-muted, #999);opacity:.5;transition:opacity .15s,color .15s;border-radius:50%;margin-left:-2px}.song-session-info-btn:hover{opacity:1;color:var(--accent, #6C63FF)}.session-info-modal{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.session-info-modal-content{background:var(--bg-card, #fff);border-radius:14px;box-shadow:0 12px 48px #0000002e;width:420px;max-width:92vw;max-height:80vh;overflow-y:auto}.session-info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}.session-info-modal-header h3{font-size:var(--type-body);font-weight:700;margin:0}.session-info-modal-close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-muted, #999);padding:4px;border-radius:6px;transition:background .15s}.session-info-modal-close:hover{background:var(--bg-hover, rgba(0,0,0,.06))}.session-info-modal-body{padding:14px 18px 18px;font-size:var(--type-subhead);line-height:1.55;color:var(--text-secondary, #555)}.session-info-modal-body p{margin:0 0 10px}.session-info-modal-body ul{margin:0;padding-left:18px}.session-info-modal-body li{margin-bottom:6px}.session-info-modal-body li:last-child{margin-bottom:0}.session-info-modal-body strong{color:var(--text-primary, #222)}.song-session-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 4px}.song-session-empty-text{font-size:var(--type-subhead);color:var(--text-muted, #999)}.song-session-upload-btns{display:flex;gap:8px}.song-session-upload-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid var(--border, rgba(0,0,0,.12));border-radius:7px;background:none;font-size:var(--type-footnote);font-weight:500;color:var(--text, #222);cursor:pointer;transition:background .15s}.song-session-upload-btn:hover{background:var(--bg-hover, rgba(0,0,0,.04))}.song-session-uploading{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:var(--type-subhead);color:var(--text-muted, #888)}.song-session-spinner{width:16px;height:16px;border:2px solid var(--border, rgba(0,0,0,.12));border-top-color:var(--accent, #6366f1);border-radius:50%;animation:session-spin .7s linear infinite}@keyframes session-spin{to{transform:rotate(360deg)}}.song-session-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s}.song-session-card:hover{background:var(--bg-hover, rgba(0,0,0,.04))}.song-session-card-icon{flex-shrink:0;color:var(--accent, #6366f1);opacity:.7}.song-session-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.song-session-card-name{font-size:var(--type-callout);font-weight:600;color:var(--text, #222);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-session-card-meta{font-size:var(--type-footnote);color:var(--text-muted, #999)}.song-session-card-actions{display:flex;gap:4px;flex-shrink:0}.song-session-action-btn{width:28px;height:28px;border:none;border-radius:6px;background:none;color:var(--text-muted, #999);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.song-session-action-btn:hover{background:var(--bg-hover, rgba(0,0,0,.06));color:var(--text, #222)}.song-session-action-btn.danger:hover{background:#ef44441a;color:#ef4444}.session-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-overlay-content{background:var(--bg-card, #fff);border-radius:14px;width:420px;max-width:92vw;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0000002e;overflow:hidden}.session-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}.session-overlay-title-row{display:flex;align-items:center;gap:8px;color:var(--text, #222)}.session-overlay-title{margin:0;font-size:var(--type-headline);font-weight:700}.session-overlay-close{width:28px;height:28px;border:none;border-radius:6px;background:none;cursor:pointer;color:var(--text-muted, #999);display:flex;align-items:center;justify-content:center}.session-overlay-close:hover{background:var(--bg-hover, rgba(0,0,0,.06))}.session-overlay-meta{font-size:var(--type-footnote);color:var(--text-muted, #999);padding:4px 18px 12px}.session-file-tree{flex:1;overflow-y:auto;padding:0 10px 10px;max-height:45vh}.session-tree-item{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:5px;font-size:var(--type-subhead);color:var(--text-muted, #aaa);opacity:.7;-webkit-user-select:none;user-select:none}.session-tree-item.folder{font-weight:600;opacity:.8;color:var(--text-muted, #888)}.session-tree-item.file svg{opacity:.5}.session-tree-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-tree-size{flex-shrink:0;font-size:var(--type-caption1);color:var(--text-muted, #bbb)}.session-overlay-actions{padding:12px 18px 16px;border-top:1px solid var(--border, rgba(0,0,0,.08))}.session-download-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:10px 0;border:none;border-radius:8px;background:var(--accent, #6366f1);color:#fff;font-size:var(--type-callout);font-weight:600;cursor:pointer;transition:opacity .15s}.session-download-btn:hover{opacity:.9}@media(max-width:768px){.songs-grid{grid-template-columns:repeat(2,1fr);gap:10px}.song-card-art{height:120px}.songs-detail-page{max-width:100%}.songs-detail-header{flex-direction:column;align-items:flex-start;gap:12px}.songs-detail-art{width:100%;max-width:200px;height:auto;aspect-ratio:1}.songs-detail-actions{flex-wrap:wrap}.songs-compact-player{flex-wrap:wrap;gap:6px}.songs-demo-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.songs-demo-table th,.songs-demo-table td{padding:8px 10px;font-size:var(--type-footnote)}.share-modal-overlay .share-modal{width:95vw;max-width:95vw;margin:16px}.session-card{padding:14px}.song-player-bar{flex-direction:column;align-items:stretch;height:auto;padding:0;gap:0}.spb-row-top,.spb-row-middle,.spb-row-bottom{display:flex;align-items:center;gap:10px;padding:10px 16px}.spb-row-top{flex-shrink:0}.spb-row-top .spb-title{flex:1;min-width:0;max-width:none}.spb-row-middle{flex-shrink:0;justify-content:center;border-top:1px solid var(--border)}.spb-row-middle .spb-track{flex:1;min-width:0;max-width:180px}.spb-row-bottom{flex-wrap:wrap;justify-content:center;gap:8px;border-top:1px solid var(--border)}.spb-row-bottom .spb-meta{flex-shrink:0}.songs-list-table{table-layout:auto}.songs-list-table thead th:nth-child(1),.songs-list-table thead th:nth-child(2){width:auto}}.demos-page{max-width:860px;display:flex;flex-direction:column;gap:16px}.demos-upload-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border:1.5px dashed var(--border);border-radius:var(--radius);background:var(--bg-card);transition:border-color var(--transition)}.demos-upload-bar:hover{border-color:var(--accent)}.demos-upload-bar-left{display:flex;align-items:center;gap:14px;min-width:0}.demos-upload-bar-icon{flex-shrink:0;color:var(--accent)}.demos-upload-bar-text{display:flex;flex-direction:column;gap:1px}.demos-upload-bar-title{font-size:var(--type-callout);font-weight:600}.demos-upload-bar-hint{font-size:var(--type-footnote);color:var(--text-muted)}.demos-upload-bar-actions{display:flex;gap:8px;flex-shrink:0}.demos-upload-bar-btn{padding:7px 18px;background:var(--accent);color:#fff;border-radius:8px;font-size:var(--type-subhead);font-weight:600;transition:opacity var(--transition)}.demos-upload-bar-btn:hover{opacity:.9}.demos-browse-btn{padding:7px 16px;border:1.5px solid var(--border);border-radius:8px;font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);transition:all var(--transition)}.demos-browse-btn:hover{border-color:var(--accent);color:var(--accent)}.demos-browse-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.demos-memo-picker-wrap{position:relative}.demos-memo-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;max-height:260px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001f;z-index:30}.demos-memo-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 14px;text-align:left;font-size:var(--type-subhead);border-bottom:1px solid var(--border);transition:background var(--transition)}.demos-memo-option:last-child{border-bottom:none}.demos-memo-option:hover{background:var(--accent-light)}.demos-memo-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.demos-memo-meta{font-size:var(--type-footnote);color:var(--text-muted);flex-shrink:0;margin-left:12px}.demos-memo-empty{padding:14px;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.demos-upload-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:18px;display:flex;flex-direction:column;gap:14px}.demos-upload-header{display:flex;align-items:center;gap:8px;color:var(--accent)}.demos-upload-filename{font-size:var(--type-callout);font-weight:500;color:var(--text)}.demos-upload-fields{display:flex;flex-direction:column;gap:12px}.demos-field label{display:block;font-size:var(--type-footnote);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:4px}.demos-optional{text-transform:none;letter-spacing:0;font-weight:400}.demos-field input,.demos-field select,.demos-field textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:var(--type-callout);font-family:inherit;resize:vertical}.demos-field input:focus,.demos-field select:focus,.demos-field textarea:focus{outline:none;border-color:var(--accent)}.demos-field-hint{font-size:var(--type-footnote);color:var(--accent);font-weight:500;margin-top:2px}.demos-upload-actions{display:flex;gap:8px}.demos-btn{padding:8px 20px;border:1px solid var(--border);border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);background:none;cursor:pointer;transition:all var(--transition)}.demos-btn:hover{border-color:var(--accent);color:var(--accent)}.demos-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.demos-btn.primary:hover{opacity:.9}.demos-btn.primary:disabled{opacity:.4;cursor:not-allowed}.demos-section-heading{font-size:var(--type-subhead);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:8px}.demos-table-wrapper{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.demos-table{width:100%;border-collapse:collapse;font-size:var(--type-subhead);table-layout:fixed}.demos-table thead th{text-align:left;padding:8px 14px;font-weight:600;font-size:var(--type-footnote);text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.demos-th-actions{width:120px}.demos-row{transition:background var(--transition)}.demos-row:hover{background:var(--accent-light)}.demos-row-highlight{animation:demo-highlight-fade 3s ease}@keyframes demo-highlight-fade{0%,30%{background:var(--accent-light);box-shadow:inset 3px 0 0 var(--accent)}to{background:transparent;box-shadow:none}}.demos-row td{padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.demos-row:last-child td{border-bottom:none}.demos-name{font-weight:500;overflow:hidden;text-overflow:ellipsis}.demos-name-inner{display:flex;align-items:center;gap:10px}.demos-icon{color:var(--text-muted);flex-shrink:0}.demos-notes-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;color:var(--text-muted);margin-left:4px;flex-shrink:0;background:none;border:none;cursor:pointer;transition:all var(--transition);opacity:0}.demos-row:hover .demos-notes-badge,.demos-notes-badge.has-note,.demos-notes-badge.active{opacity:1}.demos-notes-badge.has-note{color:var(--accent)}.demos-notes-badge:hover{background:var(--accent-light);color:var(--accent)}.demos-notes-badge.active{background:var(--accent);color:#fff}.demos-note-row td{padding:0 14px 12px!important;border-bottom:1px solid var(--border);background:var(--bg)}.demos-note-editor{display:flex;flex-direction:column;gap:8px;padding-top:4px}.demos-note-textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);font-size:var(--type-subhead);font-family:inherit;resize:vertical;line-height:1.5}.demos-note-textarea:focus{outline:none;border-color:var(--accent)}.demos-note-actions{display:flex;gap:6px}.demos-song-link{font-size:var(--type-subhead);font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer;transition:opacity var(--transition)}.demos-song-link:hover{opacity:.8;text-decoration:underline}.demos-unlinked{color:var(--text-muted)}.demos-version{font-size:var(--type-caption1);font-weight:600;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 8px;color:var(--text-muted)}.demos-date{color:var(--text-muted);font-size:var(--type-subhead)}.demos-duration{color:var(--text-muted);font-size:var(--type-subhead);font-variant-numeric:tabular-nums}.demos-empty-row{text-align:center;color:var(--text-muted);font-size:var(--type-callout);padding:24px 14px!important}.demos-actions-cell{white-space:normal!important;overflow:visible!important;text-align:right}.demos-assign-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:var(--type-footnote);font-weight:500;color:var(--text-muted);background:none;cursor:pointer;transition:all var(--transition)}.demos-assign-btn:hover{border-color:var(--accent);color:var(--accent)}.demos-assign-inline{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box}.demos-assign-inline select{width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:var(--type-subhead);font-family:inherit}.demos-assign-inline select:focus{outline:none;border-color:var(--accent)}.demos-assign-notes{width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:var(--type-subhead);font-family:inherit;resize:none}.demos-assign-notes:focus{outline:none;border-color:var(--accent)}.demos-assign-btns{display:flex;gap:6px}.demos-btn-sm{padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:var(--type-footnote);font-weight:500;color:var(--text-muted);background:none;cursor:pointer;transition:all var(--transition)}.demos-btn-sm:hover{border-color:var(--accent);color:var(--accent)}.demos-btn-sm.primary{background:var(--accent);border-color:var(--accent);color:#fff}.demos-btn-sm.primary:disabled{opacity:.4;cursor:not-allowed}.demos-play-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:0;transition:all var(--transition)}.demos-play-btn:hover{background:var(--accent-light);color:var(--accent)}.demos-play-btn.active{color:var(--accent)}.demos-play-btn .demos-play-btn-play{display:none}.demos-row:hover .demos-play-btn:not(.active) .demos-play-btn-note{display:none}.demos-row:hover .demos-play-btn:not(.active) .demos-play-btn-play{display:block}.demos-row-playing{background:var(--accent-light)}.demos-player-row td{padding:0 14px 12px!important;border-bottom:1px solid var(--border);background:var(--bg)}.demos-player{display:flex;align-items:center;gap:10px;padding-top:4px}.demos-player-play{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;flex-shrink:0;padding:0;transition:opacity var(--transition)}.demos-player-play:hover{opacity:.85}.demos-player-time{font-size:var(--type-footnote);font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:34px;text-align:center;flex-shrink:0;-webkit-user-select:none;user-select:none}.demos-player-track{flex:1;height:6px;background:var(--border);border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.demos-player-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .1s linear}.demos-player-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:none;background:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:0;transition:all var(--transition)}.demos-player-close:hover{background:var(--accent-light);color:var(--accent)}.demos-player-empty{padding:10px 0 2px;font-size:var(--type-subhead);color:var(--text-muted);font-style:italic}@media(max-width:768px){.demos-page{max-width:100%}.demos-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.demos-table th,.demos-table td{padding:8px 10px;font-size:var(--type-footnote)}.demos-play-btn{opacity:1}.demos-upload-bar{flex-wrap:wrap;padding:14px 16px;gap:12px}.demos-upload-bar-actions{margin-left:auto}.demos-upload-bar-btn-suffix{display:none}.demos-upload-panel{padding:14px}.demos-note-editor{padding:10px 12px}}.mb-page{max-width:760px;display:flex;flex-direction:column;gap:12px}.mb-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:4px}.mb-topbar-left{display:flex;align-items:center;gap:10px}.mb-topbar-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mb-file-btn{padding:7px 16px;border:1.5px dashed var(--border);border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);transition:all var(--transition)}.mb-file-btn:hover{border-color:var(--accent);color:var(--accent)}.mb-file-name{font-size:var(--type-subhead);color:var(--text-muted);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-action-btn{padding:7px 16px;border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;transition:all var(--transition);white-space:nowrap}.mb-action-btn.outline{border:1.5px solid var(--border);color:var(--text-muted)}.mb-action-btn.outline:hover{border-color:var(--accent);color:var(--accent)}.mb-action-btn.primary{background:var(--accent);color:#fff}.mb-action-btn.primary:hover{opacity:.9}.mb-projects-btn{padding:7px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);transition:all var(--transition)}.mb-projects-btn:hover{border-color:var(--accent);color:var(--accent)}.mb-projects-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);max-height:200px;overflow-y:auto}.mb-projects-empty{padding:16px;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.mb-project-row{display:flex;align-items:center;gap:10px;padding:10px 14px;transition:background var(--transition)}.mb-project-row:not(:last-child){border-bottom:1px solid var(--border)}.mb-project-row:hover{background:var(--accent-light)}.mb-project-name{flex:1;font-size:var(--type-callout);font-weight:500;text-align:left;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.mb-project-name:hover{color:var(--accent)}.mb-project-date{font-size:var(--type-footnote);color:var(--text-muted);flex-shrink:0}.mb-project-del{display:flex;align-items:center;color:var(--text-muted);transition:color var(--transition);flex-shrink:0}.mb-project-del:hover{color:#c0392b}.mb-section{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.mb-section-header{display:flex;align-items:center;width:100%;padding:14px 18px;text-align:left;font-size:var(--type-body);transition:background var(--transition);gap:10px}.mb-section-header:hover{background:var(--accent-light)}.mb-section-title{font-weight:600;flex:1}.mb-section-badge{font-size:var(--type-caption1);font-weight:600;color:var(--accent);background:var(--accent-light);padding:2px 10px;border-radius:12px}.mb-chevron{font-size:var(--type-title3);color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.mb-chevron.open{transform:rotate(90deg)}.mb-section-body{padding:18px;border-top:1px solid var(--border)}.mb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px}.mb-field{display:flex;flex-direction:column;gap:4px}.mb-field.wide{grid-column:1 / -1}.mb-label{font-size:var(--type-footnote);font-weight:600;color:var(--text-muted);letter-spacing:.01em}.mb-hint{font-size:var(--type-caption1);color:var(--text-muted);opacity:.7}.mb-input{padding:8px 11px;border:1.5px solid var(--border);border-radius:8px;font:inherit;font-size:var(--type-callout);background:var(--bg);color:var(--text);outline:none;transition:border-color var(--transition);width:100%}.mb-input:focus{border-color:var(--accent)}.mb-textarea{resize:vertical;min-height:60px;line-height:1.5}.mb-checkbox-label{display:flex;align-items:center;gap:8px;font-size:var(--type-subhead);cursor:pointer;padding-top:4px}.mb-checkbox-label input[type=checkbox]{accent-color:var(--accent)}.mb-credits-list{display:flex;flex-direction:column;gap:14px}.mb-credit-card{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:var(--bg)}.mb-credit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mb-credit-num{font-size:var(--type-subhead);font-weight:600;color:var(--text-muted)}.mb-credit-remove{font-size:var(--type-footnote);font-weight:500;color:#c0392b;transition:opacity var(--transition)}.mb-credit-remove:hover{opacity:.7}.mb-add-credit-btn{align-self:flex-start;padding:8px 20px;border:1.5px dashed var(--border);border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);transition:all var(--transition)}.mb-add-credit-btn:hover{border-color:var(--accent);color:var(--accent)}.mb-export-wrap{position:relative}.mb-export-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:100;min-width:160px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001f;overflow:hidden;animation:fadeIn .15s ease}.mb-export-option{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;font-size:var(--type-subhead);font-weight:500;color:var(--text);text-align:left;transition:background var(--transition)}.mb-export-option:not(:last-child){border-bottom:1px solid var(--border)}.mb-export-option:hover{background:var(--accent-light)}.mb-export-option svg{color:var(--text-muted);flex-shrink:0}@media(max-width:768px){.mb-grid{grid-template-columns:1fr}.mb-topbar{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:6px}.mb-topbar-left{flex-shrink:0}.mb-file-name{display:none}.mb-topbar-right{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.mb-file-btn,.mb-projects-btn,.mb-action-btn{padding:6px 10px;font-size:var(--type-caption1);flex-shrink:0}.mb-section-body{padding:14px}}.aa-page{max-width:560px}.aa-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:center}.aa-upload-area:hover,.aa-upload-area.drag-over{border-color:var(--accent);background:var(--accent-light)}.aa-upload-icon{color:var(--text-muted);margin-bottom:4px}.aa-upload-area:hover .aa-upload-icon,.aa-upload-area.drag-over .aa-upload-icon{color:var(--accent)}.aa-upload-text{font-size:var(--type-body);font-weight:500;color:var(--text)}.aa-upload-hint{font-size:var(--type-footnote);color:var(--text-muted)}.aa-app-files{margin-top:16px}.aa-app-files-toggle{display:flex;align-items:center;gap:6px;font-size:var(--type-callout);font-weight:500;color:var(--text-muted);transition:color var(--transition)}@media(hover:hover){.aa-app-files-toggle:hover{color:var(--accent)}}.aa-app-files-toggle svg{transition:transform var(--transition)}.aa-app-files-toggle .chevron-open{transform:rotate(180deg)}.aa-file-list{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius);max-height:220px;overflow-y:auto}.aa-file-empty{padding:14px;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.aa-file-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;text-align:left;font-size:var(--type-callout);transition:background var(--transition)}.aa-file-row:not(:last-child){border-bottom:1px solid var(--border)}@media(hover:hover){.aa-file-row:hover{background:var(--accent-light)}}.aa-file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.aa-file-format{font-size:var(--type-footnote);color:var(--text-muted);flex-shrink:0;margin-left:12px}.aa-analyzing{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px}.aa-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:aa-spin .8s linear infinite}@keyframes aa-spin{to{transform:rotate(360deg)}}.aa-analyzing-label{font-size:var(--type-body);font-weight:500;color:var(--accent)}.aa-analyzing-file{font-size:var(--type-callout);color:var(--text-muted)}.aa-error{padding:14px 18px;background:#fff0f0;border:1px solid #ffc5c5;border-radius:var(--radius);color:#c0392b;font-size:var(--type-callout);display:flex;align-items:center;justify-content:space-between;gap:12px}.aa-retry-btn{padding:6px 16px;border:1px solid #c0392b;border-radius:var(--radius);color:#c0392b;font-size:var(--type-subhead);font-weight:500;white-space:nowrap;transition:all var(--transition)}.aa-retry-btn:hover{background:#c0392b;color:#fff}.aa-results{display:flex;flex-direction:column;align-items:center;gap:16px}.aa-result-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.aa-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:36px 20px 28px;background:#1a1a1a;border-radius:14px;text-align:center}.aa-card-label{font-size:var(--type-footnote);color:#aaa;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.aa-card-value{font-size:3.5rem;font-weight:700;color:#fff;line-height:1;letter-spacing:-.03em;margin-top:4px}.aa-card-sub{font-size:var(--type-title3);font-weight:500;color:#aaa}.aa-card-na{font-size:var(--type-large-title);font-weight:600;color:#555;margin-top:8px}.aa-confidence{margin-top:10px;font-size:var(--type-footnote);color:#888;display:flex;align-items:center;gap:8px}.aa-confidence strong{color:#ccc}.aa-confidence-bar{display:inline-block;width:50px;height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.aa-confidence-fill{display:block;height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.aa-result-file{font-size:var(--type-callout);color:var(--text-muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aa-another-btn{padding:8px 22px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--type-callout);font-weight:500;color:var(--text-muted);transition:all var(--transition)}.aa-another-btn:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:768px){.aa-page{max-width:100%}.aa-upload-area{padding:32px 16px}.aa-results{grid-template-columns:1fr}}.main-content:has(.mb-canvas-page){padding:0;max-width:none}.mb-canvas-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.mb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;z-index:10}.mb-toolbar-left{display:flex;align-items:center;gap:8px;min-width:0}.mb-board-name{font:inherit;font-size:var(--type-body);font-weight:600;border:none;background:none;outline:none;color:var(--text);padding:4px 6px;border-radius:6px;min-width:120px;max-width:200px;transition:background var(--transition)}.mb-board-name:focus{background:var(--accent-light)}.mb-song-assign{position:relative;flex-shrink:0}.mb-song-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:var(--type-footnote);font-weight:500;color:var(--text-muted);background:var(--bg);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:all var(--transition)}.mb-song-btn:hover{border-color:var(--accent);color:var(--accent)}.mb-song-btn.assigned{border-color:var(--accent);background:var(--accent);color:#fff}.mb-song-btn.assigned svg{stroke:#fff}.mb-song-dropdown{position:absolute;top:38px;left:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001f;z-index:30;max-height:220px;overflow-y:auto}.mb-song-dropdown .mb-song-option{display:block;width:100%;padding:9px 14px;text-align:left;font-size:var(--type-subhead);font-weight:500;border-bottom:1px solid var(--border);transition:background var(--transition)}.mb-song-dropdown .mb-song-option:last-child{border-bottom:none}.mb-song-dropdown .mb-song-option:hover{background:var(--accent-light)}.mb-song-dropdown .mb-song-option.active{color:var(--accent);font-weight:600}.mb-song-dropdown .mb-song-option.unassign{color:#c0392b;font-weight:500}.mb-song-dropdown .mb-song-option.unassign:hover{background:#ffeaea}.mb-song-version{color:var(--text-muted);font-weight:400;font-size:var(--type-footnote);margin-left:4px}.mb-song-empty{padding:14px;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.mb-toolbar-center,.mb-toolbar-right{display:flex;align-items:center;gap:2px}.mb-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--text-muted);transition:all var(--transition);position:relative}.mb-tool-btn:hover{background:var(--accent-light);color:var(--text)}.mb-tool-btn.active{background:var(--accent);color:#fff}.mb-draw-opts{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--border)}.mb-color-pick{width:26px;height:26px;border:2px solid var(--border);border-radius:50%;cursor:pointer;padding:0;background:none;-webkit-appearance:none;appearance:none}.mb-color-pick::-webkit-color-swatch-wrapper{padding:0}.mb-color-pick::-webkit-color-swatch{border:none;border-radius:50%}.mb-width-slider{width:60px;accent-color:var(--accent)}.mb-tool-group{position:relative}.mb-shape-dropdown{position:absolute;top:42px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001a;min-width:130px;z-index:20;overflow:hidden}.mb-shape-dropdown button{display:block;width:100%;padding:9px 14px;text-align:left;font-size:var(--type-subhead);font-weight:500;transition:background var(--transition)}.mb-shape-dropdown button:not(:last-child){border-bottom:1px solid var(--border)}.mb-shape-dropdown button:hover{background:var(--accent-light)}.mb-boards-dropdown{position:absolute;top:42px;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001a;min-width:200px;max-height:280px;overflow-y:auto;z-index:20}.mb-boards-new{display:block;width:100%;padding:10px 14px;text-align:left;font-size:var(--type-subhead);font-weight:600;color:var(--accent);border-bottom:1px solid var(--border);transition:background var(--transition)}.mb-boards-new:hover{background:var(--accent-light)}.mb-boards-empty{padding:14px;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.mb-boards-row{display:flex;align-items:center;padding:8px 14px;gap:8px;transition:background var(--transition)}.mb-boards-row:not(:last-child){border-bottom:1px solid var(--border)}.mb-boards-row:hover{background:var(--accent-light)}.mb-boards-name{flex:1;text-align:left;font-size:var(--type-subhead);font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-boards-del{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0;transition:color var(--transition)}.mb-boards-del:hover{color:#c0392b}.mb-canvas-wrapper{flex:1;position:relative;overflow:hidden;background-color:#fafafa;background-image:radial-gradient(circle,#d0d0d0 1px,transparent 1px);background-size:24px 24px}.mb-canvas-wrapper canvas{display:block}.mb-clip{position:absolute;bottom:16px;left:50%;margin-left:-185px;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#1a1a2e;border:1px solid #2d2d44;border-radius:10px;box-shadow:0 4px 16px #00000040;width:370px;z-index:20;cursor:grab;-webkit-user-select:none;user-select:none}.mb-clip:active{cursor:grabbing}.mb-clip-play{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#7c3aed;color:#fff;flex-shrink:0;transition:background var(--transition)}.mb-clip-play:hover{background:#6d28d9}.mb-clip-name{font-size:var(--type-footnote);font-weight:600;color:#e0e0e0;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.mb-clip-time{font-size:var(--type-caption1);color:#888;min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.mb-clip-track{flex:1;height:4px;background:#333;border-radius:2px;cursor:pointer;overflow:hidden}.mb-clip-fill{height:100%;background:#7c3aed;border-radius:2px;transition:width .15s linear}.mb-clip-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#666;flex-shrink:0;transition:all var(--transition)}.mb-clip-close:hover{color:#fff;background:#ffffff1a}.mb-toolbar-top,.mb-toolbar-top-right,.mb-toolbar-tools{display:contents}.mb-toolbar-collapse-btn,.mb-tools-spacer{display:none}@media(max-width:768px){.main-content:has(.mb-canvas-page){padding:calc(56px + env(safe-area-inset-top,0px)) 0 calc(64px + env(safe-area-inset-bottom,0px))}.mb-toolbar{flex-direction:column;padding:8px 12px;gap:0;align-items:stretch}.mb-toolbar-top{display:flex;align-items:center;width:100%;gap:8px}.mb-board-name{flex:1;min-width:0}.mb-toolbar-top-right{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.mb-toolbar-collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);transition:transform .2s;flex-shrink:0}.mb-toolbar-collapse-btn.open{transform:rotate(180deg)}.mb-toolbar-tools{display:none;width:100%;flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px}.mb-toolbar-tools.mb-toolbar-tools-open{display:flex}.mb-toolbar-tools .mb-tool-btn{width:30px;height:30px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card)}.mb-toolbar-tools .mb-tool-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.mb-tools-spacer{display:block;flex:1}.mb-toolbar-tools .mb-draw-opts{margin-left:0;padding-left:0;border-left:none}.mb-toolbar-tools .mb-color-pick{width:22px;height:22px}.mb-toolbar-tools .mb-width-slider{width:60px}.mb-canvas-wrap{touch-action:none}.mb-clip{bottom:auto;top:8px;left:8px;margin-left:0;max-width:calc(100vw - 32px)}}.stats-page{display:flex;flex-direction:column;gap:32px;max-width:720px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;transition:transform var(--transition)}.stat-card:hover{transform:translateY(-2px)}.stat-card-platforms{display:flex;gap:6px;margin-bottom:4px;align-items:center}.stat-card-label{font-size:var(--type-subhead);color:var(--text-muted);font-weight:400}.stat-card-value{font-size:var(--type-title1);font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.1}.stat-card-ml{position:relative}.ml-refresh-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:var(--text-muted);margin-left:auto;transition:all .2s}.ml-refresh-btn:hover{color:var(--text);background:var(--accent-light)}.ml-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.ml-spin{animation:mlSpin .8s linear infinite}@keyframes mlSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ml-connect-link,.ml-disconnect-link{font-size:var(--type-caption1);font-weight:500;margin-top:4px;padding:0;background:none;border:none;cursor:pointer;transition:color .2s}.ml-connect-link{color:#1db954}.ml-connect-link:hover{color:#1ed760}.ml-disconnect-link{color:var(--text-muted)}.ml-disconnect-link:hover{color:var(--text)}.spotify-connect-row{display:flex;align-items:center;gap:8px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.spotify-url-input{flex:1;padding:8px 12px;border:1.5px solid var(--border);border-radius:8px;font:inherit;font-size:var(--type-subhead);background:var(--bg);color:var(--text);outline:none;transition:border-color .2s}.spotify-url-input:focus{border-color:#1db954}.spotify-url-input::placeholder{color:var(--text-muted)}.spotify-connect-btn{padding:8px 18px;background:#1db954;color:#fff;border-radius:8px;font-size:var(--type-subhead);font-weight:600;white-space:nowrap;transition:opacity .2s}.spotify-connect-btn:hover{opacity:.9}.spotify-connect-btn:disabled{opacity:.5;cursor:not-allowed}.spotify-cancel-btn{padding:8px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);white-space:nowrap;transition:all .2s}.spotify-cancel-btn:hover{border-color:var(--accent);color:var(--text)}.ml-error{font-size:var(--type-subhead);color:#e74c3c;padding:0 4px;margin:-8px 0 0}.stats-tracks-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stats-tracks-header{padding:16px 20px 12px;border-bottom:1px solid var(--border)}.stats-time-select{display:flex;gap:4px;flex-wrap:wrap}.stats-time-btn{padding:6px 14px;border-radius:20px;font-size:var(--type-footnote);font-weight:500;color:var(--text-muted);transition:all var(--transition)}.stats-time-btn:hover{background:var(--accent-light);color:var(--text)}.stats-time-btn.active{background:var(--accent);color:#fff}.stats-tracks-list{display:flex;flex-direction:column}.stats-track-row{display:flex;align-items:center;gap:14px;padding:12px 20px;transition:background var(--transition)}.stats-track-row:not(:last-child){border-bottom:1px solid var(--border)}.stats-track-row:hover{background:var(--accent-light)}.track-rank{width:22px;text-align:center;font-size:var(--type-callout);font-weight:600;color:var(--text-muted);flex-shrink:0}.track-artwork{width:44px;height:44px;border-radius:6px;background:linear-gradient(135deg,#ddd,#bbb);flex-shrink:0}.track-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.track-title{font-size:var(--type-callout);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:var(--type-footnote);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-streams{font-size:var(--type-callout);font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}@media(max-width:768px){.stats-page{max-width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stats-platforms-grid{grid-template-columns:1fr}.stats-card{padding:14px}}.stem-extractor{max-width:560px}.stem-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:center}.stem-upload-area:hover,.stem-upload-area.drag-over{border-color:var(--accent);background:var(--accent-light)}.stem-upload-icon{color:var(--text-muted);margin-bottom:4px}.stem-upload-area:hover .stem-upload-icon,.stem-upload-area.drag-over .stem-upload-icon{color:var(--accent)}.stem-upload-text{font-size:var(--type-body);font-weight:500;color:var(--text)}.stem-upload-hint{font-size:var(--type-footnote);color:var(--text-muted)}.stem-app-files{margin-top:16px}.stem-app-files-toggle{display:flex;align-items:center;gap:6px;font-size:var(--type-callout);font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition)}@media(hover:hover){.stem-app-files-toggle:hover{color:var(--accent)}}.stem-app-files-toggle svg{transition:transform var(--transition)}.stem-app-files-toggle .chevron-open{transform:rotate(180deg)}.stem-file-list{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius);max-height:220px;overflow-y:auto}.stem-file-empty{padding:14px;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.stem-file-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;text-align:left;font-size:var(--type-callout);background:none;border:none;cursor:pointer;transition:background var(--transition)}.stem-file-row:not(:last-child){border-bottom:1px solid var(--border)}@media(hover:hover){.stem-file-row:hover{background:var(--accent-light)}}.stem-file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.stem-file-format{font-size:var(--type-footnote);color:var(--text-muted);flex-shrink:0;margin-left:12px}.stem-file-group-label{padding:6px 14px;font-size:var(--type-caption1);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border)}.stem-progress-section{display:flex;flex-direction:column;gap:10px}.stem-status-label{font-size:var(--type-callout);font-weight:500;color:var(--accent)}.stem-status-label.extracting{display:flex;align-items:center;gap:8px}.stem-status-label.extracting,.stem-status-dot{animation:stem-pulse 1.5s ease-in-out infinite}.stem-status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}@keyframes stem-pulse{0%,to{opacity:.6}50%{opacity:1}}.stem-title{font-size:var(--type-body);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stem-progress-track{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.stem-progress-bar{height:100%;background:var(--accent);border-radius:4px;transition:width .4s ease}.stem-percent{font-size:var(--type-footnote);color:var(--text-muted);align-self:flex-end}.stem-error{padding:14px 18px;background:#fff0f0;border:1px solid #ffc5c5;border-radius:var(--radius);color:#c0392b;font-size:var(--type-callout);display:flex;align-items:center;justify-content:space-between;gap:12px}.stem-retry-btn{padding:6px 16px;border:1px solid #c0392b;border-radius:var(--radius);color:#c0392b;font-size:var(--type-subhead);font-weight:500;white-space:nowrap;transition:all var(--transition)}.stem-retry-btn:hover{background:#c0392b;color:#fff}.stem-results{display:flex;flex-direction:column;gap:16px}.stem-results-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.stem-save-all-btn{padding:8px 20px;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:var(--type-callout);font-weight:500;transition:opacity var(--transition);white-space:nowrap;flex-shrink:0}.stem-save-all-btn:hover:not(:disabled){opacity:.9}.stem-save-all-btn:disabled{background:#34c759;opacity:1;cursor:default}.stem-list{display:flex;flex-direction:column;gap:8px}.stem-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius)}.stem-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.stem-name{font-weight:500;font-size:var(--type-body)}.stem-actions{display:flex;gap:8px;flex-shrink:0}.stem-btn{padding:6px 14px;border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;transition:all var(--transition)}.stem-btn.save{background:var(--accent-light);color:var(--accent)}.stem-btn.save:hover:not(:disabled){background:var(--accent);color:#fff}.stem-btn.save:disabled{background:#e8f5e9;color:#34c759;cursor:default}.stem-btn.download{background:var(--bg);border:1.5px solid var(--border);color:var(--text)}.stem-btn.download:hover{border-color:var(--accent);color:var(--accent)}.stem-btn.rename{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg);border:1.5px solid var(--border);color:var(--text-muted);border-radius:var(--radius);flex-shrink:0}.stem-btn.rename:hover{border-color:var(--accent);color:var(--accent)}.stem-rename-input{flex:1;min-width:0;padding:5px 10px;border:1.5px solid var(--accent);border-radius:var(--radius);font:inherit;font-size:var(--type-body);font-weight:500;background:var(--bg);color:var(--text);outline:none}.stem-new-btn{align-self:flex-start;padding:8px 20px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--type-callout);font-weight:500;color:var(--text-muted);transition:all var(--transition);margin-top:4px}.stem-new-btn:hover{border-color:var(--accent);color:var(--accent)}.stem-player{display:flex;align-items:center;gap:8px}.stem-play-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent-light);color:var(--accent);flex-shrink:0;transition:all var(--transition)}.stem-play-btn:hover{background:var(--accent);color:#fff}.stem-player-time{font-size:var(--type-footnote);color:var(--text-muted);min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.stem-player-track-wrap{flex:1;min-width:0;display:flex;align-items:center}.stem-player-track{flex:1;height:6px;background:var(--border);border-radius:3px;cursor:pointer;overflow:hidden}.stem-player-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .15s linear}.stem-waveform-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;height:56px;flex:1}.stem-waveform-canvas{width:100%;height:100%;display:block}@media(max-width:768px){.stem-extractor{max-width:100%}.stem-upload-area{padding:32px 16px}.stem-results-grid{grid-template-columns:1fr}.stem-result-card{padding:12px}.stem-result-actions{flex-wrap:wrap}}.cal-tab-bar{display:flex;gap:4px;margin-bottom:20px;background:var(--bg, #f5f5f5);border-radius:10px;padding:4px;width:fit-content}.cal-tab{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);transition:all .2s}.cal-tab:hover{color:var(--text);background:#00000008}.cal-tab.active{background:var(--bg-card, #fff);color:var(--text);box-shadow:0 1px 4px #00000012;font-weight:600}.cal-tab-badge{font-size:var(--type-caption2);font-weight:700;background:var(--accent);color:#fff;border-radius:10px;padding:1px 7px;min-width:18px;text-align:center}.cal-subscribe-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);transition:all var(--transition)}.cal-subscribe-toggle:hover{border-color:var(--accent);color:var(--accent)}.cal-subscribe-popover{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001a;padding:14px 16px;z-index:20;min-width:340px;display:flex;flex-direction:column;gap:10px}.cal-subscribe-hint{font-size:var(--type-subhead);color:var(--text-muted);line-height:1.4}.cal-subscribe-url-row{display:flex;gap:6px}.cal-subscribe-url{flex:1;padding:7px 10px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:var(--type-footnote);background:var(--bg);outline:none;color:var(--text);min-width:0}.cal-subscribe-url:focus{border-color:var(--accent)}.cal-copy-btn{padding:7px 14px;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:var(--type-footnote);font-weight:500;white-space:nowrap;transition:opacity var(--transition);flex-shrink:0}.cal-copy-btn:hover{opacity:.9}.cal-subscribe-open{font-size:var(--type-subhead);font-weight:500;color:var(--accent);text-decoration:none;transition:opacity var(--transition)}.cal-subscribe-open:hover{opacity:.8}.cal-full-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative}.cal-header-actions,.cal-full-title{display:flex;align-items:center;gap:8px}.cal-month-label{font-weight:700;font-size:var(--type-title2);min-width:180px;text-align:center}.cal-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--type-title2);color:var(--text-muted);transition:all var(--transition)}.cal-nav-btn:hover{background:var(--accent-light);color:var(--accent)}.cal-today-btn{padding:6px 16px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--type-subhead);font-weight:600;color:var(--text-muted);transition:all .2s}.cal-today-btn:hover{border-color:var(--accent);color:var(--accent)}.cal-full-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--border);gap:1px}.cal-day-header{background:var(--bg);text-align:center;font-size:var(--type-caption1);font-weight:700;color:var(--text-muted);padding:8px 0;text-transform:uppercase;letter-spacing:.05em}.cal-day{background:var(--bg-card);height:110px;padding:6px 8px;cursor:pointer;transition:background .15s;display:flex;flex-direction:column;overflow:hidden}.cal-day:hover{background:var(--accent-light)}.cal-day.outside{background:var(--bg)}.cal-day.outside .cal-day-num{color:var(--border)}.cal-day.outside .cal-day-events{opacity:.4}.cal-day.selected{background:var(--accent-light);box-shadow:inset 0 0 0 2px var(--accent)}.cal-day-num{font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);margin-bottom:4px;line-height:1}.cal-day-num.today-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:var(--type-footnote)}.cal-day-events{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,black calc(100% - 14px),transparent 100%)}.cal-day-event{padding:2px 5px;border-radius:3px;background:var(--accent-light);border-left:3px solid var(--accent);overflow:hidden}.cal-day-event.has-song{border-left-color:#7c6ff0}.cal-day-event-text{font-size:var(--type-caption1);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.35}.cal-detail{margin-top:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;animation:fadeIn .2s ease}.cal-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal-detail-title{font-size:var(--type-headline);font-weight:600;margin:0}.cal-detail-close{display:none;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:var(--radius);transition:color var(--transition)}.cal-detail-close:hover{color:var(--text)}.cal-add-row{display:flex;gap:8px;margin-bottom:8px}.cal-add-input{flex:1;padding:9px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:var(--type-callout);outline:none;transition:border-color var(--transition);background:var(--bg)}.cal-add-input:focus{border-color:var(--accent)}.cal-add-time{padding:7px 8px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:var(--type-subhead);outline:none;background:var(--bg);color:var(--text);width:110px;flex-shrink:0;transition:border-color var(--transition)}.cal-add-time:focus{border-color:var(--accent)}.cal-add-btn{padding:9px 20px;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:var(--type-callout);font-weight:500;transition:opacity var(--transition);flex-shrink:0}.cal-add-btn:hover:not(:disabled){opacity:.9}.cal-add-btn:disabled{opacity:.5;cursor:default}.cal-add-options{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.cal-song-picker,.cal-collab-picker{padding:6px 10px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:var(--type-footnote);background:var(--bg);color:var(--text);outline:none;max-width:180px;transition:border-color var(--transition)}.cal-song-picker:focus,.cal-collab-picker:focus{border-color:var(--accent)}.cal-detail-empty{color:var(--text-muted);font-size:var(--type-callout)}.cal-entries{list-style:none;display:flex;flex-direction:column;gap:6px}.cal-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--bg);border-radius:var(--radius);font-size:var(--type-callout)}.cal-entry-content{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.cal-entry-content>span{min-width:0;overflow-wrap:break-word}.cal-entry-time{font-size:var(--type-footnote);font-weight:600;color:var(--accent);background:var(--accent-light);padding:2px 7px;border-radius:4px;white-space:nowrap;flex-shrink:0}.cal-entry-song{font-size:var(--type-caption1);font-weight:600;color:var(--text-muted);background:#0000000a;padding:2px 7px;border-radius:4px;white-space:nowrap;flex-shrink:0}.cal-entry-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.cal-entry-add-ios{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);transition:all var(--transition)}@media(hover:hover){.cal-entry-add-ios:hover{background:var(--accent-light);color:var(--accent)}}.cal-entry-add-ios:active{color:var(--accent)}.cal-entry-remove{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--type-title3);color:var(--text-muted);transition:all var(--transition)}@media(hover:hover){.cal-entry-remove:hover{background:#fff0f0;color:#c0392b}}.rem-container{max-width:680px}.rem-top-row{display:flex;gap:4px;margin-bottom:16px}.rem-view-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);border:1.5px solid var(--border);transition:all .2s}.rem-view-btn:hover{border-color:var(--accent);color:var(--accent)}.rem-view-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.rem-completed-count{font-size:var(--type-caption1);background:#ffffff40;border-radius:8px;padding:0 6px}.rem-view-btn.active .rem-completed-count{background:#ffffff40}.rem-view-btn:not(.active) .rem-completed-count{background:#0000000f}.rem-add-row{display:flex;gap:8px;margin-bottom:8px}.rem-add-input{flex:1;padding:9px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:var(--type-callout);outline:none;background:var(--bg);transition:border-color var(--transition)}.rem-add-input:focus{border-color:var(--accent)}.rem-add-btn{padding:9px 20px;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:var(--type-callout);font-weight:500;transition:opacity var(--transition)}.rem-add-btn:hover:not(:disabled){opacity:.9}.rem-add-btn:disabled{opacity:.5;cursor:default}.rem-add-options{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.rem-section-picker-wrap{position:relative}.rem-section-picker{padding:6px 10px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:var(--type-footnote);background:var(--bg);color:var(--text);outline:none}.rem-section-picker:focus{border-color:var(--accent)}.rem-new-section-row{display:flex;gap:6px;align-items:center;margin-top:6px}.rem-new-section-input{padding:5px 10px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:var(--type-footnote);background:var(--bg);outline:none;width:140px}.rem-new-section-input:focus{border-color:var(--accent)}.rem-new-section-ok,.rem-new-section-cancel{padding:4px 10px;border-radius:var(--radius);font-size:var(--type-footnote);font-weight:500;transition:opacity .15s}.rem-new-section-ok{background:var(--accent);color:#fff}.rem-new-section-cancel{color:var(--text-muted)}.rem-due-date{padding:6px 8px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:var(--type-footnote);background:var(--bg);color:var(--text);outline:none}.rem-due-date:focus{border-color:var(--accent)}.rem-section{margin-bottom:20px}.rem-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.rem-section-name{font-size:var(--type-footnote);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.rem-section-count{font-size:var(--type-caption2);font-weight:600;color:var(--text-muted);background:#0000000d;border-radius:8px;padding:1px 7px}.rem-list{list-style:none;display:flex;flex-direction:column;gap:4px}.rem-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.rem-item:hover{border-color:#0000001f}.rem-check{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:1px;cursor:pointer;background:none;border:none;padding:0}.rem-check-circle{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);transition:all .15s}.rem-check:hover .rem-check-circle{border-color:var(--accent);background:var(--accent-light)}.rem-check.done{color:var(--accent)}.rem-check.done:hover{opacity:.7}.rem-item-content{flex:1;min-width:0}.rem-item-text{font-size:var(--type-callout);line-height:1.4}.rem-item-meta{display:flex;gap:6px;margin-top:3px;flex-wrap:wrap}.rem-item-due{font-size:var(--type-caption1);font-weight:600;color:var(--accent);background:var(--accent-light);padding:1px 7px;border-radius:4px}.rem-item-song{font-size:var(--type-caption1);font-weight:600;color:var(--text-muted);background:#0000000a;padding:1px 7px;border-radius:4px}.rem-item-completed-date{font-size:var(--type-caption1);color:var(--text-muted)}.rem-item-delete{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--type-headline);color:var(--text-muted);transition:all .15s;opacity:0}.rem-item:hover .rem-item-delete{opacity:1}.rem-item-delete:hover{background:#fff0f0;color:#c0392b}.rem-item.completed .rem-item-text{text-decoration:line-through;opacity:.5}.rem-completed-list .rem-item{background:var(--bg);border-color:transparent}.rem-empty{text-align:center;color:var(--text-muted);font-size:var(--type-callout);padding:32px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.cal-tab-bar{width:100%}.cal-tab{flex:1;justify-content:center;padding:8px 10px;font-size:var(--type-footnote)}.cal-full-header{flex-wrap:wrap;gap:8px}.cal-month-label{font-size:var(--type-headline);min-width:140px}.cal-day{height:70px;padding:4px}.cal-day-event-text{font-size:var(--type-caption2)}.cal-detail-overlay{position:fixed;inset:0;z-index:1000;background:#00000073;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.cal-detail-overlay .cal-detail{margin:0;border:none;border-radius:16px 16px 0 0;width:100%;max-height:80vh;overflow-y:auto;padding:20px 16px calc(env(safe-area-inset-bottom,0px) + 16px);animation:calModalSlideUp .25s ease}.cal-detail-close{display:flex;align-items:center;justify-content:center}@keyframes calModalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cal-add-row{flex-direction:column}.cal-add-time{width:100%}.cal-add-options{flex-direction:column}.cal-subscribe-label{display:none}.cal-subscribe-toggle{padding:6px;gap:0}.cal-subscribe-popover{min-width:auto;left:0;right:0}.rem-container{max-width:100%}.rem-add-row{flex-direction:column}.rem-add-options{flex-direction:column;align-items:stretch}}.yt-downloader{display:flex;flex-direction:column;gap:20px;max-width:560px}.yt-url-input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:var(--type-body);outline:none;transition:border-color var(--transition);background:var(--bg)}.yt-url-input:focus{border-color:var(--accent)}.yt-url-input:disabled{opacity:.6}.yt-controls{display:flex;align-items:center;gap:12px}.yt-format-toggle{display:flex;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.yt-format-btn{padding:8px 20px;font-size:var(--type-callout);font-weight:500;color:var(--text-muted);background:var(--bg);transition:all var(--transition);border-right:1px solid var(--border)}.yt-format-btn:last-child{border-right:none}.yt-format-btn.active{background:var(--accent);color:#fff}.yt-format-btn:disabled{opacity:.6;cursor:default}.yt-download-btn{padding:9px 28px;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:var(--type-body);font-weight:500;transition:opacity var(--transition)}.yt-download-btn:hover:not(:disabled){opacity:.9}.yt-download-btn:disabled{opacity:.5;cursor:default}.yt-progress-section{display:flex;flex-direction:column;gap:8px}.yt-title{font-size:var(--type-callout);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-progress-track{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.yt-progress-bar{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.yt-progress-bar.done{background:#34c759}.yt-percent{font-size:var(--type-footnote);color:var(--text-muted);align-self:flex-end}.yt-error{padding:14px 18px;background:#fff0f0;border:1px solid #ffc5c5;border-radius:var(--radius);color:#c0392b;font-size:var(--type-callout);display:flex;align-items:center;justify-content:space-between;gap:12px}.yt-retry-btn{padding:6px 16px;border:1px solid #c0392b;border-radius:var(--radius);color:#c0392b;font-size:var(--type-subhead);font-weight:500;white-space:nowrap;transition:all var(--transition)}.yt-retry-btn:hover{background:#c0392b;color:#fff}.yt-save-options{display:flex;gap:12px}.yt-save-btn{padding:10px 24px;border-radius:var(--radius);font-size:var(--type-callout);font-weight:500;transition:all var(--transition)}.yt-save-btn.app{background:var(--accent);color:#fff}.yt-save-btn.app:hover:not(:disabled){opacity:.9}.yt-save-btn.app:disabled{background:#34c759;opacity:1;cursor:default}.yt-save-btn.device{background:var(--bg);border:1.5px solid var(--border);color:var(--text)}.yt-save-btn.device:hover{border-color:var(--accent);color:var(--accent)}.dl-player{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.dl-play-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent-light);color:var(--accent);flex-shrink:0;transition:all var(--transition)}.dl-play-btn:hover{background:var(--accent);color:#fff}.dl-time{font-size:var(--type-footnote);color:var(--text-muted);min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.dl-track{flex:1;height:6px;background:var(--border);border-radius:3px;cursor:pointer;overflow:hidden}.dl-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .15s linear}@media(max-width:768px){.yt-downloader{max-width:100%}.dl-input-row{flex-direction:column}.dl-input-row input{width:100%}.dl-actions{flex-direction:column;align-items:stretch}.dl-result-card{padding:14px}}.files-loading{color:var(--text-muted);font-size:var(--type-body)}.finder-layout{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card);height:calc(100vh - 180px);min-height:400px}.finder-sidebar{width:170px;flex-shrink:0;border-right:1px solid var(--border);padding:10px 0;background:var(--bg);display:flex;flex-direction:column;overflow-y:auto}.finder-cat{display:flex;align-items:center;gap:8px;text-align:left;padding:7px 16px;font-size:var(--type-subhead);color:var(--text-muted);transition:all var(--transition)}@media(hover:hover){.finder-cat:hover{color:var(--text);background:var(--accent-light)}}.finder-cat.active{color:var(--accent);background:var(--accent-light);font-weight:500}.finder-cat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.6}.finder-cat.active .finder-cat-icon{opacity:1}@media(hover:hover){.finder-cat:hover .finder-cat-icon{opacity:1}}.finder-main{flex:1;display:flex;min-width:0;overflow:hidden}.finder-list-pane{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.finder-main.has-detail .finder-list-pane{flex:1;border-right:1px solid var(--border)}.finder-content{flex:1;overflow-y:auto;overflow-x:auto}.finder-sidebar-toggle{display:none}.finder-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--border)}.finder-view-toggle{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.fvt-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all var(--transition)}.fvt-btn:not(:last-child){border-right:1px solid var(--border)}@media(hover:hover){.fvt-btn:hover{background:var(--accent-light);color:var(--accent)}}.fvt-btn.active{background:var(--accent);color:#fff}.finder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;padding:16px}.finder-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);transition:all var(--transition)}@media(hover:hover){.finder-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #0000000f}}.finder-card-song{cursor:pointer}.finder-card-icon{width:48px;height:48px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.finder-card-info{text-align:center;display:flex;flex-direction:column;gap:3px;min-width:0;width:100%}.finder-card-title{font-size:var(--type-subhead);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder-card-meta{font-size:var(--type-caption1);color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder-empty{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);font-size:var(--type-body)}.finder-table{width:100%;border-collapse:collapse;font-size:var(--type-subhead);table-layout:fixed}.finder-th{text-align:left;padding:8px 14px;font-weight:600;font-size:var(--type-footnote);text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:1px solid var(--border);border-right:1px solid rgba(0,0,0,.04);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--transition);position:sticky;top:0;background:var(--bg-card);z-index:2}.finder-th:last-child,.finder-th.actions-th{border-right:none}@media(hover:hover){.finder-th:hover{color:var(--text)}}.col-resize-handle{position:absolute;right:-3px;top:0;bottom:0;width:7px;cursor:col-resize;z-index:3}.col-resize-handle:after{content:"";position:absolute;left:2px;top:25%;bottom:25%;width:3px;border-radius:2px;background:transparent;transition:background .15s}@media(hover:hover){.col-resize-handle:hover:after{background:var(--accent)}}.finder-table.compact{table-layout:auto}.finder-table.compact .finder-th:first-child{width:auto}.finder-table.compact .name-cell{max-width:none;-webkit-mask-image:none;mask-image:none}.finder-th.sorted{color:var(--accent)}.sort-arrow{font-size:var(--type-caption2)}.actions-th{width:100px;cursor:default}.finder-row{transition:background var(--transition)}.finder-row:nth-child(2n){background:var(--bg)}@media(hover:hover){.finder-row:hover{background:var(--accent-light)}}.finder-td{padding:9px 14px;border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.name-cell{font-weight:500;max-width:360px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,black calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 32px),transparent 100%)}.name-cell-inner{min-width:0}.name-cell-inner .scrollable-text-inner{display:inline-flex;align-items:center;gap:0;white-space:nowrap;padding-right:16px}.finder-file-icon{flex-shrink:0;display:inline-flex;align-items:center;color:var(--text-muted);margin-right:6px}.finder-version-tag{flex-shrink:0;margin-left:6px;font-size:var(--type-caption2);font-weight:600;color:var(--text-muted);background:var(--bg);padding:1px 6px;border-radius:4px;opacity:.5;transition:all .2s ease}@media(hover:hover){.finder-row:hover .finder-version-tag{color:var(--accent);background:var(--accent-light);opacity:1}}@media(hover:hover){.finder-row-song:hover{background:var(--accent-light)}}.finder-song-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--type-caption2);font-weight:500;color:var(--text-muted);background:var(--bg);border-radius:4px;padding:1px 7px;margin-left:8px;opacity:.5;transition:all .2s ease}@media(hover:hover){.finder-row:hover .finder-song-tag{color:var(--accent);background:var(--accent-light);opacity:1;white-space:nowrap;vertical-align:middle}}.type-cell{color:var(--text-muted);font-size:var(--type-footnote)}.actions-cell{text-align:right;padding-right:12px}.finder-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--text-muted);opacity:0;transition:all var(--transition)}@media(hover:hover){.finder-row:hover .finder-action-btn{opacity:1}.finder-action-btn.dl:hover{background:var(--accent-light);color:var(--accent)}.finder-action-btn.del:hover{background:#fff0f0;color:#c0392b}}.finder-action-btn.play.active{opacity:1;color:var(--accent);background:var(--accent-light)}@media(hover:hover){.finder-action-btn.play:hover{background:var(--accent-light);color:var(--accent)}}.finder-row.playing{background:var(--accent-light)}.finder-row.playing .finder-action-btn{opacity:1}.finder-player-row td{padding:0;border-bottom:1px solid var(--border);background:var(--bg)}.file-player{display:flex;align-items:center;gap:8px;padding:8px 14px}.fp-play-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent-light);color:var(--accent);flex-shrink:0;transition:all var(--transition)}@media(hover:hover){.fp-play-btn:hover{background:var(--accent);color:#fff}}.fp-time{font-size:var(--type-caption1);color:var(--text-muted);min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.fp-track{flex:1;height:5px;background:var(--border);border-radius:3px;cursor:pointer;overflow:hidden}.fp-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .15s linear}.fp-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:var(--text-muted);flex-shrink:0;transition:all var(--transition)}@media(hover:hover){.fp-close:hover{color:var(--text);background:var(--accent-light)}}.finder-row,.finder-card{cursor:pointer}.finder-row.selected{background:var(--accent-light)}.finder-row.selected .finder-action-btn{opacity:1}.finder-card.selected{border-color:var(--accent);background:var(--accent-light)}.finder-detail{width:320px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg)}.finder-detail-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.finder-detail-title{font-size:var(--type-callout);font-weight:600;min-width:0;flex:1}.finder-detail-close{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--text-muted);flex-shrink:0;transition:all var(--transition)}@media(hover:hover){.finder-detail-close:hover{color:var(--text);background:var(--accent-light)}}.finder-detail-body{display:flex;flex-direction:column;gap:16px;padding:16px}.finder-detail-preview{display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-height:160px;overflow:hidden}.finder-detail-img{width:100%;max-height:240px;object-fit:contain;display:block}.finder-detail-icon-lg{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-muted);opacity:.5}.finder-detail-audio{width:100%;padding:12px}.finder-detail-audio .fp-close{display:none}.finder-detail-song-preview{display:flex;align-items:flex-start;gap:14px;padding:20px 16px;width:100%;overflow:hidden;box-sizing:border-box}.finder-detail-song-icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:10px}.finder-detail-song-info{display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden;flex:1}.finder-detail-song-demo-name{font-size:var(--type-subhead);font-weight:600;color:var(--text)}.finder-detail-song-player-row{display:flex;align-items:center;gap:8px}.finder-detail-version-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:var(--type-caption1);font-weight:600;color:var(--accent);background:var(--accent-light);border-radius:20px;white-space:nowrap}.finder-detail-version-count{font-size:var(--type-caption1);color:var(--text-muted);white-space:nowrap}.finder-detail-song-hint{font-size:var(--type-caption1);color:var(--text-muted);opacity:.7;font-style:italic}.finder-detail-lyrics-preview{padding:16px;background:var(--bg);border-radius:var(--radius);max-height:180px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.finder-detail-lyrics-text{font-family:inherit;font-size:var(--type-footnote);line-height:1.6;color:var(--text-muted);white-space:pre-wrap;word-break:break-word;margin:0}.finder-detail-session-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px}.finder-detail-session-info{display:flex;flex-direction:column;align-items:center;gap:4px}.finder-detail-session-count{font-size:var(--type-subhead);font-weight:600;color:var(--text)}.finder-detail-session-song{font-size:var(--type-caption1);color:var(--text-muted)}.finder-detail-meta{display:flex;flex-direction:column;gap:0}.finder-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.finder-detail-row:last-child{border-bottom:none}.finder-detail-label{font-size:var(--type-footnote);color:var(--text-muted);font-weight:500}.finder-detail-value{font-size:var(--type-subhead);font-weight:500;color:var(--text);text-align:right;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder-detail-actions{display:flex;flex-direction:column;gap:8px}.finder-detail-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:var(--type-subhead);font-weight:500;color:var(--text);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all var(--transition)}@media(hover:hover){.finder-detail-btn:hover{border-color:var(--accent);color:var(--accent)}.finder-detail-btn.accent:hover{opacity:.9;color:#fff}}.finder-detail-btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.finder-settings-wrap{position:relative}.finder-settings-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);background:none;cursor:pointer;transition:all var(--transition)}.finder-settings-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}@media(hover:hover){.finder-settings-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}}.finder-settings-panel{position:absolute;top:calc(100% + 6px);right:0;width:248px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #0000001f;z-index:100;padding:8px 0;max-height:460px;overflow-y:auto}.fsp-section{padding:6px 14px}.fsp-divider{height:1px;background:var(--border);margin:4px 0}.fsp-heading{display:block;font-size:var(--type-caption1);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px}.fsp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.fsp-label{font-size:var(--type-footnote);color:var(--text);font-weight:500}.fsp-select{font-size:var(--type-footnote);padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none;cursor:pointer}.fsp-select:focus{border-color:var(--accent)}.fsp-check{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;font-size:var(--type-footnote);color:var(--text)}.fsp-check input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.fvt-btn:disabled{opacity:.35;cursor:not-allowed}.fvt-btn:disabled:hover{background:none;color:var(--text-muted)}.finder-group-row td{background:var(--bg);padding:10px 14px 4px;font-size:var(--type-caption1);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border)}.finder-grid-wrap{padding:0}.finder-grid-group-label{padding:14px 16px 4px;font-size:var(--type-caption1);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.shared-user-cell{display:flex;align-items:center;gap:6px}.shared-user-avatar{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--type-caption2);font-weight:700;color:#fff;flex-shrink:0}.shared-dir-badge{font-size:var(--type-footnote);font-weight:600;padding:2px 8px;border-radius:4px}.shared-dir-badge.sent{background:#6366f11a;color:var(--accent)}.shared-dir-badge.received{background:#27ae601a;color:#27ae60}.finder-shared-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;color:var(--accent);opacity:.7;vertical-align:middle;flex-shrink:0}.scrollable-text{display:block;overflow:hidden;white-space:nowrap;min-width:0}.scrollable-text.has-overflow{-webkit-mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%)}.scrollable-text-inner{display:inline-block;white-space:nowrap;transition:transform .8s ease-out;transform:translate(0)}@media(hover:hover){.scrollable-text.has-overflow:hover{-webkit-mask-image:linear-gradient(to left,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to left,black calc(100% - 24px),transparent 100%)}}.scrollable-text-inner.scrolling{transform:translate(calc(-1 * var(--scroll-dist, 0px)))}.finder-row-clickable{cursor:pointer}@media(hover:hover){.finder-row-clickable:hover{background:var(--bg-hover, rgba(0,0,0,.03))}}@media(max-width:768px){.files-toolbar{flex-direction:column;align-items:stretch;gap:10px}.files-toolbar-left{flex-wrap:wrap}.files-toolbar-right{align-self:flex-end}.files-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.files-table th,.files-table td{padding:8px 10px;font-size:var(--type-footnote)}.files-preview-panel{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));width:100%;border-left:none;border-top:1px solid var(--border);z-index:80;overflow-y:auto}.files-row-actions{opacity:1}.finder-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:28px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.finder-sidebar-toggle.active{color:var(--accent);border-color:var(--accent)}.finder-sidebar{display:none;width:0;overflow:hidden;padding:0;border-right:none}.finder-sidebar.finder-sidebar-open{display:flex;flex-direction:column;width:170px;flex-shrink:0;padding:10px 0;border-right:1px solid var(--border);overflow:visible}.col-resize-handle{display:none}.finder-table{table-layout:auto;width:100%}.name-cell{max-width:none;-webkit-mask-image:none;mask-image:none}.finder-th{border-right:none}.actions-th{width:48px}}.bookmarks-page{max-width:680px;display:flex;flex-direction:column;gap:16px}.bk-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.bk-filters{display:flex;gap:4px;flex-wrap:wrap}.bk-filter-btn{padding:5px 13px;border-radius:20px;font-size:var(--type-footnote);font-weight:500;color:var(--text-muted);transition:all var(--transition)}.bk-filter-btn:hover{background:var(--accent-light);color:var(--text)}.bk-filter-btn.active{background:var(--accent);color:#fff}.bk-toolbar-actions{display:flex;gap:8px;flex-shrink:0}.bk-manage-btn{padding:6px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);transition:all var(--transition)}.bk-manage-btn:hover{border-color:var(--accent);color:var(--accent)}.bk-add-btn{padding:6px 16px;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;transition:opacity var(--transition)}.bk-add-btn:hover{opacity:.9}.bk-cat-manager{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);display:flex;flex-direction:column;gap:12px}.bk-cat-list{display:flex;flex-wrap:wrap;gap:8px}.bk-cat-item{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 14px;border:1px solid var(--border);border-radius:20px;font-size:var(--type-subhead);font-weight:500}.bk-cat-remove{display:flex;align-items:center;color:var(--text-muted);transition:color var(--transition)}.bk-cat-remove:hover{color:#c0392b}.bk-cat-add-row{display:flex;gap:8px}.bk-cat-add-btn{padding:6px 16px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;transition:all var(--transition);white-space:nowrap}.bk-cat-add-btn:hover{background:var(--accent);color:#fff}.bk-input{flex:1;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:var(--type-callout);background:var(--bg);color:var(--text);outline:none;transition:border-color var(--transition)}.bk-input:focus{border-color:var(--accent)}.bk-select{padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:var(--type-callout);background:var(--bg);color:var(--text);outline:none;cursor:pointer;transition:border-color var(--transition)}.bk-select:focus{border-color:var(--accent)}.bk-form{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);display:flex;flex-direction:column;gap:14px}.bk-form-title{font-size:var(--type-body);font-weight:600}.bk-form-fields{display:flex;flex-direction:column;gap:10px}.bk-form-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bk-checkbox-label{display:flex;align-items:center;gap:6px;font-size:var(--type-subhead);color:var(--text-muted);cursor:pointer;white-space:nowrap}.bk-checkbox-label input[type=checkbox]{accent-color:var(--accent)}.bk-form-actions{display:flex;gap:8px;justify-content:flex-end}.bk-cancel-btn{padding:7px 16px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);transition:all var(--transition)}.bk-cancel-btn:hover{border-color:var(--text-muted);color:var(--text)}.bk-save-btn{padding:7px 20px;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;transition:opacity var(--transition)}.bk-save-btn:hover{opacity:.9}.bk-list{display:flex;flex-direction:column}.bk-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:-1px;transition:background var(--transition)}.bk-item:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.bk-item:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);margin-bottom:0}.bk-item:hover{background:var(--accent-light)}.bk-favicon{flex-shrink:0;border-radius:4px}.bk-link{flex:1;min-width:0;font-size:var(--type-callout);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);transition:color var(--transition)}.bk-link:hover{color:var(--accent)}.bk-category-badge{flex-shrink:0;padding:3px 10px;background:var(--accent-light);color:var(--accent);border-radius:12px;font-size:var(--type-caption1);font-weight:600;letter-spacing:.02em}.bk-item-actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transition:opacity var(--transition)}.bk-item:hover .bk-item-actions{opacity:1}.bk-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--text-muted);transition:all var(--transition)}.bk-icon-btn:hover{background:var(--border);color:var(--text)}.bk-icon-btn.delete:hover{background:#ffeaea;color:#c0392b}.bk-song-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;background:var(--accent);color:#fff;border-radius:10px;font-size:var(--type-caption2);font-weight:600;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.bk-song-badge svg{flex-shrink:0;stroke:#fff}.bk-empty{padding:40px 24px;text-align:center;color:var(--text-muted);font-size:var(--type-callout)}@media(max-width:768px){.bookmarks-page{max-width:100%}.bk-toolbar{flex-direction:column;align-items:stretch;gap:10px}.bk-toolbar-actions{align-self:flex-end}.bk-item{padding:10px 12px}.bk-item-actions{opacity:1}.bk-form{padding:14px}.bk-category-badge{display:none}}.ac-page{max-width:560px}.ac-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:center}.ac-upload-area:hover,.ac-upload-area.drag-over{border-color:var(--accent);background:var(--accent-light)}.ac-upload-icon{color:var(--text-muted);margin-bottom:4px}.ac-upload-area:hover .ac-upload-icon,.ac-upload-area.drag-over .ac-upload-icon{color:var(--accent)}.ac-upload-text{font-size:var(--type-body);font-weight:500;color:var(--text)}.ac-upload-hint{font-size:var(--type-footnote);color:var(--text-muted)}.ac-app-files{margin-top:16px}.ac-app-files-toggle{display:flex;align-items:center;gap:6px;font-size:var(--type-callout);font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition)}@media(hover:hover){.ac-app-files-toggle:hover{color:var(--accent)}}.ac-app-files-toggle svg{transition:transform var(--transition)}.ac-app-files-toggle .chevron-open{transform:rotate(180deg)}.ac-file-list{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius);max-height:220px;overflow-y:auto}.ac-file-empty{padding:14px;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.ac-file-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;text-align:left;font-size:var(--type-callout);background:none;border:none;cursor:pointer;transition:background var(--transition)}.ac-file-row:not(:last-child){border-bottom:1px solid var(--border)}@media(hover:hover){.ac-file-row:hover{background:var(--accent-light)}}.ac-file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ac-file-format{font-size:var(--type-footnote);color:var(--text-muted);flex-shrink:0;margin-left:12px}.ac-file-group-label{padding:6px 14px;font-size:var(--type-caption1);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border)}.ac-configure{display:flex;flex-direction:column;gap:24px}.ac-file-info{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.ac-file-info svg{color:var(--accent);flex-shrink:0}.ac-file-info-name{flex:1;min-width:0;font-size:var(--type-callout);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-file-change{font-size:var(--type-footnote);color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:var(--radius);padding:4px 12px;cursor:pointer;transition:all var(--transition);flex-shrink:0}.ac-file-change:hover{color:var(--accent);border-color:var(--accent)}.ac-format-section{display:flex;align-items:center;justify-content:center;gap:20px}.ac-format-from,.ac-format-to{display:flex;flex-direction:column;align-items:center;gap:8px}.ac-format-label{font-size:var(--type-footnote);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:500}.ac-format-badge{padding:10px 28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--type-headline);font-weight:600;color:var(--text)}.ac-arrow{color:var(--text-muted);flex-shrink:0;margin-top:18px}.ac-format-options{display:flex;gap:8px}.ac-format-option{padding:10px 28px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--type-headline);font-weight:600;color:var(--text-muted);background:none;cursor:pointer;transition:all var(--transition)}.ac-format-option:hover:not(.disabled){border-color:var(--accent);color:var(--accent)}.ac-format-option.active{border-color:var(--accent);background:var(--accent);color:#fff}.ac-format-option.disabled{opacity:.3;cursor:not-allowed}.ac-convert-btn{align-self:center;padding:12px 36px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:var(--type-body);font-weight:600;cursor:pointer;transition:opacity var(--transition)}.ac-convert-btn:hover{opacity:.9}.ac-convert-btn:disabled{opacity:.4;cursor:not-allowed}.ac-converting{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px}.ac-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:ac-spin .8s linear infinite}@keyframes ac-spin{to{transform:rotate(360deg)}}.ac-converting-label{font-size:var(--type-body);font-weight:500;color:var(--accent)}.ac-converting-file{font-size:var(--type-callout);color:var(--text-muted)}.ac-progress-bar{width:100%;max-width:320px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.ac-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.ac-progress-text{font-size:var(--type-subhead);font-weight:600;color:var(--text-muted)}.ac-done{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 24px}.ac-done-icon{margin-bottom:4px}.ac-done-label{font-size:var(--type-title3);font-weight:600;color:var(--text)}.ac-done-file{font-size:var(--type-callout);color:var(--text-muted)}.ac-done-actions{display:flex;gap:10px;margin-top:8px}.ac-action-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--type-callout);font-weight:500;color:var(--text);background:none;cursor:pointer;transition:all var(--transition)}.ac-action-btn:hover{border-color:var(--accent);color:var(--accent)}.ac-action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.ac-action-btn.primary:hover{opacity:.9;color:#fff}.ac-action-btn.saved{border-color:#27ae60;color:#27ae60;opacity:.8;cursor:default}.ac-another-btn{margin-top:8px;padding:8px 22px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--type-callout);font-weight:500;color:var(--text-muted);background:none;cursor:pointer;transition:all var(--transition)}.ac-another-btn:hover{border-color:var(--accent);color:var(--accent)}.ac-error{margin-top:16px;padding:14px 18px;background:#fff0f0;border:1px solid #ffc5c5;border-radius:var(--radius);color:#c0392b;font-size:var(--type-callout);display:flex;align-items:center;justify-content:space-between;gap:12px}.ac-retry-btn{padding:6px 16px;border:1px solid #c0392b;border-radius:var(--radius);color:#c0392b;font-size:var(--type-subhead);font-weight:500;white-space:nowrap;background:none;cursor:pointer;transition:all var(--transition)}.ac-retry-btn:hover{background:#c0392b;color:#fff}@media(max-width:768px){.ac-page{max-width:100%}.ac-upload-area{padding:32px 16px}.ac-format-grid{grid-template-columns:repeat(2,1fr)}}.abp-page{max-width:620px;display:flex;flex-direction:column;gap:24px}.abp-slots{display:grid;grid-template-columns:1fr 1fr;gap:14px}.abp-slot{display:flex;flex-direction:column;gap:8px;position:relative}.abp-slot-label{font-size:var(--type-footnote);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.abp-slot-file{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.abp-slot-file svg{color:var(--accent);flex-shrink:0}.abp-slot-name{flex:1;min-width:0;font-size:var(--type-callout);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abp-slot-change{font-size:var(--type-footnote);color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:var(--radius);padding:3px 10px;cursor:pointer;transition:all var(--transition);flex-shrink:0}.abp-slot-change:hover{color:var(--accent);border-color:var(--accent)}.abp-slot-empty{display:flex;gap:8px}.abp-slot-upload,.abp-slot-browse{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:20px 10px;border:2px dashed var(--border);border-radius:var(--radius);font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);background:none;cursor:pointer;transition:all var(--transition)}.abp-slot-upload:hover,.abp-slot-browse:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.abp-picker{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001a;padding:6px 0;max-height:280px;overflow-y:auto}.abp-picker-opt{display:block;width:100%;text-align:left;padding:9px 14px;font-size:var(--type-subhead);color:var(--text);background:none;border:none;cursor:pointer;transition:background var(--transition)}.abp-picker-opt:hover{background:var(--accent-light);color:var(--accent)}.abp-picker-divider{padding:6px 14px 4px;font-size:var(--type-caption1);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-top:1px solid var(--border);margin-top:4px}.abp-picker-list{max-height:180px;overflow-y:auto}.abp-picker-file{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:8px 14px;font-size:var(--type-subhead);color:var(--text);background:none;border:none;cursor:pointer;transition:background var(--transition)}.abp-picker-file:hover{background:var(--accent-light)}.abp-picker-fname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-weight:500}.abp-picker-fformat{font-size:var(--type-caption1);color:var(--text-muted);flex-shrink:0;margin-left:8px}.abp-picker-empty{padding:12px 14px;font-size:var(--type-subhead);color:var(--text-muted);text-align:center}.abp-switch{display:flex;justify-content:center;gap:0;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;align-self:center}.abp-switch-btn{padding:10px 36px;font-size:var(--type-title3);font-weight:700;letter-spacing:.04em;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all var(--transition)}.abp-switch-btn:first-child{border-right:1.5px solid var(--border)}.abp-switch-btn:hover{background:var(--accent-light);color:var(--accent)}.abp-switch-btn.active{background:var(--accent);color:#fff}.abp-waveforms{display:flex;flex-direction:column;gap:10px}.abp-waveform{position:relative;height:80px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden;opacity:.5;transition:all var(--transition)}.abp-waveform.active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.abp-waveform-label{position:absolute;top:6px;left:10px;font-size:var(--type-caption2);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);z-index:1;pointer-events:none}.abp-waveform.active .abp-waveform-label{color:var(--accent)}.abp-waveform-canvas{width:100%;height:100%;cursor:pointer}.abp-controls{display:flex;align-items:center;justify-content:center;gap:12px}.abp-ctrl{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--border);color:var(--text);background:none;cursor:pointer;transition:all var(--transition)}.abp-ctrl:hover{border-color:var(--accent);color:var(--accent)}.abp-play{width:48px;height:48px;background:var(--accent);border-color:var(--accent);color:#fff}.abp-play:hover{opacity:.9;color:#fff}.abp-loop.active{border-color:var(--accent);background:var(--accent);color:#fff}.abp-time{text-align:center;font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums}.abp-time-sep{margin:0 4px;opacity:.5}@media(max-width:768px){.abp-page{max-width:100%;gap:16px}.abp-slots{grid-template-columns:1fr 1fr;gap:8px}.abp-slot-file{padding:8px 10px;gap:6px}.abp-slot-file svg{width:12px;height:12px}.abp-slot-name{font-size:var(--type-caption1);flex:1;min-width:0}.abp-slot-change{font-size:var(--type-caption2);padding:2px 7px}.abp-slot-empty{flex-direction:column;gap:6px}.abp-slot-upload,.abp-slot-browse{padding:12px 6px;font-size:var(--type-footnote)}.abp-controls{gap:10px}}.mx-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:20px;display:flex;flex-direction:column;gap:16px;min-height:560px}.mx-waveform-upload{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);cursor:pointer;transition:all .2s}.mx-waveform-upload:hover,.mx-waveform-upload.drag-over{border-color:var(--accent);background:var(--accent-light)}.mx-waveform-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);text-align:center;pointer-events:none}.mx-upload-text{font-size:var(--type-callout);font-weight:500;margin:0}.mx-upload-hint{font-size:var(--type-footnote);opacity:.55;margin:0}.mx-app-files{display:flex;flex-direction:column;gap:8px}.mx-app-toggle{display:flex;align-items:center;gap:8px;font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);padding:8px 0;transition:color .2s}@media(hover:hover){.mx-app-toggle:hover{color:var(--accent)}}.mx-app-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;max-height:240px;overflow-y:auto;background:var(--bg-card)}.mx-app-file{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;border-bottom:1px solid var(--border);font-size:var(--type-subhead);color:var(--text);transition:background .2s;text-align:left}.mx-app-file:last-child{border-bottom:none}@media(hover:hover){.mx-app-file:hover{background:var(--accent-light)}}.mx-app-format{font-size:var(--type-caption1);color:var(--text-muted);font-weight:600}.mx-app-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:var(--type-subhead)}.mx-app-group-label{padding:6px 16px 4px;font-size:var(--type-caption2);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg, #fafafa);border-bottom:1px solid var(--border)}.mx-loading-overlay{display:flex;align-items:center;justify-content:center;min-height:400px}.mx-loading-card{display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:48px 56px;max-width:400px;width:100%}.mx-loading-icon{color:var(--accent);opacity:.7;animation:mx-pulse 1.6s ease-in-out infinite}@keyframes mx-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.mx-loading-name{font-size:var(--type-body);font-weight:600;color:var(--text);text-align:center;word-break:break-word}.mx-loading-bar-track{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.mx-loading-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.mx-loading-status{font-size:var(--type-footnote);color:var(--text-muted);text-align:center}.mx-bottom{display:contents}.mx-bottom-disabled{display:flex;flex-direction:column;gap:16px;opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.mx-topbar{display:flex;align-items:center;justify-content:space-between}.mx-topbar-btn{font-size:var(--type-subhead);font-weight:600;padding:6px 16px;border-radius:20px;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);transition:all .2s}.mx-topbar-btn:hover{border-color:var(--accent);color:var(--accent)}.mx-save-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.mx-save-btn:hover{opacity:.85;color:#fff}.mx-save-btn:disabled{opacity:.4;cursor:not-allowed}.mx-rec-indicator{display:flex;align-items:center;gap:6px;font-size:var(--type-footnote);font-weight:700;color:#c0392b;background:#fff0f0;padding:4px 14px;border-radius:20px}.mx-rec-dot{width:8px;height:8px;border-radius:50%;background:#c0392b;animation:mx-blink 1s infinite}@keyframes mx-blink{0%,to{opacity:1}50%{opacity:.3}}.mx-info{text-align:center}.mx-track-name{font-size:var(--type-title3);font-weight:700;margin-bottom:8px;color:var(--text)}.mx-badges{display:flex;justify-content:center;gap:8px}.mx-badge{font-size:var(--type-caption1);font-weight:700;letter-spacing:.03em;padding:3px 12px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);font-family:SF Mono,Menlo,monospace}.mx-waveform-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;height:140px}.mx-waveform-canvas{width:100%;height:100%;display:block}.mx-time{text-align:center;font-size:var(--type-subhead);font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.04em}.mx-controls{display:flex;align-items:center;justify-content:center;gap:20px}.mx-ctrl-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);transition:all .2s}.mx-ctrl-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.mx-ctrl-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.mx-ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.mx-play-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.mx-play-btn:hover:not(:disabled){opacity:.9;background:var(--accent);color:#fff}.mx-play-btn.disabled{opacity:.35;cursor:not-allowed}.mx-tab-content{min-height:180px}.mx-adjust{display:flex;flex-direction:column;gap:14px}.mx-adjust-toggles{display:flex;align-items:center;justify-content:space-between;gap:12px}.mx-toggle-btn{font-size:var(--type-caption1);font-weight:700;letter-spacing:.04em;padding:5px 14px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);transition:all .2s}.mx-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.mx-toggle-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.mx-toggle-btn.small{font-size:var(--type-caption2);padding:3px 10px}.mx-gain-row{display:flex;align-items:center;gap:8px}.mx-gain-label{font-size:var(--type-caption1);font-weight:700;color:var(--text-muted);letter-spacing:.04em}.mx-gain-slider{width:80px;accent-color:var(--accent)}.mx-gain-val{font-size:var(--type-caption1);color:var(--text-muted);min-width:32px}.mx-slider-row{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.mx-slider-label{font-size:var(--type-footnote);font-weight:600;color:var(--text-muted);min-width:42px}.mx-slider-track{flex:1;position:relative}.mx-range{width:100%;appearance:none;-webkit-appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer;position:relative;z-index:2}.mx-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 1px 4px #00000026}.mx-range:disabled{opacity:.35;cursor:not-allowed}.mx-range:disabled::-webkit-slider-thumb{background:var(--text-muted)}.mx-notches{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;z-index:1}.mx-notch{position:absolute;top:50%;width:1px;height:10px;background:var(--text-muted);opacity:.3;transform:translateY(-50%)}.mx-notch.center{height:14px;background:var(--text);opacity:.4}.mx-slider-val{font-size:var(--type-footnote);font-weight:600;color:var(--text-muted);min-width:42px;text-align:right;font-variant-numeric:tabular-nums}.mx-stems{display:flex;align-items:center;justify-content:center;min-height:180px}.mx-stems-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted);font-size:var(--type-subhead)}.mx-stems-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:mx-spin .8s linear infinite}@keyframes mx-spin{to{transform:rotate(360deg)}}.mx-stems-progress{width:200px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.mx-stems-fill{height:100%;background:var(--accent);transition:width .3s;border-radius:2px}.mx-stems-faders{display:flex;gap:16px;justify-content:center;padding:8px 0}.mx-stem-fader{display:flex;flex-direction:column;align-items:center}.mx-stem-track{position:relative;width:72px;display:flex;flex-direction:column;background:var(--bg);border-radius:10px;border:1.5px solid var(--border);overflow:hidden;cursor:pointer;touch-action:none}.mx-stem-slider-area{position:relative;min-height:150px;margin:10px 6px 0}.mx-stem-fill{position:absolute;bottom:0;left:0;right:0;background:var(--accent-light);border-radius:4px;transition:height .12s ease-out;will-change:height}.mx-stem-thumb{position:absolute;left:0;right:0;height:5px;background:var(--accent);border-radius:2.5px;transform:translateY(50%);box-shadow:0 1px 4px #5b4ee840;transition:bottom .12s ease-out;will-change:bottom}.mx-stem-fader.dragging .mx-stem-fill,.mx-stem-fader.dragging .mx-stem-thumb{transition:none}.mx-stem-notch{position:absolute;left:6px;right:6px;height:1px;background:var(--border);pointer-events:none}.mx-stem-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;cursor:pointer;border:none;background:var(--bg);border-top:1px solid var(--border);margin-top:8px;transition:opacity .2s,background .2s}.mx-stem-toggle:hover{opacity:.9}.mx-stem-toggle-inner{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);width:56px;box-sizing:border-box}.mx-stem-toggle-label{font-size:var(--type-caption1);font-weight:600;color:var(--accent);opacity:1;text-transform:lowercase}.mx-stem-toggle-dot{width:8px;height:8px;border-radius:50%;transition:background .2s;opacity:1}.mx-stem-fader.muted .mx-stem-slider-area{opacity:.25}.mx-stem-fader.muted .mx-stem-toggle-label,.mx-stem-fader.muted .mx-stem-toggle-dot{color:var(--text-muted);opacity:.5}.mx-eq{display:flex;flex-direction:column;gap:8px}.mx-eq-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.mx-eq-title{font-size:var(--type-body);font-weight:700;color:var(--text)}.mx-eq-info{display:flex;align-items:center;gap:6px}.mx-eq-badge{font-size:var(--type-caption1);font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);font-family:SF Mono,Menlo,monospace}.mx-eq-canvas{width:100%;height:160px;display:block;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.mx-eq-q-pill{display:flex;align-items:center;gap:0;padding:3px 10px;border-radius:6px;background:var(--bg);border:1px solid var(--border);overflow:hidden;transition:all .25s ease;opacity:.4;pointer-events:none;max-width:72px}.mx-eq-q-pill.active{opacity:1;pointer-events:auto;border-color:var(--accent)}.mx-eq-q-pill-label{font-size:var(--type-caption1);font-weight:700;letter-spacing:.02em;color:var(--text-muted);white-space:nowrap;font-family:SF Mono,Menlo,monospace}.mx-eq-q-pill.active .mx-eq-q-pill-label{color:var(--accent)}.mx-eq-q-pill-slider{width:0;opacity:0;transition:width .25s ease,opacity .2s ease;margin:0;padding:0;cursor:pointer;accent-color:var(--accent)}.mx-eq-q-pill.active:hover{max-width:180px}.mx-eq-q-pill.active:hover .mx-eq-q-pill-slider{width:80px;opacity:1;margin-left:8px}.mx-record{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:180px}.mx-record-desc{font-size:var(--type-subhead);color:var(--text-muted);text-align:center}.mx-record-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:24px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:var(--type-subhead);font-weight:600;transition:all .2s}.mx-record-btn:hover{border-color:#c0392b;color:#c0392b}.mx-record-btn.recording{background:#c0392b;color:#fff;border-color:#c0392b}.mx-rec-circle{width:14px;height:14px;border-radius:50%;background:#c0392b}.mx-record-result{display:flex;align-items:center;gap:8px;font-size:var(--type-subhead);color:var(--text-muted)}.mx-trim-bar{position:relative;height:44px;background:var(--bg);border:2px solid var(--border);border-radius:10px;overflow:hidden;touch-action:none}.mx-trim-canvas{width:100%;height:100%;display:block;cursor:col-resize}.mx-trim-region{position:absolute;top:0;bottom:0;border:2.5px solid var(--accent);border-radius:8px;pointer-events:none;z-index:2;box-shadow:0 0 0 1px #5b4ee826}.mx-trim-handle{position:absolute;top:0;bottom:0;width:18px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;cursor:ew-resize;pointer-events:auto;z-index:3;transition:background .15s}.mx-trim-handle:hover{background:#4a3dd4}.mx-trim-handle.left{left:-2px;border-radius:8px 0 0 8px}.mx-trim-handle.right{right:-2px;border-radius:0 8px 8px 0}.mx-tabs{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:4px}.mx-tabs-bar{display:flex;align-items:center;background:var(--border);border-radius:24px;padding:3px}.mx-tab{font-size:var(--type-subhead);font-weight:600;padding:8px 22px;border-radius:20px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all .2s}.mx-tab:hover{color:var(--text)}.mx-tab.active{background:var(--bg-card);color:var(--text);box-shadow:0 1px 3px #00000014}.mx-tab-rec{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);background:var(--bg);cursor:pointer;transition:all .2s}.mx-tab-rec:hover:not(:disabled){border-color:#c0392b}.mx-tab-rec:disabled{opacity:.35;cursor:not-allowed}.mx-tab-rec-dot{width:14px;height:14px;border-radius:50%;background:#c0392b;transition:all .2s}.mx-tab-rec.recording .mx-tab-rec-dot{box-shadow:0 0 0 3px #c0392b40;animation:mx-blink 1s infinite}.mx-rec-track{background:#c0392b0f;border:1px solid rgba(192,57,43,.2);border-radius:var(--radius);overflow:hidden;height:80px}.mx-rec-canvas{width:100%;height:100%;display:block}.mx-rec-strip{position:relative;background:#c0392b0a;border:1px solid rgba(192,57,43,.15);border-radius:8px;height:44px;overflow:hidden}.mx-rec-strip-wave{height:100%;position:absolute;top:0}.mx-rec-strip-canvas{width:100%;height:100%;display:block}.mx-rec-strip-controls{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;gap:6px;padding:0 8px;background:linear-gradient(to right,transparent,var(--bg-card) 30%)}.mx-rec-strip-mute{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);color:var(--text-muted);transition:all .2s;padding:0}.mx-rec-strip-mute:hover{border-color:#c0392b;color:#c0392b}.mx-rec-strip-mute.muted{background:#c0392b1a;border-color:#c0392b;color:#c0392b}.mx-rec-strip-vol{width:60px;accent-color:#c0392b}.mx-rec-strip-del{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);color:var(--text-muted);transition:all .2s;padding:0}.mx-rec-strip-del:hover{border-color:#c0392b;color:#c0392b}.mx-rec-bottom{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0;margin-top:auto}.mx-rec-bottom-btn{flex:1;max-width:200px;padding:12px 24px;border-radius:28px;font-size:var(--type-body);font-weight:600;border:none;cursor:pointer;transition:all .2s}.mx-rec-bottom-cancel{background:var(--bg);border:1px solid var(--border);color:var(--text)}.mx-rec-bottom-cancel:hover{border-color:var(--text-muted)}.mx-rec-bottom-done{background:#c0392b;color:#fff}.mx-rec-bottom-done:hover{opacity:.9}@media(max-width:768px){.mx-container{border:none;border-radius:0}.mx-toolbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.mx-toolbar-left{flex-wrap:wrap;gap:6px}.mx-toolbar-right{flex-wrap:wrap;gap:6px;width:100%;justify-content:flex-end}.mx-controls{flex-wrap:wrap;padding:10px 12px;gap:8px}.mx-controls-center{order:-1;width:100%;justify-content:center}.mx-stem-grid{grid-template-columns:1fr;gap:6px;padding:10px 12px}.mx-eq-section{flex-direction:column;gap:12px}.mx-tab-content{min-height:200px;height:200px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}.mx-tab-content>*{margin-top:auto;margin-bottom:auto}.mx-stem-slider-area{min-height:90px}.mx-stem-track{width:64px}.mx-stems-faders{gap:10px;padding:4px 0}.mx-rec-overlay{padding:16px}}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);transition:all var(--transition);text-align:center}.info-card:hover{border-color:var(--accent);background:var(--accent-light)}.info-card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--bg);color:var(--text-muted);transition:all var(--transition)}.info-card:hover .info-card-icon{filter:brightness(1.08)}.info-card-label{font-size:var(--type-subhead);font-weight:600;color:var(--text)}.info-card-disabled{opacity:.45;filter:grayscale(1);cursor:default}.info-card-disabled:hover{border-color:var(--border);background:var(--bg-card);opacity:.55;filter:grayscale(.6)}@media(max-width:768px){.info-grid{grid-template-columns:repeat(2,1fr);gap:8px}.info-card{padding:20px 12px}}.tut-container{display:flex;flex-direction:column;gap:10px;max-width:680px}.tut-intro{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:18px 20px;display:flex;flex-direction:column;gap:16px}.tut-intro-text{font-size:var(--type-callout);line-height:1.55;color:var(--text);margin:0}.tut-toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--type-callout);cursor:default}.tut-toggle-label{font-weight:500}.tut-toggle{position:relative;width:40px;height:22px;border-radius:11px;background:var(--border);border:none;cursor:pointer;transition:background .2s;padding:0}.tut-toggle.on{background:var(--accent)}.tut-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000001f}.tut-toggle.on .tut-toggle-thumb{transform:translate(18px)}.tut-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);overflow:hidden;transition:border-color .15s}.tut-card:hover{border-color:#0000001f}.tut-card.expanded{border-color:var(--accent)}.tut-card-header{display:flex;align-items:center;gap:12px;width:100%;padding:16px 18px;text-align:left;cursor:pointer;background:none;border:none;color:var(--text)}.tut-card-info{flex:1;min-width:0}.tut-card-title{font-size:var(--type-body);font-weight:600;margin:0}.tut-card-desc{font-size:var(--type-subhead);color:var(--text-muted);margin:3px 0 0;line-height:1.4}.tut-card-step-count{font-size:var(--type-caption1);font-weight:600;color:var(--text-muted);background:#0000000a;padding:3px 9px;border-radius:10px;white-space:nowrap;flex-shrink:0}.tut-card-chevron{color:var(--text-muted);transition:transform .2s;flex-shrink:0}.tut-card.expanded .tut-card-chevron{transform:rotate(180deg)}.tut-steps{border-top:1px solid var(--border);padding:8px 18px 14px;display:flex;flex-direction:column;gap:6px;animation:tutFadeIn .15s ease}.tut-step{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:8px;background:var(--bg);transition:background .15s}.tut-step:hover{background:var(--accent-light)}.tut-step-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-size:var(--type-caption1);font-weight:700;flex-shrink:0;margin-top:1px}.tut-step-content{flex:1;min-width:0}.tut-step-title{display:block;font-size:var(--type-subhead);font-weight:600;line-height:1.3}.tut-step-text{display:block;font-size:var(--type-footnote);color:var(--text-muted);line-height:1.45;margin-top:2px}.tut-step-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--text-muted);opacity:0;transition:all .15s;flex-shrink:0;margin-top:1px}.tut-step:hover .tut-step-link{opacity:1}.tut-step-link:hover{color:var(--accent);background:#0000000a}@keyframes tutFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.tut-container{max-width:100%}.tut-card-header{padding:12px 14px}.tut-steps{padding:6px 14px 12px}.tut-step{padding:8px 10px}.tut-step-link{opacity:1}}.support-page{display:flex;flex-direction:column;gap:32px;max-width:680px}.support-section-title{font-size:var(--type-body);font-weight:700;color:var(--text);margin-bottom:14px}.support-form-section{display:flex;flex-direction:column}.support-form{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.support-profile-row{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:2px}.support-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-size:var(--type-caption1);font-weight:700;color:#fff;text-transform:uppercase;flex-shrink:0;object-fit:cover}.support-profile-name{font-size:var(--type-callout);font-weight:600;color:var(--text)}.support-field-group{display:flex;flex-direction:column;gap:5px}.support-label{font-size:var(--type-footnote);font-weight:600;color:var(--text-muted)}.support-form input[type=text],.support-form input[type=email],.support-form textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:var(--type-subhead);font-family:inherit;resize:vertical;transition:border-color var(--transition)}.support-form input[type=text]:focus,.support-form input[type=email]:focus,.support-form textarea:focus{outline:none;border-color:var(--accent)}.support-form textarea{min-height:100px}.support-submit-btn{align-self:flex-start;padding:9px 22px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:var(--type-subhead);font-weight:600;cursor:pointer;transition:opacity var(--transition)}.support-submit-btn:hover{opacity:.9}.support-submit-btn:disabled{opacity:.4;cursor:default}.support-success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);text-align:center}.support-success-title{font-size:var(--type-body);font-weight:700;color:var(--text);margin-top:4px}.support-success-sub{font-size:var(--type-subhead);color:var(--text-muted)}.support-reset-btn{margin-top:8px;padding:7px 18px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:var(--type-footnote);font-weight:500;cursor:pointer;transition:all var(--transition)}.support-reset-btn:hover{border-color:var(--accent);color:var(--accent)}.support-faq-section{display:flex;flex-direction:column}.support-faq-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);overflow:hidden}.support-faq-item{border-bottom:1px solid var(--border)}.support-faq-item:last-child{border-bottom:none}.support-faq-question{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 18px;border:none;background:transparent;text-align:left;font-size:var(--type-subhead);font-weight:600;color:var(--text);cursor:pointer;transition:background var(--transition),color var(--transition)}.support-faq-question:hover{background:var(--accent-light);color:var(--accent)}.support-faq-item.open .support-faq-question{color:var(--accent)}.support-faq-chevron{flex-shrink:0;transition:transform var(--transition)}.support-faq-item.open .support-faq-chevron{transform:rotate(180deg)}.support-faq-answer{padding:0 18px 14px;font-size:var(--type-subhead);color:var(--text-muted);line-height:1.55}@media(max-width:768px){.support-form{padding:16px}.support-submit-btn{align-self:stretch;text-align:center}.support-faq-question{padding:12px 14px}.support-faq-answer{padding:0 14px 12px}}.cp-page{display:flex;flex-direction:column;gap:8px;max-width:720px}.cp-section{padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.cp-section-heading{display:flex;align-items:center;gap:10px;font-size:var(--type-body);font-weight:700;color:var(--text);margin-bottom:10px}.cp-section-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:var(--accent);color:#fff;font-size:var(--type-caption1);font-weight:700;flex-shrink:0}.cp-section-body{font-size:var(--type-subhead);color:var(--text-muted);line-height:1.6}.cp-section-body p{margin:0 0 8px}.cp-section-body p:last-child{margin-bottom:0}.cp-section-body h4{font-size:var(--type-subhead);font-weight:700;color:var(--text);margin:14px 0 6px}.cp-section-body h4:first-child{margin-top:4px}.cp-section-body ul{margin:4px 0 10px;padding-left:20px}.cp-section-body ul:last-child{margin-bottom:0}.cp-section-body li{margin-bottom:4px;line-height:1.55}.cp-section-body li:last-child{margin-bottom:0}@media(max-width:768px){.cp-section{padding:14px 16px}}.fr-page{display:flex;flex-direction:column;gap:16px;max-width:680px}.fr-toolbar{display:flex;align-items:center;justify-content:space-between}.fr-toolbar-left{display:flex;align-items:center;gap:12px}.fr-sort-tabs{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.fr-sort-tab{padding:5px 14px;border:none;background:transparent;color:var(--text-muted);font-size:var(--type-footnote);font-weight:600;cursor:pointer;transition:all var(--transition)}.fr-sort-tab:not(:last-child){border-right:1px solid var(--border)}.fr-sort-tab:hover{color:var(--accent);background:var(--accent-light)}.fr-sort-tab.active{color:#fff;background:var(--accent)}.fr-toolbar-label{font-size:var(--type-subhead);color:var(--text-muted)}.fr-new-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:var(--type-subhead);font-weight:600;cursor:pointer;transition:opacity var(--transition)}.fr-new-btn:hover{opacity:.9}.fr-create-form{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.fr-create-form input[type=text],.fr-create-form textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:var(--type-subhead);font-family:inherit;resize:vertical;transition:border-color var(--transition)}.fr-create-form input[type=text]:focus,.fr-create-form textarea:focus{outline:none;border-color:var(--accent)}.fr-create-form textarea{min-height:80px}.fr-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.fr-file-label{display:flex;align-items:center;gap:6px;font-size:var(--type-footnote);color:var(--text-muted);cursor:pointer;padding:6px 12px;border:1px solid var(--border);border-radius:8px;transition:all var(--transition)}.fr-file-label:hover{border-color:var(--accent);color:var(--accent)}.fr-file-label input{display:none}.fr-file-name{font-size:var(--type-footnote);color:var(--text-muted);margin-left:4px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-form-actions{display:flex;align-items:center;gap:8px}.fr-submit-btn{padding:8px 20px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:var(--type-subhead);font-weight:600;cursor:pointer;transition:opacity var(--transition)}.fr-submit-btn:hover{opacity:.9}.fr-submit-btn:disabled{opacity:.45;cursor:default}.fr-cancel-btn{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:var(--type-subhead);font-weight:500;cursor:pointer;transition:all var(--transition)}.fr-cancel-btn:hover{border-color:var(--accent);color:var(--accent)}.fr-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.fr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 20px;color:var(--text-muted);font-size:var(--type-callout)}.fr-card{display:flex;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border);transition:background var(--transition);cursor:pointer;text-decoration:none;color:inherit}.fr-card:last-child{border-bottom:none}.fr-card:hover{background:var(--accent-light)}.fr-card-upvote{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;min-width:40px}.fr-upvote-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.fr-upvote-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.fr-upvote-btn.active{border-color:var(--accent);color:#fff;background:var(--accent)}.fr-upvote-count{font-size:var(--type-footnote);font-weight:600;color:var(--text-muted)}.fr-upvote-btn.active+.fr-upvote-count{color:var(--accent)}.fr-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.fr-card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fr-card-title{font-size:var(--type-callout);font-weight:600;color:var(--text)}.fr-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:var(--type-caption1);font-weight:600;line-height:1.5;white-space:nowrap}.fr-tag.submitted{background:#6b72801f;color:#6b7280}.fr-tag.under_review{background:#8b5cf61f;color:#7c3aed}.fr-tag.in_production{background:#eab30826;color:#b45309}.fr-tag.added{background:#22c55e1f;color:#16a34a}.fr-card-preview{font-size:var(--type-subhead);color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fr-card-thumb{width:56px;height:56px;border-radius:6px;object-fit:cover;border:1px solid var(--border);flex-shrink:0;margin-top:2px}.fr-card-meta{display:flex;align-items:center;gap:12px;margin-top:2px}.fr-card-author{display:flex;align-items:center;gap:6px}.fr-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;color:#fff;flex-shrink:0;text-transform:uppercase}.fr-avatar.sm{width:22px;height:22px;font-size:var(--type-caption2)}.fr-avatar.md{width:32px;height:32px;font-size:var(--type-caption1)}.fr-card-author-name{font-size:var(--type-footnote);color:var(--text-muted)}.fr-card-stat{display:flex;align-items:center;gap:4px;font-size:var(--type-footnote);color:var(--text-muted)}.fr-card-date{font-size:var(--type-caption1);color:var(--text-muted);opacity:.7}@media(max-width:768px){.fr-page{max-width:100%}.fr-toolbar{flex-direction:column;align-items:stretch;gap:10px}.fr-toolbar-left{justify-content:space-between}.fr-new-btn{align-self:flex-end}.fr-card{padding:12px 14px}.fr-card-thumb{width:44px;height:44px}.fr-create-form{padding:16px}}.frd-page{display:flex;flex-direction:column;gap:20px;max-width:680px}.frd-back{display:inline-flex;align-items:center;gap:6px;font-size:var(--type-subhead);font-weight:500;color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.frd-back:hover{color:var(--accent)}.frd-post{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.frd-post-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.frd-post-title-row{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.frd-post-title{font-size:var(--type-title3);font-weight:700;color:var(--text);line-height:1.35}.frd-post-tags{display:flex;align-items:center;gap:8px}.frd-post-body{font-size:var(--type-callout);color:var(--text);line-height:1.6;white-space:pre-wrap}.frd-post-image{width:100%;max-height:400px;object-fit:contain;border-radius:8px;border:1px solid var(--border);background:var(--bg)}.frd-post-footer{display:flex;align-items:center;gap:16px;padding-top:10px;border-top:1px solid var(--border)}.frd-author{display:flex;align-items:center;gap:8px}.frd-author-name{font-size:var(--type-subhead);font-weight:500;color:var(--text)}.frd-date{font-size:var(--type-footnote);color:var(--text-muted)}.frd-upvote-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:var(--type-subhead);font-weight:600;cursor:pointer;transition:all var(--transition);margin-left:auto}.frd-upvote-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.frd-upvote-btn.active{border-color:var(--accent);color:#fff;background:var(--accent)}.frd-admin-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px dashed var(--border);border-radius:var(--radius);background:#f59e0b0d}.frd-admin-label{font-size:var(--type-footnote);font-weight:600;color:#f59e0b;white-space:nowrap}.frd-admin-select{padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:var(--type-subhead);font-family:inherit;cursor:pointer}.frd-admin-select:focus{outline:none;border-color:var(--accent)}.frd-comments-section{display:flex;flex-direction:column;gap:14px}.frd-comments-title{font-size:var(--type-callout);font-weight:600;color:var(--text)}.frd-comments-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.frd-comment{display:flex;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.frd-comment:last-child{border-bottom:none}.frd-comment-body-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.frd-comment-header{display:flex;align-items:center;gap:8px}.frd-comment-name{font-size:var(--type-subhead);font-weight:600;color:var(--text)}.frd-comment-date{font-size:var(--type-caption1);color:var(--text-muted)}.frd-comment-text{font-size:var(--type-subhead);color:var(--text);line-height:1.5;white-space:pre-wrap}.frd-no-comments{padding:28px 20px;text-align:center;font-size:var(--type-subhead);color:var(--text-muted)}.frd-comment-form{display:flex;gap:10px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.frd-comment-form textarea{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:var(--type-subhead);font-family:inherit;resize:vertical;min-height:44px;transition:border-color var(--transition)}.frd-comment-form textarea:focus{outline:none;border-color:var(--accent)}.frd-comment-send{align-self:flex-end;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;transition:opacity var(--transition);flex-shrink:0}.frd-comment-send:hover{opacity:.9}.frd-comment-send:disabled{opacity:.4;cursor:default}.frd-loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:var(--type-callout);color:var(--text-muted)}@media(max-width:768px){.frd-page{max-width:100%}.frd-header{flex-direction:column;align-items:flex-start;gap:12px}.frd-body,.frd-comments{padding:14px 16px}}.changelog{max-width:720px;display:flex;flex-direction:column;gap:32px}.changelog-entry{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);overflow:hidden}.changelog-header{display:flex;align-items:baseline;gap:12px;padding:14px 18px;background:var(--bg);border-bottom:1px solid var(--border)}.changelog-version{font-weight:700;font-size:var(--type-headline);color:var(--accent)}.changelog-date{font-size:var(--type-subhead);color:var(--text-muted)}.changelog-group{padding:16px 18px;border-bottom:1px solid var(--border)}.changelog-group:last-child{border-bottom:none}.changelog-group-title{font-size:var(--type-callout);font-weight:600;color:var(--text);margin:0 0 10px}.changelog-list{margin:0;padding-left:20px;font-size:var(--type-callout);line-height:1.55;color:var(--text)}.changelog-list li{margin-bottom:6px}.changelog-list li:last-child{margin-bottom:0}@media(max-width:768px){.changelog{max-width:100%;gap:20px}.changelog-header{flex-direction:column;gap:4px;padding:12px 14px}.changelog-group{padding:12px 14px}}.status-page{display:flex;justify-content:center;align-items:flex-start;min-height:280px}.status-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:36px 32px;max-width:420px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);text-align:center}.status-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.status-icon-glow{position:absolute;width:72px;height:72px;border-radius:50%;background:#22c55e59;filter:blur(16px);animation:status-pulse 2.5s ease-in-out infinite}.status-icon{position:relative;color:#22c55e;flex-shrink:0}.status-title{font-size:var(--type-title3);font-weight:700;color:var(--text);margin:0}.status-message{font-size:var(--type-callout);color:var(--text-muted);line-height:1.5;margin:0}.status-meta{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--border);font-size:var(--type-footnote);color:var(--text-muted);opacity:.9}.status-date{font-weight:500}.status-time{font-variant-numeric:tabular-nums;opacity:.85}@keyframes status-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.roadmap-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);opacity:.45;filter:grayscale(1);text-align:center;transition:opacity .25s,filter .25s;cursor:default}.roadmap-card:hover{opacity:.65;filter:grayscale(.6)}.roadmap-card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;transition:all var(--transition)}.roadmap-card-label{font-size:var(--type-subhead);font-weight:600;color:var(--text)}.roadmap-card-desc{font-size:var(--type-footnote);color:var(--text-muted);line-height:1.4;max-width:200px}.roadmap-badge{display:inline-block;margin-top:2px;padding:2px 8px;border-radius:999px;background:var(--border);color:var(--text-muted);font-size:var(--type-caption2);font-weight:600;letter-spacing:.04em;text-transform:uppercase}@media(max-width:768px){.roadmap-grid{grid-template-columns:repeat(2,1fr);gap:8px}.roadmap-card{padding:18px 12px 16px}}.settings-page{display:flex;flex-direction:column;gap:24px}.settings-storage-card{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.settings-storage-header{display:flex;align-items:flex-start;justify-content:space-between}.settings-storage-left{display:flex;flex-direction:column;gap:2px}.settings-storage-label{font-size:var(--type-subhead);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.settings-storage-usage{font-size:var(--type-body);font-weight:600;color:var(--text)}.settings-plan-badge{font-size:var(--type-caption1);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 12px;border-radius:20px;background:var(--accent);color:#fff}.settings-storage-track{height:6px;background:var(--bg);border:1px solid var(--border);border-radius:4px;overflow:hidden}.settings-storage-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .4s ease}.settings-storage-pct{font-size:var(--type-footnote);color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);transition:all var(--transition);text-align:center}.settings-card:hover{border-color:var(--accent);background:var(--accent-light)}.settings-card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--bg);color:var(--text-muted);transition:all var(--transition)}.settings-card:hover .settings-card-icon{filter:brightness(1.08)}.settings-card-label{font-size:var(--type-subhead);font-weight:600;color:var(--text)}.settings-card-disabled{opacity:.45;filter:grayscale(1);cursor:default}.settings-card-disabled:hover{border-color:var(--border);background:var(--bg-card);opacity:.55;filter:grayscale(.6)}@media(max-width:768px){.settings-grid{grid-template-columns:repeat(2,1fr);gap:8px}.settings-card{padding:20px 12px}.settings-storage-card{padding:16px}}.themes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.theme-card{display:flex;flex-direction:column;gap:12px;padding:12px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);text-align:left}.theme-card:hover{border-color:var(--accent)}.theme-card-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.theme-preview{position:relative;display:flex;height:100px;border-radius:6px;border:1px solid;overflow:hidden}.theme-preview-sidebar{width:28%;border-right:1px solid;flex-shrink:0}.theme-preview-body{flex:1;display:flex;flex-direction:column;gap:6px;padding:12px}.theme-preview-bar{height:8px;width:50%;border-radius:4px}.theme-preview-line{height:5px;width:80%;border-radius:3px}.theme-preview-line-short{width:55%}.theme-info{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.theme-label{font-size:var(--type-callout);font-weight:600;color:var(--text)}.theme-check{color:var(--accent);flex-shrink:0}@media(max-width:768px){.themes-grid{grid-template-columns:1fr;gap:12px}.theme-preview{height:80px}}.notif-page{display:flex;flex-direction:column;gap:16px;max-width:680px}.notif-toolbar{display:flex;align-items:center;justify-content:space-between}.notif-toolbar-left{display:flex;align-items:center;gap:8px}.notif-toolbar-right{display:flex;align-items:center;gap:6px}.notif-unread-badge{font-size:var(--type-footnote);font-weight:600;padding:3px 10px;border-radius:20px;background:var(--accent);color:#fff}.notif-action-btn{font-size:var(--type-footnote);font-weight:500;color:var(--text-muted);padding:5px 12px;border:1px solid var(--border);border-radius:8px;transition:all var(--transition)}@media(hover:hover){.notif-action-btn:hover{border-color:var(--accent);color:var(--accent)}}.notif-settings-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--text-muted);border:1px solid var(--border);transition:all var(--transition)}.notif-settings-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}@media(hover:hover){.notif-settings-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}}.notif-prefs{padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.notif-prefs-title{font-size:var(--type-subhead);font-weight:600;margin-bottom:2px}.notif-prefs-desc{font-size:var(--type-footnote);color:var(--text-muted);margin-bottom:14px}.notif-prefs-list{display:flex;flex-direction:column;gap:10px}.notif-pref-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;cursor:pointer}.notif-pref-label{font-size:var(--type-subhead);font-weight:500}.notif-toggle{position:relative;width:38px;height:22px;border-radius:12px;background:var(--border);border:none;cursor:pointer;transition:background .2s ease;padding:0}.notif-toggle.on{background:var(--accent)}.notif-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.notif-toggle.on .notif-toggle-thumb{transform:translate(16px)}.notif-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 20px;color:var(--text-muted);font-size:var(--type-callout)}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);text-align:left;width:100%;transition:background var(--transition);position:relative}.notif-item:last-child{border-bottom:none}@media(hover:hover){.notif-item:hover{background:var(--accent-light)}}.notif-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--bg);color:var(--text-muted);flex-shrink:0;margin-top:1px}.notif-item.unread .notif-item-icon{background:var(--bg);color:var(--accent);border:1.5px solid var(--accent)}.notif-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif-item-title{font-size:var(--type-subhead);font-weight:600;color:var(--text)}.notif-item-message{font-size:var(--type-subhead);color:var(--text-muted);line-height:1.4}.notif-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-top:2px}.notif-item-date{font-size:var(--type-caption1);color:var(--text-muted);white-space:nowrap}.notif-item-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.notif-actions{display:flex;gap:8px;margin-top:6px}.notif-accept,.notif-deny{padding:5px 14px;border:none;border-radius:6px;font-size:var(--type-footnote);font-weight:600;cursor:pointer}.notif-accept{background:var(--accent);color:#fff}.notif-deny{background:var(--bg-card, rgba(0,0,0,.05));color:var(--text-muted)}@media(hover:hover){.notif-accept:hover{opacity:.9}.notif-deny:hover{color:#e74c3c}}.notif-accept:disabled,.notif-deny:disabled{opacity:.45;cursor:default}html.native-ios:not([data-theme]) .notif-item.unread{background:var(--accent-light)}@media(max-width:768px){.notif-page{max-width:100%}.notif-toolbar{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:6px}.notif-toolbar-right{margin-left:auto}.notif-item{padding:12px 14px}.notif-prefs{padding:14px 16px}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px;background:var(--bg)}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:32px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:8px}.auth-logo{height:28px;object-fit:contain}.auth-tagline{font-size:var(--type-footnote);color:var(--text-muted);letter-spacing:.02em}.auth-form-wrap{width:100%;display:flex;flex-direction:column;gap:24px;padding:32px 28px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card)}.auth-heading{font-size:var(--type-title2);font-weight:600;color:var(--text);text-align:center}.auth-subheading{font-size:var(--type-subhead);color:var(--text-muted);text-align:center;margin-top:-16px;line-height:1.5}.auth-fields{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:var(--type-caption1);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.auth-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:var(--type-body);font-family:inherit;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b4ee81f}:root[data-theme=orng] .auth-input:focus{box-shadow:0 0 0 3px #ff8c0026}.auth-input::placeholder{color:var(--text-muted);opacity:.6}.auth-input-password-wrap{position:relative}.auth-input-password-wrap .auth-input{padding-right:44px}.auth-toggle-pw{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--text-muted);transition:color var(--transition)}.auth-toggle-pw:hover{color:var(--text)}.auth-submit{width:100%;padding:13px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:var(--type-body);font-weight:600;font-family:inherit;cursor:pointer;transition:opacity var(--transition),transform .1s ease}.auth-submit:hover{opacity:.92}.auth-submit:active{transform:scale(.985)}.auth-submit:disabled{opacity:.5;cursor:default}.auth-divider{display:flex;align-items:center;gap:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider-text{font-size:var(--type-caption1);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.auth-socials{display:flex;flex-direction:column;gap:10px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:var(--type-subhead);font-weight:500;font-family:inherit;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.auth-social-btn:hover{border-color:var(--text-muted);background:var(--bg-card)}.auth-social-btn svg{flex-shrink:0}.auth-link{font-size:var(--type-subhead);color:var(--accent);font-weight:500;cursor:pointer;text-decoration:none;transition:opacity var(--transition)}.auth-link:hover{opacity:.8}.auth-footer{display:flex;flex-direction:column;align-items:center;gap:10px}.auth-footer-text{font-size:var(--type-subhead);color:var(--text-muted)}.auth-forgot-row{display:flex;justify-content:flex-end;margin-top:-6px}.auth-success-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent-light);color:var(--accent);margin:0 auto}.auth-success-message{font-size:var(--type-body);color:var(--text);text-align:center;line-height:1.6}.auth-pw-requirements{display:flex;flex-direction:column;gap:6px}.auth-pw-req{display:flex;align-items:center;gap:8px;font-size:var(--type-caption1);color:var(--text-muted);transition:color var(--transition)}.auth-pw-req.met{color:var(--accent)}.auth-pw-req-dot{width:5px;height:5px;border-radius:50%;background:var(--border);flex-shrink:0;transition:background var(--transition)}.auth-pw-req.met .auth-pw-req-dot{background:var(--accent)}.auth-back{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:6px;font-size:var(--type-subhead);color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.auth-back:hover{color:var(--text)}.auth-error{font-size:var(--type-subhead);color:#ef4444;text-align:center;line-height:1.5;margin:0}@media(max-width:768px){.auth-page{padding:20px 16px;align-items:flex-start;padding-top:max(60px,env(safe-area-inset-top,20px))}.auth-form-wrap{padding:24px 20px}.auth-back{top:max(16px,env(safe-area-inset-top,16px));left:16px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #fafafa;--bg-sidebar: #ffffff;--bg-card: #ffffff;--text: #1a1a1a;--text-muted: #888888;--accent: #5b4ee8;--accent-light: #ededfc;--border: #e8e8e8;--radius: 10px;--sidebar-width: 240px;--transition: .2s ease;--tab-bar-rgb: 255, 255, 255;--tab-bar-border-rgb: 200, 200, 200;--tab-bar-pill-rgb: 255, 255, 255;--type-large-title: 2.125rem;--type-title1: 1.5rem;--type-title2: 1.3rem;--type-title3: 1.125rem;--type-headline: 1rem;--type-body: .9375rem;--type-callout: .875rem;--type-subhead: .8125rem;--type-footnote: .75rem;--type-caption1: .6875rem;--type-caption2: .625rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg: #121212;--bg-sidebar: #1a1a1a;--bg-card: #1e1e1e;--text: #e0e0e0;--text-muted: #888888;--accent: #5b4ee8;--accent-light: #2a2548;--border: #333333;--tab-bar-rgb: 40, 40, 40;--tab-bar-border-rgb: 80, 80, 80;--tab-bar-pill-rgb: 255, 255, 255}:root[data-theme=orng]{--bg: #121212;--bg-sidebar: #1a1a1a;--bg-card: #1e1e1e;--text: #e0e0e0;--text-muted: #888888;--accent: #ff8c00;--accent-light: #2a1f00;--border: #333333;--tab-bar-rgb: 40, 40, 40;--tab-bar-border-rgb: 80, 80, 80;--tab-bar-pill-rgb: 255, 255, 255}[data-theme=orng] .resource-tool-child{background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}h1,h2,h3{font-weight:500;line-height:1.3}html.native-ios{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;--type-large-title: 2.125rem;--type-title1: 1.75rem;--type-title2: 1.375rem;--type-title3: 1.25rem;--type-headline: 1.0625rem;--type-body: 1.0625rem;--type-callout: 1rem;--type-subhead: .9375rem;--type-footnote: .8125rem;--type-caption1: .75rem;--type-caption2: .6875rem}::-webkit-scrollbar{display:none}html,body,*{scrollbar-width:none}body{background:var(--bg)}@media(max-width:768px){:root{font-size:14px;--type-title1: 1.3rem;--type-title2: 1.1rem}html,body{-webkit-tap-highlight-color:transparent}html:not(.native-ios),html:not(.native-ios) body{overscroll-behavior:none}button,a,[role=button]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select{-webkit-user-select:text;user-select:text;font-size:16px}}