*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-display)}h2{font-size:var(--text-title)}h3{font-size:var(--text-lead)}p{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.page{max-width:880px;padding:var(--space-xl) var(--space-md) var(--space-xxl);gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.stack{gap:var(--space-md);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.soft{color:var(--color-ink-soft)}.small{font-size:var(--text-small)}.error{color:var(--color-danger)}.button{appearance:none;border:2px solid var(--color-action);background:var(--color-action);color:var(--color-action-ink);font:inherit;font-weight:var(--weight-bold);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);min-height:52px;transition:opacity var(--motion-fast);text-decoration:none;display:inline-flex}.button:hover{opacity:.88}.button:disabled{opacity:.5;cursor:default}.button.quiet{color:var(--color-ink);border-color:var(--color-ink);background:0 0}.field{gap:var(--space-xs);flex-direction:column;display:flex}.field label{font-weight:var(--weight-bold)}.input{font:inherit;color:var(--color-ink);background:var(--color-panel);border:2px solid var(--color-ink-soft);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);width:100%;min-height:52px}.card{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-lg)}.topbar{background:var(--color-panel);border-bottom:1px solid var(--color-rule)}.topbar-inner{max-width:1320px;padding:var(--space-sm) var(--space-md);align-items:center;gap:var(--space-md);flex-wrap:wrap;margin:0 auto;display:flex}.nav{gap:var(--space-xs);flex-wrap:wrap;flex:1;display:flex}.nav a{font-weight:var(--weight-bold);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-decoration:none}.nav a[aria-current=page]{text-underline-offset:var(--space-xs);text-decoration:underline;text-decoration-thickness:3px}.logo{align-items:center;gap:var(--space-xs);font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-title);line-height:1;text-decoration:none;display:inline-flex}.logo svg{width:auto;height:18px;display:block}.chip{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--color-action-ink);font-size:var(--text-caption);font-weight:var(--weight-bold);flex:none;justify-content:center;align-items:center;display:inline-flex}.lead{font-size:var(--text-lead);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.strong{font-weight:var(--weight-bold)}.grow{flex:200px;min-width:0}.wide{width:100%}.center{justify-content:center}.stack.tight{gap:var(--space-xs)}.sub{font-size:var(--text-body)}.plain{margin:0;padding:0;list-style:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.link{appearance:none;color:var(--color-ink);font:inherit;padding:var(--space-sm) 0;cursor:pointer;background:0 0;border:none;min-height:44px;text-decoration:underline}.list{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none;overflow:hidden}.list>li+li{border-top:1px solid var(--color-rule)}.list-row{gap:var(--space-xs);padding:var(--space-md);flex-direction:column;text-decoration:none;display:flex}a.list-row:hover{background:var(--color-paper)}.banner{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md)}.originals{gap:var(--space-md);flex-wrap:wrap;display:flex}.originals a{flex:280px}.original{border-radius:var(--radius-md);border:1px solid var(--color-rule);width:100%;height:auto;display:block}.compare{border-radius:var(--radius-sm);border:1px solid var(--color-rule);width:220px;max-width:45%;height:auto}.account{padding-left:var(--space-md);border-left:4px solid}.line{gap:var(--space-sm);padding:var(--space-xs);border-radius:var(--radius-sm);align-items:flex-start;display:flex}.line.playing{background:var(--color-highlight);color:var(--color-highlight-ink)}.line.playing .soft{color:var(--color-highlight-ink)}.hear{appearance:none;border-radius:var(--radius-pill);border:2px solid var(--color-ink);background:var(--color-panel);width:44px;height:44px;color:var(--color-ink);font-size:var(--text-small);cursor:pointer;flex:none}.capture-row{gap:var(--space-md);padding:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.capture-row .lead{text-decoration:none}.thumb{object-fit:cover;border-radius:var(--radius-sm);flex:none;width:88px;height:88px}.thumb.placeholder{background:var(--color-paper);border:1px solid var(--color-rule);font-size:var(--text-caption);text-align:center;justify-content:center;align-items:center;display:flex}.drop{border:3px dashed var(--color-ink-soft);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-md);text-align:center;gap:var(--space-md);flex-direction:column;display:flex}.drop.over{border-color:var(--color-focus);background:var(--color-panel)}.toggle{gap:var(--space-sm);cursor:pointer;align-items:center;min-height:44px;display:flex}.toggle input{width:24px;height:24px;accent-color:var(--color-action);flex:none}@media (max-width:640px){.page{padding:var(--space-lg) var(--space-md) var(--space-xl)}h1{font-size:var(--text-title)}.topbar-inner{gap:var(--space-sm)}.nav{flex-basis:100%;order:3}.button{padding:var(--space-sm) var(--space-md)}}.page-wide{max-width:1120px}.side-by-side{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.sticky{top:var(--space-md);position:sticky}.zoom{appearance:none;cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;display:block}.compare-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.compare{background:var(--color-paper);width:100%;max-width:none;min-height:120px}.thumb{background:var(--color-paper)}.lightbox{z-index:50;background:var(--color-paper);padding:var(--space-md);gap:var(--space-md);flex-direction:column;align-items:flex-end;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;flex:1;width:100%;min-height:0}.tiles{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.tile{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;font-weight:var(--weight-bold);min-height:56px;text-decoration:none}.bottombar,.phone-only{display:none}@media (max-width:640px){.nav,.top-add{display:none}.side-by-side{grid-template-columns:minmax(0,1fr)}.sticky{position:static}.tiles{grid-template-columns:1fr 1fr}.desktop-only{display:none}.phone-only{display:inline}body{padding-bottom:76px}.bottombar{background:var(--color-panel);border-top:1px solid var(--color-rule);z-index:40;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottombar a{text-align:center;padding:var(--space-md) var(--space-xs);font-weight:var(--weight-bold);min-height:60px;text-decoration:none}.bottombar a[aria-current=page]{text-underline-offset:var(--space-xs);text-decoration:underline;text-decoration-thickness:3px}}.message{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md)}.quote{padding-left:var(--space-md);border-left:4px solid var(--color-rule);margin:0}.button.big{min-height:72px;font-size:var(--text-lead)}.with-thumb{column-gap:var(--space-md);grid-template-columns:auto 1fr;align-items:center;display:grid}.with-thumb>:not(.thumb){grid-column:2}.with-thumb>.thumb{grid-row:span 2}.small-thumb{width:64px;height:64px}.badge{margin-left:var(--space-xs);padding:0 var(--space-xs);border-radius:var(--radius-pill);background:var(--color-action);color:var(--color-action-ink);font-size:var(--text-caption);display:inline-block}@media (max-width:640px){.bottombar{grid-template-columns:repeat(5,1fr)}.bottombar a{white-space:nowrap;font-size:var(--text-small);padding-left:2px;padding-right:2px}}