/* New Hope 7 — Appearance & Personalization v5.1.6
 * Additive UI layer. Classic mode intentionally leaves existing app structure untouched.
 */
:root{
  --nh7-ap514-icon:var(--nh7-studio-accent,var(--brand,#1858a4));
  --nh7-ap514-depth:7px;
  --nh7-ap514-glow:14%;
}
#nh7AppearancePanel[data-nh7-ap514-hidden="1"],
#nh7ThemeStudio453[data-nh7-ap514-hidden="1"]{display:none!important}

.nh7-ap514-launcher{
  margin:14px 0;padding:14px;border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));border-radius:17px;
  background:var(--nh7-studio-card,var(--card,#fff));color:var(--nh7-studio-text,var(--ink,#17364e));
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center
}
.nh7-ap514-launcher strong,.nh7-ap514-launcher small{display:block}
.nh7-ap514-launcher strong{font-size:.94rem}.nh7-ap514-launcher small{margin-top:4px;font-size:.72rem;line-height:1.55;color:var(--nh7-studio-muted,var(--muted,#64748b))}
.nh7-ap514-open{min-height:42px;padding:8px 12px;border:0;border-radius:12px;background:var(--nh7-studio-accent,var(--brand,#1858a4));color:var(--nh7-studio-button-ink,#fff);font:800 .76rem/1.3 inherit;cursor:pointer}

.nh7-ap514-dialog{position:fixed;inset:0;z-index:2147483200;padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;overflow:hidden}
.nh7-ap514-dialog::backdrop{background:#06111fb8;backdrop-filter:blur(5px)}
.nh7-ap514-shell{
  width:min(980px,100%);height:100dvh;margin:auto;display:flex;flex-direction:column;
  background:var(--nh7-studio-bg,var(--bg,#eef8ff));color:var(--nh7-studio-text,var(--ink,#17364e))
}
.nh7-ap514-head{
  flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
  padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 94%,transparent);
  border-bottom:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));backdrop-filter:blur(18px)
}
.nh7-ap514-head button{width:40px;height:40px;border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));border-radius:12px;background:var(--nh7-studio-card,var(--card,#fff));color:var(--nh7-studio-text,var(--ink,#17364e));font-size:1.2rem}
.nh7-ap514-head strong,.nh7-ap514-head small{display:block}.nh7-ap514-head strong{font-size:.95rem}.nh7-ap514-head small{font-size:.66rem;color:var(--nh7-studio-muted,var(--muted,#64748b));margin-top:2px}
.nh7-ap514-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:13px 12px calc(28px + env(safe-area-inset-bottom));display:grid;gap:12px}
.nh7-ap514-card{padding:14px;border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));border-radius:18px;background:var(--nh7-studio-card,var(--card,#fff));box-shadow:0 7px 24px #0f25370d}
.nh7-ap514-card h3{margin:0 0 4px;font-size:.9rem}.nh7-ap514-card>p{margin:0 0 12px;font-size:.69rem;line-height:1.65;color:var(--nh7-studio-muted,var(--muted,#64748b))}
.nh7-ap514-tabs{display:flex;gap:6px;overflow:auto;padding:2px 0 5px;scrollbar-width:none}.nh7-ap514-tabs::-webkit-scrollbar{display:none}
.nh7-ap514-chip{flex:0 0 auto;min-height:35px;padding:7px 11px;border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));border-radius:999px;background:var(--nh7-studio-bg,var(--bg,#eef8ff));color:var(--nh7-studio-text,var(--ink,#17364e));font-size:.65rem;font-weight:800;white-space:nowrap}
.nh7-ap514-chip[aria-pressed="true"]{background:var(--nh7-studio-accent,var(--brand,#1858a4));color:var(--nh7-studio-button-ink,#fff);border-color:var(--nh7-studio-accent,var(--brand,#1858a4))}
.nh7-ap514-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.nh7-ap514-theme,.nh7-ap514-style{position:relative;min-width:0;padding:6px;border:2px solid transparent;border-radius:14px;background:var(--nh7-studio-card,var(--card,#fff));color:var(--nh7-studio-text,var(--ink,#17364e));text-align:start}
.nh7-ap514-theme[aria-pressed="true"],.nh7-ap514-style[aria-pressed="true"]{border-color:var(--nh7-studio-accent,var(--brand,#1858a4));box-shadow:0 0 0 2px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 16%,transparent)}
.nh7-ap514-swatch{height:49px;border-radius:10px;background:var(--sw-bg);color:var(--sw-text);display:flex;justify-content:space-between;align-items:center;padding:7px}
.nh7-ap514-swatch i{width:8px;height:31px;border-radius:99px;background:var(--sw-accent)}.nh7-ap514-swatch b{padding:6px 9px;border-radius:7px;background:var(--sw-card);color:var(--sw-text);font:800 13px/1 system-ui}
.nh7-ap514-theme strong,.nh7-ap514-style strong{display:block;margin-top:5px;font-size:.58rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.nh7-ap514-new{position:absolute;top:2px;inset-inline-end:2px;padding:3px 5px;border-radius:999px;background:#22c55e;color:#052e16;font:900 .43rem/1 system-ui}

.nh7-ap514-style-demo{height:58px;border-radius:11px;padding:7px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;background:var(--nh7-studio-bg,var(--bg,#eef8ff));border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1))}
.nh7-ap514-style-demo span{display:grid;gap:5px}.nh7-ap514-style-demo i{display:block;height:7px;border-radius:999px;background:currentColor;opacity:.24}.nh7-ap514-style-demo i:last-child{width:65%}.nh7-ap514-style-demo b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--nh7-studio-accent,var(--brand,#1858a4));color:var(--nh7-studio-button-ink,#fff);font:900 11px/1 system-ui}
.nh7-ap514-style[data-style="classic"] .nh7-ap514-style-demo{background:var(--nh7-studio-card,var(--card,#fff));box-shadow:none}
.nh7-ap514-style[data-style="glass"] .nh7-ap514-style-demo{background:linear-gradient(135deg,#ffffff9c,#cfe6f455);backdrop-filter:blur(10px);box-shadow:inset 0 1px #fff}
.nh7-ap514-style[data-style="minimal"] .nh7-ap514-style-demo{background:transparent;box-shadow:none}.nh7-ap514-style[data-style="minimal"] .nh7-ap514-style-demo b{background:transparent;color:var(--nh7-studio-accent,var(--brand,#1858a4));border:1px solid currentColor}
.nh7-ap514-style[data-style="tactile"] .nh7-ap514-style-demo{box-shadow:0 7px 13px #102a3c20,inset 0 1px #fff}.nh7-ap514-style[data-style="material"] .nh7-ap514-style-demo{box-shadow:0 3px 8px #102a3c1e}.nh7-ap514-style[data-style="outline"] .nh7-ap514-style-demo{background:transparent;border:1.5px solid var(--nh7-studio-accent,var(--brand,#1858a4))}.nh7-ap514-style[data-style="pill"] .nh7-ap514-style-demo{border-radius:22px;background:color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 8%,var(--nh7-studio-card,var(--card,#fff)))}

.nh7-ap514-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.nh7-ap514-field{display:grid;gap:6px;font-size:.67rem;color:var(--nh7-studio-muted,var(--muted,#64748b))}
.nh7-ap514-field select,.nh7-ap514-field input[type="time"],.nh7-ap514-field input[type="color"]{width:100%;min-height:42px;border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));border-radius:10px;background:var(--nh7-studio-bg,var(--bg,#eef8ff));color:var(--nh7-studio-text,var(--ink,#17364e));padding:7px}
.nh7-ap514-field input[type="color"]{padding:4px}
.nh7-ap514-range{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;margin-top:9px}.nh7-ap514-range label{font-size:.64rem;color:var(--nh7-studio-muted,var(--muted,#64748b))}.nh7-ap514-range output{font-size:.62rem;font-weight:800;color:var(--nh7-studio-accent,var(--brand,#1858a4))}.nh7-ap514-range input{grid-column:1/-1;width:100%;accent-color:var(--nh7-studio-accent,var(--brand,#1858a4))}
.nh7-ap514-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.nh7-ap514-btn{min-height:38px;padding:7px 10px;border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));border-radius:10px;background:var(--nh7-studio-bg,var(--bg,#eef8ff));color:var(--nh7-studio-text,var(--ink,#17364e));font-size:.66rem;font-weight:800}.nh7-ap514-btn.primary{background:var(--nh7-studio-accent,var(--brand,#1858a4));border-color:var(--nh7-studio-accent,var(--brand,#1858a4));color:var(--nh7-studio-button-ink,#fff)}
.nh7-ap514-status{font-size:.62rem;line-height:1.5;margin-top:7px;color:#16803e}.nh7-ap514-status.bad{color:#b45309}
.nh7-ap514-switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.nh7-ap514-switch-copy strong,.nh7-ap514-switch-copy small{display:block}.nh7-ap514-switch-copy strong{font-size:.78rem}.nh7-ap514-switch-copy small{font-size:.61rem;line-height:1.45;color:var(--nh7-studio-muted,var(--muted,#64748b));margin-top:3px}
.nh7-ap514-switch{position:relative;width:48px;height:28px;flex:0 0 auto;direction:ltr}.nh7-ap514-switch input{position:absolute;opacity:0;pointer-events:none}.nh7-ap514-switch span{position:absolute;inset:0;border-radius:999px;border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));background:var(--nh7-studio-bg,var(--bg,#eef8ff));overflow:hidden}.nh7-ap514-switch span:after{content:"";position:absolute;width:20px;height:20px;top:3px;left:3px;border-radius:50%;background:var(--nh7-studio-card,var(--card,#fff));box-shadow:0 2px 6px #0003;transition:left .15s ease,background .15s ease}.nh7-ap514-switch input:checked+span{background:var(--nh7-studio-accent,var(--brand,#1858a4));border-color:var(--nh7-studio-accent,var(--brand,#1858a4))}.nh7-ap514-switch input:checked+span:after{left:23px}
.nh7-ap514-reader-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.nh7-ap514-reader-modes[hidden]{display:none}.nh7-ap514-reader-modes button{min-height:38px;padding:7px;border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));border-radius:10px;background:var(--nh7-studio-bg,var(--bg,#eef8ff));color:var(--nh7-studio-text,var(--ink,#17364e));font-size:.61rem;font-weight:800;white-space:normal}.nh7-ap514-reader-modes button[aria-pressed="true"]{background:var(--nh7-studio-accent,var(--brand,#1858a4));color:var(--nh7-studio-button-ink,#fff)}
.nh7-ap514-reader-proof{margin-top:10px;padding:14px;border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));border-radius:15px;background:var(--nh7-studio-bg,var(--bg,#eef8ff));color:var(--nh7-studio-verse,var(--ink,#17364e));transition:.18s}.nh7-ap514-reader-proof strong{display:block;margin-bottom:5px;font-size:.68rem}.nh7-ap514-reader-proof p{margin:0;font-size:.9rem;line-height:1.85;color:inherit}
.nh7-ap514-reader-proof[data-on="1"]{padding:19px 16px}.nh7-ap514-reader-proof[data-on="1"] p{font-size:1.04rem;line-height:2.05}.nh7-ap514-reader-proof[data-mode="paper"][data-on="1"]{background:#f8f1e5;color:#3f3529;border-color:#ddccb2}.nh7-ap514-reader-proof[data-mode="sepia"][data-on="1"]{background:#eee2c8;color:#433321;border-color:#d3c09b}.nh7-ap514-reader-proof[data-mode="soft"][data-on="1"]{background:#f1f3f4;color:#25313a;border-color:#d5dadd}.nh7-ap514-reader-proof[data-mode="night"][data-on="1"]{background:#0b0f14;color:#e8edf3;border-color:#27313c}

/* Actual app style layer: CLASSIC has no selectors by design. */
html[data-nh7-ui-style514="tactile"] #view :is(.primary-btn,.secondary-btn,.icon-btn,.tab,.nav-item,.nh7-book-tool-btn),
html[data-nh7-ui-style514="tactile"] .bottom-nav .nav-item{
  border-radius:13px;box-shadow:0 var(--nh7-ap514-depth) calc(var(--nh7-ap514-depth)*1.35) color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 16%,transparent),0 0 15px color-mix(in srgb,var(--nh7-ap514-icon) var(--nh7-ap514-glow),transparent),inset 0 1px #ffffff80;
  transition:transform .09s ease,box-shadow .09s ease
}
html[data-nh7-ui-style514="tactile"] #view :is(.primary-btn,.secondary-btn,.icon-btn,.tab,.nav-item,.nh7-book-tool-btn):active,
html[data-nh7-ui-style514="tactile"] .bottom-nav .nav-item:active{transform:translateY(calc(var(--nh7-ap514-depth)*.45)) scale(.985);box-shadow:0 1px 2px #0002,inset 0 3px 6px #0002}

html[data-nh7-ui-style514="glass"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.inline-reading){background:color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 68%,transparent)!important;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border-color:color-mix(in srgb,var(--nh7-studio-line,var(--line,#cbd8e1)) 55%,#fff)!important;box-shadow:0 14px 34px #10273b15}
html[data-nh7-ui-style514="glass"] #view :is(.primary-btn,.secondary-btn,.icon-btn,.tab){border-radius:13px;box-shadow:inset 0 1px #ffffff99,0 5px 14px #10273b18}
html[data-nh7-ui-style514="glass"] #view :is(.primary-btn,.secondary-btn,.icon-btn,.tab):active{transform:scale(.97)}

html[data-nh7-ui-style514="minimal"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice){box-shadow:none!important;border-radius:14px!important}
html[data-nh7-ui-style514="minimal"] #view :is(.secondary-btn,.icon-btn,.tab){background:transparent!important;box-shadow:none!important;border-radius:9px!important}
html[data-nh7-ui-style514="minimal"] #view :is(.primary-btn,.secondary-btn,.icon-btn,.tab):active{transform:scale(.96)}

html[data-nh7-ui-style514="material"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice){border-radius:18px!important;box-shadow:0 3px 9px #10273b18,0 12px 26px #10273b0c}
html[data-nh7-ui-style514="material"] #view :is(.primary-btn,.secondary-btn,.icon-btn,.tab){border-radius:12px;box-shadow:0 3px 8px #10273b20}
html[data-nh7-ui-style514="material"] #view :is(.primary-btn,.secondary-btn,.icon-btn,.tab):active{transform:translateY(1px) scale(.98);box-shadow:0 1px 2px #10273b1c}

html[data-nh7-ui-style514="outline"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice){box-shadow:none!important;background:var(--nh7-studio-bg,var(--bg,#eef8ff))!important;border-width:1.5px!important}
html[data-nh7-ui-style514="outline"] #view :is(.secondary-btn,.icon-btn,.tab){background:transparent!important;border:1.5px solid var(--nh7-studio-accent,var(--brand,#1858a4))!important;color:var(--nh7-studio-accent,var(--brand,#1858a4))!important;box-shadow:none!important;border-radius:11px}
html[data-nh7-ui-style514="outline"] #view :is(.primary-btn,.secondary-btn,.icon-btn,.tab):active{transform:translateY(1px)}

html[data-nh7-ui-style514="pill"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice){border-radius:26px!important}
html[data-nh7-ui-style514="pill"] #view :is(.primary-btn,.secondary-btn,.icon-btn,.tab){border-radius:999px!important}
html[data-nh7-ui-style514="pill"] #view :is(.primary-btn,.secondary-btn,.icon-btn,.tab):active{transform:scale(.96)}

/* Reader mode only targets reading surfaces. */
html[data-nh7-eye-reader514="1"] #view :is(.reader,.nh7-apo-continuous-reader,.inline-reading){max-width:820px;margin-inline:auto;border-radius:16px;padding:clamp(15px,3vw,24px)!important}
html[data-nh7-eye-reader514="1"] #view :is(.reader .verse-text,.nh7-apo-verse-text,.inline-reading p){font-size:1.08em!important;line-height:2.08!important}
html[data-nh7-eye-reader514="1"][data-nh7-reader-mode514="paper"] #view :is(.reader,.nh7-apo-continuous-reader,.inline-reading){background:#f8f1e5!important;color:#3f3529!important}
html[data-nh7-eye-reader514="1"][data-nh7-reader-mode514="sepia"] #view :is(.reader,.nh7-apo-continuous-reader,.inline-reading){background:#eee2c8!important;color:#433321!important}
html[data-nh7-eye-reader514="1"][data-nh7-reader-mode514="soft"] #view :is(.reader,.nh7-apo-continuous-reader,.inline-reading){background:#f1f3f4!important;color:#25313a!important}
html[data-nh7-eye-reader514="1"][data-nh7-reader-mode514="night"] #view :is(.reader,.nh7-apo-continuous-reader,.inline-reading){background:#0b0f14!important;color:#e8edf3!important}
html[data-nh7-eye-reader514="1"][data-nh7-reader-mode514="night"] #view :is(.reader .verse-text,.nh7-apo-verse-text,.inline-reading p){color:#e8edf3!important}

/* Open book reader follows global eye comfort mode. */
html[data-nh7-eye-reader514="1"][data-nh7-reader-mode514="paper"] .nh7-book-article{background:#f8f1e5!important;color:#3f3529!important;line-height:2.12!important}
html[data-nh7-eye-reader514="1"][data-nh7-reader-mode514="soft"] .nh7-book-article{background:#f1f3f4!important;color:#25313a!important;line-height:2.12!important}
html[data-nh7-eye-reader514="1"][data-nh7-reader-mode514="sepia"] .nh7-book-article{background:#eee2c8!important;color:#433321!important;line-height:2.12!important}
html[data-nh7-eye-reader514="1"][data-nh7-reader-mode514="night"] .nh7-book-article{background:#0b0f14!important;color:#e8edf3!important;line-height:2.12!important}
html[data-nh7-eye-reader514="1"] .nh7-book-article{font-size:20px;line-height:2.12}

@media(max-width:650px){.nh7-ap514-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nh7-ap514-fields{grid-template-columns:1fr}.nh7-ap514-reader-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:410px){.nh7-ap514-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nh7-ap514-launcher{grid-template-columns:1fr}.nh7-ap514-open{width:100%}}
@media(prefers-reduced-motion:reduce){
  html[data-nh7-ui-style514] #view *,html[data-nh7-ui-style514] .bottom-nav *{transition:none!important}
  html[data-nh7-ui-style514="tactile"] #view :is(.primary-btn,.secondary-btn,.icon-btn,.tab,.nav-item,.nh7-book-tool-btn):active,
  html[data-nh7-ui-style514="tactile"] .bottom-nav .nav-item:active{transform:none!important}
}


/* v515 — make style selection visibly affect the real app, including Media Player 500.
   Classic remains intentionally untouched. */

/* Shared button press behavior outside the settings dialog. */
html[data-nh7-ui-style514]:not([data-nh7-ui-style514="classic"]) #view button,
html[data-nh7-ui-style514]:not([data-nh7-ui-style514="classic"]) .bottom-nav button,
html[data-nh7-ui-style514]:not([data-nh7-ui-style514="classic"]) .nh7p500 button{
  transition:transform .09s ease,box-shadow .09s ease,background .12s ease,border-color .12s ease!important
}

/* Tactile — closest to the approved preview. */
html[data-nh7-ui-style514="tactile"] #view button:not(.nh7-ap514-open),
html[data-nh7-ui-style514="tactile"] .bottom-nav button,
html[data-nh7-ui-style514="tactile"] .nh7p500 button{
  border-radius:13px!important;
  box-shadow:0 var(--nh7-ap514-depth) calc(var(--nh7-ap514-depth) * 1.35) color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 16%,transparent),
             0 0 15px color-mix(in srgb,var(--nh7-ap514-icon) var(--nh7-ap514-glow),transparent),
             inset 0 1px 0 rgba(255,255,255,.55)!important
}
html[data-nh7-ui-style514="tactile"] #view button:active,
html[data-nh7-ui-style514="tactile"] .bottom-nav button:active,
html[data-nh7-ui-style514="tactile"] .nh7p500 button:active{
  transform:translateY(calc(var(--nh7-ap514-depth) * .45)) scale(.985)!important;
  box-shadow:0 1px 2px #0002,inset 0 3px 7px #0002!important
}
html[data-nh7-ui-style514="tactile"] .nh7p500-mini{
  border-radius:19px!important;
  box-shadow:0 14px 34px #0003,inset 0 1px 0 #ffffff4a!important
}
html[data-nh7-ui-style514="tactile"] .nh7p500-main button,
html[data-nh7-ui-style514="tactile"] .nh7p500-tools button,
html[data-nh7-ui-style514="tactile"] .nh7p500-social button,
html[data-nh7-ui-style514="tactile"] .nh7p500-head button{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--nh7p-card,var(--card,#fff)) 88%,#fff),
    color-mix(in srgb,var(--nh7p-card,var(--card,#fff)) 96%,var(--nh7p-bg,var(--bg,#eef8ff))))!important;
  border:1px solid color-mix(in srgb,var(--nh7p-line,var(--line,#cbd8e1)) 82%,#fff)!important;
  color:var(--nh7p-accent,var(--accent,#1858a4))!important
}
html[data-nh7-ui-style514="tactile"] .nh7p500-main .big,
html[data-nh7-ui-style514="tactile"] .nh7p500-actions .nh7p500-play{
  background:linear-gradient(180deg,color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 82%,#fff),var(--nh7p-accent,var(--accent,#1858a4)))!important;
  color:#fff!important;border-color:color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 84%,#000)!important
}
html[data-nh7-ui-style514="tactile"] .nh7p500-tools button{
  border-radius:13px!important;min-height:46px!important
}

/* Glass / Frosted */
html[data-nh7-ui-style514="glass"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.inline-reading,.accordion-panel,.saved-verse-card),
html[data-nh7-ui-style514="glass"] .nh7p500-mini,
html[data-nh7-ui-style514="glass"] .nh7p500-queue{
  background:color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 66%,transparent)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
  border-color:color-mix(in srgb,var(--nh7-studio-line,var(--line,#cbd8e1)) 55%,#fff)!important;
  box-shadow:0 14px 34px #10273b18!important
}
html[data-nh7-ui-style514="glass"] #view button,
html[data-nh7-ui-style514="glass"] .bottom-nav button,
html[data-nh7-ui-style514="glass"] .nh7p500 :is(.nh7p500-main button,.nh7p500-tools button,.nh7p500-social button,.nh7p500-head button){
  border-radius:13px!important;
  background:linear-gradient(180deg,#ffffff38,#ffffff14)!important;
  border:1px solid #ffffff70!important;
  box-shadow:inset 0 1px #ffffff80,0 6px 16px #10273b16!important
}
html[data-nh7-ui-style514="glass"] .nh7p500-main .big,
html[data-nh7-ui-style514="glass"] .nh7p500-actions .nh7p500-play{
  background:color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 78%,#fff)!important;color:#fff!important
}
html[data-nh7-ui-style514="glass"] #view button:active,
html[data-nh7-ui-style514="glass"] .nh7p500 button:active{transform:scale(.97)!important}

/* Minimal Flat */
html[data-nh7-ui-style514="minimal"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card){
  box-shadow:none!important;border-radius:14px!important
}
html[data-nh7-ui-style514="minimal"] #view button,
html[data-nh7-ui-style514="minimal"] .bottom-nav button,
html[data-nh7-ui-style514="minimal"] .nh7p500 :is(.nh7p500-main button,.nh7p500-tools button,.nh7p500-social button,.nh7p500-head button){
  box-shadow:none!important;border-radius:10px!important
}
html[data-nh7-ui-style514="minimal"] .nh7p500-tools button,
html[data-nh7-ui-style514="minimal"] .nh7p500-social button{
  background:transparent!important;border:1px solid var(--nh7p-line,var(--line,#cbd8e1))!important
}
html[data-nh7-ui-style514="minimal"] #view button:active,
html[data-nh7-ui-style514="minimal"] .nh7p500 button:active{transform:scale(.96)!important}

/* Material Soft */
html[data-nh7-ui-style514="material"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card),
html[data-nh7-ui-style514="material"] .nh7p500-mini,
html[data-nh7-ui-style514="material"] .nh7p500-queue{
  border-radius:18px!important;box-shadow:0 3px 9px #10273b18,0 12px 26px #10273b0c!important
}
html[data-nh7-ui-style514="material"] #view button,
html[data-nh7-ui-style514="material"] .bottom-nav button,
html[data-nh7-ui-style514="material"] .nh7p500 :is(.nh7p500-main button,.nh7p500-tools button,.nh7p500-social button,.nh7p500-head button){
  border-radius:12px!important;box-shadow:0 3px 8px #10273b20!important
}
html[data-nh7-ui-style514="material"] #view button:active,
html[data-nh7-ui-style514="material"] .nh7p500 button:active{
  transform:translateY(1px) scale(.98)!important;box-shadow:0 1px 2px #10273b1c!important
}

/* Outline Clean */
html[data-nh7-ui-style514="outline"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card){
  box-shadow:none!important;background:transparent!important;border-width:1.5px!important
}
html[data-nh7-ui-style514="outline"] #view button,
html[data-nh7-ui-style514="outline"] .bottom-nav button,
html[data-nh7-ui-style514="outline"] .nh7p500 :is(.nh7p500-main button,.nh7p500-tools button,.nh7p500-social button,.nh7p500-head button){
  background:transparent!important;border:1.5px solid var(--nh7-studio-accent,var(--brand,#1858a4))!important;
  color:var(--nh7-studio-accent,var(--brand,#1858a4))!important;box-shadow:none!important;border-radius:11px!important
}
html[data-nh7-ui-style514="outline"] .nh7p500-main .big{
  background:var(--nh7p-accent,var(--accent,#1858a4))!important;color:#fff!important
}
html[data-nh7-ui-style514="outline"] #view button:active,
html[data-nh7-ui-style514="outline"] .nh7p500 button:active{transform:translateY(1px)!important}

/* Soft Pill */
html[data-nh7-ui-style514="pill"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card){
  border-radius:26px!important
}
html[data-nh7-ui-style514="pill"] #view button,
html[data-nh7-ui-style514="pill"] .bottom-nav button,
html[data-nh7-ui-style514="pill"] .nh7p500 :is(.nh7p500-main button,.nh7p500-tools button,.nh7p500-social button,.nh7p500-head button){
  border-radius:999px!important
}
html[data-nh7-ui-style514="pill"] .nh7p500-tools button{
  background:color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 10%,var(--nh7p-card,var(--card,#fff)))!important;
  border:1px solid color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 24%,transparent)!important
}
html[data-nh7-ui-style514="pill"] #view button:active,
html[data-nh7-ui-style514="pill"] .nh7p500 button:active{transform:scale(.96)!important}

/* Player mini-bar participates in all non-classic styles. */
html[data-nh7-ui-style514]:not([data-nh7-ui-style514="classic"]) .nh7p500-mini{
  transition:background .15s ease,border-radius .15s ease,box-shadow .15s ease!important
}

/* Keep settings text buttons contained on narrow screens. */
.nh7-ap514-chip,.nh7-ap514-btn,.nh7-ap514-reader-modes button,.nh7-ap514-open{
  width:auto!important;height:auto!important;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;line-height:1.45
}
@media(max-width:430px){
  .nh7-ap514-tabs{align-items:stretch}
  .nh7-ap514-chip{min-height:42px}
}

/* Fonts selected in Personalization should also reach Player 500 surfaces. */
html[data-nh7-font454] .nh7p500,
html[data-nh7-studio-font] .nh7p500{
  font-family:var(--nh7-font454,var(--nh7-studio-font,inherit))!important
}


/* v516 — personalization font wins visibly over older theme/font layers. */
html[data-nh7-ap514-font] body,
html[data-nh7-ap514-font] body button,
html[data-nh7-ap514-font] body input,
html[data-nh7-ap514-font] body select,
html[data-nh7-ap514-font] body textarea,
html[data-nh7-ap514-font] body #view,
html[data-nh7-ap514-font] body #view p,
html[data-nh7-ap514-font] body #view small,
html[data-nh7-ap514-font] body #view h1,
html[data-nh7-ap514-font] body #view h2,
html[data-nh7-ap514-font] body #view h3,
html[data-nh7-ap514-font] body #view h4,
html[data-nh7-ap514-font] body #view li,
html[data-nh7-ap514-font] body #view label,
html[data-nh7-ap514-font] body #view strong,
html[data-nh7-ap514-font] body .nh7p500,
html[data-nh7-ap514-font] body .nh7-ap514-dialog{
  font-family:var(--nh7-ap514-font)!important
}

/* v516 — make the approved tactile player look unmistakable. */
html[data-nh7-ui-style514="tactile"] .nh7p500-tools button>span:first-child,
html[data-nh7-ui-style514="tactile"] .nh7p500-social button>span:first-child{
  width:30px;height:30px;margin:0 auto 3px;display:grid!important;place-items:center;
  border-radius:10px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 18%,#fff),color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 8%,transparent));
  color:var(--nh7p-accent,var(--accent,#1858a4))!important;
  border:1px solid color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 22%,transparent);
  box-shadow:inset 0 1px 0 #ffffff9c,0 5px 12px #0002;
  font-size:.9rem!important;line-height:1!important
}
html[data-nh7-ui-style514="tactile"] .nh7p500-tools [data-favorite].on>span:first-child{
  color:#d89b18!important;background:linear-gradient(160deg,#fff7d8,#f8e7a5)
}
html[data-nh7-ui-style514="tactile"] .nh7p500-main button{
  background:linear-gradient(180deg,color-mix(in srgb,var(--nh7p-card,var(--card,#fff)) 88%,#fff),color-mix(in srgb,var(--nh7p-card,var(--card,#fff)) 96%,var(--nh7p-bg,var(--bg,#eef8ff))))!important;
  color:var(--nh7p-accent,var(--accent,#1858a4))!important
}
html[data-nh7-ui-style514="tactile"] .nh7p500-main .big{
  background:linear-gradient(180deg,color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 82%,#fff),var(--nh7p-accent,var(--accent,#1858a4)))!important;
  color:#fff!important
}

/* v516 — stronger visual differences for style choices on real cards. */
html[data-nh7-ui-style514="glass"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card){
  border-radius:22px!important
}
html[data-nh7-ui-style514="material"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card){
  transform:translateZ(0)
}
html[data-nh7-ui-style514="minimal"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card){
  background:transparent!important
}
html[data-nh7-ui-style514="pill"] #view :is(.tile,.list-btn,.link-card){border-radius:999px!important}


/* v519 — live style preview inside Appearance settings */
.nh7-ap514-live{
  margin-top:12px;padding:11px;border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));border-radius:16px;
  background:var(--nh7-studio-bg,var(--bg,#eef8ff));color:var(--nh7-studio-text,var(--ink,#17364e))
}
.nh7-ap514-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}
.nh7-ap514-live-head strong,.nh7-ap514-live-head small{display:block}.nh7-ap514-live-head strong{font-size:.7rem}.nh7-ap514-live-head small{font-size:.54rem;color:var(--nh7-studio-muted,var(--muted,#64748b));text-align:end}
.nh7-ap514-live-module{
  display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;
  min-height:47px;padding:7px 9px;border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1));border-radius:13px;
  background:var(--nh7-studio-card,var(--card,#fff));box-shadow:0 4px 10px #10273b10
}
.nh7-ap514-live-module>[data-ap514-preview-icon]{width:26px;height:26px;display:grid;place-items:center;color:var(--nh7-studio-accent,var(--brand,#1858a4))}
.nh7-ap514-live-module .nh7-icon517-svg{width:20px;height:20px}
.nh7-ap514-live-module strong,.nh7-ap514-live-module small{display:block}.nh7-ap514-live-module strong{font-size:.64rem}.nh7-ap514-live-module small{font-size:.5rem;color:var(--nh7-studio-muted,var(--muted,#64748b))}
.nh7-ap514-live-player{margin-top:9px;padding:9px;border-radius:13px;background:var(--nh7-studio-card,var(--card,#fff));border:1px solid var(--nh7-studio-line,var(--line,#cbd8e1))}
.nh7-ap514-live-main{display:flex;justify-content:center;align-items:center;gap:7px}
.nh7-ap514-live-main button{width:29px;height:29px;min-width:29px;border:0;border-radius:10px;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 8%,transparent);color:var(--nh7-studio-accent,var(--brand,#1858a4))}
.nh7-ap514-live-main button.is-primary{width:38px;height:38px;min-width:38px;background:var(--nh7-studio-accent,var(--brand,#1858a4));color:var(--nh7-studio-button-ink,#fff)}
.nh7-ap514-live-main .nh7-icon517-svg{width:17px;height:17px}.nh7-ap514-live-main .is-primary .nh7-icon517-svg{width:20px;height:20px}
.nh7-ap514-live-tools{display:grid;grid-template-columns:repeat(4,58px);justify-content:center;gap:6px;margin-top:8px}
.nh7-ap514-live-tools button{
  width:58px;min-width:58px;min-height:44px;padding:4px 2px 3px;display:grid;grid-template-rows:21px auto;place-items:center;
  border-radius:11px;border:1px solid color-mix(in srgb,var(--pc) 18%,transparent);
  background:color-mix(in srgb,var(--pc) 7%,var(--nh7-studio-card,var(--card,#fff)));color:var(--pc);box-shadow:0 2px 6px #00000010
}
.nh7-ap514-live-tools [data-ap514-preview-icon]{width:20px;height:20px;display:grid;place-items:center}
.nh7-ap514-live-tools .nh7-icon517-svg{width:17px;height:17px}
.nh7-ap514-live-tools small{font-size:.48rem;color:var(--nh7-studio-text,var(--ink,#17364e));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* Preview follows the chosen interface style without leaving Settings. */
html[data-nh7-ui-style514="classic"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player,.nh7-ap514-live-tools button){box-shadow:none}
html[data-nh7-ui-style514="tactile"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player,.nh7-ap514-live-tools button){box-shadow:0 4px 9px #10273b1a,inset 0 1px #ffffff9a}
html[data-nh7-ui-style514="glass"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player,.nh7-ap514-live-tools button){
  background:color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 62%,transparent)!important;
  backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);border-color:#ffffff72!important;box-shadow:inset 0 1px #ffffff90,0 4px 10px #0001
}
html[data-nh7-ui-style514="minimal"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player,.nh7-ap514-live-tools button){background:transparent!important;box-shadow:none!important;border-color:transparent!important}
html[data-nh7-ui-style514="material"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player,.nh7-ap514-live-tools button){box-shadow:0 2px 6px #10273b22}
html[data-nh7-ui-style514="outline"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player,.nh7-ap514-live-tools button){background:transparent!important;box-shadow:none!important;border:1px solid var(--nh7-studio-accent,var(--brand,#1858a4))!important}
html[data-nh7-ui-style514="pill"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player){border-radius:22px!important}
html[data-nh7-ui-style514="pill"] .nh7-ap514-live-tools button{border-radius:999px!important}

/* Prominent but non-destructive appearance reset. */
.nh7-ap514-btn.reset{
  background:#fff6f1;color:#b45309;border-color:#fdba74;box-shadow:none
}

/* More page modules keep standard compact dimensions regardless of font/theme scaling. */
[data-more-navigation456]{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important
}
[data-more-navigation456] .tile{
  min-height:78px!important;
  height:auto!important;
  padding:10px 11px!important;
  gap:4px!important;
  border-radius:16px!important;
  justify-content:center!important
}
[data-more-navigation456] .tile .emoji{font-size:21px!important;line-height:1!important}
[data-more-navigation456] .tile strong{font-size:13px!important;line-height:1.25!important}
[data-more-navigation456] .tile small{font-size:10px!important;line-height:1.3!important}
@media(min-width:680px){
  [data-more-navigation456]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:390px){
  .nh7-ap514-live-tools{grid-template-columns:repeat(4,54px);gap:5px}
  .nh7-ap514-live-tools button{width:54px;min-width:54px}
}


/* v520 — five deliberately distinct interface families.
   All consume Theme Studio variables, so structure/style and colors remain independent. */

/* Aurora Glass: translucent surfaces with accent glow. */
html[data-nh7-ui-style514="aurora"] body #view{
  background:
    radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 18%,transparent),transparent 30%),
    radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--nh7-studio-verse,var(--accent,#24b86a)) 14%,transparent),transparent 32%)
}
html[data-nh7-ui-style514="aurora"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card),
html[data-nh7-ui-style514="aurora"] .nh7p500-mini{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 76%,transparent),
    color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 54%,transparent))!important;
  border:1px solid color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 24%,#fff)!important;
  border-radius:24px!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.18)!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 18%,transparent),
             inset 0 1px 0 #ffffff8a!important
}
html[data-nh7-ui-style514="aurora"] #view button,
html[data-nh7-ui-style514="aurora"] .bottom-nav button{
  border-radius:16px!important;
  box-shadow:0 6px 18px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 13%,transparent)!important
}
html[data-nh7-ui-style514="aurora"] .bottom-nav{
  background:color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 72%,transparent)!important;
  backdrop-filter:blur(22px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.2)!important
}

/* Clay 3D: clearly raised cards and press-down controls. */
html[data-nh7-ui-style514="clay"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card){
  border:0!important;
  border-radius:22px!important;
  background:color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 92%,var(--nh7-studio-accent,var(--brand,#1858a4)))!important;
  box-shadow:
    8px 10px 20px color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 16%,transparent),
    -5px -5px 13px #ffffff88,
    inset 0 1px 0 #ffffffb0!important
}
html[data-nh7-ui-style514="clay"] #view button,
html[data-nh7-ui-style514="clay"] .bottom-nav button,
html[data-nh7-ui-style514="clay"] .nh7p500 button{
  border:0!important;
  border-radius:15px!important;
  box-shadow:0 7px 13px #00000022,inset 0 1px 0 #ffffff99!important;
  transform:translateY(0)
}
html[data-nh7-ui-style514="clay"] #view button:active,
html[data-nh7-ui-style514="clay"] .bottom-nav button:active,
html[data-nh7-ui-style514="clay"] .nh7p500 button:active{
  transform:translateY(4px) scale(.985)!important;
  box-shadow:0 2px 4px #00000020,inset 0 3px 8px #00000018!important
}

/* Floating Cards: stronger whitespace and separated floating modules. */
html[data-nh7-ui-style514="floating"] #view{
  padding-inline:18px!important
}
html[data-nh7-ui-style514="floating"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card){
  border:0!important;
  border-radius:26px!important;
  background:var(--nh7-studio-card,var(--card,#fff))!important;
  box-shadow:0 18px 34px color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 12%,transparent)!important;
  margin-bottom:18px!important
}
html[data-nh7-ui-style514="floating"] #view .tile{
  transform:translateY(0);transition:transform .14s ease,box-shadow .14s ease
}
html[data-nh7-ui-style514="floating"] #view .tile:active{
  transform:translateY(3px) scale(.985)!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 12%,transparent)!important
}
html[data-nh7-ui-style514="floating"] .bottom-nav{
  width:min(720px,calc(100% - 24px))!important;
  bottom:10px!important;
  border:0!important;border-radius:24px!important;
  box-shadow:0 10px 28px #00000020!important
}

/* Neon Edge: clean flat surfaces with luminous theme-colored edge. */
html[data-nh7-ui-style514="neon"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card),
html[data-nh7-ui-style514="neon"] .nh7p500-mini{
  background:color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 96%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 68%,transparent)!important;
  border-radius:16px!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 16%,transparent),
             0 0 18px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 18%,transparent)!important
}
html[data-nh7-ui-style514="neon"] #view button,
html[data-nh7-ui-style514="neon"] .bottom-nav button,
html[data-nh7-ui-style514="neon"] .nh7p500 button{
  border:1px solid color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 72%,transparent)!important;
  background:transparent!important;
  color:var(--nh7-studio-accent,var(--brand,#1858a4))!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 18%,transparent)!important
}
html[data-nh7-ui-style514="neon"] .nav-item.active{
  background:color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 12%,transparent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 58%,transparent),
             0 0 14px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 24%,transparent)!important
}

/* Motion Flow: safe CSS-only page-entry + spring controls.
   No route logic or data flow is changed. */
html[data-nh7-ui-style514="motion"] #view > *{
  animation:nh7Ap520PageIn .30s cubic-bezier(.2,.8,.2,1) both
}
html[data-nh7-ui-style514="motion"] #view > *:nth-child(2){animation-delay:.025s}
html[data-nh7-ui-style514="motion"] #view > *:nth-child(3){animation-delay:.05s}
html[data-nh7-ui-style514="motion"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card){
  border-radius:20px!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 10%,transparent)!important
}
html[data-nh7-ui-style514="motion"] #view button,
html[data-nh7-ui-style514="motion"] .bottom-nav button,
html[data-nh7-ui-style514="motion"] .nh7p500 button{
  transition:transform .22s cubic-bezier(.2,1.6,.3,1),box-shadow .18s ease,background .18s ease!important;
  will-change:transform
}
html[data-nh7-ui-style514="motion"] #view button:active,
html[data-nh7-ui-style514="motion"] .bottom-nav button:active,
html[data-nh7-ui-style514="motion"] .nh7p500 button:active{
  transform:scale(.92)!important
}
html[data-nh7-ui-style514="motion"] .nav-item.active{
  transform:translateY(-4px) scale(1.04)!important
}
html[data-nh7-ui-style514="motion"] .nh7p500-mini{
  animation:nh7Ap520MiniIn .26s cubic-bezier(.2,.9,.2,1) both
}
@keyframes nh7Ap520PageIn{
  from{opacity:0;transform:translateY(12px) scale(.985);filter:blur(2px)}
  to{opacity:1;transform:none;filter:none}
}
@keyframes nh7Ap520MiniIn{
  from{opacity:0;transform:translateY(16px) scale(.97)}
  to{opacity:1;transform:none}
}

/* v520 live preview: mirror the five new styles in Settings. */
html[data-nh7-ui-style514="aurora"] .nh7-ap514-live{
  background:
    radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 18%,transparent),transparent 40%),
    var(--nh7-studio-bg,var(--bg,#eef8ff))!important
}
html[data-nh7-ui-style514="aurora"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player,.nh7-ap514-live-tools button){
  background:color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 68%,transparent)!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-color:#ffffff70!important;box-shadow:0 8px 18px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 16%,transparent)!important
}
html[data-nh7-ui-style514="clay"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player,.nh7-ap514-live-tools button){
  border:0!important;box-shadow:5px 6px 12px #00000020,-3px -3px 8px #ffffff9b,inset 0 1px #ffffffaa!important
}
html[data-nh7-ui-style514="floating"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player){
  border:0!important;border-radius:22px!important;box-shadow:0 13px 24px #00000018!important
}
html[data-nh7-ui-style514="neon"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player,.nh7-ap514-live-tools button){
  background:transparent!important;border:1px solid var(--nh7-studio-accent,var(--brand,#1858a4))!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 22%,transparent)!important
}
html[data-nh7-ui-style514="motion"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player,.nh7-ap514-live-tools button){
  animation:nh7Ap520PreviewPulse .28s cubic-bezier(.2,.9,.2,1) both
}
@keyframes nh7Ap520PreviewPulse{
  from{opacity:.45;transform:translateY(7px) scale(.97)}
  to{opacity:1;transform:none}
}

/* Motion safety. */
@media(prefers-reduced-motion:reduce){
  html[data-nh7-ui-style514="motion"] #view > *,
  html[data-nh7-ui-style514="motion"] .nh7p500-mini,
  html[data-nh7-ui-style514="motion"] .nh7-ap514-live :is(.nh7-ap514-live-module,.nh7-ap514-live-player,.nh7-ap514-live-tools button){
    animation:none!important
  }
  html[data-nh7-ui-style514="motion"] #view button,
  html[data-nh7-ui-style514="motion"] .bottom-nav button,
  html[data-nh7-ui-style514="motion"] .nh7p500 button{
    transition:none!important
  }
}


/* v521 — Outline Clean and Neon Edge get distinct depth without changing app data/layout.
   Outline = precise layered frame; Neon = luminous floating depth. */
html[data-nh7-ui-style514="outline"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card),
html[data-nh7-ui-style514="outline"] .nh7p500-mini,
html[data-nh7-ui-style514="outline"] .nh7p500-queue{
  background:linear-gradient(155deg,
    color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 97%,#fff 3%),
    var(--nh7-studio-card,var(--card,#fff)))!important;
  border:1.5px solid color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 62%,var(--nh7-studio-line,var(--line,#cbd8e1)))!important;
  border-radius:15px!important;
  box-shadow:
    4px 5px 0 color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 15%,transparent),
    0 10px 24px color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 10%,transparent),
    inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent)!important;
}
html[data-nh7-ui-style514="outline"] #view button,
html[data-nh7-ui-style514="outline"] .bottom-nav button,
html[data-nh7-ui-style514="outline"] .nh7p500 button{
  background:var(--nh7-studio-card,var(--card,#fff))!important;
  border:1.5px solid var(--nh7-studio-accent,var(--brand,#1858a4))!important;
  color:var(--nh7-studio-accent,var(--brand,#1858a4))!important;
  border-radius:11px!important;
  box-shadow:
    3px 4px 0 color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 16%,transparent),
    inset 0 1px 0 color-mix(in srgb,#fff 52%,transparent)!important;
}
html[data-nh7-ui-style514="outline"] #view button:active,
html[data-nh7-ui-style514="outline"] .bottom-nav button:active,
html[data-nh7-ui-style514="outline"] .nh7p500 button:active{
  transform:translate(2px,2px)!important;
  box-shadow:
    1px 1px 0 color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 18%,transparent),
    inset 0 2px 5px color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 8%,transparent)!important;
}

html[data-nh7-ui-style514="neon"] #view :is(.card:not(.hero),.tile,.list-btn,.link-card,.notice,.accordion-panel,.saved-verse-card),
html[data-nh7-ui-style514="neon"] .nh7p500-mini,
html[data-nh7-ui-style514="neon"] .nh7p500-queue{
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 10%,var(--nh7-studio-card,var(--card,#fff))),
      color-mix(in srgb,var(--nh7-studio-card,var(--card,#fff)) 96%,transparent))!important;
  border:1px solid color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 82%,transparent)!important;
  border-radius:20px!important;
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 20%,transparent),
    0 0 12px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 38%,transparent),
    0 0 30px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 18%,transparent),
    0 16px 30px color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 16%,transparent),
    inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent)!important;
}
html[data-nh7-ui-style514="neon"] #view button,
html[data-nh7-ui-style514="neon"] .bottom-nav button,
html[data-nh7-ui-style514="neon"] .nh7p500 button{
  background:color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 10%,var(--nh7-studio-card,var(--card,#fff)))!important;
  color:var(--nh7-studio-accent,var(--brand,#1858a4))!important;
  border:1px solid color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 88%,transparent)!important;
  border-radius:14px!important;
  box-shadow:
    0 0 10px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 34%,transparent),
    0 7px 18px color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 14%,transparent),
    inset 0 0 12px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 8%,transparent)!important;
}
html[data-nh7-ui-style514="neon"] #view button:active,
html[data-nh7-ui-style514="neon"] .bottom-nav button:active,
html[data-nh7-ui-style514="neon"] .nh7p500 button:active{
  transform:translateY(2px) scale(.985)!important;
  box-shadow:
    0 0 7px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 26%,transparent),
    0 3px 8px color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 12%,transparent)!important;
}
html[data-nh7-ui-style514="neon"] .nav-item.active{
  background:color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 16%,var(--nh7-studio-card,var(--card,#fff)))!important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 72%,transparent),
    0 0 12px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 40%,transparent),
    0 6px 16px color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 12%,transparent)!important;
}

/* Make the style-picker thumbnails communicate the same difference. */
.nh7-ap514-style[data-style="outline"] .nh7-ap514-style-demo{
  background:var(--nh7-studio-card,var(--card,#fff))!important;
  border:1.5px solid var(--nh7-studio-accent,var(--brand,#1858a4))!important;
  box-shadow:3px 4px 0 color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 18%,transparent)!important;
}
.nh7-ap514-style[data-style="neon"] .nh7-ap514-style-demo{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 12%,var(--nh7-studio-card,var(--card,#fff))),
    var(--nh7-studio-card,var(--card,#fff)))!important;
  border:1px solid var(--nh7-studio-accent,var(--brand,#1858a4))!important;
  box-shadow:
    0 0 10px color-mix(in srgb,var(--nh7-studio-accent,var(--brand,#1858a4)) 42%,transparent),
    0 8px 16px color-mix(in srgb,var(--nh7-studio-text,var(--ink,#17364e)) 16%,transparent)!important;
}