.book-panel{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.25rem;max-width:52rem;margin:auto}.book-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.book-form{display:flex;flex-direction:column;gap:1rem}.book-missing{padding:.5rem 1rem}.book-section{border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);padding-top:1.5rem}.book-welcome{min-height:100dvh;padding:clamp(2rem,7vh,5rem) 1rem 2rem;background:radial-gradient(ellipse at 50% 0,#ddebff 0,#f4f8ff 38%,#f8fafc 75%)}.book-welcome-content{max-width:48rem;margin:0 auto}.book-welcome-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.songbook-brand{display:flex;gap:1rem;align-items:center;font-size:clamp(1.9rem,6vw,2.5rem);font-weight:750;letter-spacing:-.06em;line-height:1.2}.songbook-brand>img{flex-shrink:0;height:auto;filter:drop-shadow(0 6px 10px #0754cb20)}.songbook-brand-accent{color:#0874e5}.songbook-brand--compact{gap:.65rem;font-size:1.35rem}.songbook-brand--compact>img{width:36px}.book-welcome-card{display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.25rem,4vw,2.5rem);border:1px solid #e0e9f5;border-radius:24px;background:#fff;box-shadow:0 16px 48px #163e7110,0 2px 8px #163e7106}.book-welcome-note{text-align:center;margin:1.5rem 0 0;color:#52647d;font-size:.875rem}.book-chooser{display:flex;flex-direction:column;gap:1.5rem}.book-chooser-heading{display:flex;flex-direction:column;gap:.5rem}.book-chooser-heading h1,.book-chooser-heading h2{font-weight:700;letter-spacing:-.025em}.book-selection{display:flex;flex-direction:column;gap:.75rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none}.book-grid>li{min-width:0}.book-grid:empty,.book-compact-list:empty,.book-selection>[role=status]:empty,.book-chooser-panel:empty{display:none}.book-compact-list{display:flex;flex-direction:column;gap:.25rem;max-height:min(24rem,50dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:0;padding:.25rem;list-style:none;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:12px}.book-choice.MuiButtonBase-root{display:flex;gap:1rem;align-items:center;padding:1.25rem;width:100%;min-height:104px;text-align:left;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:14px;transition:border-color .15s,background-color .15s}.book-choice.MuiButtonBase-root:hover{border-color:#2186ed;background:#2186ed0a}.book-choice.Mui-focusVisible{outline:3px solid #2186ed;outline-offset:3px}.book-choice--active.MuiButtonBase-root{border-color:#2186ed;background:#2186ed0d}.book-choice-icon{display:grid;place-items:center;width:42px;height:48px;flex-shrink:0;border-radius:10px;color:#1680ea;background:#2186ed14}.book-choice-copy{display:flex;flex:1;flex-direction:column;gap:.35rem;min-width:0}.book-choice-name{font-size:1.05rem;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.book-choice-meta{font-size:.8rem;opacity:.7;line-height:1.5}.book-choice-current{font-size:.75rem;font-weight:600;color:#1680ea}.book-choice-arrow{color:#1680ea;flex-shrink:0}.book-create-summary{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}.book-create-summary>div{display:flex;flex-direction:column;gap:.25rem}.book-create-summary>button{flex-shrink:0}.book-sign-in{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-wrap:wrap}.book-chooser-panel{display:flex;flex-direction:column;gap:1.5rem}.book-create-form{padding:1.25rem;border-radius:14px;background:#2186ed08;border:1px solid #2186ed24}@media(max-width:520px){.book-welcome{padding-top:2rem}.book-welcome-brand{margin-bottom:1.5rem}.songbook-brand>img{width:52px}.songbook-brand--compact>img{width:36px}.book-create-summary{flex-direction:column;align-items:stretch}.book-choice.MuiButtonBase-root{padding:1rem;gap:.75rem}}.book-compact-list .book-choice.MuiButtonBase-root{min-height:64px;padding:.625rem .75rem;gap:.75rem;border-color:transparent;border-radius:8px}.book-compact-list .book-choice-icon{width:32px;height:36px;border-radius:8px}.book-compact-list .book-choice-copy{gap:.2rem}.book-compact-list .book-choice-name{font-size:.95rem}@media(prefers-reduced-motion:reduce){.book-choice.MuiButtonBase-root{transition:none}}.import-song-list{display:flex;flex-direction:column;max-height:min(25rem,50dvh);overflow-y:auto;overscroll-behavior:contain;padding-inline:.75rem}.import-song-list label{overflow-wrap:anywhere;margin-right:0}.publication-pending{display:inline-block;align-self:flex-start;padding:.15rem .55rem;border-radius:.5rem;font-size:.78rem;font-weight:650;line-height:1.5;background:#fff1c5;color:#714504}.book-invitation{max-width:34rem}.book-invitation .book-welcome-card{border-top:4px solid #1976d2}.invitation-heading{display:flex;align-items:center;gap:1rem;overflow-wrap:anywhere}.invitation-heading>svg{flex-shrink:0;padding:.65rem;box-sizing:content-box;color:#165ca9;background:#eaf3ff;border-radius:.75rem}.invitation-heading h1{font-weight:700;line-height:1.2}.settings-page{--surface: #fff;--line: #d9e3ee;--accent: #165ca9;--tint: #eaf3ff;--muted: #526378;max-width:68rem;margin-inline:auto;padding:clamp(1rem,3.5vw,2.75rem)}.settings-page[data-theme=dark]{--surface: #171c24;--line: #364150;--accent: #9dcaff;--tint: #203349;--muted: #b6c3d2}.settings-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--line)}.settings-header h1{margin:.65rem 0 0;font-size:clamp(1.85rem,4vw,2.6rem);line-height:1.1;letter-spacing:-.04em}.settings-header .songbook-brand{gap:.4rem;font-size:1.05rem}.settings-header .songbook-brand img{width:28px}.settings-header .songbook-brand-accent{color:var(--accent)}.settings-context{display:flex;align-items:center;gap:.7rem;min-width:0;max-width:100%}.settings-context>svg{color:var(--accent);padding:.55rem;box-sizing:content-box;flex:none;background:var(--tint);border-radius:.75rem}.settings-context small,.settings-context strong{display:block}.settings-context small{color:var(--muted);font-size:.75rem}.settings-context strong{overflow-wrap:anywhere}.settings-layout{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:clamp(1rem,2.5vw,2rem);align-items:start}.settings-page>.book-form{margin-bottom:1.25rem}.settings-nav{display:grid;gap:.25rem;position:sticky;top:1rem}.settings-nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;color:var(--muted);border:1px solid transparent;text-decoration:none;border-radius:.7rem;font-weight:550;line-height:1.3}.settings-nav a:hover{background:var(--surface);border-color:var(--line)}.settings-nav a[aria-current=page]{color:var(--accent);background:var(--tint);border-color:color-mix(in srgb,var(--accent) 22%,transparent);font-weight:700}.settings-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-nav svg{font-size:1.25rem}.settings-content{min-width:0;display:grid;gap:1rem}.settings-content>section{min-width:0;border:1px solid var(--line);border-radius:1rem;padding:clamp(1rem,2.3vw,1.65rem);background:var(--surface)}.settings-content h2{font-size:1.15rem;font-weight:650;letter-spacing:-.02em;line-height:1.4;margin:0}.settings-content .book-create-summary{padding:0;border:0}.settings-content .book-create-summary>button{align-self:flex-start}.settings-content .book-chooser{gap:1rem}.settings-content .book-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.settings-content .book-grid .book-choice{min-height:80px;padding:.75rem;gap:.65rem}.settings-content .book-choice-icon{width:32px;height:36px}.settings-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;border-top:1px solid var(--line, #d9e3ee);padding-block-start:.75rem}.settings-row strong,.settings-row span{overflow-wrap:anywhere}.settings-row small{display:block;color:var(--muted)}@media(max-width:700px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-nav{grid-template-columns:repeat(auto-fit,minmax(0,1fr));position:static;gap:.18rem}.settings-nav a{flex-direction:column;justify-content:center;gap:.35rem;padding:.5rem .1rem;font-size:.78rem}.settings-header{align-items:center}.settings-context{max-width:52%}}.settings-nav-icon{display:inline-flex;align-items:center;gap:.2rem}.settings-page{--pending-ink: #783d00;--pending-fill: #fff2cb;--pending-line: #db9a37}.settings-page[data-theme=dark]{--pending-ink: #ffda96;--pending-fill: #402e15;--pending-line: #b68b49}.settings-nav a.settings-nav-pending{color:var(--pending-ink);background:var(--pending-fill);border-color:var(--pending-line)}.settings-nav a.settings-nav-pending[aria-current=page]{box-shadow:inset 0 -3px var(--pending-line)}.settings-nav-count{display:inline-grid;place-items:center;min-width:1.4em;padding-inline:.3em;border-radius:1em;background:var(--pending-ink);color:var(--pending-fill);font-size:.75rem;font-weight:750;font-variant-numeric:tabular-nums}.domain-migration{min-height:100vh;display:grid;place-items:center;padding:24px;box-sizing:border-box;background:#f4f7fa;color:#173144;font:17px/1.6 system-ui,sans-serif}.domain-migration-card{width:100%;max-width:640px;padding:28px;box-sizing:border-box;border-radius:16px;background:#fff;box-shadow:0 8px 32px #17314414;overflow-wrap:anywhere}.domain-migration h1{font-size:26px;line-height:1.3}.domain-migration-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.domain-migration button{padding:12px 16px;border:1px solid #245b78;border-radius:8px;background:#245b78;color:#fff;font:inherit;cursor:pointer}.domain-migration a{color:#245b78}.domain-migration-note{font-size:14px;color:#526776;margin-top:24px}.domain-migration-account{margin-block:24px;border-block:1px solid #d5dfe6;padding-block:16px}.domain-migration-account h2{font-size:21px}.domain-migration-account form,.domain-migration-account label{display:grid;gap:8px}.domain-migration-account form{gap:16px}.domain-migration-account input{padding:10px;border:1px solid #8095a3;border-radius:6px;font:inherit;min-width:0}.domain-migration-account button:disabled{opacity:.6;cursor:default}