:root{color-scheme:light;background:#f0f2ed}
body{margin:0}
#music-mobile{padding:0;font-size:16px;line-height:1.5;--p:#fafbf7;--s:#fff;--i:#202b24;--m:#58665b;--l:#d4ddd5;--a:#28583c;--as:#e6efe7}
#music-mobile .phone{width:min(560px,100%);height:100dvh;min-height:0;border-radius:0;border-top:0;border-bottom:0;overflow:hidden;box-shadow:0 8px 40px #203c2010}
#music-mobile .status{display:none}
#music-mobile .top{flex:none;height:64px;padding:env(safe-area-inset-top,0px) 20px 0;box-sizing:content-box;background:var(--p)}
#music-mobile .brand{font-size:23px}
#music-mobile .body{overflow-y:auto;overscroll-behavior-y:contain;padding:22px 20px 30px;scroll-padding-block:16px;-webkit-overflow-scrolling:touch}
#music-mobile h1{font-size:29px;line-height:1.2}
#music-mobile .sub{font-size:14px;line-height:1.5}
#music-mobile .section-label{font-size:12px;letter-spacing:.06em}
#music-mobile button,#music-mobile input:not([type=checkbox]),#music-mobile select{min-height:48px;font-size:16px;touch-action:manipulation}
#music-mobile button{border-radius:10px}
#music-mobile .top .icon{min-width:48px;font-size:24px}
#music-mobile .search{height:48px;padding:0 12px;border-radius:10px}
#music-mobile .setting{min-height:52px;font-size:14px;gap:16px;cursor:pointer}
#music-mobile .setting input{width:24px;height:24px;flex:none}
#music-mobile .import-row{padding:18px 0;overflow-wrap:anywhere}
#music-mobile .import-row strong{font-size:16px;line-height:1.4}
#music-mobile .import-row small{font-size:13px;line-height:1.5;margin-top:6px}
#music-mobile .import-row a,#music-mobile .platform-button{display:inline-flex;align-items:center;min-height:44px;font-size:14px;padding:4px 0;text-decoration:none}
#music-mobile .triage-actions{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap}
#music-mobile .triage-actions button{flex:1;min-width:110px;padding:12px;border:1px solid var(--l);background:var(--s);font-size:15px;line-height:1.3}
#music-mobile .triage-actions .action-catalog{background:var(--a);color:white;border-color:var(--a)}
#music-mobile .triage-actions .action-discarded{color:#854a3e}
#music-mobile .import-more{padding:12px;background:var(--as);font-size:15px}
#music-mobile .bottom{position:relative;flex:none;height:auto;min-height:68px;padding:6px 8px max(6px,env(safe-area-inset-bottom));gap:4px;z-index:2}
#music-mobile .tab{min-width:0;flex:1;min-height:52px;font-size:11px;gap:5px;padding:6px 2px;border-radius:10px}
#music-mobile .tab.active{background:var(--as)}
#music-mobile .tab .sym{font-size:20px}
#music-mobile #save-status{flex:none;font-size:12px;line-height:1.4;padding:8px 12px;background:var(--as);margin:0!important;border:0;max-height:80px;overflow:auto}
#music-mobile .entitybar{margin:0 -20px 14px;padding:0 20px 5px;gap:8px}
#music-mobile .entity{font-size:14px;min-height:44px;padding:8px 14px}
#music-mobile .sortrow{flex-wrap:wrap;font-size:13px}
#music-mobile .sortrow select{max-width:100%;font-size:14px}
#music-mobile .catalog-item{min-height:64px;padding:16px 0;border-radius:0}
#music-mobile .catalog-item b{font-size:16px}
#music-mobile .catalog-item small,#music-mobile .fact,#music-mobile .note,#music-mobile .group p{font-size:13px}
#music-mobile .catalog-item em{font-size:16px}
#music-mobile .back{font-size:15px;padding:8px 12px;border:1px solid var(--l)}
#music-mobile .platform-button{padding:8px 12px}
#music-mobile .group h2{font-size:18px}
#music-mobile .backup-button{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--l);border-radius:10px;padding:10px 14px;background:var(--s);font:inherit;font-size:15px;width:100%;box-sizing:border-box;cursor:pointer;margin:10px 0}
#music-mobile :is(button,a,input,select):focus-visible{outline:3px solid #487fe0;outline-offset:3px}
#music-mobile button:active{filter:brightness(.93)}
@media(min-width:700px){#music-mobile{padding:20px 0}#music-mobile .phone{height:calc(100dvh - 40px);border:1px solid var(--l);border-radius:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
