/* Six complete appearances. Paper Garden Light is the HTML/JS default. */
:root{
  color-scheme:light;
  --hg-serif:Georgia,'Times New Roman',serif;--hg-sans:'Segoe UI',Arial,sans-serif;
  --hg-paper:#f5f8fc;--hg-surface:#edf3f9;--hg-ink:#293e53;--hg-muted:#586c80;--hg-line:#cad9e6;
  --hg-accent:#3e6990;--hg-plum:#426c94;--hg-moss:#608198;--hg-on-primary:#ffffff;--hg-primary-hover:#335b80;
  --hg-control:#e5eef7;--hg-control-line:#b8cbdd;--hg-hover:#e0eaf4;--hg-track:#c0d2e2;
  --hg-soft:#e0ebf5;--hg-icon-bg:#dde9f5;--hg-chip:#e1ebf5;--hg-chip-ink:#476780;
  --hg-selected:#dceaf7;--hg-selected-ink:#2b557c;--hg-selected-line:#9cb8d2;
  --hg-tile-1:#dce9f5;--hg-tile-2:#e7edf5;--hg-tile-2-ink:#5a718e;--hg-tile-3:#e1e7f3;--hg-tile-3-ink:#5a6d8d;
  --hg-aside:#e9f0f7;--hg-aside-ink:#304b65;--hg-aside-muted:#516a81;--hg-aside-meta:#496d90;--hg-aside-line:#becee0;
  --hg-floating:#edf3f9f5;--hg-shadow:#293e5310;--hg-shadow-solid:#dfe8f1;--hg-backdrop:#1c304659;
  --hg-wave-1:#6585a6a6;--hg-wave-2:#9cb8d27a;--hg-wave-3:#58739455;
  --paper:var(--hg-paper);--surface:var(--hg-surface);--ink:var(--hg-ink);--muted:var(--hg-muted);--line:var(--hg-line);--green:var(--hg-plum);--sage:var(--hg-soft);--sage-deep:var(--hg-selected);--gold:var(--hg-line);--gold-ink:var(--hg-accent)
}
html[data-theme="paper-light"],html[data-theme="paper-dark"]{
  --hg-paper:#f5f0e6;--hg-surface:#fcf9f2;--hg-ink:#352e3c;--hg-muted:#6e6670;--hg-line:#d9d0c5;
  --hg-accent:#a34f33;--hg-plum:#45394a;--hg-moss:#4d6556;--hg-on-primary:#fff6e8;--hg-primary-hover:#5c4660;
  --hg-control:#f3eee4;--hg-control-line:#c9beb3;--hg-hover:#eee5d8;--hg-track:#d3d8c9;
  --hg-soft:#e8e7d9;--hg-icon-bg:#e8eadd;--hg-chip:#e8e8dd;--hg-chip-ink:#53634e;
  --hg-selected:#e0e7d7;--hg-selected-ink:#38513c;--hg-selected-line:#a6b59c;
  --hg-tile-1:#dbe1d0;--hg-tile-2:#ead3b6;--hg-tile-2-ink:#955339;--hg-tile-3:#e1d7e4;--hg-tile-3-ink:#66506a;
  --hg-aside:#45394a;--hg-aside-ink:#f8eee0;--hg-aside-muted:#dfcbbd;--hg-aside-meta:#dbb995;--hg-aside-line:#ffffff28;
  --hg-floating:#fcf9f2f5;--hg-shadow:#352e3c16;--hg-shadow-solid:#e8e0d4;--hg-backdrop:#352e3c66;
  --hg-wave-1:#66526999;--hg-wave-2:#b96c4866;--hg-wave-3:#6c806055
}
html[data-theme="sky-dark"]{
  color-scheme:dark;
  --hg-paper:#182330;--hg-surface:#202e3e;--hg-ink:#e8eff7;--hg-muted:#b4c4d5;--hg-line:#405369;
  --hg-accent:#a4c9ee;--hg-plum:#9fc1e4;--hg-moss:#adc9e0;--hg-on-primary:#192d42;--hg-primary-hover:#bad5ee;
  --hg-control:#1a2736;--hg-control-line:#637d98;--hg-hover:#30455c;--hg-track:#526b83;
  --hg-soft:#293d52;--hg-icon-bg:#314960;--hg-chip:#2b435a;--hg-chip-ink:#c0d7ec;
  --hg-selected:#304e6b;--hg-selected-ink:#deedfb;--hg-selected-line:#7d9fbe;
  --hg-tile-1:#314e68;--hg-tile-2:#3b4b63;--hg-tile-2-ink:#c1d5eb;--hg-tile-3:#3d4b68;--hg-tile-3-ink:#c7d6f1;
  --hg-aside:#23364c;--hg-aside-ink:#e5eef8;--hg-aside-muted:#bccde0;--hg-aside-meta:#b3d0eb;--hg-aside-line:#526982;
  --hg-floating:#202e3ef5;--hg-shadow:#00000028;--hg-shadow-solid:#111d2a;--hg-backdrop:#080f1bc9;
  --hg-wave-1:#aaccebba;--hg-wave-2:#789dbb99;--hg-wave-3:#d0e0f166
}
html[data-theme="paper-dark"]{
  color-scheme:dark;
  --hg-paper:#29242e;--hg-surface:#342e39;--hg-ink:#f0e5d8;--hg-muted:#c6b9bf;--hg-line:#5d505e;
  --hg-accent:#e0aa83;--hg-plum:#dec6ad;--hg-moss:#b5c3aa;--hg-on-primary:#352e3c;--hg-primary-hover:#eddbc7;
  --hg-control:#29242e;--hg-control-line:#877488;--hg-hover:#49404f;--hg-track:#706675;
  --hg-soft:#413a45;--hg-icon-bg:#49424d;--hg-chip:#48404c;--hg-chip-ink:#e4d8c9;
  --hg-selected:#514452;--hg-selected-ink:#f6e4d3;--hg-selected-line:#a08a9d;
  --hg-tile-1:#494c45;--hg-tile-2:#5a493f;--hg-tile-2-ink:#edc3a5;--hg-tile-3:#504358;--hg-tile-3-ink:#d7c2e1;
  --hg-aside:#45394a;--hg-aside-ink:#f8eee0;--hg-aside-muted:#dfcbbd;--hg-aside-meta:#dbb995;--hg-aside-line:#79667d;
  --hg-floating:#342e39f5;--hg-shadow:#00000028;--hg-shadow-solid:#211c26;--hg-backdrop:#17121ecc;
  --hg-wave-1:#d9bdb2aa;--hg-wave-2:#b6c7a788;--hg-wave-3:#d4bfd766
}
html[data-theme="lavender-light"]{
  color-scheme:light;
  --hg-paper:#f5f3f8;--hg-surface:#ede9f3;--hg-ink:#3c3449;--hg-muted:#6e627d;--hg-line:#d4ccdf;
  --hg-accent:#6a517f;--hg-plum:#665079;--hg-moss:#867499;--hg-on-primary:#ffffff;--hg-primary-hover:#584467;
  --hg-control:#f7f4fa;--hg-control-line:#bfb3cb;--hg-hover:#e2dbe9;--hg-track:#ccc2d7;
  --hg-soft:#e5deec;--hg-icon-bg:#e3dbea;--hg-chip:#e5deed;--hg-chip-ink:#62516f;
  --hg-selected:#ded3e8;--hg-selected-ink:#4c365f;--hg-selected-line:#b39bc6;
  --hg-tile-1:#e1d8ec;--hg-tile-2:#eadfdc;--hg-tile-2-ink:#86635b;--hg-tile-3:#dbe0ec;--hg-tile-3-ink:#5c6585;
  --hg-aside:#e4ddec;--hg-aside-ink:#44374e;--hg-aside-muted:#6c5e77;--hg-aside-meta:#6f5089;--hg-aside-line:#c7b8d5;
  --hg-floating:#ede9f3f5;--hg-shadow:#3c344914;--hg-shadow-solid:#e1dbe9;--hg-backdrop:#30213e66;
  --hg-wave-1:#8e78a5aa;--hg-wave-2:#c3b0ce88;--hg-wave-3:#717f9b77
}
html[data-theme="lavender-dark"]{
  color-scheme:dark;
  --hg-paper:#231e2b;--hg-surface:#302938;--hg-ink:#f1eaf7;--hg-muted:#c8b9d4;--hg-line:#594c65;
  --hg-accent:#d5b8ec;--hg-plum:#ccb0e3;--hg-moss:#baa1cf;--hg-on-primary:#2f1e3d;--hg-primary-hover:#e0c8f1;
  --hg-control:#271f30;--hg-control-line:#8c759f;--hg-hover:#43364f;--hg-track:#675475;
  --hg-soft:#3d3147;--hg-icon-bg:#493955;--hg-chip:#493954;--hg-chip-ink:#eadcf4;
  --hg-selected:#513d63;--hg-selected-ink:#f1e4fc;--hg-selected-line:#a388bc;
  --hg-tile-1:#4a3c57;--hg-tile-2:#57434c;--hg-tile-2-ink:#ebc4ce;--hg-tile-3:#414661;--hg-tile-3-ink:#cbd2ef;
  --hg-aside:#352a40;--hg-aside-ink:#f2e8fa;--hg-aside-muted:#c9b5d8;--hg-aside-meta:#d8b6f0;--hg-aside-line:#695476;
  --hg-floating:#302938f5;--hg-shadow:#00000028;--hg-shadow-solid:#1c1723;--hg-backdrop:#100b18cc;
  --hg-wave-1:#d9bceaaa;--hg-wave-2:#aaaed288;--hg-wave-3:#c2a3dc77
}
html{background:var(--hg-paper);color:var(--hg-ink)}body{color-scheme:inherit}
/* Compact, keyboard-accessible selector; separate from all audio controls. */
.sound-shaping{min-width:0;margin:20px 0;padding:18px 0 0;border:0;border-top:1px solid var(--hg-line)}
.sound-shaping legend{padding:0 10px 0 0;font-size:12px;font-weight:600;letter-spacing:.2px;color:var(--hg-ink)}
.shaping-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;margin:0 0 13px;font-size:12px}
.shaping-value{font-size:11px;color:var(--hg-muted);text-align:right}
.layer-adjust .shaping-label{color:var(--hg-ink)}
.shaping-slider{grid-column:1/-1;width:100%;min-width:0;min-height:32px;margin:0;accent-color:var(--hg-accent)}
.shaping-help{font-size:11px;line-height:1.65;color:var(--hg-muted);margin:0 0 8px}
.shaping-reset{min-height:40px;padding:7px 0;border:0;background:transparent;color:var(--hg-accent);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.shaping-reset:hover{color:var(--hg-ink)}
.music-track-control{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;margin:16px 0 0;font-size:12px;color:var(--hg-muted)}
.music-track-control select{min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--hg-control-line);border-radius:7px;background:var(--hg-control);color:var(--hg-ink);font:inherit;color-scheme:inherit;cursor:pointer}
.music-track-help{margin:7px 0 12px;font-size:11px;line-height:1.6;color:var(--hg-muted)}
@media(max-width:560px){.music-track-control{grid-template-columns:minmax(0,1fr);gap:7px}}
.theme-control{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--hg-muted);font-size:11px}
.theme-control>span{font-size:11px;letter-spacing:.3px}
.theme-control select{width:174px;min-height:40px;background:var(--hg-surface);color:var(--hg-ink);border:1px solid var(--hg-control-line);border-radius:7px;padding:8px 10px;font-size:12px;cursor:pointer;color-scheme:inherit}
/* These states are intentionally shared. Old green dim-mode rules are removed. */
html[data-theme] .main-nav{background:transparent;border:0;box-shadow:none;border-radius:0;gap:8px}
html[data-theme] .main-nav button{background:transparent;color:var(--hg-muted);border:0;border-radius:8px;padding:12px 15px;position:relative;box-shadow:none}
html[data-theme] .main-nav button[aria-current=page]{background:var(--hg-selected);color:var(--hg-selected-ink)}
html[data-theme] .main-nav button:hover{background:var(--hg-hover);color:var(--hg-ink)}
html[data-theme="paper-light"] .main-nav button[aria-current=page]{background:transparent;color:var(--hg-ink);border-radius:0;box-shadow:inset 0 -2px var(--hg-accent)}
html[data-theme] :is(button,a,summary,input,select):focus-visible{outline:2px solid var(--hg-accent);outline-offset:2px}
html[data-theme] .main-nav button:focus:not(:focus-visible){outline:none}
html[data-theme] .import-button:focus-within{outline:2px solid var(--hg-accent);outline-offset:2px}
::selection{background:var(--hg-selected);color:var(--hg-selected-ink)}
html[data-theme] .mixer-card{box-shadow:0 5px 0 var(--hg-shadow-solid)}
html[data-theme] .layer-card:focus-within{border-color:var(--hg-selected-line)}
html[data-theme] .layer-actions button:hover{background:var(--hg-hover);color:var(--hg-accent);border-color:transparent}
html[data-theme] .layer-value,html[data-theme] .character-value,html[data-theme] .save-state{color:var(--hg-muted)}
html[data-theme] .layer-card.muted{opacity:1}html[data-theme] .layer-card.muted .layer-name{color:var(--hg-muted)}
html[data-theme] .layer-mute[aria-pressed=true]{background:var(--hg-hover);color:var(--hg-accent)}
html[data-theme] :is(.end-session,.mix-actions button,.text-button,.saved-card button,.pinned-adjust,.quick-adjust):hover{background:var(--hg-hover);color:var(--hg-accent)}
html[data-theme] :is(.play-button,.primary-button,.quick-play,.pinned-play){background:var(--hg-plum);color:var(--hg-on-primary)}
html[data-theme] :is(.play-button,.primary-button,.quick-play,.pinned-play):hover{background:var(--hg-primary-hover);color:var(--hg-on-primary)}

