:root{--primary: #e41c61;--primary-dark: #c01850;--bg-main: #fff;--bg-secondary: #f5f5f5;--bg-code: #f0f0f0;--text-main: #191919;--text-secondary: #666;--border-color: #ddd;--shadow: rgba(0, 0, 0, .1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px;--line-height: 1.6;--radius: 6px;--radius-sm: 4px}@media(prefers-color-scheme:dark){:root{--bg-main: #191919;--bg-secondary: #2a2a2a;--bg-code: #1a1a1a;--text-main: #f5f5f5;--text-secondary: #aaa;--border-color: #444;--shadow: rgba(255, 255, 255, .1)}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base)}body{font-family:var(--font-family);line-height:var(--line-height);color:var(--text-main);background-color:var(--bg-main);min-height:100vh;display:flex;flex-direction:column}nav{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md)}nav ul{list-style:none;display:flex;align-items:center;gap:var(--spacing-sm);max-width:1200px;margin:0 auto}nav li{display:flex;align-items:center}nav .logo svg{width:32px;height:32px}nav strong{font-size:1.25rem}nav .lov3{color:var(--primary)}nav a{color:var(--text-main);text-decoration:none}nav a:hover{color:var(--primary)}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.container{width:100%}article{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-lg);box-shadow:0 2px 8px var(--shadow)}form{display:flex;flex-direction:column;gap:var(--spacing-md)}label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--text-main)}input[type=text],input[type=number]{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-main);color:var(--text-main);font-size:1rem;font-family:inherit;transition:border-color .2s}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--primary)}input[type=text]::placeholder{color:var(--text-secondary)}input[readonly]{cursor:default;padding:var(--spacing-sm);font-weight:500;border-radius:var(--radius-sm)}input[aria-invalid=false]{background-color:#d4edda;color:#155724;border-color:#28a745}input[aria-invalid=true]{background-color:#f8d7da;color:#721c24;border-color:#dc3545}@media(prefers-color-scheme:dark){input[aria-invalid=false]{background-color:#1e4620;color:#5cd66f;border-color:#28a745}input[aria-invalid=true]{background-color:#4a1c1f;color:#f5a3ab;border-color:#dc3545}}fieldset{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:0}legend{font-weight:600;padding:0 var(--spacing-xs);color:var(--text-main)}fieldset label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:400;margin-bottom:var(--spacing-xs);cursor:pointer}input[type=radio],input[type=checkbox]{width:auto;cursor:pointer;accent-color:var(--primary)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none;cursor:pointer;accent-color:var(--primary)}output{display:inline-block;font-weight:600;color:var(--primary);margin-left:var(--spacing-xs)}button,[role=button],a[role=button]{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--primary);color:#fff;border:2px solid var(--primary);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;font-family:inherit;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s}button:hover,[role=button]:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}button:active{transform:scale(.98)}button[aria-busy=true]{cursor:wait;opacity:.7}.outline{background-color:transparent;color:var(--primary)}.outline:hover{background-color:var(--primary);color:#fff}.contrast{background-color:transparent;color:var(--text-main);border-color:var(--border-color)}.contrast:hover{background-color:var(--bg-code);border-color:var(--text-secondary)}h2{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-main)}#resultContainer{margin-top:var(--spacing-lg)}.patchwork{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin:var(--spacing-md) 0}.patchwork img{max-width:100%;height:auto;border-radius:var(--radius);box-shadow:0 4px 12px var(--shadow)}.field-title{font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-main)}.img-link{display:flex;gap:var(--spacing-sm);align-items:center;background-color:var(--bg-code);padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.img-link a{flex:1;color:var(--primary);word-break:break-all;text-decoration:none;font-family:Courier New,monospace;font-size:.9rem}.img-link a:hover{text-decoration:underline}.img-link [role=button]{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;white-space:nowrap}footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-md);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}footer .lov3{color:var(--primary)}footer a{color:var(--primary);text-decoration:none}footer a:hover{text-decoration:underline}footer a.fork-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--text-secondary)}footer a.fork-link:hover{color:var(--text-main);text-decoration:none}footer a.fork-link svg{width:16px;height:16px}.hidden{display:none!important}#lb-periods{display:none}form:has(#listenbrainz:checked) #lb-periods{display:block}@media(max-width:768px){nav ul{flex-wrap:wrap}main{padding:var(--spacing-md) var(--spacing-sm)}article{padding:var(--spacing-md)}.grid{grid-template-columns:1fr}footer{flex-direction:column}.img-link{flex-direction:column}.img-link [role=button]{width:100%}}.changelog-content h2{margin-top:var(--spacing-lg);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.changelog-content h2:first-child{margin-top:0}.changelog-content h3{font-size:1rem;color:var(--text-secondary);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs)}.changelog-content ul{list-style:disc;padding-left:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.changelog-content a{color:var(--primary);text-decoration:none;font-family:Courier New,monospace;font-size:.85em}.changelog-content a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#resultContainer:not(.hidden){animation:fadeIn .3s ease-out}