:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#161618;--fg:#f4ecd6;--muted:#9a958a;--card:#232326;--accent:#e0b95c;--viewer-bg:#2b2b2e;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}html.viewer-open,html.viewer-open body{overflow:hidden}#app{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 16px) calc(env(safe-area-inset-right) + 24px) calc(env(safe-area-inset-bottom) + 16px) calc(env(safe-area-inset-left) + 24px)}h1{margin:0 0 4px;font-size:1.6rem;font-weight:600}.hint{color:var(--muted);margin:0 0 20px}.list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.score{background:var(--card);width:100%;min-height:64px;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;padding:12px 16px;display:flex}.score:active{background:#2d2d31}.score-composer{color:var(--muted);font-size:.85rem}.score-title{font-size:1.05rem}.lock{place-items:center;min-height:calc(100dvh - 32px);display:grid}.lock-form{text-align:center;flex-direction:column;align-items:stretch;gap:12px;width:min(320px,100%);display:flex}.lock-title{margin-bottom:12px}.lock-label{color:var(--muted)}.lock-input{font:inherit;letter-spacing:.4em;text-align:center;background:var(--card);color:var(--fg);border:1px solid #3a3a3f;border-radius:12px;outline:none;padding:12px;font-size:1.6rem}.lock-input:focus{border-color:var(--accent)}.lock-button{font:inherit;background:var(--accent);color:#1a1400;cursor:pointer;border:0;border-radius:12px;min-height:48px;padding:10px 16px;font-size:1.05rem}.lock-button:disabled{opacity:.6}.lock-message{min-height:1.4em;color:var(--muted);margin:0}.viewer{z-index:10;background:var(--viewer-bg);position:fixed;inset:0}.viewer-scroll{overscroll-behavior:contain;touch-action:manipulation;scroll-padding-top:env(safe-area-inset-top);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0;overflow:hidden auto}.viewer.mode-page .viewer-scroll{scroll-snap-type:y mandatory}.viewer-pages{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.page-slot{justify-content:center;align-items:flex-start;display:flex}.viewer.mode-page .page-slot{scroll-snap-align:start;align-items:center}.page{background:#fff;flex:none;position:relative;box-shadow:0 1px 8px #00000059}.page-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.page-error:after{content:"Diese Seite konnte nicht dargestellt werden.";color:#6b6b6b;place-items:center;font-size:.95rem;display:grid;position:absolute;inset:0}.viewer-status{pointer-events:none;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.viewer-status-text{color:var(--muted)}.viewer-error{pointer-events:auto;background:var(--card);text-align:center;border-radius:14px;flex-direction:column;gap:10px;max-width:520px;padding:20px;display:flex}.viewer-error-title{margin:0;font-weight:600}.viewer-error-detail{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.85rem}.viewer-bar{z-index:1;padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 12px) 8px calc(env(safe-area-inset-left) + 12px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161618eb;align-items:center;gap:12px;transition:transform .2s;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 2px 12px #0006}.viewer.bar-visible .viewer-bar{transform:none}.bar-title{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.bar-composer,.bar-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-composer{color:var(--muted);font-size:.8rem}.bar-tools{align-items:center;gap:10px;display:flex}.bar-page{min-width:4.5em;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.bar-button,.seg{font:inherit;min-height:40px;color:var(--fg);cursor:pointer;background:#333338;border:0;border-radius:10px;padding:8px 14px;font-size:.95rem}.bar-back{color:var(--accent);background:0 0;padding-left:4px}.bar-segment{background:#333338;border-radius:10px;gap:3px;padding:3px;display:flex}.seg{background:0 0;border-radius:8px;min-height:34px;padding:6px 12px}.seg.active{background:var(--accent);color:#1a1400}.update-bar{z-index:20;left:50%;bottom:calc(env(safe-area-inset-bottom) + 16px);background:var(--card);border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #00000080}.update-bar button{font:inherit;background:var(--accent);color:#1a1400;border:0;border-radius:8px;padding:6px 12px}