.alert-banner{width: 100%;display: flex;align-items: center;gap: 0.5rem;padding: 0.6rem 1rem;box-sizing: border-box;font-weight: 500}.alert-error{background: color-mix(in srgb,var(--aura-red) 15%,transparent);color: var(--aura-red-text)}.alert-warn{background: color-mix(in srgb,var(--aura-yellow) 20%,transparent);color: var(--aura-yellow-text)}.alert-info{background: color-mix(in srgb,var(--aura-blue) 15%,transparent);color: var(--aura-blue-text)}.badge{display: inline-flex;align-items: center;justify-content: center;padding: 0.2em 0.55em;border-radius: 0.375rem;font-size: 0.75rem;font-weight: 600;line-height: 1;background-color: rgba(0,0,0,0.08);color: inherit;white-space: nowrap}.badge.primary{background-color: rgba(59,130,246,0.15);color: rgb(37,99,235)}.badge.success{background-color: rgba(16,185,129,0.15);color: rgb(5,150,105)}.badge.error{background-color: rgba(239,68,68,0.15);color: rgb(220,38,38)}.badge.contrast{background-color: rgba(0,0,0,0.75);color: white}.badge.pill{border-radius: 999px}.comment-card{width: 100%;box-sizing: border-box;background: var(--aura-surface);color: var(--aura-text-color);border-radius: var(--aura-radius-m);box-shadow: var(--aura-shadow-xs);padding: 0.9rem 1rem;display: flex;flex-direction: column;gap: 0.6rem}.comment-card-header{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;min-height: 1.75rem;font-weight: 600}.comment-card-body{line-height: 1.55;font-weight: 400}.comment-card-footer{display: flex;align-items: center;gap: 0.5rem;padding-top: 0.35rem;border-top: 1px solid var(--aura-contrast-20pct)}.music-validation-card{border-radius: 3px;box-shadow: var(--aura-shadow-m);border: 1px solid var(--aura-shadow-color);padding: 0.9rem 1rem;display: flex;flex-direction: column;gap: 0.35rem}.music-validation-card h3{margin: 0;font-size: 1.05rem}.music-validation-card p{margin: 0;line-height: 1.4;font-size: 0.92rem}@font-face{font-family: "cabin-sketch";src: url("./fonts/cabin-sketch.woff2") format("woff2");font-display: auto}:root{color-scheme: light}vaadin-button{--aura-accent-color-light: #F6D50A;--aura-contrast-level: 50}vaadin-app-layout{background-color: #393E8F}.summary-main{font-size: 0.95rem}.summary-sep{margin: 0 0.35rem;opacity: 0.6}.appTitle{font-size: 40px;color: white}h1{font-size: 20px;font-family: cabin-sketch,serif !important;font-weight: normal !important}.sidenavTitle{margin: 0 0 var(--lumo-space-m) 0;color: white}.activity-day-divider{font-size: 0.8rem;font-weight: 600;padding: 0.6rem 0.5rem;color: var(--lumo-secondary-text-color);background: var(--lumo-contrast-5pct);border-top: 1px solid var(--lumo-contrast-10pct);border-bottom: 1px solid var(--lumo-contrast-10pct)}.activity-row{padding: 0.6rem 0.5rem;border-bottom: 1px solid var(--lumo-contrast-10pct);cursor: pointer}.activity-row:hover{background: var(--lumo-contrast-5pct)}.activity-time{display: block;font-size: 0.75rem;color: var(--lumo-secondary-text-color)}