:root{--color-primary: #16a34a;--color-primary-hover: #15803d;--color-primary-light: #e8f7f0;--color-bg: #f7f9f8;--color-surface: #ffffff;--color-border: #e7ece9;--color-text-primary: #1f2329;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-danger: #ef4444;--sidebar-width: 240px;--player-height: 72px;--mobile-tab-height: 56px;--mobile-player-height: 72px;--font-family: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text-primary);font-size:14px}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:14px}a{color:var(--color-primary);text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;padding:8px 16px;border-radius:8px;font-weight:500}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);padding:8px 16px;border-radius:8px}.btn-secondary:hover{background:var(--color-bg)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-surface);border-radius:12px;padding:24px;min-width:320px;max-width:90vw;box-shadow:0 8px 24px #0f172a1f}.modal h3{font-size:18px;margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.form-field{margin-bottom:16px}.form-field label{display:block;margin-bottom:6px;color:var(--color-text-secondary);font-size:13px}.form-field input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px}.form-field input:focus{outline:none;border-color:var(--color-primary)}.form-field select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.form-field select:focus{outline:none;border-color:var(--color-primary)}.setting-rows{margin-top:4px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--color-border)}.setting-row:last-child{border-bottom:none;padding-bottom:0}.setting-row:first-child{padding-top:0}.setting-label{font-size:14px;color:var(--color-text-primary);flex-shrink:0}.setting-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:168px;max-width:100%;padding:8px 32px 8px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--color-text-primary);text-align:left;cursor:pointer}.setting-select:focus{outline:none;border-color:var(--color-primary)}.toggle-switch{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:relative;display:block;width:44px;height:24px;border-radius:9999px;background:var(--color-border);transition:background .2s ease}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000001f;transition:transform .2s ease}.toggle-switch input:checked+.toggle-track{background:var(--color-primary)}.toggle-switch input:checked+.toggle-track:after{transform:translate(20px)}.toggle-switch input:focus-visible+.toggle-track{outline:2px solid var(--color-primary-light);outline-offset:2px}.empty-state{text-align:center;padding:48px 24px;color:var(--color-text-secondary)}.empty-state p{margin:12px 0 20px}.toast{position:fixed;top:16px;right:16px;left:auto;z-index:1000;background:var(--color-surface);border-left:4px solid var(--color-primary);padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000014;z-index:200}.toast.error{border-left-color:var(--color-danger)}@media(max-width:1023px){.hide-mobile{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}