:root{color:#3a271d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffd35e73,#0000 28%),radial-gradient(circle at 100% 0,#ec6c4357,#0000 24%),linear-gradient(#f6efe4,#efe4d3 45%,#e7d7c5);font-family:Avenir Next,Montserrat,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}#root{min-height:100vh}h1,h2,h3,strong{color:#25150b;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif}h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.96}h2,h3,p{margin:0}a{color:inherit}.app-shell{min-height:100vh;padding:18px}.compact-shell{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px;display:grid}.panel,.login-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9efdb;border:1px solid #281c141f;border-radius:24px;box-shadow:0 20px 60px #3b1f0b14}.panel{padding:18px}.sidebar{gap:18px;display:grid;position:sticky;top:18px}.content-column{min-width:0}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{gap:20px;width:min(520px,100%);padding:24px;display:grid}.menu-list,.login-form,.field{gap:10px;display:grid}.menu-button{text-align:left;color:#40291b;background:#4e392b0f}.menu-button.active{color:#22130a;background:linear-gradient(135deg,#f7c85b,#e57244)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#8d5a27;margin:0 0 6px;font-size:.72rem}.muted-copy,.muted-cell{color:#6f5745}.panel-header,.toolbar-row,.editor-meta,.panel-subheader,.header-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.compact-header{margin-bottom:14px}.toolbar-row{margin-bottom:12px}.toolbar-row input{flex:1}.editor-meta{margin-bottom:12px}.playlist-meta-row{grid-template-columns:minmax(280px,520px) 180px;justify-content:space-between;align-items:end;gap:12px;display:grid}.two-up{grid-template-columns:minmax(0,1fr) 240px;display:grid}.compact-field{gap:6px}.field span{color:#4e392b;font-size:.82rem;font-weight:700}input,select,button{font:inherit}input,select{color:#23170f;background:#ffffffdb;border:1px solid #4e392b29;border-radius:12px;width:100%;min-width:0;padding:10px 12px}input:focus,select:focus{border-color:#ec6c43cc;outline:none;box-shadow:0 0 0 4px #ec6c431f}button{cursor:pointer;border:0;border-radius:999px;padding:10px 14px}button:disabled{opacity:.65;cursor:default}.primary-button{color:#fff9f2;background:linear-gradient(135deg,#e15d2c,#c23713)}.ghost-button,.table-action{color:#40291b;background:#4e392b14}.danger-button,.subtle-danger{color:#8f1212;background:#8f12121a}.detail-panel{gap:12px;display:grid}.info-card{background:#f8efe4e0;border-radius:16px;gap:4px;padding:12px 14px;display:grid}.tab-strip{flex-wrap:wrap;gap:8px;display:flex}.tab-button{color:#40291b;background:#4e392b14}.tab-button.active{color:#22130a;background:linear-gradient(135deg,#f7c85b,#e57244)}.user-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.table-shell{background:#ffffffb3;border:1px solid #4e392b1f;border-radius:16px;overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #4e392b14;padding:10px 12px}.data-table th{text-transform:uppercase;letter-spacing:.12em;color:#8d5a27;background:#f8efe4eb;font-size:.78rem}.interactive-row{cursor:pointer}.interactive-row:hover{background:#ffede4cc}.cell-input{border-radius:10px;padding:8px 10px}.narrow-input{min-width:84px}.status{border-radius:14px;margin:0;padding:10px 12px}.status.error{color:#8f1212;background:#8f121214}.status.success{color:#217d42;background:#217d421a}.empty-state{color:#745846;margin:0;padding:14px}@media (width<=980px){.compact-shell{grid-template-columns:1fr}.sidebar{position:static}.two-up,.user-profile-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:12px}.panel,.login-panel{padding:14px}.panel-header,.toolbar-row,.editor-meta,.panel-subheader,.header-actions{justify-content:stretch;display:grid}.table-shell{border-radius:12px}}