@font-face{font-family:Commissioner;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Commissioner-Regular.woff2)format("woff2")}@font-face{font-family:Commissioner;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Commissioner-SemiBold.woff2)format("woff2")}@font-face{font-family:Commissioner;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Commissioner-Bold.woff2)format("woff2")}:root{--bg:#faf6ee;--fg:#111827;--muted:#4b5563;--accent:#1d4ed8;--accent-fg:#fff;--border:#d9d0bd;--surface:#f3ece0;--danger:#b91c1c;--radius:10px;--gap:1rem;color:var(--fg);background:var(--bg);font-family:Commissioner,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}button,input,select,textarea{font:inherit}html,body{min-width:360px;margin:0}body{overflow-x:hidden}img,audio{max-width:100%}h1,h2,h3,p,a,li,button,label,select,span,div{overflow-wrap:anywhere}a{color:var(--accent)}a,button,select,summary{min-height:44px}a.inline{min-height:0}:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}h1:focus{outline:none}ul.list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.button,button{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:.5rem 1rem;text-decoration:none;display:inline-flex}.button--secondary,button.secondary{background:var(--surface);color:var(--accent)}button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__header{justify-content:space-between;align-items:center;gap:var(--gap);border-bottom:1px solid var(--border);padding:.5rem 1rem;display:flex}.layout__brand{align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.layout__main{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:1rem}.layout__footer{border-top:1px solid var(--border);color:var(--muted);padding:1rem;font-size:.875rem}.breadcrumb{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;margin-bottom:.5rem;display:flex}.breadcrumb__back{align-items:center;display:inline-flex}.breadcrumb__trail{color:var(--muted);flex-wrap:wrap;gap:.25rem .75rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;align-items:center;gap:.75rem;min-height:44px;padding:.75rem 1rem;text-decoration:none;display:flex}.card__body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.card__title{font-weight:600}.card__secondary,.secondary{color:var(--muted);font-size:.9rem}.card__cover{object-fit:cover;border-radius:4px;width:3rem;height:4rem}.badge{color:#1e3a8a;background:#dbeafe;border-radius:999px;align-self:flex-start;padding:0 .5rem;font-size:.75rem;font-weight:600}.tracks{grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.track-link{border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface);justify-content:center;align-items:center;min-height:48px;font-weight:600;text-decoration:none;display:flex}.player{flex-direction:column;align-items:stretch;gap:.75rem;margin-top:1rem;display:flex}.player__toggle{min-height:56px;font-size:1.25rem}.player__error{border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);padding:.75rem 1rem}.player__error .button{margin-top:.5rem}audio{display:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lang-switcher select{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);padding:.25rem .5rem}.card--continue{border-color:var(--accent);background:#eff6ff;margin:.5rem 0 1rem}.player__row{flex-wrap:wrap;gap:.5rem;display:flex}.player__row>*{flex:8rem}.player__status{color:var(--muted);margin:0}.offline-notice{color:#78350f;text-align:center;background:#fef3c7;margin:0;padding:.5rem 1rem}.scan-button{min-height:48px;margin:.5rem 0 1rem}.scan{z-index:100;color:#fff;background:#000;outline:none;flex-direction:column;display:flex;position:fixed;inset:0}.scan__header{padding:1rem 1rem .75rem;padding-top:calc(1rem + env(safe-area-inset-top));flex-direction:column;flex:none;gap:.25rem;display:flex}.scan__viewport{border-radius:var(--radius);background:#111;flex:1 1 0;min-height:0;max-height:50dvh;margin:0 1rem;position:relative;overflow:hidden}.scan__viewport[hidden]{display:none}.scan__video{object-fit:cover;width:100%;height:100%;display:block}.scan__reticle{border-radius:var(--radius);pointer-events:none;border:3px solid #fff;width:min(70%,16rem);height:6rem;max-height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000059}.scan__panel{padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;flex:none;gap:.5rem;margin-top:auto;display:flex}.scan__title{margin:0;font-size:1.125rem}.scan__instructions,.scan__status p{margin:0}.scan__status{min-height:1.5rem}.scan__number{font-size:1.5rem;font-weight:700}.scan__actions{flex-wrap:wrap;gap:.5rem;display:flex}.scan__actions>*{flex:8rem;min-height:48px}@media (width<=600px){.layout__main{padding:.75rem}}@media (width>=601px){.layout__main{padding:2rem 1rem}.tracks{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.75rem}.player__row>*{flex:0 auto;min-width:8rem}}