:root{--color-cream:#f9f9f9;--color-djdb-purple:#473bb5;--color-djdb-light-purple:#998eff;--color-djdb-red:#f93360;--color-djdb-gray:#c4c4c4;--color-djdb-light-gray:#e5e5e5;--color-black:#1d242c;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#22c55e;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-bg:#fef2f2;--color-info-bg:#eff6ff;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--radius-sm:.25rem;--radius:.5rem;--radius-lg:.75rem;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-cream);color:var(--color-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:var(--color-djdb-purple);text-decoration:none;transition:color .2s}a:hover{color:var(--color-djdb-light-purple)}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-djdb-purple);outline-offset:2px}body{overflow-x:hidden}.skip-to-content{z-index:100;background:var(--color-djdb-purple);color:#fff;padding:.5rem 1rem;font-weight:700;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-to-content:focus{left:0}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (pointer:coarse){button,a,input[type=checkbox],input[type=radio]{min-height:2.75rem}}.detail-grid{grid-template-columns:1fr;display:grid}@media (width>=1024px){.detail-grid{grid-template-columns:repeat(12,1fr)}}.detail-aside{margin:0 1rem}@media (width>=1024px){.detail-aside{grid-column:span 3;margin:0 2.5rem}.detail-main{grid-column:span 9}}.sidebar-card{background-color:#fff;border-radius:.5rem;margin-top:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.sidebar-label{text-transform:uppercase;color:#6b7280;margin-bottom:.75rem;font-size:.875rem;font-weight:700}.info-row{background-color:#f9fafb;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.info-label{color:#6b7280;text-transform:uppercase;font-size:.875rem;font-weight:700}.info-value{color:#1f2937;font-size:.875rem}.info-link{color:var(--color-djdb-purple);font-size:.875rem;text-decoration:none}.info-link:hover{text-decoration:underline}.genre-tags{flex-wrap:wrap;gap:.375rem;display:flex}.genre-tag{color:var(--color-djdb-purple);background-color:#f3f0ff;border-radius:1rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background-color .15s}.genre-tag:hover{background-color:#e8e4ff}.form-box{background-color:#fff;max-width:36rem;margin:2.5rem auto;padding:2.5rem 5rem 1rem;display:block}@media (width<=768px){.form-box{padding:2.5rem 1rem 1rem}}.form-heading{text-align:center;border-bottom:1px solid #e5e7eb;margin-bottom:2.5rem;padding-top:.625rem;padding-bottom:0;line-height:.1em}.form-heading-text{background-color:#fff;padding:0 .625rem;font-weight:700}.form-field{margin-bottom:1.25rem}.label-bold{font-weight:700}.error-banner{color:var(--color-djdb-red);background-color:#fef2f2;border:1px solid #fecaca;border-radius:.25rem;margin-bottom:1.25rem;padding:.75rem;font-size:.875rem}.field-error{color:var(--color-djdb-red);font-size:.875rem}.image-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.textarea-input{border:1px solid #d1d5db;border-radius:.25rem;width:100%;margin-top:.25rem;padding:.25rem}.input-error{border-color:#ef4444}.date-input{border:1px solid #d1d5db;border-radius:.25rem;width:100%;margin-top:.25rem;padding:.5rem;font-size:.875rem}.checkbox-field{align-items:center;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.checkbox-input{width:1.125rem;height:1.125rem;accent-color:var(--color-djdb-purple)}.popup-text{color:#9ca3af;font-size:1.125rem}.info-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.info-grid{grid-template-columns:repeat(2,1fr)}}.info-card{background-color:#f9fafb;border-radius:.5rem;padding:1.25rem}.info-card-label{text-transform:uppercase;color:#9ca3af;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.info-card-value{color:#1f2937;font-size:.875rem}