@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-display:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--brand-deep:oklch(34% .07 195);--brand-mid:oklch(54% .13 170);--brand-bright:oklch(70% .19 135);--brand-grad:linear-gradient(135deg, var(--brand-deep) 0%, var(--brand-mid) 45%, var(--brand-bright) 100%);--brand-grad-soft:linear-gradient(135deg, oklch(94% .04 175), oklch(95% .06 135));--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:56px;--s-10:72px;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--stroke-1:1px;--stroke-2:1.5px;--ease:cubic-bezier(.2, .6, .2, 1);--d-fast:.12s;--d-base:.18s;--d-slow:.26s;--z-base:1;--z-sticky:10;--z-overlay:100;--z-toast:200}:root,:root[data-mode=light]{--bg:oklch(98.5% .005 160);--bg-2:oklch(96.5% .008 160);--surface:oklch(100% 0 0);--surface-2:oklch(97% .006 170);--surface-3:oklch(94% .01 170);--fg:oklch(22% .025 195);--fg-2:oklch(34% .022 190);--muted:oklch(50% .018 185);--muted-2:oklch(63% .014 180);--border:oklch(91% .012 175);--border-strong:oklch(82% .018 175);--divider:oklch(94% .008 175);--shadow-sm:0 1px 2px oklch(20% .02 195/.06);--shadow-md:0 4px 14px -6px oklch(20% .02 195/.12), 0 1px 2px oklch(20% .02 195/.05);--shadow-lg:0 24px 50px -20px oklch(20% .02 195/.22), 0 4px 10px -2px oklch(20% .02 195/.08);--shadow-glow:0 0 0 4px var(--accent-soft);--tag-warn-bg:oklch(96% .05 80);--tag-warn-fg:oklch(40% .13 70);--tag-warn-bd:oklch(86% .08 80);--tag-danger-bg:oklch(95% .04 25);--tag-danger-fg:oklch(42% .16 25);--tag-danger-bd:oklch(85% .08 25);--tag-info-bg:oklch(95% .04 240);--tag-info-fg:oklch(42% .13 240);--tag-success-bg:oklch(94% .05 145);--tag-success-fg:oklch(36% .12 145);--tag-success-bd:oklch(82% .09 145);--tag-neutral-bg:oklch(95% .006 175);--tag-neutral-fg:oklch(42% .015 185);--tag-neutral-bd:oklch(88% .012 175);--pdf-paper:oklch(99% .003 175);--pdf-canvas:oklch(94% .006 175)}:root[data-mode=dark]{--bg:oklch(15% .018 200);--bg-2:oklch(18% .022 200);--surface:oklch(20% .025 198);--surface-2:oklch(24% .026 198);--surface-3:oklch(28% .028 195);--fg:oklch(97% .008 170);--fg-2:oklch(86% .012 170);--muted:oklch(66% .018 175);--muted-2:oklch(52% .018 180);--border:oklch(30% .022 195);--border-strong:oklch(40% .028 190);--divider:oklch(25% .022 195);--shadow-sm:0 1px 2px oklch(0% 0 0/.4);--shadow-md:0 4px 16px -6px oklch(0% 0 0/.5), 0 1px 2px oklch(0% 0 0/.35);--shadow-lg:0 24px 56px -20px oklch(0% 0 0/.65), 0 4px 12px -4px oklch(0% 0 0/.45);--shadow-glow:0 0 0 4px var(--accent-soft);--tag-warn-bg:oklch(28% .07 80);--tag-warn-fg:oklch(85% .12 80);--tag-warn-bd:oklch(40% .1 80);--tag-danger-bg:oklch(28% .08 25);--tag-danger-fg:oklch(84% .14 25);--tag-danger-bd:oklch(42% .13 25);--tag-info-bg:oklch(28% .06 240);--tag-info-fg:oklch(84% .1 240);--tag-success-bg:oklch(28% .07 145);--tag-success-fg:oklch(84% .13 145);--tag-success-bd:oklch(42% .1 145);--tag-neutral-bg:oklch(26% .018 195);--tag-neutral-fg:oklch(78% .014 180);--tag-neutral-bd:oklch(36% .022 195);--pdf-paper:oklch(96% .005 175);--pdf-canvas:oklch(12% .018 195)}:root,:root[data-brand=mutig]{--accent:oklch(54% .14 165);--accent-hover:oklch(46% .13 170);--accent-press:oklch(40% .11 175);--accent-soft:oklch(94% .05 160);--accent-soft-2:oklch(89% .07 155);--accent-fg:oklch(99% 0 0);--accent-border:oklch(78% .1 160);--hero-bg:var(--brand-grad);--hero-fg:oklch(99% 0 0);--on-accent-muted:oklch(99% .008 175/.78)}:root[data-brand=dezent]{--accent:oklch(46% .085 178);--accent-hover:oklch(38% .09 178);--accent-press:oklch(32% .09 178);--accent-soft:oklch(95% .025 175);--accent-soft-2:oklch(92% .035 175);--accent-fg:oklch(99% 0 0);--accent-border:oklch(82% .05 175);--hero-bg:var(--surface);--hero-fg:var(--fg);--on-accent-muted:oklch(99% 0 0/.78)}:root[data-mode=dark][data-brand=mutig]{--accent:oklch(72% .18 145);--accent-hover:oklch(78% .18 142);--accent-press:oklch(66% .17 150);--accent-soft:oklch(28% .06 160);--accent-soft-2:oklch(32% .08 158);--accent-fg:oklch(15% .04 180);--accent-border:oklch(40% .1 158)}:root[data-mode=dark][data-brand=dezent]{--accent:oklch(70% .12 178);--accent-hover:oklch(76% .12 178);--accent-press:oklch(62% .11 178);--accent-soft:oklch(26% .04 178);--accent-soft-2:oklch(30% .05 178);--accent-fg:oklch(15% .025 195);--accent-border:oklch(38% .06 178)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--ui-font-size,14px);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11";line-height:1.45}:root[data-font-size=s]{--ui-font-size:13px}:root[data-font-size=m]{--ui-font-size:14px}:root[data-font-size=l]{--ui-font-size:15.5px}button{font-family:inherit}a{color:inherit}.t-display{font-family:var(--font-display);letter-spacing:-.025em;font-size:40px;font-weight:800;line-height:1.05}.t-h1{font-family:var(--font-display);letter-spacing:-.022em;font-size:28px;font-weight:700;line-height:1.15}.t-h2{font-family:var(--font-display);letter-spacing:-.018em;font-size:22px;font-weight:700;line-height:1.2}.t-h3{font-family:var(--font-display);letter-spacing:-.012em;font-size:18px;font-weight:700;line-height:1.25}.t-h4{font-family:var(--font-display);letter-spacing:-.008em;font-size:15px;font-weight:700;line-height:1.3}.t-body{font-size:14px;font-weight:400;line-height:1.5}.t-small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}.t-caption{color:var(--muted);font-size:11px;font-weight:500;line-height:1.3}.t-mono{font-family:var(--font-mono);letter-spacing:.01em;font-size:12px}.t-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:600}.t-num{font-variant-numeric:tabular-nums}:root{--color-text-primary:var(--fg);--color-text-muted:var(--muted);--color-text-error:var(--tag-danger-fg);--color-text-on-primary:var(--accent-fg);--color-bg-app:var(--bg);--color-bg-card:var(--surface);--color-bg-card-blur:color-mix(in oklab, var(--surface) 85%, transparent);--color-bg-input:var(--surface);--color-primary:var(--accent);--color-primary-hover:var(--accent-hover);--color-primary-focus-ring:var(--accent-soft);--color-border:var(--border);--color-border-focus:var(--accent);--color-border-subtle:var(--divider);--space-xs:var(--s-1);--space-sm:var(--s-2);--space-md:var(--s-4);--space-lg:var(--s-5);--space-xl:var(--s-7);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--font-family-base:var(--font-body);--font-size-sm:12px;--font-size-base:14px;--font-size-lg:18px;--shadow-card:var(--shadow-md);--header-h:56px;--nav-h:60px}html,body{height:100%;font-family:var(--font-body);color:var(--fg);background:var(--bg);font-size:14px}.mga-logo{border-radius:var(--r-pill);background:0 0;flex-shrink:0;line-height:0;display:inline-block;overflow:hidden}.mga-logo img{object-fit:cover;width:100%;height:100%;display:block}.mga-logo--sm{width:28px;height:28px}.mga-logo--md{width:36px;height:36px}.mga-logo--lg{width:56px;height:56px}.mga-logo--hero{width:96px;height:96px}.btn{justify-content:center;align-items:center;gap:var(--s-2);height:40px;padding:0 var(--s-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--fg);font-family:var(--font-body);letter-spacing:-.005em;cursor:pointer;transition:background var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease), transform var(--d-fast) var(--ease);white-space:nowrap;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(.5px)}.btn:focus-visible{box-shadow:var(--shadow-glow);outline:none}.btn--primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--primary:active{background:var(--accent-press)}.btn--brand{background:var(--brand-grad);color:oklch(99% 0 0);border:1px solid #0000;box-shadow:inset 0 1px oklch(100% 0 0/.18)}.btn--brand:hover{filter:brightness(1.04)}.btn--ghost{color:var(--fg-2);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-2);color:var(--fg)}.btn--danger{background:var(--tag-danger-bg);color:var(--tag-danger-fg);border-color:var(--tag-danger-bd)}.btn--sm{height:32px;padding:0 var(--s-3);border-radius:var(--r-sm);gap:6px;font-size:12.5px}.btn--lg{height:48px;padding:0 var(--s-5);border-radius:var(--r-md);font-size:15px}.icon-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:40px;height:40px;color:var(--fg-2);cursor:pointer;transition:background var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--fg)}.icon-btn[aria-pressed=true],.icon-btn.is-active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.icon-btn--sm{border-radius:var(--r-sm);width:32px;height:32px}.icon-btn--lg{width:44px;height:44px}.icon-btn--ghost{background:0 0;border-color:#0000}.icon-btn--ghost:hover{background:var(--surface-2)}.input{align-items:center;gap:var(--s-2);height:44px;padding:0 var(--s-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);transition:border-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);font-size:14px;display:flex}.input:focus-within,.input.is-focused{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input>svg{color:var(--muted);flex-shrink:0}.input.is-focused>svg{color:var(--accent)}.input input,.input .placeholder,.input .typed{font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0}.input .placeholder{color:var(--muted-2)}.input .clear{border-radius:var(--r-pill);background:var(--surface-2);width:22px;height:22px;color:var(--muted);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.input--sm{height:36px}.input--lg{height:52px;font-size:15px}.caret{background:var(--accent);width:1.5px;height:18px;animation:1s steps(2,start) infinite blink}@keyframes blink{50%{opacity:0}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4)}.card--quiet{background:var(--surface-2);border-color:var(--divider)}.card--accent{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.card--brand{background:var(--brand-grad);color:oklch(99% 0 0);border:none;position:relative;overflow:hidden}.card--elevated{box-shadow:var(--shadow-md)}.card--list-item{transition:border-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);padding:0;overflow:hidden}.card--list-item:hover{border-color:var(--border-strong)}.card--selected{border-color:var(--accent);background:var(--accent-soft)}.pill{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);height:22px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:0 8px;font-size:10.5px;font-weight:600;display:inline-flex}.pill--time{color:var(--fg-2);background:var(--surface);text-transform:none;letter-spacing:.01em;font-variant-numeric:tabular-nums}.pill--accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.pill--accent:before{content:"";border-radius:var(--r-pill);background:var(--accent);width:5px;height:5px}.pill--warn{background:var(--tag-warn-bg);color:var(--tag-warn-fg);border-color:var(--tag-warn-bd)}.pill--warn:before{content:"";border-radius:var(--r-pill);background:var(--tag-warn-fg);width:5px;height:5px}.tag{border-radius:var(--r-pill);letter-spacing:.01em;background:var(--tag-neutral-bg);color:var(--tag-neutral-fg);border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.tag--neutral{background:var(--tag-neutral-bg);color:var(--tag-neutral-fg)}.tag--success{background:var(--tag-success-bg);color:var(--tag-success-fg)}.tag--warn{background:var(--tag-warn-bg);color:var(--tag-warn-fg)}.tag--danger{background:var(--tag-danger-bg);color:var(--tag-danger-fg)}.tag--info{background:var(--tag-info-bg);color:var(--tag-info-fg)}.tag .dot{border-radius:var(--r-pill);opacity:.8;background:currentColor;width:6px;height:6px}.source-pill{font-family:var(--font-mono);letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-sm);white-space:nowrap;font-variant-numeric:tabular-nums;border:1px solid #0000;align-items:center;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.source-pill--quiet{background:var(--surface-2);color:var(--fg-2);border-color:var(--border)}.chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);height:32px;color:var(--fg-2);cursor:pointer;white-space:nowrap;transition:border-color var(--d-fast) var(--ease), background var(--d-fast) var(--ease), color var(--d-fast) var(--ease);align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--border-strong)}.chip.is-active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.chip .swatch{border-radius:var(--r-pill);background:var(--tag-success-fg);width:8px;height:8px}.chip .swatch--warn{background:var(--tag-warn-fg)}.chip .swatch--danger{background:var(--tag-danger-fg)}.chip .swatch--accent{background:var(--accent)}.row{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--divider);min-height:56px;display:flex}.row:last-child{border-bottom:none}.row__main{flex:1;min-width:0}.row__title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.005em;font-size:14px;font-weight:600;line-height:1.3}.row__sub{color:var(--muted);margin-top:2px;font-size:12px}.row__aside{text-align:right;flex-shrink:0}.row__idx{width:22px;font-family:var(--font-mono);color:var(--muted-2);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.date-tile{text-align:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);width:48px;font-family:var(--font-display);flex-shrink:0;padding:5px 0 6px}.date-tile .wd{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:600;line-height:1.2}.date-tile .d{color:var(--fg);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1.05}.date-tile .m{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:10px;font-weight:600;line-height:1.2}.date-tile--today{background:var(--brand-grad);color:oklch(99% 0 0);border-color:#0000}.date-tile--today .wd,.date-tile--today .d,.date-tile--today .m{color:oklch(99% 0 0)}[data-brand=dezent] .date-tile--today{background:var(--accent)}.file-dots{align-items:center;gap:4px;display:inline-flex}.file-dot{border-radius:var(--r-pill);background:var(--muted-2);width:6px;height:6px}.file-dot--pdf{background:oklch(58% .18 25)}.file-dot--image{background:oklch(62% .16 200)}.file-dot--chordpro{background:oklch(60% .18 145)}.file-dot--sng{background:oklch(60% .16 85)}.file-dot--mp3{background:oklch(58% .16 290)}.file-dot--yt{background:oklch(58% .2 18)}.file-dot--link{background:var(--muted)}.file-dot--file{background:var(--muted-2)}.avatar{border-radius:var(--r-pill);background:var(--brand-grad);color:oklch(99% 0 0);width:36px;height:36px;font-family:var(--font-display);letter-spacing:-.01em;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}[data-brand=dezent] .avatar{background:var(--accent)}.avatar--sm{width:28px;height:28px;font-size:11px}.page-head{padding:var(--s-4) var(--s-4) var(--s-2);background:var(--bg);flex-shrink:0}.page-head h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg);margin:0 0 2px;font-size:26px;font-weight:800;line-height:1.1}.page-head .meta{color:var(--muted);font-size:12px}.settings-view{background:var(--bg-2);flex:1;padding:28px 32px 40px;overflow-y:auto}.settings-view__head{max-width:720px;margin:0 auto 22px}.settings-view__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:6px;font-size:10.5px;font-weight:700}.settings-view__h1{font-family:var(--font-display);letter-spacing:-.024em;color:var(--fg);margin:0 0 6px;font-size:26px;font-weight:800;line-height:1.1}.settings-view__sub{color:var(--muted);max-width:56ch;margin:0;font-size:13.5px;line-height:1.45}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);max-width:720px;margin:0 auto 14px;overflow:hidden}.settings-card__head{border-bottom:1px solid var(--divider);align-items:center;gap:10px;padding:12px 18px;display:flex}.settings-card__head-icon{width:24px;height:24px;color:var(--muted);justify-content:center;align-items:center;display:flex}.settings-card__title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.008em;margin:0;font-size:13.5px;font-weight:700}.settings-row{border-bottom:1px solid var(--divider);align-items:center;gap:18px;padding:14px 18px;display:flex}.settings-row:last-child{border-bottom:none}.settings-row__main{flex:1;min-width:0}.settings-row__label{color:var(--fg);font-size:13.5px;font-weight:600;line-height:1.25}.settings-row__hint{color:var(--muted);margin-top:3px;font-size:11.5px;line-height:1.4}.settings-seg{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.settings-seg__opt{font-family:var(--font-body);color:var(--fg-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:7px 14px;font-size:12.5px;font-weight:600;line-height:1}.settings-seg__opt.is-active{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.settings-btn{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);height:36px;color:var(--fg);font-family:var(--font-body);cursor:pointer;flex-shrink:0;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex}.settings-btn:hover{background:var(--surface);border-color:var(--border-strong)}.settings-btn:disabled{opacity:.55;cursor:not-allowed}.settings-btn--sm{height:30px;padding:0 9px}.settings-btn--danger{color:var(--tag-danger-fg)}.settings-btn--danger:hover{background:var(--tag-danger-bg);border-color:var(--tag-danger-bd)}.settings-version{font-family:var(--font-mono);color:var(--muted);flex-shrink:0;font-size:11.5px}.settings-backup__tier{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);vertical-align:middle;margin-left:8px;padding:1px 7px;font-size:9.5px;font-weight:700}.settings-backup__actions{flex-shrink:0;gap:6px;display:flex}.auth-spin{animation:.8s linear infinite settings-spin}@keyframes settings-spin{to{transform:rotate(360deg)}}@media (width<=760px){.settings-view{padding:16px 14px 28px}.settings-view__h1{font-size:22px}.settings-card{border-radius:var(--r-md)}.settings-row{flex-direction:column;align-items:flex-start;gap:10px}.settings-row .settings-seg{align-self:stretch;width:100%}.settings-seg__opt{text-align:center;flex:1}}.section-head{padding:var(--s-4) var(--s-1) var(--s-2);justify-content:space-between;align-items:baseline;display:flex}.section-head .label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:600}.section-head .count{font-family:var(--font-mono);color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:11px}.empty{padding:var(--s-7) var(--s-4);text-align:center;color:var(--muted)}.empty__icon{width:56px;height:56px;margin:0 auto var(--s-3);border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);justify-content:center;align-items:center;display:flex}.empty__title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;margin:0 0 4px;font-size:16px;font-weight:700}.empty__sub{color:var(--muted);max-width:28ch;margin:0 auto;font-size:13px;line-height:1.5}.skeleton{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px}.skel-line{background:linear-gradient(90deg, var(--surface-2) 0%, var(--border) 40%, var(--surface-2) 80%);background-size:200% 100%;border-radius:4px;height:12px;animation:1.2s linear infinite shimmer}.skel-line+.skel-line{margin-top:8px}.skel-line.w-70{width:70%}.skel-line.w-40{width:40%;height:9px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:0 0}}.kbd{height:22px;font-family:var(--font-mono);color:var(--fg);background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:6px 8px 24px;display:grid}.nav-tab{color:var(--muted);border-radius:var(--r-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;padding:6px 4px;display:flex}.nav-tab.is-active{color:var(--accent)}.nav-tab .label{letter-spacing:.01em;font-size:10.5px;font-weight:600}.tabs{scrollbar-width:none;gap:6px;padding:4px 0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);height:36px;color:var(--fg-2);white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.tab.is-active{background:var(--fg);border-color:var(--fg);color:var(--bg)}.tab .dot{border-radius:var(--r-pill);background:var(--accent);width:6px;height:6px}.tab.is-active .dot{background:var(--bg)}.sheet{background:var(--surface);border-top:1px solid var(--border);padding-top:14px;position:relative}.sheet__grip{background:var(--border-strong);border-radius:2px;width:36px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.sheet__head{padding:var(--s-3) var(--s-4);justify-content:space-between;align-items:center;display:flex}.sheet__title{font-family:var(--font-display);letter-spacing:-.012em;color:var(--fg);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.mock-pdf-canvas{background:var(--pdf-canvas);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mock-pdf-page{background:var(--pdf-paper);aspect-ratio:210/297;border-radius:4px;width:78%;position:relative;overflow:hidden;box-shadow:0 1px 3px oklch(20% .02 200/.08),0 12px 32px -12px oklch(20% .02 200/.22)}.mock-pdf{color:oklch(22% .02 200);flex-direction:column;gap:14px;display:flex;position:absolute;inset:12% 11%}.mock-pdf .h{font-family:var(--font-display);font-size:14px;font-weight:700}.mock-pdf .meta{font-family:var(--font-mono);color:oklch(45% .01 200);margin-top:-10px;font-size:9px}.mock-pdf .stave{flex-direction:column;gap:3px;display:flex}.mock-pdf .stave .line{background:oklch(58% .01 200);height:1px}.mock-pdf .lyrics{font-family:var(--font-display);letter-spacing:.04em;color:oklch(32% .01 200);font-size:9px;line-height:2.2}.mock-pdf-nav{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(18% .02 200/.85);align-items:center;gap:4px;padding:4px;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.mock-pdf-nav button{color:oklch(99% 0 0);cursor:pointer;border-radius:var(--r-pill);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mock-pdf-nav button:hover{background:oklch(100% 0 0/.18)}.mock-pdf-nav .count{color:oklch(99% 0 0);font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:0 8px;font-size:12px;font-weight:600}.status-bar{height:50px;font-family:var(--font-display);color:var(--fg);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:14px 26px 0;font-size:15px;font-weight:700;display:flex}.status-bar .right{align-items:center;gap:6px;display:inline-flex}.status-bar svg{display:block}.phone-frame{background:oklch(14% .005 220);border-radius:56px;flex-shrink:0;width:390px;height:844px;padding:12px;position:relative;box-shadow:0 0 0 2px oklch(28% .008 220),0 30px 60px -20px oklch(15% .02 220/.4)}.phone-frame:before{content:"";z-index:10;background:oklch(8% .005 220);border-radius:22px;width:110px;height:32px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--bg);border-radius:44px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.home-indicator{background:var(--fg);opacity:.5;z-index:10;border-radius:3px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.tablet-frame{aspect-ratio:1024/768;background:oklch(14% .005 220);border-radius:24px;width:100%;max-width:1024px;padding:18px;box-shadow:0 30px 60px -20px oklch(15% .02 220/.4)}.tablet-screen{background:var(--bg);border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.frame-caption{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin-bottom:14px;font-size:11px;font-weight:600;display:flex}.frame-caption:after{content:"";background:var(--border);flex:1;height:1px}.frame-caption .num{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);color:var(--accent);letter-spacing:.05em;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.gallery-head{padding:var(--s-8) var(--s-6) var(--s-5);border-bottom:1px solid var(--border);max-width:1500px;margin:0 auto}.gallery-head__row{justify-content:space-between;align-items:baseline;gap:var(--s-3);flex-wrap:wrap;display:flex}.gallery-head h1{font-family:var(--font-display);letter-spacing:-.025em;align-items:center;gap:12px;margin:0;font-size:32px;font-weight:800;display:inline-flex}.gallery-head .sub{color:var(--muted);max-width:60ch;margin-top:8px;font-size:14px;line-height:1.5}.gallery-head__links{gap:4px;display:inline-flex}.gallery-head__links a{color:var(--fg-2);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none}.gallery-head__links a:hover{background:var(--surface-2)}.flow{max-width:1500px;padding:var(--s-8) var(--s-6);border-bottom:1px solid var(--border);margin:0 auto}.flow:last-of-type{border-bottom:none}.flow__head{margin-bottom:var(--s-6)}.flow__num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.flow__title{font-family:var(--font-display);letter-spacing:-.022em;margin:0 0 6px;font-size:26px;font-weight:800}.flow__desc{color:var(--muted);max-width:60ch;margin:0;font-size:14px;line-height:1.55}.frames{gap:var(--s-7) var(--s-6);flex-wrap:wrap;align-items:flex-start;display:flex}.frame-wrap{flex-direction:column;display:flex}.frame-wrap--full{width:100%;max-width:1024px}.event-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--d-fast) var(--ease);margin-bottom:10px;overflow:hidden}.event-card--today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.event-card--open{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.event-card__header{align-items:center;gap:12px;min-height:68px;padding:12px 14px;display:flex}.event-card__main{flex:1;min-width:0}.event-card__title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:700;line-height:1.25;overflow:hidden}.event-card__sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;line-height:1.3;overflow:hidden}.event-card__meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.event-card__chevron{color:var(--muted-2);transition:transform var(--d-base) var(--ease);flex-shrink:0}.event-card--open .event-card__chevron{color:var(--fg-2);transform:rotate(180deg)}.song-list{border-top:1px solid var(--divider);background:var(--bg-2)}.song-row{border-bottom:1px solid var(--divider);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.song-row:last-child{border-bottom:none}.song-row__idx{text-align:right;width:22px;font-family:var(--font-mono);color:var(--muted-2);font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:2px;font-size:11px}.song-row__body{flex:1;min-width:0}.song-row__title-line{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.song-row__name{font-family:var(--font-display);color:var(--fg);letter-spacing:-.008em;font-size:14px;font-weight:600;line-height:1.3}.song-row__author{color:var(--muted);margin-top:1px;font-size:12px}.song-row__tags{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.song-row__aside{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;padding-top:2px;display:flex}.key-chip{font-family:var(--font-mono);color:var(--fg);background:var(--surface);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 8px;font-size:12.5px;font-weight:700}.song-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--d-fast) var(--ease);align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px;display:flex}.song-item:hover{border-color:var(--border-strong)}.song-item.is-selected{border-color:var(--accent);background:var(--accent-soft)}.song-item__body{flex:1;min-width:0}.song-item__title-line{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.song-item__title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.012em;font-size:15px;font-weight:700;line-height:1.25}.song-item__author{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.3}.song-item__files{flex-shrink:0;gap:4px;margin-top:4px;display:flex}.song-item__tags{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.direct-hit{background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--r-lg);box-shadow:0 0 0 4px var(--accent-soft);margin:4px 0 14px;padding:16px 16px 14px;position:relative}.direct-hit:before{content:"Direkt-Treffer";font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;background:var(--accent);color:var(--accent-fg);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:14px}.direct-hit__src{font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;font-size:12px;font-weight:700}.direct-hit__title{font-family:var(--font-display);letter-spacing:-.022em;color:var(--fg);margin:6px 0 2px;font-size:22px;font-weight:800;line-height:1.18}.direct-hit__author{color:var(--muted);margin-bottom:12px;font-size:13px}.direct-hit__arrs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.arr-pill{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--fg-2);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.arr-pill .k{color:var(--accent);font-weight:700}.arr-pill .files{color:var(--muted-2)}.recent-row{border-bottom:1px solid var(--divider);color:var(--fg);align-items:center;gap:12px;min-height:44px;padding:12px 4px;font-size:14px;display:flex}.recent-row:last-child{border-bottom:none}.recent-row__icon{border-radius:var(--r-sm);background:var(--surface-2);width:32px;height:32px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.recent-row__text{flex:1;min-width:0}.recent-row__text .l1{font-weight:600;font-family:var(--font-display)}.recent-row__text .l2{color:var(--muted);font-size:11px;font-family:var(--font-mono);margin-top:1px}.recent-row__drop{color:var(--muted-2);padding:0 6px;font-size:16px}.hint-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin:12px 0 14px;padding:14px}.hint-card__title{font-family:var(--font-display);color:var(--fg);align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}.hint-card__row{color:var(--muted);align-items:center;gap:10px;margin:6px 0;font-size:12px;display:flex}.hint-card__row .kbd{flex-shrink:0}.sv{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;container:sv/inline-size}.sv__header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:auto 1fr;grid-template-areas:"head-left title-block""arr-row arr-row";align-items:start;gap:8px 12px;padding:10px 14px;display:grid}.sv__head-left{flex-direction:column;grid-area:head-left;align-items:stretch;gap:6px;display:flex}.sv__head-left .source-pill{text-align:center;align-self:center;padding:3px 8px;font-size:11px}.sv__title-block{flex-direction:column;grid-area:title-block;gap:1px;min-width:0;padding-top:4px;display:flex}@container sv (width>=1100px){.sv__header{grid-template-columns:auto 1fr auto;grid-template-areas:"head-left title-block arr-row";align-items:center}.sv__header>.sv__arr-row{border-bottom:0;border-left:1px solid var(--border);background:0 0;align-self:stretch}}.sv__title{font-family:var(--font-display);letter-spacing:-.022em;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px;font-weight:800;line-height:1.15;overflow:hidden}.sv__subtitle{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13.5px;line-height:1.25;overflow:hidden}.sv__arr-row{background:var(--surface);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;grid-area:arr-row;margin:0 -14px -10px;display:flex}.sv__arr-row>.sv__tabs{border-bottom:0}.sv__arr-row>.sv__meta-bar{border-bottom:0;border-top:1px solid var(--border);background:var(--surface);justify-content:flex-start}@container sv (width>=700px){.sv__arr-row{flex-flow:wrap;align-items:stretch}.sv__arr-row>.sv__tabs{flex:0 auto;min-width:0}.sv__arr-row>.sv__meta-bar{border-top:0;border-left:1px solid var(--border);flex:auto;min-width:0}}@container sv (width>=1100px){.sv__arr-row{border-top:0;margin:0}}.sv__tabs{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 12px}.sv__meta-bar{background:var(--bg);border-bottom:1px solid var(--border);color:var(--muted);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px 18px;padding:10px 14px;font-size:13px;display:flex}.sv__meta-bar .item{align-items:center;gap:6px;min-height:32px;display:inline-flex}.sv__meta-bar .label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:600}.sv__meta-bar .val{font-family:var(--font-display);color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em;align-items:center;gap:4px;font-size:15px;font-weight:700;display:inline-flex}.sv__meta-bar .sep-dot{background:var(--border-strong);border-radius:50%;width:3px;height:3px}.sv__meta-bar .sv-meta-tile__transpose{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:2px;margin-left:6px;padding:2px;display:inline-flex}.sv__meta-bar .sv-meta-tile__t-btn{width:32px;height:32px;color:var(--fg);font-family:var(--font-display);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.sv__meta-bar .sv-meta-tile__t-btn:hover{background:var(--accent-soft);color:var(--accent)}.sv__meta-bar .sv-meta-tile__t-btn--ghost{color:var(--muted);font-size:13px}.sv__meta-bar .sv-meta-tile__t-btn--ghost.is-reserved{visibility:hidden;pointer-events:none}.sv__meta-bar .sv-meta-tile__t-val{min-width:3.6em;font-family:var(--font-display);white-space:nowrap;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-sm);font-variant-numeric:tabular-nums;justify-content:center;align-self:stretch;align-items:center;padding:0 6px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.sv__meta-bar .sv-meta-tile__t-val--key{min-width:5.5em}.sv-ref-pills{z-index:8;background:color-mix(in oklab, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--r-pill);align-items:center;gap:4px;padding:3px 5px;display:inline-flex;position:absolute;bottom:10px;right:12px;box-shadow:0 2px 8px oklch(20% .01 220/.06)}.sv-ref-pill{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:3px 8px;font-size:10.5px;line-height:1;text-decoration:none}.sv-ref-pill:hover{color:var(--accent);background:var(--accent-soft)}.sv-ref-pills__sep{background:var(--border);width:1px;height:12px}.sv__actions{background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;gap:8px;padding:10px 12px;display:flex;overflow-x:auto}.sv__actions::-webkit-scrollbar{display:none}.sv__actions .spacer{flex:1}.art-list{flex-direction:column;gap:8px;padding:12px;display:flex}.art-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:40px 1fr auto;grid-template-areas:"icon name name""icon sub actions";align-items:center;gap:2px 12px;padding:10px 12px;display:grid}.art-item>.art-icon{grid-area:icon}.art-item>.art-name,.art-item>.art-rename{grid-area:name;min-width:0}.art-item>.art-sub{grid-area:sub}.art-item>.art-actions{grid-area:actions;justify-self:end}.art-item--fav{border-color:var(--tag-warn-bd);background:var(--tag-warn-bg)}.art-item--fav .art-fav{color:var(--tag-warn-fg)}.art-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.art-icon--pdf{background:var(--tag-danger-bg);color:var(--tag-danger-fg)}.art-icon--mp3{color:oklch(45% .16 290);background:oklch(95% .04 290)}[data-mode=dark] .art-icon--mp3{color:oklch(85% .13 290);background:oklch(28% .06 290)}.art-icon--yt{background:var(--tag-danger-bg);color:oklch(50% .2 18)}[data-mode=dark] .art-icon--yt{color:oklch(80% .18 18)}.art-icon--link{background:var(--surface-2);color:var(--muted)}.art-name{font-family:var(--font-display);color:var(--fg);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.art-sub{color:var(--muted);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.art-sub .sep{background:var(--border-strong);border-radius:50%;width:3px;height:3px}.art-actions{gap:4px;display:flex}.art-upload{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);color:var(--fg-2);font-family:var(--font-display);cursor:pointer;align-items:center;gap:10px;min-height:56px;padding:14px;font-size:14px;font-weight:600;display:flex}.art-upload:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.art-upload__icon{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);width:32px;height:32px;color:var(--accent);justify-content:center;align-items:center;display:flex}.events-scroll,.results-scroll{flex:1;padding:4px 16px 12px;overflow-y:auto}.filter-row{padding:0 var(--s-4) var(--s-3);background:var(--bg);scrollbar-width:none;flex-shrink:0;gap:6px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.tablet-layout{flex:1;grid-template-columns:380px 1fr;min-height:0;display:grid;overflow:hidden}.tablet-side{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.tablet-side__head{border-bottom:1px solid var(--border);flex-shrink:0;padding:14px 16px 12px}.tablet-side__head h2{font-family:var(--font-display);letter-spacing:-.018em;margin:0 0 4px;font-size:18px;font-weight:700}.tablet-side__head .meta{color:var(--muted);font-size:12px}.tablet-side__scroll{flex:1;padding:6px 12px 16px;overflow-y:auto}.tablet-side .event-card{margin-bottom:8px}.tablet-side .event-card__header{min-height:auto;padding:10px 12px}.tablet-side .event-card.is-selected{border-color:var(--accent);background:var(--accent-soft)}.tablet-main{background:var(--bg);padding:22px 26px 26px;overflow-y:auto}.tablet-main__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px;padding-bottom:16px;display:flex}.tablet-main__title{font-family:var(--font-display);letter-spacing:-.024em;margin:0;font-size:24px;font-weight:800;line-height:1.15}.tablet-main__sub{color:var(--muted);margin-top:4px;font-size:13px}.tablet-main__actions{flex-shrink:0;gap:8px;display:flex}.song-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.song-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.song-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.song-tile__idx{font-family:var(--font-mono);color:var(--muted-2);font-variant-numeric:tabular-nums;text-align:right;width:18px;font-size:12px}.song-tile__title-line{align-items:baseline;gap:6px;min-width:0;display:flex}.song-tile__title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;line-height:1.25;overflow:hidden}.song-tile__author{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.arr-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:6px;display:grid}.arr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:6px;padding:14px;display:flex}.arr-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.arr-card .a-name{font-family:var(--font-display);color:var(--fg);letter-spacing:-.008em;font-size:14px;font-weight:700}.arr-card .a-meta{font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.arr-card .a-meta .k{color:var(--accent);font-weight:700}.arr-card .a-files{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:11px;display:flex}.arr-card .a-files span{align-items:center;gap:4px;display:inline-flex}.search-bar{padding:12px var(--s-4);background:var(--bg);flex-shrink:0}.col{flex-direction:column;display:flex}.sb-icons svg{color:var(--fg)}.av-menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:oklch(20% .01 220/.32);position:absolute;inset:0}.av-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:268px;box-shadow:var(--shadow-lg);z-index:21;flex-direction:column;padding:8px;display:flex;position:absolute;top:58px;right:12px}.av-menu__user{align-items:center;gap:12px;padding:10px 8px 12px;display:flex}.av-menu__user-text{flex-direction:column;gap:2px;min-width:0;display:flex}.av-menu__name{font-family:var(--font-display);letter-spacing:-.012em;color:var(--fg);font-size:14px;font-weight:700}.av-menu__role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:10px;font-weight:600}.av-menu__sep{background:var(--divider);height:1px;margin:4px 0}.av-menu__group{padding:6px 4px 8px}.av-menu__group-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:0 6px 6px;font-size:10px;font-weight:700}.av-menu__seg-row{gap:4px;display:flex}.av-menu__seg{background:var(--surface-2);border-radius:var(--r-sm);font-family:var(--font-body);color:var(--fg-2);text-align:center;border:1px solid #0000;flex:1;padding:7px 6px;font-size:12px;font-weight:600}.av-menu__seg.is-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.av-menu__item{font-family:var(--font-body);color:var(--fg);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:10px;padding:10px;font-size:13.5px;font-weight:500;display:flex}.av-menu__item:hover{background:var(--surface-2)}.av-menu__item--featured{background:var(--accent-soft);color:var(--accent);font-weight:600}.av-menu__item--danger{color:var(--tag-danger-fg)}.av-menu__item-icon{border-radius:var(--r-sm);background:var(--surface-2);width:28px;height:28px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.av-menu__item--featured .av-menu__item-icon{background:var(--accent);color:var(--accent-fg)}.av-menu__hint{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;margin-left:auto;font-size:10px}.auth-app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:14px;min-height:56px;padding:10px 16px;display:flex}.auth-back{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);height:32px;color:var(--fg-2);font-family:var(--font-body);cursor:pointer;align-items:center;gap:6px;padding:0 10px 0 8px;font-size:12.5px;font-weight:600;display:inline-flex}.auth-app-header__titles{flex-direction:column;flex:1;min-width:0;display:flex}.auth-app-header__t1{font-family:var(--font-display);letter-spacing:-.014em;color:var(--fg);font-size:15px;font-weight:800;line-height:1.2}.auth-app-header__t2{color:var(--muted);font-size:11.5px;line-height:1.2}.auth-mode-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.auth-mode-badge .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.auth-mode-badge--regions{color:oklch(40% .18 35);background:oklch(94% .08 35);border-color:oklch(85% .12 35)}.auth-mode-badge--regions .dot{background:oklch(60% .2 35)}.auth-mode-badge--sng{color:oklch(35% .15 80);background:oklch(92% .13 80);border-color:oklch(80% .14 80)}.auth-mode-badge--sng .dot{background:oklch(60% .18 80)}.auth-pdf-nav__mode--sng.is-active{color:#fff;background:oklch(60% .18 80);border-color:oklch(60% .18 80)}.auth-viewer--sng{background:var(--bg-2);justify-content:stretch;align-items:stretch;width:100%;padding:12px;overflow:hidden}.sng-preview-backdrop{z-index:1000;background:oklch(0% 0 0/.6);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sng-preview{background:var(--surface);border-radius:var(--r-lg);flex-direction:column;width:100%;max-width:1100px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px oklch(0% 0 0/.4)}.sng-preview__head{border-bottom:1px solid var(--border);background:var(--surface-2,oklch(96% .003 220));align-items:center;padding:12px 16px;display:flex}.sng-preview__title{font-family:var(--font-mono);color:var(--fg);flex:1;font-size:12px;font-weight:700}.sng-preview__close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:24px;line-height:1}.sng-preview__close:hover{color:var(--fg)}.auth-split{flex:1;grid-template-columns:320px 1fr;min-height:0;display:grid;position:relative;overflow:hidden}.auth-split--locked{pointer-events:none;opacity:.65;-webkit-user-select:none;user-select:none}.auth-mobile-back{border:0;border-bottom:1px solid var(--divider);background:var(--surface-2,oklch(96% .003 220));color:var(--fg);font-family:var(--font-display);text-align:left;cursor:pointer;align-items:center;gap:6px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;display:none}.auth-mobile-back:active{background:var(--surface)}@media (width<=760px){.auth-split{grid-template-columns:1fr}.auth-split--mob-list .auth-main,.auth-split--mob-book .auth-sidebar{display:none}.auth-split--mob-book .auth-mobile-back{display:flex}}.auth-spin{transform-origin:50%;animation:.8s linear infinite auth-spin}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.auth-sidebar__controls{border-bottom:1px solid var(--divider);flex-direction:column;flex-shrink:0;gap:10px;padding:12px 14px;display:flex}.auth-select-row{align-items:center;gap:6px;display:flex}.auth-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);height:36px;font-family:var(--font-body);color:var(--fg);flex:1;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.auth-select .chev{color:var(--muted-2);flex-shrink:0}.auth-icon-btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);width:36px;height:36px;color:var(--fg-2);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.auth-icon-btn:disabled,.auth-icon-btn.is-disabled{opacity:.45;cursor:not-allowed}.auth-tag-filter{flex-wrap:wrap;gap:4px;display:flex}.tag-filter{font-family:var(--font-mono);background:var(--surface-2);color:var(--fg-2);letter-spacing:.01em;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.tag-filter .c{font-variant-numeric:tabular-nums;color:var(--muted-2);font-weight:600}.tag-filter.is-active{background:var(--accent);color:var(--accent-fg)}.tag-filter.is-active .c{color:var(--accent-fg);opacity:.85}.auth-songlist{flex:1;min-height:0;padding:4px 6px 12px;overflow-y:auto}.auth-song{border-radius:var(--r-sm);cursor:pointer;grid-template-columns:18px 46px 1fr auto;align-items:center;gap:8px;margin:2px 0;padding:8px 10px;display:grid}.auth-song:hover{background:var(--surface-2)}.auth-song.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-border)}.auth-song__status{width:18px;height:18px;color:var(--muted-2);background:var(--surface-2);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.auth-song.has-files .auth-song__status{background:var(--tag-success-bg);color:var(--tag-success-fg)}.auth-song__ref{font-family:var(--font-mono);color:var(--accent);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:700}.auth-song__title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden}.auth-song__author{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;overflow:hidden}.auth-song__right{align-items:center;gap:6px;display:flex}.auth-song__key{font-family:var(--font-mono);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700}.auth-song__id{font-family:var(--font-mono);color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:9.5px}.auth-main{background:var(--bg);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.auth-book-bar{background:var(--surface);border-bottom:1px solid var(--divider);flex-shrink:0;align-items:center;gap:6px;padding:12px 16px;display:flex}.auth-book-bar .auth-select{flex:1}.auth-btn-add{background:var(--accent);height:36px;color:var(--accent-fg);border:1px solid var(--accent);border-radius:var(--r-sm);font-family:var(--font-body);align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.auth-viewer{flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;position:relative;overflow:hidden}.pdf-page{max-width:100%;max-height:100%;box-shadow:0 8px 30px -10px oklch(15% .02 220/.25), 0 0 0 1px var(--border);background:oklch(99% .002 90);line-height:0;display:inline-block;position:relative;overflow:hidden}[data-mode=dark] .pdf-page{background:oklch(96% .005 90)}.pdf-page__inner{color:oklch(20% .01 220);flex-direction:column;gap:4.5%;display:flex;position:absolute;inset:7% 8%}.pdf-page__title{text-align:center;color:oklch(15% .01 220);letter-spacing:.02em;font-family:Times New Roman,Georgia,serif;font-size:14px;font-weight:700}.pdf-page__sub{text-align:center;color:oklch(40% .01 220);margin-top:-10px;font-family:Times New Roman,Georgia,serif;font-size:9px;font-style:italic}.pdf-staff{flex-direction:column;justify-content:space-between;height:14%;padding:3% 0 4%;display:flex;position:relative}.pdf-staff__lines{flex-direction:column;justify-content:space-between;height:32%;display:flex;position:relative}.pdf-staff__lines:before{content:"";background:oklch(20% .01 220);height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 -8px oklch(20% .01 220),0 -4px oklch(20% .01 220),0 4px oklch(20% .01 220),0 8px oklch(20% .01 220)}.pdf-staff__clef{color:oklch(15% .01 220);font-family:Times New Roman,serif;font-size:26px;line-height:1;position:absolute;top:18%;left:2%}.pdf-staff__notes{background-image:radial-gradient(2.5px at 8%,oklch(15% .01 220) 100%,#0000 100%),radial-gradient(2.5px at 16% 30%,oklch(15% .01 220) 100%,#0000 100%),radial-gradient(2.5px at 24% 70%,oklch(15% .01 220) 100%,#0000 100%),radial-gradient(2.5px at 32%,oklch(15% .01 220) 100%,#0000 100%),radial-gradient(2.5px at 42% 20%,oklch(15% .01 220) 100%,#0000 100%),radial-gradient(2.5px at 50% 60%,oklch(15% .01 220) 100%,#0000 100%),radial-gradient(2.5px at 60% 40%,oklch(15% .01 220) 100%,#0000 100%),radial-gradient(2.5px at 70%,oklch(15% .01 220) 100%,#0000 100%),radial-gradient(2.5px at 78% 30%,oklch(15% .01 220) 100%,#0000 100%),radial-gradient(2.5px at 88% 60%,oklch(15% .01 220) 100%,#0000 100%),radial-gradient(2.5px at 95%,oklch(15% .01 220) 100%,#0000 100%);position:absolute;inset:28% 4% 28% 12%}.pdf-lyrics{color:oklch(20% .01 220);flex-direction:column;gap:6px;padding:0 4%;font-family:Times New Roman,Georgia,serif;font-size:8px;display:flex}.pdf-lyrics__row{flex-wrap:wrap;gap:14px;display:flex}.pdf-lyrics .chord{color:oklch(45% .15 250);font-family:monospace;font-size:8px;font-weight:700}.pdf-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pdf-overlay__chip{font-family:var(--font-display);border-radius:var(--r-md);color:var(--fg-2);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(96% .005 220/.94);padding:8px 14px;font-size:13px;font-weight:700}.pdf-overlay--selected{box-shadow:inset 0 0 0 3px var(--accent);background:oklch(50% .13 250/.16)}.pdf-overlay--selected .pdf-overlay__chip{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:0 4px 14px -4px var(--accent)}.pdf-region{cursor:move;background:oklch(70% .15 80/.15);border:2px solid oklch(60% .18 80);position:absolute;left:0;right:0}.pdf-region__num{color:oklch(99% 0 0);font-family:var(--font-mono);background:oklch(60% .18 80);border-bottom-right-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:0;left:0}.pdf-region__del{color:oklch(99% 0 0);background:oklch(60% .18 80);border-bottom-left-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;line-height:1;display:inline-flex;position:absolute;top:0;right:0}.auth-pdf-nav{background:var(--surface);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);font-family:var(--font-mono);color:var(--fg-2);flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:8px 14px;font-size:12px;display:flex}.auth-pdf-nav__page{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.auth-pdf-nav__page .page-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.auth-pdf-nav__page .page-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.auth-pdf-nav__page input,.auth-pdf-nav__page .page-num{border:1px solid var(--border);border-radius:var(--r-sm);text-align:center;background:var(--surface);width:44px;height:26px;font-family:var(--font-mono);appearance:textfield;color:var(--fg);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.auth-pdf-nav__sep{color:var(--muted-2)}.auth-pdf-nav__mode{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);height:26px;font-family:var(--font-mono);color:var(--fg-2);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-left:8px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.auth-pdf-nav__mode.is-active{color:oklch(45% .15 80);background:oklch(75% .15 80/.18);border-color:oklch(60% .18 80/.5)}[data-mode=dark] .auth-pdf-nav__mode.is-active{color:oklch(85% .15 80)}.auth-actionbar-wrap{flex-shrink:0;position:relative}.auth-actionbar{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:14px;min-height:60px;padding:10px 16px;display:flex}.auth-actionbar__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.auth-actionbar__song{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.auth-actionbar__song .ref{font-family:var(--font-mono);color:var(--accent);font-size:11.5px;font-weight:700}.auth-actionbar__pill{font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--border);background:var(--surface);color:var(--fg-2);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;text-decoration:none;transition:background .15s}.auth-actionbar__pill:hover{background:var(--surface-2);border-color:var(--border-strong)}.auth-actionbar__pill--ct{color:var(--accent);border-color:var(--accent-border,var(--accent))}.auth-actionbar__pill--ccli{color:oklch(45% .15 30);border-color:oklch(80% .12 30)}.auth-actionbar__pages{color:var(--muted);font-size:12px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.auth-actionbar__btns{flex-shrink:0;gap:6px;display:flex}.auth-actionbar .btn-primary{background:var(--accent);height:38px;color:var(--accent-fg);border:1px solid var(--accent);border-radius:var(--r-sm);font-family:var(--font-body);align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.auth-actionbar .btn-gear{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);width:38px;height:38px;color:var(--fg-2);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.auth-actionbar .btn-gear.is-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.opt-popup{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:280px;box-shadow:var(--shadow-lg);z-index:5;padding:14px;position:absolute;bottom:70px;right:16px}.opt-popup__title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 10px;font-size:10px;font-weight:700}.opt-row{font-family:var(--font-body);color:var(--fg);align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.opt-row label{cursor:pointer;flex:1}.opt-check{border:1.5px solid var(--border-strong);background:var(--surface);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.opt-check.is-checked{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.opt-hint{background:var(--surface-2,oklch(95% .01 220));border-left:3px solid var(--accent);font-family:var(--font-body);color:var(--muted);border-radius:6px;margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.45}.opt-slider-row{font-family:var(--font-mono);color:var(--muted);grid-template-columns:1fr 36px 28px;align-items:center;gap:8px;padding:4px 0 6px 28px;font-size:11px;display:grid}.opt-slider{background:linear-gradient(to right, var(--accent) 0%, var(--accent) 38%, var(--surface-2) 38%, var(--surface-2) 100%);border-radius:2px;height:4px;position:relative}.opt-slider:after{content:"";background:var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:38%;transform:translate(-50%,-50%);box-shadow:0 1px 4px -1px oklch(20% .02 220/.4)}.opt-slider-val{text-align:right;color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700}.opt-pick{border:1px solid var(--border);background:var(--surface);width:24px;height:24px;color:var(--fg-2);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.opt-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:oklch(15% .01 220/.5);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.opt-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:920px;max-height:100%;display:flex;overflow:hidden}.opt-modal__head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.opt-modal__head h3{font-family:var(--font-display);letter-spacing:-.018em;margin:0;font-size:16px;font-weight:800}.opt-modal__close{border-radius:var(--r-sm);background:var(--surface-2);width:28px;height:28px;color:var(--fg-2);border:1px solid var(--border);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.opt-modal__body{flex:1;grid-template-columns:280px 1fr;gap:0;min-height:0;display:grid;overflow:hidden}.opt-settings{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.opt-group{flex-direction:column;gap:6px;display:flex}.opt-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:700}.opt-range-row{font-family:var(--font-body);color:var(--fg-2);align-items:center;gap:8px;font-size:12px;display:flex}.opt-num{border:1px solid var(--border);border-radius:var(--r-sm);text-align:center;background:var(--surface);width:56px;height:30px;font-family:var(--font-mono);color:var(--fg);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.opt-input{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);height:32px;font-family:var(--font-body);color:var(--fg);align-items:center;padding:0 10px;font-size:13px;display:inline-flex}.opt-progress-track{background:var(--surface-2);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.opt-progress-track .bar{background:var(--accent);border-radius:3px;height:100%}.opt-progress-label{font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:10.5px;display:flex}.opt-actions{gap:8px;margin-top:4px;display:flex}.btn-secondary{background:var(--surface);height:34px;color:var(--fg);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-body);padding:0 14px;font-size:13px;font-weight:600}.opt-preview{background:var(--bg-2);flex-direction:column;min-height:0;display:flex}.opt-preview__toolbar{background:var(--surface);border-bottom:1px solid var(--divider);flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;display:flex}.opt-view-tabs{background:var(--surface-2);border-radius:var(--r-sm);gap:0;padding:2px;display:inline-flex}.opt-view-tab{height:28px;font-family:var(--font-body);color:var(--muted);background:0 0;border:none;border-radius:6px;padding:0 12px;font-size:12px;font-weight:700}.opt-view-tab.is-active{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px -1px oklch(20% .02 220/.2)}.opt-preview__pagebar{font-family:var(--font-mono);color:var(--fg-2);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:inline-flex}.opt-preview__canvas{flex:1;justify-content:center;align-items:center;min-height:0;padding:18px;display:flex;overflow:hidden}.opt-preview__page-side{aspect-ratio:210/297;height:100%;box-shadow:0 8px 20px -8px oklch(15% .02 220/.3), 0 0 0 1px var(--border);position:relative;overflow:hidden}.opt-preview__page-side.is-orig{background:oklch(94% .005 90)}.opt-preview__page-side.is-proc{background:oklch(99.5% 0 0)}[data-mode=dark] .opt-preview__page-side.is-orig{background:oklch(82% .01 90)}[data-mode=dark] .opt-preview__page-side.is-proc{background:oklch(98% 0 0)}.opt-preview__page-side .pdf-page__inner{color:oklch(20% .01 220)}.opt-preview__compare{justify-content:center;align-items:center;gap:14px;height:100%;display:flex}.opt-preview__compare-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:oklch(99% 0 0);background:oklch(20% .02 220/.85);border-radius:4px;padding:3px 6px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.auth-page{background:var(--bg-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.auth-page__head{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:22px 26px 16px;display:flex}.auth-page__title{font-family:var(--font-display);letter-spacing:-.022em;color:var(--fg);margin:0;font-size:22px;font-weight:800;line-height:1.2}.auth-page__sub{color:var(--muted);margin-top:3px;font-size:12.5px}.auth-page__body{flex:1;padding:20px 26px 26px;overflow-y:auto}.book-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;overflow:hidden}.book-table__head{background:var(--bg-2);border-bottom:1px solid var(--divider);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);grid-template-columns:56px minmax(0,1.6fr) 160px 80px 140px;gap:16px;padding:10px 16px;font-size:10px;font-weight:700;display:grid}.book-row{border-bottom:1px solid var(--divider);grid-template-columns:56px minmax(0,1.6fr) 160px 80px 140px;align-items:center;gap:16px;padding:14px 16px;display:grid}.book-row:last-child{border-bottom:none}.book-row:hover{background:var(--surface-2)}.book-row.is-selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.book-cover{color:oklch(99% 0 0);width:44px;height:56px;font-family:var(--font-display);letter-spacing:-.02em;background:oklch(50% .13 250);border-radius:4px;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:relative;box-shadow:inset -2px 0 4px oklch(0% 0 0/.15)}.book-cover:before{content:"";border:1px solid oklch(99% 0 0/.3);border-radius:2px;position:absolute;inset:4px 6px}.book-cover--eg{background:oklch(45% .14 30)}.book-cover--ng{background:oklch(45% .13 145)}.book-cover--csl{background:oklch(45% .13 290)}.book-cover--alt{background:oklch(40% .08 240)}.book-row__title{font-family:var(--font-display);letter-spacing:-.012em;color:var(--fg);font-size:14.5px;font-weight:700;line-height:1.25}.book-row__sub{color:var(--muted);align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.book-row__sub .sep{background:var(--border-strong);border-radius:50%;width:3px;height:3px}.book-row__pages{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.book-source-badge{background:var(--accent-soft);height:28px;color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--r-sm);font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.book-source-badge svg{opacity:.65}.book-source-badge--unset{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.book-status-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.book-status-pill--ok{background:var(--tag-success-bg);color:var(--tag-success-fg)}.book-status-pill--raw{background:var(--tag-warn-bg);color:var(--tag-warn-fg)}.book-row__actions{justify-content:flex-end;gap:4px;display:inline-flex}.book-row__actions .auth-icon-btn{width:30px;height:30px}.book-add-card{border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface);align-items:center;gap:18px;margin-top:12px;padding:24px;display:flex}.book-add-card__icon{border-radius:var(--r-md);background:var(--accent-soft);width:56px;height:56px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.book-add-card__text{flex:1}.book-add-card__t1{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;font-size:15px;font-weight:700}.book-add-card__t2{color:var(--muted);margin-top:3px;font-size:12.5px}.auth-opt-page{background:var(--bg);flex:1;grid-template-columns:320px 1fr;min-height:0;display:grid;overflow:hidden}.auth-opt-page .opt-settings{border-right:1px solid var(--border);background:var(--surface)}.auth-opt-page__book-select{border-bottom:1px solid var(--divider);background:var(--bg-2);align-items:center;gap:10px;margin:-16px -16px 8px;padding:14px 16px;display:flex}.auth-opt-page__book-select .auth-select{flex:1}body.app-fullscreen .app-rail,body.app-fullscreen .song-workspace__panel,body.app-fullscreen .sv__header,body.app-fullscreen .sv__tabs,body.app-fullscreen .sv__meta,body.app-fullscreen .sv__actions,body.app-fullscreen .sv__empty,body.app-fullscreen .sheet{display:none!important}body.app-fullscreen .song-workspace__main{z-index:500!important;background:#000!important;transition:none!important;position:fixed!important;inset:0!important;transform:none!important}body.app-fullscreen .sv{background:#000!important;height:100%!important}body.app-fullscreen .sv__body{-webkit-overflow-scrolling:touch;background:#000!important;flex:1!important;overflow:auto!important}body.app-fullscreen .arr-content__overlay-stack{top:max(.75rem, env(safe-area-inset-top))!important;right:max(.75rem, env(safe-area-inset-right))!important;z-index:600!important;position:fixed!important}body.app-fullscreen .arr-content__btn-overlay{color:#fff!important;background:#00000080!important;border:none!important;border-radius:50%!important;width:2.5rem!important;height:2.5rem!important;font-size:1rem!important}body.app-fullscreen .arr-content__btn-overlay.is-active{background:var(--accent)!important;color:oklch(99% 0 0)!important}body.app-fullscreen .arr-content__popout{color:#fff!important;background:#000000d9!important;border-color:#ffffff26!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#212529;background:#f8f9fa;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}#app{height:100%}.login-wrapper{background:url(/bg-login.jpg) 50%/cover no-repeat fixed;justify-content:center;align-items:center;min-height:100%;padding:1rem;display:flex}.login-card{-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #0000001a;border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:380px;padding:2rem 2rem 1.75rem;display:flex;box-shadow:0 .5rem 1.5rem #0003}.login-logo{width:64px;height:64px}.login-title{color:#212529;margin-top:-.25rem;margin-bottom:0;font-size:1.25rem;font-weight:700}.login-church{color:#6c757d;text-align:center;margin:.15rem 0 .25rem;padding-bottom:.1em;font-size:.8rem;line-height:1.4}.login-card .input-group,.login-card .btn-primary{width:100%}.input-group{flex-direction:column;display:flex}.input-group input{color:#212529;background:#fff;border:1px solid #ced4da;outline:none;width:100%;padding:.5rem .75rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input-group input:focus{z-index:1;border-color:#86b7fe;position:relative;box-shadow:0 0 0 .2rem #0d6efd40}.input-group input:first-child{border-bottom:none;border-radius:.375rem .375rem 0 0}.input-group input:last-child{border-radius:0 0 .375rem .375rem}.input-group input:only-child{border-bottom:1px solid #ced4da;border-radius:.375rem}.login-error{color:#dc3545;text-align:center;font-size:.875rem}:root{--nav-h:60px}.pdf-preview-modal{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pdf-preview-modal[hidden]{display:none}.pdf-preview-modal-inner{background:#fff;border-radius:8px;flex-direction:column;width:95vw;height:92vh;display:flex;position:relative;overflow:hidden}.pdf-preview-close{z-index:10;color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;display:flex;position:absolute;top:.5rem;right:.5rem}.pdf-preview-frame{border:none;flex:1;width:100%}.layout{height:100%;padding-bottom:var(--nav-h);flex-direction:column;display:flex;overflow:hidden}.content-panel{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-pane{flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-pane.hidden{display:none}.pull-to-refresh{opacity:0;pointer-events:none;justify-content:center;align-items:center;height:0;transition:height .15s,opacity .15s;display:flex;overflow:hidden}.pull-to-refresh.ptr-ready,.pull-to-refresh.ptr-loading{height:48px}.ptr-spinner{border:3px solid #00000026;border-top-color:#495057;border-radius:50%;width:24px;height:24px}.pull-to-refresh.ptr-ready .ptr-spinner{border-top-color:#0d6efd}.pull-to-refresh.ptr-loading .ptr-spinner{border-top-color:#0d6efd;animation:.7s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.pane-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:.5rem;overflow-y:auto}.search-bar{background:#f8f9fa;border-bottom:1px solid #dee2e6;flex-shrink:0;padding:.625rem .75rem}.search-bar input[type=search]{color:#212529;background:#fff;border:1px solid #ced4da;border-radius:.375rem;outline:none;width:100%;padding:.5rem .75rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.search-bar input[type=search]:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd40}.admin-actions{flex-direction:column;gap:.5rem;padding:.25rem 0;display:flex}.admin-action-btn{color:#212529;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:.875rem 1rem;font-size:.95rem;transition:background .12s;display:flex}.admin-action-btn:hover{background:#f8f9fa}.admin-action-btn--danger{color:#dc3545}.admin-action-btn--danger:hover{background:#fff1f2}.admin-action-btn:disabled{opacity:.5;cursor:not-allowed}.bottom-nav{height:var(--nav-h);z-index:200;background:#fff;border-top:1px solid #dee2e6;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000012}.bottom-nav-btn{cursor:pointer;color:#6c757d;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.375rem .25rem;font-size:.7rem;font-weight:500;line-height:1;transition:color .15s,background .15s;display:flex}.bottom-nav-btn svg{flex-shrink:0}.bottom-nav-btn:hover{color:#495057;background:#f8f9fa}.bottom-nav-btn.active{color:#0d6efd}.bottom-nav-btn.active svg{filter:drop-shadow(0 0 #0d6efd)}.viewer{inset:0;top:var(--header-h);bottom:var(--nav-h);z-index:100;background:#e9ecef;flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;transform:translate(100%)}.viewer.viewer-active{transform:translate(0)}.btn-back-song{justify-content:center;align-items:center;display:inline-flex}.event-acc{border-bottom:1px solid #e9ecef}.event-acc-header{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:.5rem;min-height:48px;padding:.625rem .75rem;transition:background .15s;display:flex}.event-acc-header:hover{background:#f0f4ff}.event-acc.open>.event-acc-header{background:#e7f1ff}.event-acc.open>.event-acc-header:hover{background:#dbeafe}.event-acc-chevron{color:#adb5bd;flex-shrink:0;width:1.1rem;font-size:1.1rem;line-height:1}.event-acc-chevron:before{content:"▸"}.event-acc.open>.event-acc-header .event-acc-chevron:before{content:"▾";color:#0d6efd}.event-acc-info{flex-direction:column;gap:.05rem;min-width:0;display:flex}.event-date{color:#6c757d;letter-spacing:.01em;font-size:.75rem;font-weight:500}.event-acc.open>.event-acc-header .event-date{color:#084298}.event-name{color:#212529;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.event-involved-avatar{object-fit:cover;color:#fff;cursor:default;border:1.5px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:.65rem;font-weight:600;display:flex}.event-involved-avatar--initials{font-size:.65rem}.event-acc.open>.event-acc-header .event-name{color:#084298}.event-acc-body{background:#f0f4ff;border-top:2px solid #0d6efd;border-bottom:2px solid #dee2e6;flex-direction:column;gap:.25rem;padding:.5rem;display:none}.event-acc.open>.event-acc-body{display:flex}.song-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e9ecef;border-radius:.375rem;flex-direction:column;justify-content:center;gap:.15rem;min-height:44px;padding:.5rem .625rem;transition:background .1s;display:flex}.song-item:hover{background:#e9ecef;border-color:#dee2e6}.song-item.selected{background:#cfe2ff;border-color:#93c5fd;border-left-style:solid;border-left-width:3px;padding-left:calc(.625rem - 3px)}.song-item.selected:hover{background:#b6d4fe}.song-name{font-size:.95rem;font-weight:500;line-height:1.3}.song-badge-default{color:#0d6efd;vertical-align:middle;background:#e7f1ff;border:1px solid #b6d4fe;border-radius:4px;margin-left:.3em;padding:0 4px;font-size:.65em;font-weight:600;line-height:1.6;display:inline-block}.song-source{color:#6c757d;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:.75em;font-weight:700}.song-author{color:#6c757d;font-size:.8rem;line-height:1.2}.song-tag{white-space:nowrap;border-radius:99px;padding:.1rem .45rem;font-size:.68rem;font-weight:600;line-height:1.6;display:inline-block}.song-tags-row{flex-wrap:wrap;gap:.25rem;margin-top:.15rem;display:flex}.tag-red{color:#c0392b;background:#fde8e8}.tag-yellow{color:#b7950b;background:#fef9e7}.tag-green{color:#1e8449;background:#eafaf1}.tag-gray{color:#555;background:#f0f0f0}.tag-blue{color:#1a56a0;background:#e8f0fe}.tag-orange{color:#a0520a;background:#fef3e2}.tag-purple{color:#6b2fa0;background:#f3e8fd}.tag-teal{color:#1a7a73;background:#e6f6f5}.tag-indigo{color:#3730a3;background:#eef0fb}.tag-brown{color:#7c3d1a;background:#f5ede8}.panel-hint{color:#6c757d;padding:.5rem;font-size:.875rem}.panel-error{color:#dc3545;padding:.5rem;font-size:.875rem}.viewer{background:#e9ecef;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.viewer-topbar{background:#fff;border-bottom:1px solid #dee2e6;flex-shrink:0;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.viewer-no-song{color:#adb5bd;font-size:.9rem}.viewer-header{background:#fff;border-bottom:1px solid #dee2e6;flex-direction:column;flex-shrink:0;display:flex}.viewer-row1{align-items:center;gap:.4rem;min-width:0;padding:.4rem .625rem;display:flex}.viewer-source-prefix{color:#6c757d;white-space:nowrap;font-variant-numeric:tabular-nums;background:#e9ecef;border-radius:.25rem;flex-shrink:0;padding:.1rem .35rem;font-size:.7rem;font-weight:700}.viewer-title{white-space:nowrap;text-overflow:ellipsis;color:#212529;flex:1;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.viewer-ccli{color:#6c757d;white-space:nowrap;font-size:.7rem;text-decoration:none}.viewer-ccli:hover{text-decoration:underline}.toast{color:#fff;opacity:0;pointer-events:none;z-index:9999;white-space:normal;text-align:center;background:#198754;border-radius:.5rem;max-width:min(90vw,480px);padding:.6rem 1.25rem;font-size:.85rem;transition:opacity .25s,transform .25s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(1rem);box-shadow:0 4px 12px #0003}.toast--error{background:#dc3545}.toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.arr-meta{flex-shrink:0;align-items:flex-end;display:flex}.arr-meta-inner{flex-direction:column;align-items:flex-end;gap:.1rem;display:flex}.arr-meta-line1{color:#495057;white-space:nowrap;font-size:.7rem;font-weight:600}.arr-meta-line2{color:#6c757d;white-space:nowrap;gap:.5rem;font-size:.68rem;display:flex}.meta-label{color:#adb5bd;margin-right:.15rem;font-weight:600}.viewer-row2{background:#f8f9fa;border-top:1px solid #e9ecef;align-items:center;gap:.4rem;min-width:0;padding:.3rem .625rem;display:flex;overflow:hidden}.viewer-row2-left{flex-direction:row;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex;overflow:hidden}.arr-tabs{flex-wrap:nowrap;gap:.25rem;min-width:0;display:flex;overflow:hidden}.viewer-row2-right{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.arr-media{align-items:center;gap:.4rem;display:flex}.arr-audio{flex:1;min-width:180px;max-width:320px;height:2rem}.arr-yt-audio-wrap{flex-shrink:1;align-items:center;min-width:0;display:flex}.yt-audio{background:#dc3545;border-radius:.375rem;align-items:center;gap:.4rem;min-width:0;padding:.25rem .5rem;display:flex}.yt-audio-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1rem;line-height:1}.yt-audio-time{color:#fff;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.7rem}.yt-audio-seek{accent-color:#fff;cursor:pointer;flex:1;min-width:60px;max-width:200px;height:3px}.yt-external-link{color:#fffc;flex-shrink:0;align-items:center;padding-left:.2rem;display:inline-flex}.yt-external-link:hover{color:#fff}.arr-tab{color:#495057;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;padding:.25rem .625rem;font-size:.8rem;transition:background .1s,color .1s,border-color .1s}.arr-tab:hover{background:#e9ecef;border-color:#adb5bd}.arr-tab.active{color:#fff;background:#0d6efd;border-color:#0d6efd}.viewer-body{flex-direction:column;flex:1;display:flex;position:relative;overflow:visible}.pdf-container,.arr-content__pdf-container{background:#495057;flex:1;position:relative;overflow:hidden}.pdf-container:before,.arr-content__pdf-container:before{content:"";opacity:.12;pointer-events:none;z-index:0;filter:invert();background:url(/logo.svg) 50%/240px 240px no-repeat;position:absolute;inset:0}.pdf-spread{z-index:1;flex-direction:row;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.pdf-spread--all{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow:auto hidden}.pdf-spread--all .pdf-page{scroll-snap-align:start;flex-shrink:0}.pdf-page-wrap{flex-shrink:0;line-height:0;display:inline-block;position:relative}.pdf-page{display:block;box-shadow:0 .25rem .75rem #00000080}.pdf-page-pill{color:#fff;pointer-events:none;white-space:nowrap;background:#0000008c;border-radius:1rem;padding:.2rem .6rem;font-size:.7rem;font-weight:500;line-height:1;position:absolute;bottom:.4rem;left:50%;transform:translate(-50%)}.pdf-nav{cursor:pointer;z-index:2;background:0 0;align-items:center;width:20%;height:100%;transition:background .15s;display:flex;position:absolute;top:0}.pdf-nav-left{justify-content:flex-start;padding-left:.75rem;left:0}.pdf-nav-right{justify-content:flex-end;padding-right:.75rem;right:0}.pdf-nav-hidden{display:none}.pdf-nav:hover,.pdf-nav-active{background:#00000040}.pdf-nav-arrow{color:#ffffffd9;opacity:0;pointer-events:none;font-size:2.5rem;font-weight:300;line-height:1;transition:opacity .15s}.pdf-nav:hover .pdf-nav-arrow,.pdf-nav-active .pdf-nav-arrow{opacity:1}.pdf-loading{color:#adb5bd}.btn-fullscreen-overlay{z-index:10;cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;background:#ffffffb3;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;transition:opacity .2s;display:flex;position:absolute;top:.5rem;right:.5rem}@media (hover:none){.btn-fullscreen-overlay{opacity:.7}}.viewer-body:hover .btn-fullscreen-overlay{opacity:1}body.app-fullscreen .bottom-nav,body.app-fullscreen .content-panel,body.app-fullscreen .viewer-header{display:none!important}body.app-fullscreen .viewer{background:#000;z-index:500!important;transition:none!important;position:fixed!important;inset:0!important;transform:none!important}body.app-fullscreen .viewer-topbar{display:none!important}body.app-fullscreen #viewer-body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}body.app-fullscreen .btn-fullscreen-overlay{top:max(.75rem, env(safe-area-inset-top))!important;right:max(.75rem, env(safe-area-inset-right))!important;z-index:600!important;opacity:1!important;color:#fff!important;background:#00000080!important;border-radius:50%!important;width:2.5rem!important;height:2.5rem!important;font-size:1rem!important;position:fixed!important}.btn-spread{flex-shrink:0;justify-content:center;align-items:center;padding:.25rem .4rem;display:inline-flex}.yt-wrapper{background:#212529;flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.yt-frame{aspect-ratio:16/9;border:none;border-radius:.5rem;width:100%;max-width:960px}.btn-primary{color:#fff;cursor:pointer;background:#0d6efd;border:1px solid #0d6efd;border-radius:.375rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:background .15s,border-color .15s}.btn-primary:hover{background:#0b5ed7;border-color:#0a58ca}.btn-icon{cursor:pointer;color:#495057;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;flex-shrink:0;padding:.25rem .5rem;font-size:.875rem;line-height:1;transition:background .1s,border-color .1s}.btn-icon:hover{background:#e9ecef;border-color:#adb5bd}@media (width>=768px){.layout{grid-template-columns:min(340px,38vw) 1fr;grid-template-rows:var(--header-h) 1fr auto;padding-bottom:0;display:grid}.content-panel{border-right:1px solid #dee2e6;grid-area:2/1;width:auto;overflow:hidden}.viewer{flex:unset;grid-area:2/2/4;transition:none;position:relative;inset:auto;transform:none!important}.bottom-nav{width:auto;height:var(--nav-h);box-shadow:none;grid-area:3/1;position:static}.btn-back-song{display:none}}.authoring-layout{background:#f0f2f5;flex-direction:column;height:100vh;display:flex;overflow:hidden}.authoring-app-header{border-bottom:1px solid #0000001a;flex-shrink:0}.authoring-layout>.authoring-layout{flex:1;height:auto;overflow:hidden}.authoring-tabs{background:#fff;border-bottom:2px solid #dee2e6;flex-shrink:0;display:flex}.authoring-tab{color:#6c757d;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:.7rem;font-size:.9rem;font-weight:500;transition:color .15s,border-color .15s}.authoring-tab.active{color:#0d6efd;border-bottom-color:#0d6efd}.authoring-left,.authoring-right{flex-direction:column;flex:1;min-height:0;display:none;overflow:visible}.authoring-left.panel-active,.authoring-right.panel-active{display:flex}@media (width>=768px){.authoring-layout>.authoring-layout{flex-direction:row}.authoring-tabs{display:none}.authoring-left{background:#fff;border-right:1px solid #dee2e6;flex-shrink:0;width:320px;display:flex}.authoring-right{display:flex}}.authoring-left-header{border-bottom:1px solid #dee2e6;flex-shrink:0;align-items:center;gap:.75rem;padding:1rem;display:flex}.authoring-left-header h2{margin:0;font-size:1rem;font-weight:600}.btn-back{cursor:pointer;color:#6c757d;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:.9rem}.btn-back:hover{background:#f0f2f5}.authoring-controls{border-bottom:1px solid #dee2e6;flex-shrink:0;padding:.75rem 1rem}.authoring-source-row{align-items:center;gap:.5rem;display:flex}.authoring-tag-filter{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.5rem;display:flex}.tag-filter-btn{cursor:pointer;opacity:.55;border:2px solid #0000;border-radius:99px;padding:.2rem .55rem;font-size:.72rem;font-weight:600;transition:opacity .15s,border-color .15s}.tag-filter-btn.tag-red{color:#c0392b;background:#fde8e8}.tag-filter-btn.tag-yellow{color:#b7950b;background:#fef9e7}.tag-filter-btn.tag-green{color:#1e8449;background:#eafaf1}.tag-filter-btn.tag-blue{color:#1a56a0;background:#e8f0fe}.tag-filter-btn.tag-orange{color:#a0520a;background:#fef3e2}.tag-filter-btn.tag-purple{color:#6b2fa0;background:#f3e8fd}.tag-filter-btn.tag-teal{color:#1a7a73;background:#e6f6f5}.tag-filter-btn.tag-gray{color:#555;background:#f0f0f0}.tag-filter-btn.tag-indigo{color:#3730a3;background:#eef0fb}.tag-filter-btn.tag-brown{color:#7c3d1a;background:#f5ede8}.tag-filter-btn.active,.tag-filter-btn:hover{opacity:1;border-color:currentColor}.tag-filter-count{opacity:.75;font-size:.7em}.song-right{flex-shrink:1;align-items:center;gap:.35rem;min-width:0;display:flex;overflow:hidden}.song-right>*{flex-shrink:0}.song-tag-cols{flex-shrink:0;gap:3px;display:flex}.authoring-select{background:#fff;border:1px solid #ced4da;border-radius:6px;flex:1;min-width:0;padding:.4rem .6rem;font-size:.875rem}.btn-icon-sm{cursor:pointer;color:#495057;background:0 0;border:1px solid #ced4da;border-radius:6px;flex-shrink:0;padding:.35rem .6rem;font-size:1rem;line-height:1;transition:background .1s}.btn-icon-sm:hover:not(:disabled){background:#f0f2f5}.btn-icon-sm:disabled{opacity:.4;cursor:default}.authoring-song-list{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:scroll}.authoring-song-item{cursor:pointer;border-bottom:1px solid #f0f2f5;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;transition:background .1s;display:flex}.authoring-song-item:hover{background:#f8f9fa}.authoring-song-item.active{background:#e7f3ff}.song-status{text-align:center;color:#6c757d;flex-shrink:0;width:1.1rem}.authoring-song-item.has-files .song-status{color:#28a745}.song-ref{color:#6c757d;flex-shrink:0;width:2.5rem;font-size:.8rem}.song-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.song-key{color:#6c757d;flex-shrink:0;font-size:.8rem}.song-ct-id{color:#adb5bd;cursor:default;flex-shrink:0;font-size:.7rem}.song-preview-btn{color:#6c757d;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .1rem;font-size:.9rem;line-height:1}.song-preview-btn:hover{color:#0d6efd}.authoring-book-bar{background:#fff;border-bottom:1px solid #dee2e6;flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.authoring-book-bar .authoring-select{flex:1}.btn-upload-book{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ced4da;border-radius:6px;flex-shrink:0;padding:.4rem .75rem;font-size:.85rem}.btn-upload-book:hover{background:#f8f9fa}.btn-delete-book{cursor:pointer;color:#dc3545;background:0 0;border:1px solid #ced4da;border-radius:6px;flex-shrink:0;padding:.35rem .5rem;font-size:.9rem}.btn-delete-book:hover:not(:disabled){background:#fff5f5;border-color:#dc3545}.btn-delete-book:disabled{opacity:.35;cursor:default}.authoring-viewer{background:#868e96;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:.75rem;display:flex;position:relative;overflow:hidden}.authoring-pdf-nav{color:#fff;background:#00000080;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;display:flex}.authoring-page-input{text-align:center;border:1px solid #adb5bd;border-radius:4px;width:3rem;padding:.2rem .4rem;font-size:.85rem}.authoring-page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.authoring-page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.authoring-page-input{-moz-appearance:textfield}.pdf-page-display{align-items:center;gap:.25rem;display:inline-flex}.authoring-canvas-wrap{cursor:pointer;flex-shrink:0;position:relative;box-shadow:0 4px 20px #0006}.authoring-canvas{display:block}.page-overlay{color:#ffffffd9;background:#00000014;justify-content:center;align-items:flex-end;padding-bottom:.75rem;font-size:.85rem;font-weight:600;transition:background .15s;display:flex;position:absolute;inset:0}.page-overlay--selected{color:#28a745;background:#28a74540}.authoring-canvas-wrap.mode-regions{cursor:crosshair}.region-draw-overlay{z-index:10;cursor:crosshair;position:absolute;inset:0}.region-preview{pointer-events:none;background:#0d6efd1f;border:2px dashed #0d6efd;position:absolute}.region-rect{pointer-events:none;background:#0d6efd21;border:2px solid #0d6efd;position:absolute}.region-num{color:#0d6efd;pointer-events:none;background:#ffffffe6;border-radius:3px;padding:0 3px;font-size:.68rem;font-weight:700;line-height:1.5;position:absolute;top:2px;left:4px}.region-del{color:#fff;cursor:pointer;pointer-events:all;background:#dc3545d9;border:none;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.8rem;line-height:1;display:flex;position:absolute;top:2px;right:2px}.region-del:hover{background:#dc3545}.btn-mode-toggle{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff80;border-radius:12px;flex-shrink:0;padding:.2rem .65rem;font-size:.75rem;transition:background .15s}.btn-mode-toggle:hover{background:#ffffff40}.btn-mode-toggle.mode-regions{background:#0d6efd8c;border-color:#0d6efdcc}.nav-sep{color:#ffffff4d;-webkit-user-select:none;user-select:none}.action-bar-wrap{flex-shrink:0;position:relative}.action-options-popup{z-index:50;background:#fff;border:1px solid #dee2e6;border-bottom:none;border-radius:12px 12px 0 0;padding:1rem;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 -4px 16px #0000001f}.action-options-inner{flex-direction:column;gap:.75rem;display:flex}.action-options-title{text-transform:uppercase;letter-spacing:.05em;color:#6c757d;margin-bottom:.1rem;font-size:.75rem;font-weight:600}.whiten-label{color:#495057;white-space:nowrap;font-size:.8rem}.btn-options-gear{cursor:pointer;color:#495057;background:0 0;border:1px solid #ced4da;border-radius:6px;align-items:center;padding:.35rem .45rem;display:flex}.btn-options-gear:hover{background:#f8f9fa}.btn-options-gear.active{color:#0d6efd;background:#e8f0fe;border-color:#0d6efd}.authoring-action-bar{background:#fff;border-top:1px solid #dee2e6;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.action-bar-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.action-bar-controls{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.authoring-selected-song{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.authoring-selected-pages{color:#6c757d;font-size:.8rem}.authoring-checkbox{cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.btn-color-pick{cursor:pointer;background:0 0;border:1px solid #ced4da;border-radius:6px;flex-shrink:0;padding:.2rem .4rem;font-size:.85rem;line-height:1}.btn-color-pick:hover{background:#f8f9fa}.btn-color-pick.active{background:#fff3cd;border-color:#ffc107}.color-pick-overlay{cursor:none;z-index:20;position:absolute;inset:0}.pick-cursor{pointer-events:none;display:none;position:absolute;transform:translate(-50%,-50%)}.pick-cursor svg{filter:drop-shadow(0 0 1px #fffc);width:100%;height:100%;display:block}.whiten-threshold-wrap{color:#495057;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.whiten-slider{accent-color:#0d6efd;flex:1;min-width:80px}#whiten-threshold-val{text-align:right;font-variant-numeric:tabular-nums;min-width:2.2em}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#0d6efd;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:#0b5ed7}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{color:#212529;cursor:pointer;background:#f8f9fa;border:1px solid #ced4da;border-radius:6px;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:background .15s}.btn-secondary:hover:not(:disabled){background:#e9ecef}.btn-secondary:disabled{opacity:.5;cursor:default}.authoring-modal-backdrop{z-index:500;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.authoring-modal-backdrop[hidden]{display:none}.authoring-modal{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:440px;padding:1.5rem;display:flex;box-shadow:0 8px 32px #0003}.authoring-modal h3{margin:0;font-size:1.1rem;font-weight:600}.authoring-input{box-sizing:border-box;border:1px solid #ced4da;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.875rem}.authoring-modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.authoring-modal-actions button:not(.btn-primary){cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.authoring-hint{color:#6c757d;text-align:center;margin:0;padding:2rem 1rem;font-size:.9rem}.authoring-hint.error{color:#dc3545}.authoring-toast{color:#fff;z-index:1000;white-space:nowrap;background:#28a745;border-radius:20px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;animation:.2s fadeInUp;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.zip-progress-track{background:#e9ecef;border-radius:4px;width:100%;height:8px;overflow:hidden}.zip-progress-bar{background:#0d6efd;border-radius:4px;width:0%;height:100%;transition:width .2s}.authoring-transfer-overlay{z-index:900;color:#fff;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1rem;font-weight:600;display:flex;position:fixed;inset:0}.authoring-transfer-overlay[hidden]{display:none}.authoring-transfer-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:44px;height:44px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sync-modal-backdrop{z-index:900;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.sync-modal{background:#fff;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:400px;padding:2rem;display:flex;box-shadow:0 8px 40px #00000040}.sync-modal h3{margin:0;font-size:1.1rem;font-weight:600}.sync-progress-wrap{background:#e9ecef;border-radius:999px;height:10px;overflow:hidden}.sync-progress-bar{background:#0d6efd;border-radius:999px;width:0%;height:100%;transition:width .4s}.sync-progress-bar--indeterminate{animation:1.4s ease-in-out infinite syncIndeterminate;width:40%!important}@keyframes syncIndeterminate{0%{margin-left:-40%}to{margin-left:100%}}.sync-progress-label{color:#6c757d;text-align:center;margin:0;font-size:.875rem}.btn-sync-cancel{color:#dc3545;cursor:pointer;background:0 0;border:1px solid #dc3545;border-radius:8px;align-self:center;padding:.45rem 1.5rem;font-size:.875rem;transition:background .15s,color .15s}.btn-sync-cancel:hover:not(:disabled){color:#fff;background:#dc3545}.btn-sync-cancel:disabled{opacity:.5;cursor:default}.btn-optimize-book{color:#1a56a0;cursor:pointer;background:#e8f0fe;border:1px solid #b6ccf5;border-radius:6px;padding:.25rem .55rem;font-size:.85rem}.btn-optimize-book:disabled{opacity:.4;cursor:default}.optimize-modal-backdrop{z-index:600;align-items:stretch;padding:1.5rem}.optimize-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(100%,1100px);height:100%;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 8px 40px #00000038}.optimize-modal-header{border-bottom:1px solid #e9ecef;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.optimize-modal-header h3{margin:0;font-size:1rem}.optimize-modal-close{font-size:1.1rem}.optimize-modal-body{flex:1;gap:0;display:flex;overflow:hidden}.optimize-settings{border-right:1px solid #e9ecef;flex-direction:column;flex-shrink:0;gap:1rem;width:240px;padding:1rem;display:flex;overflow-y:auto}.optimize-settings-group{flex-direction:column;gap:.4rem;display:flex}.optimize-label{color:#495057;text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.optimize-range-row{align-items:center;gap:.4rem;font-size:.85rem;display:flex}.optimize-range-row input[type=number]{width:3.2rem}.optimize-range-row input[type=range]{flex:1}.optimize-actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.optimize-progress{color:#495057;flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.optimize-progress[hidden]{display:none}.opt-status-msg{color:#6c757d;min-height:1em;font-size:.75rem;font-style:italic}.optimize-preview{flex-direction:column;flex:1;display:flex;overflow:hidden}.optimize-preview-toolbar{border-bottom:1px solid #e9ecef;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.opt-view-btn{cursor:pointer;opacity:.6;background:0 0;border:1px solid #adb5bd;border-radius:20px;padding:.25rem .7rem;font-size:.8rem}.opt-view-btn.active{color:#fff;opacity:1;background:#212529;border-color:#212529}.optimize-preview-page{align-items:center;gap:.3rem;margin-left:auto;font-size:.85rem;display:flex}.optimize-preview-canvas-wrap{background:#f8f9fa;flex:1;justify-content:center;align-items:center;min-height:0;padding:.75rem;display:flex;position:relative;overflow:auto}.optimize-preview-canvas-wrap canvas{border-radius:4px;max-width:100%;display:block;box-shadow:0 2px 8px #0000001f}.optimize-processed-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 2px 8px #0000001f}.optimize-processed-img[hidden]{display:none}.optimize-preview-hint{color:#868e96;align-self:center;font-size:.9rem}@media (width<=700px){.optimize-modal-body{flex-direction:column}.optimize-settings{border-bottom:1px solid #e9ecef;border-right:none;width:100%;max-height:280px}}.app-boot[data-v-adfb4a36]{background:var(--bg);height:100%}