:root{color-scheme:light;--bg: #f4efe5;--bg-accent: radial-gradient(circle at top left, rgba(245, 109, 76, .25), transparent 35%), radial-gradient(circle at top right, rgba(12, 102, 255, .18), transparent 30%), #f4efe5;--panel: rgba(255, 252, 247, .86);--panel-border: rgba(72, 47, 31, .12);--text: #1f1b17;--muted: #66594d;--primary: #cf4f2b;--primary-soft: rgba(207, 79, 43, .14);--secondary: #24425a;--shadow: 0 20px 45px rgba(37, 29, 21, .08);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-accent)}a{color:var(--secondary)}button,input,textarea,select{font:inherit}button{border:0;border-radius:999px;background:var(--primary);color:#fff;padding:.8rem 1.2rem;cursor:pointer;transition:transform .14s ease,opacity .14s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button.secondary{background:var(--primary-soft);color:var(--primary)}button.danger{background:#992c1c1f;color:#992c1c}input,textarea,select{width:100%;border:1px solid var(--panel-border);border-radius:16px;background:#ffffffbf;padding:.85rem 1rem}input[type=checkbox]{width:auto}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(320px,.8fr);gap:1.25rem;padding:2rem}.auth-panel{border:1px solid var(--panel-border);border-radius:32px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem}.auth-panel-brand{display:grid;align-content:end;min-height:360px;background:radial-gradient(circle at top left,rgba(207,79,43,.22),transparent 42%),radial-gradient(circle at bottom right,rgba(36,66,90,.18),transparent 35%),var(--panel)}.auth-panel-brand h1{margin:.4rem 0 .8rem;font-size:clamp(2.2rem,4vw,4rem);line-height:.95}.auth-form{grid-template-columns:1fr;max-width:520px}.sidebar{padding:2rem;border-right:1px solid rgba(31,27,23,.08);background:#fff9f2b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-rows:auto 1fr auto;gap:1.5rem}.brand-block h1{margin:.3rem 0 .8rem;font-size:clamp(2rem,3vw,3.3rem);line-height:.95}.brand-block p,.resource-card p,.resource-card small,.hero-panel p,.status-text{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:.35rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--secondary)}.nav-list{display:grid;gap:.6rem;align-content:start;grid-auto-rows:max-content}.nav-link{display:block;border-radius:20px;padding:.95rem 1.05rem;color:var(--text);text-decoration:none;background:#ffffff5c}.nav-link.active{background:linear-gradient(135deg,#cf4f2b2e,#24425a21);color:var(--primary);font-weight:700}.main-content{padding:2rem}.sidebar-account{display:grid;gap:.8rem;padding:1rem;border-radius:22px;background:#ffffff6b;border:1px solid rgba(31,27,23,.08)}.sidebar-account p{margin:.25rem 0 0;color:var(--muted)}.page-grid,.two-column-page{display:grid;gap:1.25rem}.page-grid>*,.two-column-page>*{min-width:0}.two-column-page{grid-template-columns:minmax(290px,1fr) minmax(420px,1.15fr)}.two-column-page.wide-right{grid-template-columns:minmax(290px,.9fr) minmax(520px,1.3fr)}.panel,.hero-panel,.stat-card{border:1px solid var(--panel-border);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel,.hero-panel{padding:1.35rem}.hero-panel{padding:1.75rem}.hero-panel h2,.panel h2,.panel h3{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1.1rem 1.15rem;min-height:120px;display:grid;align-content:space-between}.stat-card.compact{min-height:0}.stat-card strong{font-size:2rem}.panel-header,.split-header,.inline-search{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.panel-header-wrap{flex-wrap:wrap}.resource-card{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.button-row,.form-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.button-row,.form-actions{justify-content:flex-start}.card-list{display:grid;gap:.85rem;margin-top:1rem}.playlist-list-grid,.resource-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.resource-card{border:1px solid rgba(31,27,23,.08);border-radius:20px;padding:1rem;background:#ffffff94;min-width:0}.resource-card>*{min-width:0}.resource-card.vertical{align-items:stretch;flex-direction:column}.playlist-summary-card,.playlist-empty-state,.resource-summary-card,.resource-empty-state{min-height:220px;justify-content:space-between}.playlist-summary-copy,.resource-summary-copy{display:grid;gap:.75rem}.playlist-summary-copy p,.resource-summary-copy p,.resource-summary-copy small{margin:0;color:var(--muted)}.resource-card-heading,.resource-card-section{display:grid;gap:.35rem}.resource-card-meta{display:flex;flex-wrap:wrap;gap:.45rem}.resource-card.active{border-color:#cf4f2b52;background:linear-gradient(135deg,#cf4f2b1f,#ffffffb8)}.pill{border-radius:999px;padding:.35rem .75rem;background:#24425a14;color:var(--secondary)}.form-grid,.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.full-width{grid-column:1 / -1}.form-grid label{display:grid;gap:.45rem;align-content:start}.stream-card-copy{display:grid;gap:.35rem}.stream-card-copy p,.stream-card-copy small{margin:0}.stream-actions{width:100%}.stream-card-status-row{display:flex;flex-wrap:wrap;gap:.6rem}.stream-link-actions{margin-top:.25rem}.stream-copy-status{align-self:flex-start}.stream-copy-status.success{background:#2b784e1f;color:#1f6a42}.stream-copy-status.error{background:#992c1c1f;color:#992c1c}.stream-playback-status.playing{background:#24425a1f;color:var(--secondary)}.stream-playback-status.paused{background:#7a5d2f1f;color:#7a5d2f}.stream-playback-status.error{background:#992c1c1f;color:#992c1c}.stream-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.8rem 1.2rem;border-radius:999px;background:#24425a14;color:var(--secondary);text-decoration:none}.stream-test-audio{display:none}.track-picker{display:grid;gap:.75rem;max-height:380px;overflow:auto;padding-right:.25rem}.track-option{display:flex;align-items:center;gap:.75rem;padding:.85rem .95rem;border-radius:18px;background:#ffffff9e;border:1px solid transparent}.track-option.selected{border-color:#cf4f2b59;background:#cf4f2b14}.track-option input{width:auto}.playlist-builder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.25rem}.playlist-builder-panel{display:grid;gap:1rem;align-content:start;min-height:0;padding:1rem;border-radius:24px;background:#ffffff80;border:1px solid rgba(31,27,23,.08)}.playlist-builder-toolbar{display:flex;gap:.75rem;align-items:center}.playlist-track-list{display:grid;gap:.75rem;max-height:640px;overflow:auto;padding-right:.35rem}.playlist-track-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:start;padding:.9rem;border-radius:20px;background:#ffffffbd;border:1px solid rgba(31,27,23,.08)}.playlist-track-card.selected{border-color:#cf4f2b3d;background:linear-gradient(135deg,#cf4f2b17,#ffffffc7)}.playlist-track-main,.playlist-track-copy,.playlist-track-actions,.playlist-track-meta{display:flex;gap:.75rem}.playlist-track-main{min-width:0;align-items:flex-start}.playlist-track-copy{min-width:0;flex:1;flex-direction:column;gap:.35rem}.playlist-track-copy p,.playlist-track-copy small{margin:0;color:var(--muted)}.playlist-track-copy strong,.playlist-track-copy small{overflow-wrap:anywhere}.playlist-track-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.playlist-track-meta{flex-wrap:wrap;gap:.45rem}.playlist-track-index,.meta-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.playlist-track-index{min-width:2rem;padding:.25rem .55rem;background:#24425a1a;color:var(--secondary);font-weight:700}.meta-pill{padding:.3rem .6rem;background:#24425a14;color:var(--secondary);font-size:.82rem}.icon-button{min-width:2.8rem;padding-left:.85rem;padding-right:.85rem}.playlist-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.playlist-search-grid label{display:grid;gap:.45rem}.playlist-manager-panel,.playlist-manager-summary{border:1px solid rgba(31,27,23,.08);border-radius:24px;background:#ffffff94}.playlist-manager-panel{margin-top:1.25rem;padding:1.25rem;display:grid;gap:1.1rem}.playlist-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:end}.playlist-filter-grid label{display:grid;gap:.45rem}.playlist-filter-actions{grid-column:1 / -1;justify-content:flex-end}.playlist-table-shell{position:relative;border:1px solid rgba(31,27,23,.08);border-radius:22px;overflow:hidden;background:#ffffffad}.playlist-table-progress{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),rgba(36,66,90,.85));z-index:1}.playlist-table-wrap{max-height:560px}.playlist-table{min-width:760px}.playlist-table th,.playlist-table td{white-space:nowrap}.playlist-table tbody tr.selected{background:#cf4f2b14}.playlist-table .checkbox-cell{width:56px;text-align:center}.playlist-table .position-cell{width:64px;text-align:center;color:var(--muted)}.playlist-table .checkbox-cell input{transform:scale(1.1)}.playlist-table .reorder-cell{width:120px}.playlist-table .preview-cell{width:132px;text-align:center}.playlist-row-actions{display:flex;gap:.5rem;justify-content:flex-end}.playlist-row-action{min-width:2.5rem;padding:.5rem .75rem}.playlist-row-action.active{background:#24425a1f;color:var(--secondary)}.playlist-table-empty{padding:2rem 1rem;text-align:center;color:var(--muted)}.playlist-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-top:1px solid rgba(31,27,23,.08)}.playlist-pagination .status-text{margin:0}.playlist-pagination-select{display:flex;align-items:center;gap:.6rem;color:var(--muted)}.playlist-pagination-select select{width:auto;min-width:96px}.playlist-manager-summary{margin-top:1rem;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.playlist-manager-summary .status-text{margin:0}.playlist-preview-panel{border:1px solid rgba(31,27,23,.08);border-radius:22px;background:#ffffffb8;padding:1rem 1.1rem;display:grid;gap:.9rem}.playlist-preview-copy,.playlist-preview-status{display:flex;align-items:center;justify-content:space-between;gap:1rem}.playlist-preview-copy p,.playlist-preview-status p{margin:0}.playlist-preview-actions{justify-content:flex-end}.playlist-modal-backdrop,.resource-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#17120c47;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem}.playlist-modal,.resource-modal{width:100%;height:100%}.playlist-modal-shell,.resource-modal-shell{height:100%;display:grid;grid-template-rows:auto 1fr auto;border:1px solid var(--panel-border);border-radius:32px;background:#fffcf7f5;box-shadow:0 30px 80px #1f1b1733;overflow:hidden}.playlist-modal-header,.playlist-modal-footer,.resource-modal-header,.resource-modal-footer{padding:1.5rem 1.75rem;background:#fffbf6e6}.playlist-modal-header,.resource-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(31,27,23,.08)}.playlist-modal-footer,.resource-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(31,27,23,.08)}.playlist-modal-footer .form-error,.resource-modal-footer .form-error{margin:0}.playlist-modal-body,.resource-modal-body{overflow:auto;padding:1.5rem 1.75rem 1.75rem}.playlist-modal-body .form-grid,.resource-modal-body .form-grid{margin-top:0}.resource-modal-header-copy{display:grid;gap:.35rem}.resource-modal-header-copy p{margin:0;color:var(--muted)}.table-wrap{overflow:auto}.radio-layout{grid-template-columns:minmax(280px,.7fr) minmax(360px,1fr)}.radio-player-panel{min-height:100%}.radio-player-stack,.radio-meta-grid{display:grid;gap:1rem}.radio-meta-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stream-radio-card{display:grid;gap:.35rem;width:100%;text-align:left;border-radius:22px;padding:1rem;background:#ffffff8c;border:1px solid transparent;color:var(--text)}.stream-radio-card.selected{border-color:#24425a38;background:linear-gradient(135deg,#24425a1f,#cf4f2b1f)}.stream-radio-card span,.stream-radio-card small{color:var(--muted)}.audio-player{width:100%}table{width:100%;border-collapse:collapse}th,td{padding:.9rem .7rem;text-align:left;border-bottom:1px solid rgba(31,27,23,.08)}.mono-cell{font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.85rem}.form-error,.error-panel{color:#992c1c}.skeleton{min-height:120px;opacity:.45}@media (max-width: 1024px){.app-shell,.auth-shell,.two-column-page,.two-column-page.wide-right,.radio-layout,.playlist-builder{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(31,27,23,.08)}.playlist-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-modal-backdrop,.resource-modal-backdrop{padding:.75rem}}@media (max-width: 720px){.main-content,.sidebar,.auth-shell{padding:1.2rem}.form-grid{grid-template-columns:1fr}.panel-header,.split-header,.inline-search,.playlist-builder-toolbar{flex-wrap:wrap}.playlist-search-grid,.playlist-filter-grid,.playlist-track-card{grid-template-columns:1fr}.playlist-track-actions{justify-content:flex-start}.playlist-modal-header,.playlist-modal-footer,.resource-modal-header,.resource-modal-footer{padding:1rem 1.1rem}.playlist-modal-header,.playlist-modal-footer,.playlist-modal-footer .button-row,.resource-modal-header,.resource-modal-footer,.resource-modal-footer .button-row{flex-wrap:wrap}.playlist-modal-body,.resource-modal-body{padding:1rem 1.1rem 1.2rem}.playlist-preview-copy,.playlist-preview-status,.playlist-pagination,.playlist-manager-summary{flex-wrap:wrap}}