/* Soltani Music School website alignment for Stand. Load after the inline styles. */
:root{--paper:#f3f3f3;--paper-deep:#ececec;--card:#fff;--card-press:#ececec;--ink:#111111;--soft:#5a5a5a;--faint:#8a8a8a;--line:#e3e3e3;--line-soft:#ececec;--accent:#990814;--accent-warm:#990814;--accent-soft:#f6e8e9;--button-ink:#fff;--gold:#990814;--shadow-1:0 1px 2px #21181112;--shadow-2:0 3px 12px #21181120;--display:"casablanca-urw","Casablanca URW","Palatino Linotype",Palatino,Georgia,serif}
html{-webkit-text-size-adjust:100%}body{letter-spacing:.01em}button,a,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.topbar{min-height:78px;padding-top:calc(var(--safe-t) + 14px);padding-bottom:14px;background:color-mix(in srgb,var(--paper) 95%,transparent);-webkit-backdrop-filter:blur(18px)}
.topbar button{border-radius:3px}#crumbs .cr.now{font-weight:400;letter-spacing:.015em}.searchrow{padding:18px 18px 6px}
.topbar #crumbs .cr,.sectitle,.empty b,.vtitle .nm,.sheet h3,#busy .lbl{font-family:var(--display);font-weight:500}
.searchrow input{border-radius:3px;box-shadow:none}#scroller{padding-inline:18px}.sectitle{letter-spacing:.18em;color:var(--soft)}
.grid{gap:16px}.tile{border-radius:4px;box-shadow:none}.tile .more{border-radius:3px}.tile .marked{border-radius:2px;text-transform:uppercase;letter-spacing:.1em}
.fab{width:60px;height:60px;border-radius:3px;background:var(--accent);box-shadow:0 2px 8px #99081430}.fab:active{transform:none}
.pill{border-radius:4px;background:#f8f5f0f2}.pill button{border-radius:3px}#stampBar{border-radius:4px}#stampBar .sgroup,#stampBar .sym{border-radius:3px}
.sheet .card,.scrim+.sheet .card{border-radius:4px}#toast{border-radius:3px;background:var(--accent)}.empty b{font-weight:400}
@media(max-width:560px){.topbar{min-height:68px}.searchrow{padding-inline:12px}.searchrow input,.sheet input,.sheet select{font-size:16px}.tile{border-radius:3px}.fab{right:calc(var(--safe-r) + 14px);bottom:calc(var(--safe-b) + 14px)}}
@media(prefers-color-scheme:dark){:root{--paper:#1d1a19;--paper-deep:#161312;--card:#292422;--card-press:#342e2b;--ink:#f8f5f1;--soft:#b9afa8;--faint:#958983;--line:#4a423e;--line-soft:#38312e;--accent:#c9535e;--accent-warm:#d87872;--accent-soft:#3b2427;--gold:#d0aa77;--shadow-1:0 1px 2px #0003;--shadow-2:0 12px 34px #0006;color-scheme:dark}.pill{background:#292422f2}.fab{background:var(--accent);box-shadow:0 8px 24px #0006}}
:root[data-color-mode="light"]{--paper:#f3f3f3;--paper-deep:#ececec;--card:#fff;--card-press:#ececec;--ink:#111111;--soft:#5a5a5a;--faint:#8a8a8a;--line:#e3e3e3;--line-soft:#ececec;--accent:#990814;--accent-warm:#990814;--accent-soft:#f6e8e9;--gold:#990814;--shadow-1:0 1px 2px #2118110a;--shadow-2:0 12px 34px #21181118;color-scheme:light}:root[data-color-mode="dark"]{--paper:#1d1a19;--paper-deep:#161312;--card:#292422;--card-press:#342e2b;--ink:#f8f5f1;--soft:#b9afa8;--faint:#958983;--line:#4a423e;--line-soft:#38312e;--accent:#c9535e;--accent-warm:#d87872;--accent-soft:#3b2427;--gold:#d0aa77;--shadow-1:0 1px 2px #0003;--shadow-2:0 12px 34px #0006;color-scheme:dark}:root[data-color-mode="dark"] .pill{background:#292422f2}:root[data-color-mode="dark"] .fab{background:var(--accent);box-shadow:0 8px 24px #0006}#themeBtn{width:auto;min-width:48px;padding-inline:8px;font-size:10px;letter-spacing:.08em}

/* Session-only room palettes. These change app chrome, never music or library data. */
:root[data-room-theme="debussy"]{--paper:#acc7d4;--paper-deep:#97b6c5;--card:#d6e2e8;--card-press:#c3d6df;--ink:#25323a;--soft:#435762;--faint:#58717e;--line:#7897a6;--line-soft:#91abb7;--accent:#325a7d;--accent-warm:#325a7d;--accent-soft:#c2d5de;--button-ink:#fff;--gold:#325a7d;color-scheme:light}
:root[data-room-theme="tchaikovsky"]{--paper:#325a7d;--paper-deep:#274866;--card:#284966;--card-press:#3b668b;--ink:#fff;--soft:#d2e0eb;--faint:#aec2d2;--line:#6e89a2;--line-soft:#4e7190;--accent:#c9a227;--accent-warm:#c9a227;--accent-soft:#5b552e;--button-ink:#251f12;--gold:#c9a227;color-scheme:dark}
:root[data-room-theme="bach"]{--paper:#734450;--paper-deep:#5d3641;--card:#603844;--card-press:#80515d;--ink:#fff;--soft:#ead9dd;--faint:#c9adb4;--line:#a47984;--line-soft:#895d68;--accent:#c9a227;--accent-warm:#c9a227;--accent-soft:#66542f;--button-ink:#251f12;--gold:#c9a227;color-scheme:dark}
:root[data-room-theme="mozart"]{--paper:#a6443d;--paper-deep:#873630;--card:#8e3934;--card-press:#b9554e;--ink:#fff;--soft:#f2d8d5;--faint:#dfaaa5;--line:#cf7770;--line-soft:#b75d56;--accent:#c9a227;--accent-warm:#c9a227;--accent-soft:#73572b;--button-ink:#251f12;--gold:#c9a227;color-scheme:dark}
:root[data-room-theme="beethoven"]{--paper:#e6b271;--paper-deep:#d49a57;--card:#f0c993;--card-press:#e3b06f;--ink:#30251d;--soft:#624d3b;--faint:#806449;--line:#b8824d;--line-soft:#cc9a60;--accent:#0b6b53;--accent-warm:#0b6b53;--accent-soft:#b9d1bd;--button-ink:#fff;--gold:#0b6b53;color-scheme:light}
:root[data-room-theme="beatles"]{--paper:#6b4a31;--paper-deep:#523824;--card:#583d29;--card-press:#77563b;--ink:#fff;--soft:#e6d9ce;--faint:#c6ae9b;--line:#9b7a5e;--line-soft:#806047;--accent:#a3ac88;--accent-warm:#a3ac88;--accent-soft:#48503d;--button-ink:#243021;--gold:#a3ac88;color-scheme:dark}
:root[data-room-theme="gershwin"]{--paper:#eae0c4;--paper-deep:#d9ccaa;--card:#f6f0df;--card-press:#e4d9ba;--ink:#282820;--soft:#59594c;--faint:#757565;--line:#b8ae91;--line-soft:#cec4a6;--accent:#0b412e;--accent-warm:#0b412e;--accent-soft:#c8d4c9;--button-ink:#fff;--gold:#0b412e;color-scheme:light}
:root[data-room-theme] .pill{background:var(--card)}:root[data-room-theme] .fab{background:var(--accent);box-shadow:0 8px 24px #21181130;color:var(--button-ink)}
:root[data-room-theme] .fab,
:root[data-room-theme] .pill button.on,
:root[data-room-theme] #stampBar .sgroup.on,
:root[data-room-theme] .sheet .acts button.go,
:root[data-room-theme] .t-instbtn.on,
:root[data-room-theme] .d-note.on,
:root[data-room-theme] .txtbar button.on,
:root[data-room-theme] .tagchip.on,
:root[data-room-theme] .tile .marked{
  border-color:var(--accent)!important;
  color:var(--button-ink)!important;
  background:var(--accent)!important;
}
:root[data-room-theme] .szb.on i,
:root[data-room-theme] #busy .bar i{background:var(--accent)!important}
:root[data-room-theme] .fab,
:root[data-room-theme] .pill button.on,
:root[data-room-theme] .sheet .acts button.go,
:root[data-room-theme] .d-note.on{box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 38%,transparent),inset 0 1px 0 #ffffff30}
:root[data-room-theme] #stampBar .sym.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),0 2px 6px color-mix(in srgb,var(--accent) 28%,transparent)}
:root[data-room-theme] .sheet input[type=text]:focus,
:root[data-room-theme] .t-string.near{border-color:var(--accent)}
#roomThemeBtn{display:grid;place-items:center;min-width:44px;padding:0 9px}
#roomThemeBtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.room-theme-menu{position:fixed;z-index:10020;top:max(70px,calc(env(safe-area-inset-top,0px) + 62px));right:max(12px,env(safe-area-inset-right,0px));display:grid;width:184px;padding:7px;background:var(--card);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow-2);color:var(--ink)}
.room-theme-menu[hidden]{display:none}.topbar .room-theme-option{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:9px;min-height:40px;padding:7px 9px;border:0;text-align:left;font:inherit;color:var(--ink);background:transparent}.topbar .room-theme-option:hover,.topbar .room-theme-option:focus-visible,.topbar .room-theme-option[aria-checked="true"]{background:var(--accent);color:var(--button-ink)}.room-theme-swatch{width:14px;height:14px;border:1px solid #21181138;border-radius:50%}
@media(max-width:560px){#roomThemeBtn{min-width:44px}.room-theme-menu{top:max(62px,calc(env(safe-area-inset-top,0px) + 54px));right:max(8px,env(safe-area-inset-right,0px));width:176px}.topbar .room-theme-option{min-height:44px}}

.empty{gap:8px}.empty .empty-stand-mark{display:block;width:92px;height:84px;margin:0 auto 3px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.empty>span{display:block;max-width:310px;margin:0 auto;color:var(--soft);line-height:1.5}.empty .empty-add{display:block;min-width:150px;min-height:46px;margin:12px auto 0;padding:10px 18px;border:1px solid var(--accent);border-radius:3px;background:var(--accent);color:var(--button-ink);font:700 14px/1 system-ui,sans-serif;cursor:pointer}.empty .empty-add:active{transform:scale(.97)}
body,.topbar,.tile,.fab,.pill,.sheet .card,.room-theme-menu,.empty .empty-add{transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}
@media(prefers-reduced-motion:reduce){body,.topbar,.tile,.fab,.pill,.sheet .card,.room-theme-menu,.empty .empty-add{transition:none}.empty .empty-add:active{transform:none}}

/* E-reader appearance. Music stays page-based and keeps the existing Bluetooth
   pedal controls; only the chrome and annotations are flattened for e-ink. */
:root[data-color-mode="eink"]{--paper:#fff;--paper-deep:#fff;--card:#fff;--card-press:#eee;
  --ink:#000;--soft:#222;--faint:#555;--line:#555;--line-soft:#aaa;--accent:#000;
  --accent-warm:#000;--accent-soft:#ddd;--button-ink:#fff;--gold:#000;--shadow-1:none;
  --shadow-2:none;color-scheme:light}
:root[data-color-mode="eink"] *, :root[data-color-mode="eink"] *::before,
:root[data-color-mode="eink"] *::after{animation:none!important;transition:none!important;
  box-shadow:none!important;text-shadow:none!important;filter:none!important}
:root[data-color-mode="eink"] .topbar,:root[data-color-mode="eink"] .pill,
:root[data-color-mode="eink"] .sheet .card,:root[data-color-mode="eink"] .room-theme-menu{
  background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
:root[data-color-mode="eink"] canvas,:root[data-color-mode="eink"] img{
  filter:grayscale(1) contrast(1.08)!important}
:root[data-color-mode="eink"] .fab,:root[data-color-mode="eink"] .pill button.on,
:root[data-color-mode="eink"] .sheet .acts button.go,:root[data-color-mode="eink"] .tile .marked{
  background:#000!important;color:#fff!important;border-color:#000!important}
:root[data-color-mode="eink"] #themeBtn{min-width:58px;font-weight:800;letter-spacing:.04em}