:root{--color-bg: rgb(248, 248, 248);--color-surface: rgb(255, 255, 255);--color-surface-2: rgb(240, 242, 246);--color-border: rgb(228, 230, 235);--color-text: rgb(63, 67, 74);--color-muted: rgb(107, 114, 122);--color-sidebar-bg: rgb(63, 67, 74);--color-sidebar-surface: rgb(75, 80, 89);--color-sidebar-text: rgb(248, 248, 248);--color-sidebar-muted: rgb(138, 144, 153);--color-sidebar-border: rgba(255, 255, 255, .08);--color-sidebar-active-bg: rgba(0, 74, 173, .85);--color-primary: rgb(0, 74, 173);--color-primary-hover: rgb(0, 80, 185);--color-primary-dim: rgba(0, 74, 173, .08);--color-warning: rgb(255, 150, 93);--color-warning-dim: rgba(255, 150, 93, .12);--color-success: rgb(52, 199, 89);--color-success-dim: rgba(52, 199, 89, .12);--color-danger: rgb(220, 53, 69);--color-danger-dim: rgba(220, 53, 69, .1);--color-info: rgb(0, 144, 255);--font-family: "Poppins", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--radius-sm: 6px;--radius-md: 8px;--radius-card: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-card: 0 2px 12px rgba(44, 63, 88, .08);--shadow-sm: 0 1px 4px rgba(44, 63, 88, .06);--shadow-modal: 0 20px 60px rgba(44, 63, 88, .18);--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--topbar-height: 64px}:root[data-theme=dark]{--color-bg: rgb(15, 23, 42);--color-surface: rgb(30, 41, 59);--color-surface-2: rgb(39, 52, 73);--color-border: rgb(51, 65, 85);--color-text: rgb(248, 250, 252);--color-muted: rgb(148, 163, 184);--color-primary-dim: rgba(96, 130, 255, .16);--color-warning-dim: rgba(255, 150, 93, .18);--color-success-dim: rgba(52, 199, 89, .18);--color-danger-dim: rgba(220, 53, 69, .18);--shadow-card: 0 2px 12px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .35);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;-webkit-user-select:none;user-select:none}button *{cursor:inherit}a,a *{cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.logo{border-radius:var(--radius-md)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.clickable-row{transition:box-shadow .15s ease,border-color .15s ease}.clickable-row:hover{box-shadow:0 2px 8px #0f172a14}.mobile-only{display:none!important}.desktop-only{display:flex!important}.main-content{padding:16px}@media(max-width:767px){.mobile-only{display:flex!important}.desktop-only,.sidebar{display:none!important}.main-content{padding:16px}input,textarea,select{font-size:16px!important}}.feedback-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border);color:inherit;text-decoration:none}.feedback-row-meta{display:flex;gap:8px;align-items:center;flex-shrink:0}@media(max-width:767px){.feedback-row{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;max-width:100%}.feedback-row>*:first-child{min-width:0;max-width:100%;width:100%}}.song-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}@media(max-width:767px){.song-detail-layout{grid-template-columns:1fr}}.rich-text-editor .ProseMirror p{margin:0 0 12px}.rich-text-editor .ProseMirror h2{font-size:20px;margin:16px 0 8px}.rich-text-editor .ProseMirror h3{font-size:17px;margin:14px 0 6px}.rich-text-editor .ProseMirror ul,.rich-text-editor .ProseMirror ol{margin:0 0 12px;padding-left:24px}.rich-text-editor .ProseMirror ul{list-style:disc}.rich-text-editor .ProseMirror ol{list-style:decimal}.rich-text-editor .ProseMirror blockquote{margin:0 0 12px;padding-left:12px;border-left:3px solid var(--color-border);color:var(--color-muted)}.rich-text-editor .ProseMirror a{color:var(--color-primary);text-decoration:underline}.rich-text-editor .ProseMirror{background:#fff;color:#334155;border-radius:0 0 var(--radius-md) var(--radius-md)}.rich-text-editor .ProseMirror img{max-width:100%;height:auto}.rich-text-editor .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--color-primary)}.rich-text-editor .ProseMirror hr{border:0;border-top:1px solid #cbd5e1;margin:16px 0}.rich-text-editor .ProseMirror table{width:100%;border-collapse:collapse;margin:0 0 12px;table-layout:fixed}.rich-text-editor .ProseMirror th,.rich-text-editor .ProseMirror td{border:1px solid #cbd5e1;padding:6px 8px;vertical-align:top}.rich-text-editor .ProseMirror th{background:#f1f5f9;font-weight:600;text-align:left}.rich-text-editor .ProseMirror td p,.rich-text-editor .ProseMirror th p{margin:0}.rich-text-editor .ProseMirror a[data-button]{display:inline-block;padding:8px 16px;background:#2563eb;color:#fff;font-weight:600;text-decoration:none;border-radius:6px}.newsletter-tinymce-rich{width:100%;max-width:100%;box-sizing:border-box;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.newsletter-tinymce-rich .tox-tinymce{width:100%!important;max-width:100%;border:none!important;box-shadow:none!important}.newsletter-tinymce-rich .tox-editor-header{border-bottom:1px solid var(--color-border)!important;background:var(--color-surface-2)!important}.newsletter-tinymce-rich .tox-toolbar-overlord,.newsletter-tinymce-rich .tox-toolbar__primary{background:var(--color-surface-2)!important;flex-wrap:wrap}.newsletter-tinymce-rich .tox-edit-area{border-top:none!important}.newsletter-tinymce-rich .tox-edit-area__iframe{background:#fff}@media(max-width:640px){.newsletter-tinymce-rich .tox-tinymce{height:max(440px,65vh)!important}.newsletter-tinymce-rich .tox-edit-area{min-height:240px}}.newsletter-tinymce-html{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;border-radius:var(--radius-md)}.newsletter-tinymce-html .tox-tinymce{width:100%!important;max-width:100%;border:1px solid var(--color-border)!important;box-shadow:none!important}.newsletter-editor-page{min-width:0}.main-content:has(.newsletter-editor-page){overflow-x:clip}