:root{--header-bg: #73492a;--sidebar-bg: #dea77d;--body-bg: #ffdec5;--header-bg-light: #8a5a35;--header-bg-dark: #5a3620;--header-text: #fff8f0;--header-text-muted: rgba(255, 248, 240, .75);--sidebar-bg-light: #eabb95;--sidebar-bg-dark: #c8935c;--sidebar-border: #c07f55;--sidebar-text: #3d2009;--sidebar-text-muted: #6b3d1f;--sidebar-active-bg: #73492a;--sidebar-active-text: #fff8f0;--sidebar-hover-bg: rgba(115, 73, 42, .18);--body-text: #2e1a08;--body-text-muted: #7a4a27;--body-border: #c07f55;--body-card-bg: #fff3e8;--body-card-border: #c07f55;--accent: #73492a;--accent-light: #c05a1a;--accent-dark: #5a3620;--accent-text: #ffffff;--skeu-hero: none;--skeu-card: none;--skeu-btn: none;--skeu-theme-btn: none;--skeu-card-tint: rgba(0, 0, 0, 0);--skeu-hero-tint: rgba(0, 0, 0, 0);--font-body: "MS Sans Serif", Tahoma, Arial, sans-serif;--font-header: "MS Sans Serif", Tahoma, Arial, sans-serif;--header-h: 50px;--sidebar-w: 200px;--cover-grid-min-width: 160px;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-inset: inset 2px 2px #c07f55, inset -2px -2px #ffffff;--shadow-inset-sm: inset 1px 1px #c07f55, inset -1px -1px #ffffff;--btn-shadow: none;--btn-shadow-hover: none;--btn-shadow-active: none}[data-theme=dark]{--header-bg: #73492a;--header-bg-light: #73492a;--header-bg-dark: #5a3620;--header-text: #ffffff;--header-text-muted: rgba(255, 255, 255, .75);--sidebar-bg: #3d1a05;--sidebar-bg-light: #50280f;--sidebar-bg-dark: #2a1505;--sidebar-border: #6b3d1f;--sidebar-text: #ffffff;--sidebar-text-muted: #dea77d;--sidebar-active-bg: #73492a;--sidebar-active-text: #ffffff;--sidebar-hover-bg: rgba(115, 73, 42, .85);--body-bg: #2f241a;--body-text: #f5e8d8;--body-text-muted: #b09070;--body-border: #6b3d1f;--body-card-bg: #3d1a05;--body-card-border: #6b3d1f;--accent: #e07030;--accent-light: #c05a1a;--accent-dark: #8f3f0f;--accent-text: #fff8f0;--shadow-inset: inset 2px 2px #2a1505, inset -2px -2px #6b3d1f;--shadow-inset-sm: inset 1px 1px #2a1505, inset -1px -1px #6b3d1f}[data-no-theme-images=true]{--skeu-hero: none;--skeu-card: none;--skeu-btn: none;--skeu-theme-btn: none;--skeu-card-tint: rgba(0, 0, 0, 0);--skeu-hero-tint: rgba(0, 0, 0, 0)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit}html{font-family:var(--font-body);font-size:13px;line-height:1.4;-webkit-font-smoothing:none}body{background-color:var(--body-bg);color:var(--body-text);min-height:100vh;overflow-x:hidden;background-image:none}a{color:var(--accent);text-decoration:underline}a:hover{color:var(--accent-light);text-decoration:underline}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#dea77d;border:2px solid;border-color:#c07f55 #ffffff #ffffff #c07f55}::-webkit-scrollbar-thumb{background:#dea77d;border:2px solid;border-color:#ffffff #c07f55 #c07f55 #ffffff;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#b0b0b0}::-webkit-scrollbar-button{background:#dea77d;border:2px solid;border-color:#ffffff #c07f55 #c07f55 #ffffff;height:16px;width:16px;display:block}.app-shell{display:grid;grid-template-areas:"header header" "sidebar main";grid-template-rows:var(--header-h) 1fr;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;position:relative;z-index:1}.site-header{grid-area:header;position:sticky;top:0;z-index:100;height:var(--header-h);background:linear-gradient(90deg,var(--header-bg-dark) 0%,var(--header-bg) 35%,var(--header-bg-light) 100%);border-bottom:2px solid var(--header-bg-dark);box-shadow:none;display:flex;align-items:center;padding:0 6px;gap:6px;color:var(--header-text)}.site-sidebar{grid-area:sidebar;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;background-color:var(--sidebar-bg);background-image:none;border-right:2px solid;border-right-color:var(--sidebar-border);box-shadow:none;color:var(--sidebar-text);font-family:var(--font-body);z-index:10}.site-main{grid-area:main;min-height:calc(100vh - var(--header-h));padding:10px 14px;display:flex;flex-direction:column;background:#dea77d}.card{background:var(--body-card-bg);border:2px solid;border-color:#ffffff #c07f55 #c07f55 #ffffff;border-radius:0;box-shadow:none;padding:12px;background-image:none}[data-theme=dark] .card{border-color:#6b3d1f #2a1505 #2a1505 #6b3d1f}.btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:0;border:2px solid;border-color:#ffffff #c07f55 #c07f55 #ffffff;font-family:var(--font-body);font-size:12px;letter-spacing:0;cursor:pointer;background:#dea77d;color:#000;box-shadow:none;transition:none;position:relative;overflow:visible;white-space:nowrap;height:26px}.btn:before{display:none}.btn:hover{box-shadow:none;transform:none}.btn:active{border-color:#c07f55 #ffffff #ffffff #c07f55;transform:none}.btn-primary{background:#73492a;color:#fff;border-color:#ffffff #c07f55 #c07f55 #ffffff;background-image:none;outline:1px solid #000000;outline-offset:1px}.btn-primary:hover{background:#000090;background-image:none;color:#fff}.btn-primary:active{background:#5a3620;border-color:#c07f55 #ffffff #ffffff #c07f55}.btn-secondary{background:#dea77d;color:#000;background-image:none}.btn-ghost{background:#ffffff1a;color:var(--header-text);border-color:rgba(255,255,255,.5) rgba(0,0,0,.3) rgba(0,0,0,.3) rgba(255,255,255,.5);background-image:none}.btn-ghost:before{display:none}.btn-ghost:hover{background:#fff3;color:var(--header-text);box-shadow:none;transform:none}.btn-ghost:active{border-color:rgba(0,0,0,.3) rgba(255,255,255,.5) rgba(255,255,255,.5) rgba(0,0,0,.3)}[data-theme=dark] .btn{background:#3d1a05;color:#fff;border-color:#6b3d1f #2a1505 #2a1505 #6b3d1f}[data-theme=dark] .btn:active{border-color:#2a1505 #6b3d1f #6b3d1f #2a1505}[data-theme=dark] .btn-primary{background:#73492a;color:#fff;border-color:#6b3d1f #2a1505 #2a1505 #6b3d1f}.badge{display:inline-block;padding:1px 6px;border-radius:0;font-size:10px;letter-spacing:.5px;text-transform:uppercase;background:#73492a;color:#fff;box-shadow:none;border:1px solid #000040}h1,h2,h3,h4,h5,h6{font-family:var(--font-header)}.section-title{font-size:13px;font-weight:700;color:var(--body-text);border-bottom:1px solid var(--body-border);padding-bottom:4px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cover-grid-min-width),1fr));gap:8px}.album-card{background:var(--body-card-bg);border:2px solid;border-color:#ffffff #c07f55 #c07f55 #ffffff;border-radius:0;overflow:hidden;box-shadow:none;transition:none;cursor:pointer;background-image:none}.album-card:hover{box-shadow:none;transform:none;outline:1px dotted #73492a;outline-offset:1px}[data-theme=dark] .album-card{border-color:#6b3d1f #2a1505 #2a1505 #6b3d1f}.album-card-cover{width:100%;aspect-ratio:1;background-image:none;background:var(--sidebar-bg-dark);display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:48px;position:relative;overflow:hidden;isolation:isolate}.album-card-cover:before{display:none}.album-card-cover:after{display:none}.album-card-info{padding:6px 8px;min-height:80px;border-top:1px solid var(--body-border);background-image:none;background:var(--body-card-bg)}.album-card-title{font-size:12px;font-weight:700;color:var(--body-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card-artist{font-size:11px;color:var(--body-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input[type=text],input[type=search],input[type=email],textarea,select{font-family:var(--font-body);font-size:12px;padding:3px 6px;border-radius:0;border:2px solid;border-color:#c07f55 #ffffff #ffffff #c07f55;background:#fff;color:#000;box-shadow:none;outline:none;transition:none}input:focus,textarea:focus,select:focus{border-color:#c07f55 #ffffff #ffffff #c07f55;box-shadow:none;outline:1px dotted #73492a;outline-offset:1px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}textarea{resize:none!important}.divider{border:none;border-top:1px solid var(--body-border);margin:12px 0}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.ml-auto{margin-left:auto}.text-muted{color:var(--body-text-muted)}.font-bold{font-weight:700}.text-sm{font-size:11px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:none;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:overlay-in .08s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-box{position:relative;background:#dea77d;background-image:none;border:2px solid;border-color:#ffffff #c07f55 #c07f55 #ffffff;border-radius:0;box-shadow:none;animation:modal-in .08s ease;overflow:visible}[data-theme=dark] .modal-box{background:#3d1a05;border-color:#6b3d1f #2a1505 #2a1505 #6b3d1f}[data-theme=dark] .modal-box,[data-theme=dark] .modal-box input,[data-theme=dark] .modal-box textarea{color:var(--body-text)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-main{grid-area:main;min-height:calc(100vh - var(--header-h));padding:10px 14px;overflow-y:auto;display:flex;flex-direction:column;background:#dea77d;isolation:isolate}[data-theme=dark] .site-main{background:var(--body-card-bg)}.site-main-content{flex:1 1 auto;padding-bottom:.5rem;position:relative;z-index:1}.mobile-nav-backdrop{display:none}@media(max-width:900px){.site-main{padding:8px 10px}}@media(max-width:640px){.app-shell{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:var(--header-h) 1fr}.site-sidebar{position:fixed;z-index:220;top:var(--header-h);left:0;width:min(88vw,280px);height:calc(100vh - var(--header-h));transform:translate(-102%);transition:transform .15s ease;box-shadow:4px 0 8px #0006}.site-sidebar.site-sidebar--mobile-open{transform:translate(0)}.mobile-nav-backdrop{display:block;position:fixed;inset:var(--header-h) 0 0 0;z-index:210;border:0;background:#0006;backdrop-filter:none;cursor:pointer}.site-main{min-height:calc(100vh - var(--header-h));padding:6px 8px}}#root{display:contents}