.scan{text-align:left;border-top:0;padding:0}.scan:focus{outline:none}.scan section{border-top:0;padding:0}.scan .sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scan .icon{flex-shrink:0;display:block}.scan .btn-lg{gap:.625rem;min-height:3.375rem;padding:0 1.5rem;font-size:.9375rem}.scan-stage{background:radial-gradient(70% 90% at 22% 0%, #8f8ff521, transparent 62%), var(--plate);color:var(--plate-ink);padding-bottom:var(--space-8)}.scan-bar{border-bottom:1px solid var(--plate-line);justify-content:space-between;align-items:center;gap:1rem;min-height:5.25rem;display:flex}.scan .scan-name{font-family:var(--display);letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.scan-bar-tools{min-width:0;font-size:var(--text-nav);color:var(--plate-soft);align-items:center;gap:1.375rem;display:flex}.scan-file{align-items:center;gap:8px;min-width:0;display:flex}.scan-file span{text-overflow:ellipsis;white-space:nowrap;max-width:24ch;overflow:hidden}.scan-bar-btn{min-height:var(--tap);font:inherit;color:var(--plate-soft);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0 .25rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.scan-bar-btn:hover{color:var(--plate-ink);text-decoration-color:currentColor}.scan-stage :focus-visible{outline-color:var(--plate-ink)}.scan-stage .scan-card :focus-visible{outline-color:var(--ink)}.scan-grid{gap:var(--space-6);padding-top:var(--space-8);align-items:start;display:grid}@media (min-width:960px){.scan-grid{grid-template-columns:minmax(0,35rem) minmax(0,1fr);gap:max(2.5rem,min(5vw,4.5rem))}}.scan-page{justify-content:center;margin:0;display:flex}.scan-page-frame{border-radius:var(--radius-xs);background:#fff;line-height:0;display:inline-block;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000059}.scan-page img{width:auto;max-width:100%;height:auto;max-height:46rem;display:block}.scan-band{transition:background-color .4s;position:absolute;left:0;right:0}.scan-band.is-found{box-shadow:inset 0 0 0 1.5px #8f8ff599}.scan-band.is-waiting{background:#2020240a}.scan-band.is-running{box-shadow:inset 0 -2px 0 var(--beam), 0 6px 18px var(--beam-glow);background:linear-gradient(90deg,#8f8ff500 0%,#8f8ff547 50%,#8f8ff500 100%) 0 0/200% 100%;animation:1.6s linear infinite scan-sweep}.scan-band.is-done{box-shadow:inset 3px 0 0 var(--beam);background:#d5d5ef6b}.scan-band.is-failed{background:#2020242e}@keyframes scan-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.scan-card{border-radius:var(--radius-xl);background:var(--paper-raised);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-float);flex-direction:column;gap:1.625rem;padding:2.5rem;display:flex}:root[data-theme=light] .scan-card{border-color:#0000}.scan-card-top{flex-direction:column;gap:1.125rem;display:flex}.scan .scan-card-title{font-family:var(--display);letter-spacing:-.02em;font-size:max(1.625rem,min(1.2rem + 1.3vw,2.125rem));font-weight:600;line-height:1.15}.scan .scan-card-title:focus{outline:none}.scan-card-text{color:var(--ink-soft);line-height:1.55}.scan-card-warn{align-items:flex-start;gap:10px;font-weight:500;display:flex}.scan-card-warn .icon{background:var(--action);color:var(--on-action);border-radius:99px;margin-top:3px}.scan-actions{flex-wrap:wrap;gap:10px;display:flex}.scan-actions .btn[disabled]{opacity:.7;cursor:progress}.scan-card-note{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.5}.eta{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label.""value pct""value step""bar bar";gap:4px 1rem;display:grid}.eta-label{font-size:var(--text-sm);color:var(--ink-soft);grid-area:label}.eta-value{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;grid-area:value;font-size:max(3.5rem,min(2.6rem + 2.4vw,4.5rem));font-weight:700;line-height:1}.eta-pct{font-family:var(--display);font-variant-numeric:tabular-nums;grid-area:pct;place-self:end;font-size:1.75rem;font-weight:700;line-height:1.1}.eta-step{font-size:var(--text-sm);grid-area:step;justify-self:end;font-weight:500;animation:1.6s ease-in-out infinite scan-pulse}.scan-progress{border-radius:var(--radius-pill);background:var(--lavender);grid-area:bar;height:10px;margin-top:1rem;overflow:hidden}.scan-progress i{border-radius:inherit;background:var(--action);width:0;height:100%;transition:width 1s linear;display:block}@keyframes scan-pulse{50%{opacity:.6}}.scan-steps{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin:0;padding:1.375rem 0 0;list-style:none;display:flex}.scan-step{align-items:flex-start;gap:14px;padding:7px 0;display:flex}.scan-step-icon{border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.scan-step.is-done .scan-step-icon{background:var(--action);color:var(--on-action)}.scan-step.is-failed .scan-step-icon{background:var(--ink);color:var(--paper-raised)}.scan-step.is-pending .scan-step-icon{border:1.5px solid var(--line-strong);width:18px;height:18px;margin:3px}.scan-step.is-active .scan-step-icon{border:2.5px solid var(--lavender);border-top-color:var(--action);width:20px;height:20px;margin:2px;animation:.9s linear infinite scan-spin}@keyframes scan-spin{to{transform:rotate(360deg)}}.scan-step-text{flex-direction:column;gap:1px;min-width:0;display:flex}.scan-step-label{font-weight:600;line-height:1.4}.scan-step.is-pending .scan-step-label{color:var(--ink-soft);font-weight:500}.scan-step-detail{font-size:var(--text-sm);color:var(--ink-soft);overflow-wrap:anywhere}.scan-step.is-active .scan-step-detail{color:var(--ink);font-weight:500}.scan-tabhint{border-radius:var(--radius-md);background:var(--paper);border:1px solid var(--line);align-items:center;gap:14px;padding:14px 18px;display:flex}.scan-tabhint p{flex-direction:column;gap:1px;min-width:0;display:flex}.scan-tabhint strong{font-size:var(--text-nav);font-weight:600}.scan-tabhint span{font-size:var(--text-xs);color:var(--ink-soft);overflow-wrap:anywhere}.scan-done{flex-direction:column;gap:1.125rem;animation:.4s both scan-rise;display:flex}.scan-done-head{align-items:center;gap:12px;display:flex}.scan-done-icon{background:var(--action);width:40px;height:40px;color:var(--on-action);border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.scan-pills{font-size:var(--text-sm);flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.scan-pill{border-radius:var(--radius-pill);background:var(--paper);padding:6px 12px;font-weight:500}.scan-pill.is-check{background:var(--check);color:var(--check-ink);font-weight:600}.scan-benefits{border-top:1px solid var(--line);flex-direction:column;gap:.625rem;padding-top:1.125rem;display:flex}.scan-benefits-title{font-size:var(--text-sm);font-weight:600}.scan-benefits ul{font-size:var(--text-sm);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;padding:0;list-style:none;display:grid}.scan-benefits li{align-items:flex-start;gap:8px;display:flex}.scan-benefits li .icon{box-sizing:border-box;background:var(--lavender);width:19px;height:19px;color:var(--ink);border-radius:99px;margin-top:2px;padding:3px}.scan-benefits small{color:var(--ink-soft);font-size:inherit}.scan-save-error{font-size:var(--text-sm);font-weight:500}@keyframes scan-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scan-below{gap:var(--space-5);padding-top:1.25rem;padding-bottom:var(--space-8);flex-direction:column;display:flex}.scan .scan-panel,.scan .scan-result{border-radius:var(--radius-xl);background:var(--paper-raised);color:var(--ink);border:1px solid var(--line);flex-direction:column;gap:1.375rem;padding:2rem 2.25rem;display:flex}.scan-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;display:flex}.scan-panel-titles{flex-direction:column;gap:4px;display:flex}.scan-kicker{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.scan .scan-panel-title{font-family:var(--display);letter-spacing:-.01em;font-size:max(1.375rem,min(1.1rem + .9vw,1.75rem));font-weight:600;line-height:1.2}.scan-count{border-radius:var(--radius-pill);background:var(--action);color:var(--on-action);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;padding:7px 14px;font-weight:600}.scan-strip{--strip-h:7.5rem;min-height:calc(var(--strip-h) + 2rem);border-radius:var(--radius-md);background:var(--score-paper);color:var(--score-ink);overscroll-behavior-x:contain;align-items:center;padding:1rem 1.5rem;display:flex;position:relative;overflow-x:auto}.scan-strip-empty{color:var(--score-soft);margin:0 auto;animation:1.6s ease-in-out infinite scan-pulse}.strip-seg{flex-shrink:0;align-items:center;display:flex}.strip-seg+.strip-seg{margin-left:.75rem}.strip-seg svg{display:block}.strip-seg.is-done{animation:.5s both scan-rise}.strip-seg.is-waiting{width:9rem;height:var(--strip-h);background:var(--score-sunken);color:var(--score-soft);font-size:var(--text-sm);border-radius:10px;justify-content:center}.strip-wait{animation:1.6s ease-in-out infinite scan-pulse}.wait-tabs{flex-wrap:wrap;gap:8px;display:flex}.wait-tab{min-height:var(--tap);border-radius:var(--radius-pill);border:1px solid var(--line-strong);color:var(--ink);font:500 var(--text-nav) var(--sans);cursor:pointer;background:0 0;padding:0 1.125rem;transition:background-color .15s,color .15s,border-color .15s}.wait-tab:hover{border-color:var(--ink)}.wait-tab[aria-selected=true]{background:var(--action);color:var(--on-action);border-color:var(--action)}.wait-panel{animation:.4s both scan-rise}.quiz-meta{font-size:var(--text-sm);color:var(--ink-soft);justify-content:space-between;gap:1rem;display:flex}.quiz-meta strong{color:var(--ink);font-weight:600}.quiz-question{font-family:var(--display);margin:1rem 0;font-size:1.5rem;font-weight:600;line-height:1.3}.quiz-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quiz-option{border:1.5px solid var(--line-strong);background:var(--paper-raised);min-height:3.5rem;color:var(--ink);font:500 1rem/1.35 var(--sans);text-align:left;cursor:pointer;border-radius:14px;padding:12px 16px;transition:border-color .15s,background-color .15s}.quiz-option:hover:not([aria-disabled]){border-color:var(--ink)}.quiz-option[aria-disabled]{cursor:default}.quiz-option.is-right{background:var(--action);color:var(--on-action);border-color:var(--action)}.quiz-option.is-wrong{border-style:dashed;border-color:var(--ink);text-decoration:line-through}.quiz-option.is-out{color:var(--ink-soft)}.quiz-feedback:not(:empty){background:var(--paper);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:1rem;padding:1rem 1.125rem;animation:.4s both scan-rise;display:flex}.quiz-verdict{flex-direction:column;gap:4px;display:flex}.quiz-verdict-title{font-weight:600}.quiz-explain{font-size:var(--text-nav);color:var(--ink-soft);line-height:1.55}.quiz-feedback .btn{flex-shrink:0}.tips{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tip-card{border-radius:var(--radius-md);background:var(--paper);flex-direction:column;gap:8px;padding:1.25rem;display:flex}.tip-big{font-family:var(--display);font-size:1.625rem;font-weight:700;line-height:1.1}.tip-title{font-weight:600}.tip-text{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.55}.pages-hint{border:1.5px dashed var(--line-strong);border-radius:18px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.pages-icon{border-radius:var(--radius-md);background:var(--lavender);width:3.25rem;height:3.25rem;color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pages-text{flex-direction:column;gap:4px;display:flex}.pages-title{font-family:var(--display);font-size:1.1875rem;font-weight:600;line-height:1.3}.pages-text p:last-child{color:var(--ink-soft);line-height:1.5}.pages-hint .pages-text{flex:auto}.pages-action{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:8px;display:flex}.result-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;display:flex}.scan .result-title{font-family:var(--display);font-weight:600;font-size:var(--h3);letter-spacing:-.02em;line-height:1.15}.scan .result-title:focus{outline:none}.result-tools{flex-wrap:wrap;gap:10px;display:flex}.result-tools .btn{gap:.5rem}.result-tools .btn[data-state=playing]{background:var(--action);color:var(--on-action);border-color:var(--action)}.result-error{font-weight:500}.scan .result-subtitle{font-family:var(--display);font-size:1.25rem;font-weight:600;line-height:1.3}.result-transpose{background:var(--paper);border-radius:18px;flex-direction:column;gap:.875rem;padding:1.25rem 1.375rem;display:flex}.transpose-head{flex-direction:column;gap:2px;display:flex}.transpose-head p{font-size:var(--text-sm);color:var(--ink-soft)}.transpose-presets,.transpose-free{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.transpose-free label{font-size:var(--text-sm);font-weight:600}.transpose-free select{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--paper-raised);max-width:100%;min-height:2.25rem;color:var(--ink);font:inherit;padding:0 .75rem;font-size:.92rem}.transpose-status{font-size:var(--text-sm);color:var(--ink-soft);min-height:1.4em}.result-grid{gap:var(--space-5);align-items:start;display:grid}@media (min-width:1100px){.result-grid{grid-template-columns:minmax(0,1fr) 20rem}}.result-score{border-radius:var(--radius-md);background:var(--score-paper);min-height:12rem;color:var(--score-ink);padding:1rem;overflow:hidden}.result-score svg{max-width:100%;height:auto;display:block}.result-score .playing,.result-score .playing *{fill:var(--score-playing);color:var(--score-playing)}.result-score .takt-stelle .note,.result-score .takt-stelle .rest{fill:var(--score-check);color:var(--score-check)}.result-score .takt-markierung{fill:#cf0a6f14;stroke:var(--score-check);stroke-width:14px}.result-score .takt-springziel{scroll-margin:calc(var(--header-h) + 2rem)}.scan .result-konto{background:var(--paper);border-radius:18px;flex-direction:column;gap:.875rem;padding:1.375rem;display:flex}.konto-summary{font-weight:600}.konto-tiles{grid-template-columns:repeat(auto-fill,minmax(1.125rem,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.konto-tiles li{min-width:0;display:block}.konto-tile{border-radius:var(--radius-xs);background:var(--takt);width:100%;height:1.625rem;display:block}.konto-tile.is-edge{background:var(--line-strong)}button.konto-tile{cursor:pointer;background:var(--check);box-shadow:0 0 0 3px var(--check-ring);border:0;padding:0}.konto-hint{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.55}.konto-stellen{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.konto-stelle{width:100%;min-height:var(--tap);border-radius:var(--radius-sm);background:var(--check);color:var(--check-ink);font:600 var(--text-sm)/1.35 var(--sans);text-align:left;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .875rem;display:flex}.konto-stelle[disabled]{cursor:default;opacity:.85}.konto-note{font-size:var(--text-sm);color:var(--ink-soft)}.result-compare{flex-direction:column;gap:4px;display:flex}.compare-rows{flex-direction:column;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.compare-row{grid-template-columns:1.75rem minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.compare-tag{font-variant-numeric:tabular-nums;color:var(--ink-soft);padding-top:.5rem;font-weight:600}.compare-side{border-radius:var(--radius-sm);background:var(--score-paper);min-width:0;min-height:4.5rem;color:var(--score-ink);align-items:center;padding:.5rem .75rem;display:flex;overflow-x:auto}.compare-side img,.compare-side svg{max-width:100%;height:auto;display:block}.compare-side img{width:100%}@media (max-width:959px){.scan-page img{max-height:24rem}}@media (max-width:719px){.scan-bar{min-height:4rem}.scan-file{display:none}.scan-stage{padding-bottom:var(--space-6)}.scan-grid{gap:1.25rem;padding-top:1.25rem}.scan-page img{max-height:15rem}.scan-card{border-radius:22px;gap:1.25rem;padding:1.5rem 1.25rem}.eta{grid-template-areas:"label.""value pct""bar bar""step step"}.eta-value{font-size:3.25rem}.eta-step{justify-self:start;margin-top:.5rem}.scan-actions .btn{flex:100%}.scan-below{gap:.75rem;padding-top:.75rem}.scan .scan-panel,.scan .scan-result{border-radius:22px;gap:1.125rem;padding:1.5rem 1.25rem}.scan-strip{--strip-h:5.5rem;padding:.75rem 1rem}.quiz-question{font-size:1.25rem}.quiz-options{grid-template-columns:minmax(0,1fr)}.quiz-feedback:not(:empty){flex-direction:column}.tips{grid-template-columns:minmax(0,1fr)}.pages-hint{flex-direction:column;align-items:flex-start;padding:1.25rem}.pages-action{align-self:stretch}.pages-action .btn{width:100%}.scan-benefits ul{grid-template-columns:minmax(0,1fr)}.result-tools .btn{flex:calc(50% - 5px);padding:0 .75rem}.compare-row{grid-template-columns:1.25rem minmax(0,1fr)}.compare-recognized{grid-column:2}.result-score{padding:.5rem}}@media (min-width:720px) and (max-width:1099px){.tips{grid-template-columns:repeat(2,minmax(0,1fr))}}