/* Keep foreground and background from the same palette, including Sleep. */
html[data-theme] .secondary-button{background:var(--hg-control);color:var(--hg-ink);border-color:var(--hg-control-line);min-height:44px;color-scheme:inherit}
html[data-theme] .sleep-note .secondary-button{background:var(--hg-control);color:var(--hg-ink);border-color:var(--hg-control-line);min-height:44px}
html[data-theme] .secondary-button:hover,html[data-theme] .sleep-note .secondary-button:hover{background:var(--hg-hover);color:var(--hg-accent);border-color:var(--hg-control-line)}
html[data-theme] .ritual-card{background:var(--hg-aside);color:var(--hg-aside-ink)}
html[data-theme] .ritual-card h2,html[data-theme] .ritual-steps strong{color:var(--hg-aside-ink)}
html[data-theme] .ritual-card .eyebrow{color:var(--hg-aside-meta)}
html[data-theme] .ritual-lead,html[data-theme] .ritual-steps p,html[data-theme] .gentle-reminder p{color:var(--hg-aside-muted)}
html[data-theme] .ritual-steps,html[data-theme] .gentle-reminder{border-color:var(--hg-aside-line)}
html[data-theme] .scene-card:after{display:none}
html[data-theme] .scene-filter[aria-pressed=true]{background:var(--hg-selected);border-color:var(--hg-selected-line);color:var(--hg-selected-ink)}
html[data-theme] :is(.scene-filter,.load-scene,.more-scenes,.secondary-button,.sound-add,.sound-info,.sound-favorite):hover{background:var(--hg-hover);color:var(--hg-accent);border-color:var(--hg-control-line)}
html[data-theme] .sound-card:hover{background:transparent;border-color:var(--hg-selected-line)}
html[data-theme] .sound-card.selected .sound-add{background:var(--hg-selected);border-color:var(--hg-selected-line);color:var(--hg-selected-ink)}
html[data-theme] .sound-favorite[aria-pressed=true],html[data-theme] .saved-pin[aria-pressed=true]{color:var(--hg-accent);background:var(--hg-hover)}
html[data-theme] .library-tabs button:hover{background:var(--hg-hover);color:var(--hg-ink)}
html[data-theme] .library-tabs button[aria-selected=true]:after,html[data-theme] .library-tabs button.active:after{background:var(--hg-accent)}
html[data-theme] :is(.library-search input,.custom-tone-form input,.custom-tone-form select,.save-dialog input,.layer-frequency){color:var(--hg-ink);background:var(--hg-control);border-color:var(--hg-control-line);color-scheme:inherit}
html[data-theme] .library-search input{background:transparent}
html[data-theme] input::placeholder{color:var(--hg-muted);opacity:1}
html[data-theme] .lightning-choice input{accent-color:var(--hg-accent)}
html[data-theme] :is(.timer-control select,.timer-control input,.ending-controls input,.ending-controls select){background:var(--hg-control);color:var(--hg-ink);border-color:var(--hg-control-line);color-scheme:inherit}
html[data-theme] .headphone-note{background:var(--hg-soft);color:var(--hg-muted);border-color:var(--hg-line)}
html[data-theme] .dialog-close{color:var(--hg-ink);background:transparent}
html[data-theme] .dialog-close:hover{background:var(--hg-hover);color:var(--hg-accent)}
html[data-theme] .app-dialog::backdrop{background:var(--hg-backdrop);backdrop-filter:blur(4px)}
html[data-theme] .save-dialog label{color:var(--hg-muted)}
html[data-theme] .practice-part{background:var(--hg-soft)}
html[data-theme] .accuracy-status{color:var(--hg-accent)}
html[data-theme] .accuracy-summary[data-passed=true]{color:var(--hg-chip-ink)}
html[data-theme] :is(.accuracy-table th,.accuracy-table td){border-color:var(--hg-line);color:var(--hg-ink)}
html[data-theme] .accuracy-table th{background:var(--hg-soft)}
html[data-theme] .further-reading a:hover{color:var(--hg-ink)}
html[data-theme] .toast{background:var(--hg-ink);color:var(--hg-surface)}
html[data-theme] .toast button{color:var(--hg-surface)}
html[data-theme] .toast input{background:var(--hg-control);color:var(--hg-ink);border-color:var(--hg-control-line)}
html[data-theme] .layer-error{color:var(--hg-accent)}
html[data-theme$="-dark"] .garden-illustration{opacity:.85}
html[data-theme$="-dark"] :not(.botanical-move,.garden-animated,.garden-flow-frame),html[data-theme$="-dark"] *:before,html[data-theme$="-dark"] *:after{animation:none!important}
@media(max-width:1050px){.theme-control>span{display:none}.theme-control select{width:164px}.site-header{gap:12px}}
@media(max-width:800px){html[data-theme] .main-nav{gap:0}html[data-theme] .main-nav button{padding:12px 10px}.theme-control select{width:152px;font-size:11px}}
@media(max-width:560px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:20px 0 12px;min-height:120px}.site-header>.brand{font-size:27px;min-width:0}.theme-control{justify-self:end;min-width:0}.theme-control select{width:154px;max-width:100%;font-size:11px;min-height:38px}.main-nav{grid-column:1/-1;grid-row:2;justify-content:space-between}.main-nav button{flex:1;justify-content:center}html[data-theme] .main-nav button{min-height:44px;padding:10px}.main-nav svg{width:15px;height:15px}}
@media(max-width:380px){.site-header>.brand{font-size:25px}.site-header>.brand .brand-mark{width:25px;margin-right:6px}.site-header>.brand .brand-mark svg{width:25px}.theme-control select{width:139px;font-size:10px}.site-header{column-gap:5px}}
@media(max-width:380px){.site-header{grid-template-columns:minmax(0,1fr);row-gap:10px}.theme-control{grid-column:1;grid-row:2;justify-self:stretch;gap:12px}.theme-control>span{display:inline}.theme-control select{width:auto;flex:1;font-size:12px}.main-nav{grid-column:1;grid-row:3}}

.scene-swipe-hint{color:var(--hg-muted);font-size:11px;line-height:1.6;margin:0 0 12px}
.scene-grid:focus-visible{outline:2px solid var(--hg-accent);outline-offset:4px}
@media(max-width:700px){
  .scene-section{min-width:0;padding-bottom:0}
  .scene-section>.section-heading{margin-bottom:16px;gap:8px}
  .scene-section .section-aside{font-size:11px}
  .scene-filters{margin-bottom:12px;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
  .scene-filter{flex:0 0 auto;min-height:44px;padding:9px 10px;font-size:11px;white-space:nowrap}
  #scene-filters:empty{display:none}
  .scene-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(240px,82%);gap:12px;align-items:stretch;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 2px 14px;scroll-snap-type:x proximity;scroll-padding-inline:2px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--hg-control-line) transparent}
  .scene-grid .scene-card{display:flex;flex-direction:column;min-width:0;min-height:265px;padding:18px 16px;border:1px solid var(--hg-line);border-radius:12px;background:var(--hg-surface);scroll-snap-align:start}
  .scene-grid .scene-icon{width:34px;height:34px;font-size:21px;margin-bottom:12px}
  .scene-grid .scene-name{font-size:22px;line-height:1.2;margin:0 0 8px}
  .scene-grid .scene-description{font-size:12px;line-height:1.6;margin:0 0 12px;min-height:57px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .scene-grid .scene-duration{margin:0 0 12px;font-size:10px}
  .scene-grid .load-scene{margin-top:auto;width:100%;min-height:44px;padding:10px 12px;font-size:12px;text-align:center}
  .scene-grid .scene-new-session{margin-top:8px;min-height:34px}
  #more-scenes{min-height:44px;margin-top:8px}
  .library-section{padding-top:24px}
  .scene-grid.all-spaces{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;gap:12px;padding:4px 0}
  .scene-grid.all-spaces .scene-card{min-height:235px;padding:14px 12px}
  .scene-grid.all-spaces .scene-name{font-size:18px}
  .scene-grid.all-spaces .scene-description{font-size:11px}
  .scene-grid.all-spaces .scene-new-session{font-size:10px;white-space:normal}
  .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
  .library-grid .sound-card{display:flex;flex-direction:column;min-height:0;padding:10px 0 12px}
  .library-grid .sound-top{min-height:44px;margin:0}
  .library-grid .sound-icon{width:28px;height:28px;font-size:20px}
  .library-grid .sound-name{margin:4px 0;font-size:14px;line-height:1.35}
  .library-grid .sound-subtitle{min-height:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.6}
  .library-grid .sound-tag{font-size:10px;line-height:1.5;margin:5px 0 0}
  .library-grid :is(.sound-card[data-kind="recording"],.sound-card[data-kind="noise"]) .sound-tag{display:none}
  .library-grid .sound-actions{display:flex;gap:6px;margin-top:8px}
  .library-grid .sound-add{flex:1;min-width:0;min-height:44px;padding:8px 4px;font-size:11px}
  .library-grid :is(.sound-info,.sound-favorite){flex-shrink:0;min-width:44px;width:44px;min-height:44px;height:44px;padding:0}
  .layer-actions button{min-width:44px;min-height:44px}
  .quick-play,.quick-adjust{min-height:44px}
}
.quick-copy>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-player{bottom:max(10px,env(safe-area-inset-bottom))}
.has-quick-player{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.has-quick-player .toast{bottom:calc(100px + env(safe-area-inset-bottom))}
@media(max-width:350px){.scene-grid.all-spaces{grid-template-columns:minmax(0,1fr)}.scene-grid.all-spaces .scene-card{min-height:210px}}

/* Music collections and a simple random starting point. */
.scene-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.choose-scene{min-height:44px;white-space:nowrap}.music-collection-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--hg-line);margin-bottom:12px}.music-collection-controls[hidden]{display:none}.music-collection-controls label{display:grid;gap:7px;min-width:230px;max-width:100%;font-size:12px;color:var(--hg-muted)}.music-collection-controls select{min-height:46px;max-width:100%;padding:10px 34px 10px 12px;background:var(--hg-control);border:1px solid var(--hg-control-line);border-radius:8px;color:var(--hg-ink);font:inherit;font-size:14px}.music-collection-controls p{flex:1;min-width:220px;max-width:560px;margin:0;font-size:13px;line-height:1.7;color:var(--hg-muted)}.info-origin{display:inline-block;padding:6px 10px;border:1px solid var(--hg-line);border-radius:7px;background:var(--hg-control);color:var(--hg-ink);font-size:12px}.info-tradition-part{padding-left:16px;border-left:2px solid var(--hg-control-line)}.info-context-note{font-size:12px;color:var(--hg-muted)}@media(max-width:700px){.scene-section>.section-heading{align-items:flex-start;gap:12px}.scene-heading-actions{gap:8px}.scene-heading-actions .section-aside{display:none}.choose-scene{font-size:12px;padding:10px 12px}.music-collection-controls{gap:12px}.music-collection-controls label{width:100%}.music-collection-controls p{min-width:0;flex-basis:100%;font-size:12px}}@media(max-width:360px){.scene-section>.section-heading{flex-direction:column}.scene-heading-actions{width:100%;justify-content:flex-start}}