/* r1215 presentation owner; r1216 separates theme paint from geometry.
   Load this layer before legacy important layers.
   Geometry is limited to the ordinary shell; Tekke/focus/saver retain owners. */
@layer sukun-r1215-layout {
 html {
  /* r1220: tinted large panes; user opacity values remain the source. */
  --sukun-pane-alpha:var(--r1175-lower-alpha,.8);
  --sukun-pane-glass:linear-gradient(145deg,rgba(13,34,47,calc(var(--sukun-pane-alpha) * .62)),rgba(4,17,29,calc(var(--sukun-pane-alpha) * .74)));
  --sukun-pane-inset:linear-gradient(160deg,rgba(16,46,64,.45),rgba(8,27,44,.55));
  --sukun-header-glass:linear-gradient(145deg,rgba(13,34,47,calc(var(--glassA,.82) * .62)),rgba(4,17,29,calc(var(--glassA,.82) * .74)));
  --sukun-surface-glass:linear-gradient(145deg,rgba(13,34,47,.96),rgba(4,17,29,.94));
  --sukun-surface-inset:linear-gradient(160deg,#102e40f5,#081b2cf5);
  --sukun-surface-line:#b5c5cf66;
  --sukun-surface-highlight:#e2edf1;
  --sukun-surface-muted:#bacbd3;
  --sukun-surface-accent:#7de3c3;
  --sukun-surface-active:linear-gradient(135deg,#176052,#0a4038 55%,#072f32);
 }
 html[data-r1074-theme="berhet"] {
  --sukun-pane-alpha:var(--glassA,.82);
  --sukun-pane-glass:linear-gradient(145deg,rgba(11,32,51,calc(var(--sukun-pane-alpha) * .48)),rgba(3,15,32,calc(var(--sukun-pane-alpha) * .58)));
  --sukun-pane-inset:linear-gradient(150deg,rgba(18,54,83,.33),rgba(6,26,50,.42));
  --sukun-surface-glass:linear-gradient(145deg,rgba(11,32,51,.97),rgba(3,15,32,.94));
  --sukun-surface-inset:linear-gradient(150deg,#123653f5,#061a32fa);
  --sukun-surface-line:#c6a96888;
  --sukun-surface-highlight:var(--sukun-material-ink,#fff0ce);
  --sukun-surface-muted:#d5d2c5;
 }
 /* Mevlevî panes reveal more of the selected scene while still respecting
    the user's existing glass and lower-panel opacity controls. */
 html[data-r1074-theme]:not([data-r1074-theme="berhet"]) {
  --sukun-pane-glass:linear-gradient(145deg,rgba(13,34,47,calc(var(--sukun-pane-alpha) * .39)),rgba(4,17,29,calc(var(--sukun-pane-alpha) * .49)));
  --sukun-pane-inset:linear-gradient(160deg,rgba(16,46,64,.27),rgba(8,27,44,.35));
  --sukun-header-glass:linear-gradient(145deg,rgba(13,34,47,calc(var(--glassA,.82) * .39)),rgba(4,17,29,calc(var(--glassA,.82) * .49)));
 }
 body.r1215-premium:not(.sukun-tefekkur-mode)>.wrap {
  width:min(100%,740px)!important;max-width:740px!important;box-sizing:border-box!important;
  padding-inline:14px!important;padding-bottom:calc(112px + env(safe-area-inset-bottom) + var(--sukun-dock-safe,0px))!important;
  scroll-padding-bottom:calc(108px + env(safe-area-inset-bottom))!important;
 }
 /* Classic keeps its existing navigation and receives the same readable materials. */
 body.r1215-premium:not(.r616-ui):not(.sukun-tefekkur-mode)>.wrap {
  margin-inline:auto!important;padding-bottom:calc(40px + env(safe-area-inset-bottom) + var(--sukun-dock-safe,0px))!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium:not(.r616-ui) .wrap>:is(header,.tabs,.masterBar,#todayCard,#prDashboard,#vakitBox),
 html:not([data-r1074-theme="berhet"]) body.r1215-premium:not(.r616-ui) :is(#tab-amb,#tab-frq,#tab-zkr)>.card {
  background:var(--sukun-surface-glass)!important;border-color:var(--sukun-surface-line)!important;
  color:var(--sukun-surface-highlight)!important;box-shadow:inset 0 1px #fff1b90d,0 8px 20px #0002!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium #r616Topbar {
  background:var(--sukun-surface-glass)!important;border:1px solid var(--sukun-surface-line)!important;border-radius:20px!important;
  box-shadow:inset 0 1px #f3e1ae18,0 10px 24px #0003!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
 }
 body.r1215-premium :is(#r616HomeHero,#r616Continue,.r616Stat,.r616Shortcut,#r616SoundHeader) {
  color:var(--sukun-surface-highlight)!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium :is(#r616HomeHero,#r616Continue,.r616Stat,.r616Shortcut,#r616SoundHeader) {
  background:var(--sukun-surface-glass)!important;border:1px solid var(--sukun-surface-line)!important;border-radius:18px!important;
  box-shadow:inset 0 1px #fff1b90d,0 8px 20px #0002!important;
 }
 body.r1215-premium :is(#r616HomeMeaning,#r616ContinueMeta,.r616Stat span,.r616Lead) {
  color:var(--sukun-surface-muted)!important;opacity:1!important;font-size:13px!important;line-height:1.5!important;
 }
 body.r1215-premium #r616HomeHero {padding:24px!important}
 body.r1215-premium #r616HomeStart {
  color:#f8f4dc!important;min-height:50px!important;font-size:15px!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium #r616HomeStart {
  background:var(--sukun-surface-active)!important;border:1px solid #afcbb199!important;
  box-shadow:inset 0 1px #dbf9e326,0 4px 12px #00140f88!important;
 }
 body.r1215-premium.r616-ui #r616BottomNav {
  width:min(calc(100% - 16px),710px)!important;max-width:calc(100% - 16px)!important;bottom:0!important;
  padding:6px 6px calc(6px + env(safe-area-inset-bottom))!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium.r616-ui #r616BottomNav {
  background:var(--sukun-surface-glass)!important;border:1px solid var(--sukun-surface-line)!important;backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;box-shadow:0 -8px 30px #0005!important;
 }
 body.r1215-premium.r616-ui #r616BottomNav button {
  min-height:52px!important;font:600 11px/1.3 system-ui,sans-serif!important;color:var(--sukun-surface-muted)!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium.r616-ui #r616BottomNav button {
  border:1px solid transparent!important;
 }
 body.r1215-premium.r616-ui #r616BottomNav button span {font-size:11px!important;white-space:normal!important}
 body.r1215-premium.r616-ui #r616BottomNav button.active {
  color:#ebfff4!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium.r616-ui #r616BottomNav button.active {
  background:var(--sukun-surface-active)!important;border:1px solid #85baad88!important;box-shadow:inset 0 1px #d5f4df22!important;
 }
 /* Existing source and counter nodes keep their handlers and accessible names. */
 body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice:not([hidden]) {
  position:relative!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;
  min-width:0!important;box-sizing:border-box!important;margin:16px auto!important;padding:18px 14px!important;gap:14px!important;
  overflow:visible!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice:not([hidden]) {
  border:1px solid var(--sukun-surface-line)!important;border-image:none!important;border-radius:24px!important;
  background:var(--sukun-surface-glass)!important;box-shadow:inset 0 1px #dceaf21c,0 16px 42px #0004!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice>.r920Modes {
  width:min(100%,420px)!important;max-width:100%!important;margin:0 auto!important;gap:8px!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice>.r920Path {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;
  width:min(100%,440px)!important;max-width:100%!important;margin:0 auto!important;gap:8px!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice .r920Path>:is(button,label) {
  flex:1 1 88px!important;width:auto!important;min-width:0!important;max-width:100%!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice :is(.r920Modes button,.r920Path button,#r920JourneyMode) {
  min-height:44px!important;height:auto!important;padding:10px 14px!important;box-sizing:border-box!important;
  font:600 13px/1.35 system-ui,sans-serif!important;border-radius:12px!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r938Hero {
  width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;gap:10px!important;padding:6px 0!important;margin:0!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r938Hero>.r920Identity {
  width:100%!important;max-width:100%!important;min-height:0!important;box-sizing:border-box!important;
  padding:0 8px!important;margin:0!important;text-align:center!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r920NameInfo {
  background:none!important;border:0!important;border-image:none!important;padding:4px 8px!important;
  color:var(--sukun-surface-highlight)!important;max-width:100%!important;box-shadow:none!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r920ActiveName {
  font:400 clamp(28px,6.8vw,40px)/1.2 Georgia,serif!important;color:var(--sukun-surface-highlight)!important;
  overflow-wrap:anywhere!important;white-space:normal!important;text-shadow:0 2px 7px #0007!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r920Arabic {font-size:26px!important;color:#a8d9c7!important;line-height:1.5!important}
 body.r1215-premium:not(.sukun-tefekkur-mode) #r920Eyebrow {font-size:10px!important;letter-spacing:1.6px!important;margin:0 0 5px!important;color:var(--sukun-surface-muted)!important}
 body.r1215-premium:not(.sukun-tefekkur-mode) #r920SceneTitle {font:400 14px/1.6 system-ui,sans-serif!important;max-width:440px!important;margin:6px auto!important;color:var(--sukun-surface-muted)!important}
 body.r1215-premium:not(.sukun-tefekkur-mode) #r1064CurrentReadingOpen {font-size:11px!important;min-height:36px!important;padding:6px 12px!important;margin:4px auto!important}
 html[data-r1074-theme="berhet"] body.r1215-premium:not(.sukun-tefekkur-mode) #r1064CurrentReadingOpen {box-sizing:border-box!important;max-width:100%!important;height:auto!important;min-height:44px!important;padding:12px 36px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.4!important}
 body.r1215-premium:not(.sukun-tefekkur-mode) #r924WheelFrame {
  width:min(84vw,360px,46svh)!important;max-width:100%!important;margin:6px auto!important;flex:none!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r938Hero .r920Stats {
  width:min(100%,330px)!important;margin:4px auto!important;gap:12px!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r938Hero .r920Stats>span {
  color:var(--sukun-surface-muted)!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium:not(.sukun-tefekkur-mode) #r938Hero .r920Stats>span {
  background:var(--sukun-surface-inset)!important;border:1px solid var(--sukun-surface-line)!important;border-image:none!important;
  border-radius:13px!important;box-shadow:inset 0 1px #fff1b912!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r938Hero .r920Stats b {font-size:26px!important;color:var(--sukun-surface-highlight)!important}
 body.r1215-premium:not(.sukun-tefekkur-mode) #r938Panel {
  min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;padding:16px!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium:not(.sukun-tefekkur-mode) #r938Panel {
  background:var(--sukun-surface-inset)!important;border:1px solid var(--sukun-surface-line)!important;border-image:none!important;
  border-radius:18px!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode) #r932WheelControls {
  width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;gap:10px!important;
  background:none!important;border:0!important;border-image:none!important;box-shadow:none!important;
 }
 body.r1215-premium #r1056ReadingSummary {
  padding:10px!important;color:var(--sukun-surface-muted)!important;gap:7px!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium #r1056ReadingSummary {
  background:#061623c7!important;border:1px solid #95b1c13d!important;border-radius:12px!important;
 }
 body.r1215-premium #r1056ReadingSource {
  color:#e8efdf!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium #r1056ReadingSource {
  background:#103243!important;border:1px solid #8ca6b45c!important;border-image:none!important;border-radius:9px!important;
 }
 body.r1215-premium #r968PrimaryActions {display:flex!important;justify-content:center!important;width:100%!important;margin:4px auto!important}
 body.r1215-premium #r968PrimaryActions #r920TefEnter {
  width:100%!important;min-height:48px!important;max-width:340px!important;padding:10px 18px!important;box-sizing:border-box!important;
  color:#f6f0d6!important;font:600 14px/1.4 system-ui,sans-serif!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium #r968PrimaryActions #r920TefEnter {
  background:var(--sukun-surface-active)!important;border:1px solid #b7c398b3!important;border-image:none!important;border-radius:12px!important;
  box-shadow:inset 0 1px #e6ffde22!important;
 }
 body.r1215-premium #r1215PracticeContext {margin:0 0 14px!important;padding:0 0 12px!important;border-bottom:1px solid var(--sukun-surface-line)!important;min-width:0!important}
 body.r1215-premium #r1215ContextKicker {font:600 10px/1.4 system-ui,sans-serif!important;letter-spacing:1.7px!important;color:#a9bcc7!important;margin:0 0 7px!important}
 body.r1215-premium #r1215ContextTitle {font:400 24px/1.25 Georgia,serif!important;color:var(--sukun-surface-highlight)!important;margin:0!important;overflow-wrap:anywhere!important}
 body.r1215-premium #r1215ContextProgress {font:400 13px/1.5 system-ui,sans-serif!important;color:var(--sukun-surface-muted)!important;margin:8px 0!important}
 body.r1215-premium #r1215NextCard {
  padding:12px 14px!important;margin:14px 0!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium #r1215NextCard {
  border:1px solid var(--sukun-surface-line)!important;border-radius:12px!important;background:#03172499!important;
 }
 body.r1215-premium #r1215NextCard small {display:block!important;color:var(--sukun-surface-muted)!important;font:400 12px/1.6 system-ui,sans-serif!important}
 body.r1215-premium #r1215NextCard strong {display:block!important;color:var(--sukun-surface-highlight)!important;font:400 23px/1.4 Georgia,serif!important;overflow-wrap:anywhere!important}
 body.r1215-premium #r1215SaveState {font:500 12px/1.5 system-ui,sans-serif!important;color:#b5cbc8!important;margin:10px 0 0!important;overflow-wrap:anywhere!important}
 body.r1215-premium #r1215SaveState[data-state="saved"] {color:#96dbc2!important}
 body.r1215-premium #r1215SaveState[data-state="error"] {color:#ffb8b8!important}
 body.r1215-premium #r1215SaveState[data-state="pending"] {color:#f0dca2!important}
 body.r1215-premium #r1215ReadingsEntry {
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  color:var(--sukun-surface-highlight)!important;cursor:pointer!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium #r1215ReadingsEntry {
  background:var(--sukun-surface-inset)!important;border:1px solid var(--sukun-surface-line)!important;border-radius:12px!important;
 }
 body.r1215-premium #r1215ReadingsEntry i {width:19px!important;height:19px!important;display:grid!important;place-items:center!important}
 body.r1215-premium #r1215ReadingsEntry svg {width:19px!important;height:19px!important}
 /* Only redundant navigation disappears; canonical targets and handlers remain. */
 body.r1215-premium.r616-ui:has(#r616BottomNav) #r986Sections,
 body.r1215-premium.r616-ui:has(#r616BottomNav) #sukunDiscovery [data-discovery="seyirler"],
 body.r1215-premium.r616-ui:has(#r616BottomNav) #sukunDiscovery [data-discovery="araclar"],
 body.r1215-premium.r616-ui[data-r616-view="zikir"]:has(#r1215ReadingsEntry) #sukunDiscovery [data-discovery="okumalar"] {display:none!important}
 body.r1215-premium .wrap>footer {
  margin:24px 0 12px!important;padding:14px!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium .wrap>footer {
  background:var(--sukun-surface-glass)!important;border:1px solid var(--sukun-surface-line)!important;border-radius:18px!important;
 }
 body.r1215-premium #sukunDiscovery {
  margin:0!important;padding:14px!important;max-width:100%!important;box-sizing:border-box!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium #sukunDiscovery {
  background:#061a27b8!important;border:1px solid var(--sukun-surface-line)!important;border-radius:14px!important;
 }
 body.r1215-premium #sukunDiscovery .discoveryGrid {display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:14px!important;width:100%!important;margin:0!important}
 body.r1215-premium #sukunDiscovery [data-discovery="okumalar"] {flex:1 1 140px!important;width:auto!important;min-height:48px!important}
 body.r1215-premium #sukunDiscovery :is([data-discovery="berhet"],[data-mevlevi-lock]) {flex:0 0 84px!important;width:84px!important;min-width:84px!important;max-width:84px!important;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important}
 body.r1215-premium #r1165FooterUpdate {margin:12px auto 0!important;min-height:48px!important}
 body.r1215-premium :is(#r938Panel,#r616BottomNav,#sukunDiscovery) :is(button,summary,select):focus-visible {outline:2px solid #ffe4a3!important;outline-offset:4px!important}
 body.r1215-premium :is(#r1215PracticeContext,#r1215NextCard,#r968PrimaryActions,#r1056ReadingSummary)[hidden],
 body.r1215-premium #r968PrimaryActions>[hidden] {display:none!important}
 body.r1215-premium.sukun-tefekkur-mode #r1215ReadingsEntry {display:none!important}
 @media(min-width:1100px) {
  body.r1215-premium:not(.r616-ui):not(.sukun-tefekkur-mode)>.wrap {
   width:calc(100% - 48px)!important;max-width:1180px!important;margin-inline:auto!important;
  }
  body.r1215-premium.r616-ui:not(.sukun-tefekkur-mode):not(:has(#tk:not([hidden])))>.wrap {
   width:calc(100% - 244px)!important;max-width:1236px!important;margin:0 24px 0 max(220px,calc((100vw - 1480px)/2 + 220px))!important;
   padding-inline:0!important;padding-bottom:calc(48px + var(--sukun-dock-safe,0px))!important;
  }
  body.r1215-premium.r616-ui #r616BottomNav {
   top:24px!important;bottom:24px!important;left:max(20px,calc((100vw - 1480px)/2 + 20px))!important;right:auto!important;width:176px!important;
   max-width:176px!important;min-height:0!important;height:auto!important;transform:none!important;display:flex!important;
   flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:10px!important;padding:22px 12px!important;
   z-index:1180!important;
  }
  html:not([data-r1074-theme="berhet"]) body.r1215-premium.r616-ui #r616BottomNav {
   border-radius:22px!important;box-shadow:8px 0 30px #0003!important;
  }
  body.r1215-premium.r616-ui #r616BottomNav::before {content:'SÜKÛN';display:block;margin-bottom:26px;text-align:center;font:400 23px/1.4 Georgia,serif;letter-spacing:4px;color:var(--sukun-surface-highlight)}
  body.r1215-premium.r616-ui #r616BottomNav button {flex:none!important;flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-height:54px!important;padding:10px 12px!important;order:0!important}
  body.r1215-premium.r616-ui #r616BottomNav button i {margin:0!important;flex:0 0 24px!important}
  body.r1215-premium.r616-ui #r616BottomNav button span {font-size:14px!important}
  body.r1215-premium:not(.sukun-tefekkur-mode) #tab-zkr {width:100%!important;max-width:100%!important;padding-inline:0!important}
  body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice:not([hidden]) {
   display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,.55fr)!important;
   grid-template-rows:auto auto auto!important;align-items:start!important;gap:20px 24px!important;padding:24px!important;
  }
  body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice>* {grid-column:1/-1}
  body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice>.r920Modes {grid-column:1!important;grid-row:1!important;align-self:center!important}
  body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice>.r920Path {grid-column:2!important;grid-row:1!important;align-self:center!important}
  body.r1215-premium:not(.sukun-tefekkur-mode) #r938Hero {grid-column:1!important;grid-row:2!important;align-self:center!important}
  body.r1215-premium:not(.sukun-tefekkur-mode) #r938Panel {grid-column:2!important;grid-row:2!important;align-self:start!important;padding:20px!important}
  body.r1215-premium:not(.sukun-tefekkur-mode) #r924WheelFrame {width:min(34vw,390px,45svh)!important}
  body.r1215-premium.r616-ui:has(#r616BottomNav #r1215ReadingsEntry) #sukunDiscovery [data-discovery="okumalar"] {display:none!important}
  body.r1215-premium :is(#r616Home,#r616Journeys,#r616SoundHeader) {max-width:960px!important;margin-inline:auto!important}
  body.r1215-premium #r616Home {display:grid;grid-template-columns:1fr 1fr;gap:16px}
  body.r1215-premium #r616Home>:is(#r616HomeHead,.r616Stats,.r616HomeShortcuts) {grid-column:1/-1}
  body.r1215-premium #r616Home>[hidden],body.r1215-premium #r616Home[hidden] {display:none!important}
  /* Full-screen scenes keep the existing navigation visibility contract. */
  body.r1215-premium.sukun-tefekkur-mode #r616BottomNav,
  body.r1215-premium:has(#tk:not([hidden])) #r616BottomNav {display:none!important}
 }
 @media(max-width:1099px) {
  body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice :is(.r920Path button,#r920JourneyMode) {padding-inline:8px!important;font-size:12px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
  body.r1215-premium #r920Practice #r1215ReadingsEntry i {display:none!important}
  body.r1215-premium #r920Practice #r1215ReadingsEntry span {white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
  body.r1215-premium #r1215PracticeContext {display:grid;grid-template-columns:1fr auto;gap:2px 12px;margin-bottom:12px!important;padding-bottom:12px!important}
  body.r1215-premium #r1215ContextKicker {display:none!important}
  body.r1215-premium #r1215ContextTitle {font-size:20px!important;align-self:center}
  body.r1215-premium #r1215ContextProgress {text-align:right;font-size:12px!important;margin:2px 0!important;align-self:center}
  body.r1215-premium #r1215NextCard {grid-column:1/-1;margin:8px 0!important;padding:8px 12px!important;display:flex;justify-content:space-between;align-items:center;gap:10px}
  body.r1215-premium #r1215NextName {font-size:19px!important}
  body.r1215-premium #r1215SaveState {grid-column:1/-1;margin-top:4px!important}
 }
 /* r1219: native path controls share one line box. Reserve the painted
    gemstone ends without changing their artwork or the select's behavior. */
 @media(max-width:1099px) {
  body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice :is(#r920AtlasOpen,#r920JourneyMode) {
   box-sizing:border-box!important;min-height:48px!important;height:48px!important;max-height:none!important;
   font:600 12px/1.35 system-ui,sans-serif!important;letter-spacing:0!important;
   padding:10px 12px!important;
  }
  body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice #r920JourneyLabel:not([hidden]) {
   display:flex!important;align-items:stretch!important;min-height:48px!important;height:auto!important;
  }
  body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice #r920JourneyMode {
   width:100%!important;min-width:0!important;text-align:center!important;text-align-last:center!important;
  }
  html[data-r1074-theme="berhet"] body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice :is(#r920AtlasOpen,#r920JourneyMode) {
   padding:12px 24px!important;border-image-width:10px 22px!important;
  }
  html[data-r1074-theme="berhet"] body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice .r920Path>:is(#r920AtlasOpen,#r920JourneyLabel) {
   flex-basis:124px!important;
  }
  html[data-r1074-theme="berhet"] body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice #r920JourneyLabel::after {
   right:12px!important;
  }
 }
 /* Keep the compact counter footprint while allowing longer labels to grow.
    The previous 12px bevel reached into the first line at y=9px. */
 html[data-r1074-theme="berhet"] body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice[data-r938-layout="1"] #r938Hero .r920Stats>span {
  height:auto!important;min-height:64px!important;max-height:none!important;
  padding:8px 18px!important;border-image-width:8px 16px!important;
  gap:2px 4px!important;line-height:1.2!important;
 }
 html[data-r1074-theme="berhet"] body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice[data-r938-layout="1"] #r938Hero .r920Stats>span>b {
  font-size:24px!important;line-height:1.1!important;
 }
 @media(max-width:700px) {
  /* The ruby uses the same safe inner area as the other master controls;
     percentage bevels consumed the Durdur caption on narrow phones. */
  html[data-r1074-theme="berhet"] body.r1215-premium #dock>#stopAll.dockItem.danger {
   border-image-width:10px 12px!important;padding:12px 13px!important;
   min-height:72px!important;height:auto!important;max-height:none!important;
  }
 }
 @media(max-width:380px) {
  body.r1215-premium:not(.sukun-tefekkur-mode)>.wrap {padding-inline:8px!important}
  body.r1215-premium:not(.sukun-tefekkur-mode) #r920Practice:not([hidden]) {padding:14px 10px!important}
  body.r1215-premium:not(.sukun-tefekkur-mode) #r938Panel {padding:12px!important}
  body.r1215-premium.r616-ui #r616BottomNav button span {font-size:10px!important}
 }
 @media(prefers-reduced-transparency:reduce) {
  body.r1215-premium :is(#r920Practice,#r938Panel,#r616Topbar,#r616BottomNav,.r616Card) {background:#071b2b!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 }
 @media(forced-colors:active) {
  body.r1215-premium :is(#r920Practice,#r938Panel,#r616Topbar,#r616BottomNav,#r1215NextCard,#sukunDiscovery,.r616Card) {background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;box-shadow:none!important;backdrop-filter:none!important}
  body.r1215-premium :is(#r920Practice,#r616BottomNav,#sukunDiscovery) :is(button,select) {background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;border-image:none!important;text-shadow:none!important}
 }
 /* r1216: layout and materials have separate owners. Flat Mevlevî paint
    above is excluded from the canonical Berhetiyye theme; existing gemstones
    retain their colors and click targets. Only missing/new panel surfaces are
    painted here, without changing visibility, position or display. */
 @media(forced-colors:none) {
  html[data-r1074-theme="berhet"] body.r1215-premium:not(.sukun-tefekkur-mode) :is(
   #r616Topbar,#r616HomeHero,#r616Continue,.r616Stat,.r616Shortcut,#r616SoundHeader,
   #r920Practice,#r938Panel,#r1056ReadingSummary,#r986Total,#sukunDiscovery,
   #prDashboard .prDashTop,#r1215NextCard,#r1211PracticeUnavailable
  ) {
   border:1px solid transparent!important;
   border-image:var(--sukun-gem-sapphire-square) 330 / 8px / 0 stretch!important;
   border-radius:10px!important;background:var(--sukun-surface-inset)!important;
   box-shadow:none!important;color:var(--sukun-material-ink,#fff0ce)!important;
  }
  html[data-r1074-theme="berhet"] body.r1215-premium #prDashboard .prDashTop {
   padding:16px!important;
  }
  html[data-r1074-theme="berhet"] body.r1215-premium #r1056ReadingSummary {
   padding:14px!important;
  }
  html[data-r1074-theme="berhet"] body.r1215-premium #r1215NextCard {
   padding:12px 16px!important;
  }
  html[data-r1074-theme="berhet"] body.r1215-premium #r1215ReadingsEntry {
   border:1px solid transparent!important;
   border-image:var(--sukun-gem-sapphire) 210 540 fill / 12px 24px / 0 stretch!important;
   border-radius:10px!important;background:none!important;box-shadow:none!important;
   color:var(--sukun-material-ink,#fff0ce)!important;text-shadow:0 1px 2px #000!important;
  }
  html[data-r1074-theme="berhet"] body.r1215-premium #r1165UpdateCheck {
   border:1px solid transparent!important;
   border-image:var(--sukun-gem-emerald) 210 540 fill / 12px 28px / 0 stretch!important;
   border-radius:10px!important;background:none!important;box-shadow:none!important;
   padding:12px 30px!important;max-width:min(100%,280px)!important;
   color:var(--sukun-material-ink,#fff0ce)!important;text-shadow:0 1px 2px #000!important;
  }
 }
 /* State/visibility boundaries outrank this layer's ordinary grid/flex paint.
    An unavailable saved selection shows only the canonical recovery choices. */
 body.r1215-premium #r920Practice[hidden],
 body.r1215-premium #r920Practice [hidden] {display:none!important}
 body.r1215-premium #r920Practice[data-r1211-state="unavailable"]>:not(#r1211PracticeUnavailable) {
  display:none!important;
 }
 body.r1215-premium #r920Practice[data-r1211-state="unavailable"]>#r1211PracticeUnavailable:not([hidden]) {
  display:block!important;grid-column:1/-1!important;grid-row:1!important;width:100%!important;min-width:0!important;
  box-sizing:border-box!important;padding:24px 16px!important;color:var(--sukun-surface-highlight)!important;
 }
 html:not([data-r1074-theme="berhet"]) body.r1215-premium #r920Practice[data-r1211-state="unavailable"]>#r1211PracticeUnavailable:not([hidden]) {
  border:1px solid var(--sukun-surface-line)!important;border-radius:16px!important;background:var(--sukun-surface-inset)!important;
 }
 body.r1215-premium #r1211PracticeUnavailable>div {display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:12px!important}
 body.r1215-premium #r1211PracticeUnavailable button:not([hidden]) {min-height:44px!important;padding:10px 18px!important}

 /* r1220: only the broad panel paint is transparent. Text, gemstone frames,
    native controls and their smaller reading surfaces retain full opacity.
    Do not add backdrop filters to the dashboard or create new stacking roots. */
 @media(forced-colors:none) {
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) .wrap>:is(.tabs,.masterBar,#todayCard,#prDashboard,#vakitBox),
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) :is(#r920Practice,#r616Topbar,#r616HomeHero,#r616Continue,#r616SoundHeader) {
   background:var(--sukun-pane-glass)!important;
  }
  html:not([data-r1074-theme="berhet"]) body.r1215-premium:not(.r616-ui):not(.sukun-tefekkur-mode) .wrap>header {
   --sukun-surface-glass:var(--sukun-header-glass);
   background:var(--sukun-header-glass)!important;
  }
  @media(prefers-reduced-transparency:reduce) {
   html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) .wrap>:is(header,.tabs,.masterBar,#todayCard,#prDashboard,#vakitBox),
   html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) :is(#r920Practice,#r616Topbar,#r616HomeHero,#r616Continue,#r616SoundHeader),
   html:not([data-r1074-theme="berhet"]) body.r1215-premium:not(.r616-ui):not(.sukun-tefekkur-mode) .wrap>header {
    --sukun-surface-glass:#071b2b;
    background:#071b2b!important;
   }
  }
 }

 /* r1222: the discovery panel is nested inside the footer. Paint both
    surfaces lightly so their combined opacity reveals the scene. */
 @media (forced-colors:none) {
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) .wrap>footer {
   background:var(--sukun-pane-glass)!important;
  }
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) .wrap>footer>#sukunDiscovery {
   background:linear-gradient(155deg,rgba(14,38,51,.24),rgba(7,25,35,.32))!important;
   text-shadow:0 1px 3px #000d;
  }
  html[data-r1074-theme="berhet"] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) .wrap>footer>#sukunDiscovery {
   background:linear-gradient(155deg,rgba(11,32,51,.18),rgba(3,15,32,.25))!important;
  }
  html[data-r1074-theme]:not([data-r1074-theme="berhet"]) body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) .wrap>footer>#sukunDiscovery {
   background:linear-gradient(155deg,rgba(14,38,51,.14),rgba(7,25,35,.20))!important;
  }
 }
 @media (forced-colors:none) and (prefers-reduced-transparency:reduce) {
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) .wrap>footer,
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) .wrap>footer>#sukunDiscovery,
  html[data-r1074-theme]:not([data-r1074-theme="berhet"]) body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) .wrap>footer>#sukunDiscovery,
  html[data-r1074-theme="berhet"] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) .wrap>footer>#sukunDiscovery {
   background:#071b2b!important;
  }
 }

 /* r1221: reveal more of the scene through large surfaces. Keep the inner
    panel lighter because it is already painted over the practice pane.
    Gemstone borders, controls and full-screen modes retain their own paint. */
 @media (forced-colors:none) {
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) :is(.r616Stat,.r616Shortcut) {
   background:var(--sukun-pane-glass)!important;
  }
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) #r920Practice #r938Panel {
   background:var(--sukun-pane-inset)!important;
  }
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) :is(#r616HomeHero,#r616Continue,.r616Stat,.r616Shortcut,#r920Practice) {
   text-shadow:0 1px 3px #000c;
  }
 }
 @media (forced-colors:none) and (prefers-reduced-transparency:reduce) {
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) :is(#r920Practice,#r616HomeHero,#r616Continue,.r616Stat,.r616Shortcut),
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) #r920Practice #r938Panel {
   background:#071b2b!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
 }
 @media (forced-colors:active) {
  html[data-r1074-theme] body.r1215-premium :is(.r616Stat,.r616Shortcut) {
   background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;box-shadow:none!important;text-shadow:none!important;
  }
 }

}

/* r1227: retain 44px hit targets, but do not paint the entire information
   target as a gem beside the 20px switch track. The shared early layer owns
   this paint so historical all-button jewel rules cannot enlarge it again. */
@layer sukun-r1215-layout {
 html body #tab-amb #mixer .chn .chInfo {
  position:relative!important;isolation:isolate!important;display:grid!important;place-items:center!important;
  width:44px!important;min-width:44px!important;max-width:44px!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  padding:0!important;border:0!important;border-image:none!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;font-size:11px!important;line-height:1!important;
 }
 html body #tab-amb #mixer .chn .chInfo::before {
  content:''!important;display:block!important;position:absolute!important;z-index:-1!important;pointer-events:none!important;
  inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  box-sizing:border-box!important;width:24px!important;min-width:24px!important;max-width:24px!important;
  height:24px!important;min-height:24px!important;max-height:24px!important;
  border:1px solid #bfa46d!important;border-image:none!important;border-radius:50%!important;
  background:radial-gradient(circle at 35% 30%,#183841,#071725)!important;box-shadow:none!important;
 }
 html body #tab-amb #mixer .chn .chInfo::after {content:none!important;display:none!important}
 @media(forced-colors:none) {
  html[data-r1074-theme="berhet"] body #tab-amb #mixer .chn .chInfo::before {
   border:1px solid transparent!important;border-radius:0!important;
   border-image:var(--sukun-gem-sapphire-square) 330 fill / 5px / 0 stretch!important;
   background:none!important;
  }
 }
 html body #tab-amb #mixer .chn .chInfo:focus-visible {outline:2px solid #ffe6a1!important;outline-offset:1px!important}
 @media(forced-colors:active) {
  html body #tab-amb #mixer .chn .chInfo {color:ButtonText!important}
  html body #tab-amb #mixer .chn .chInfo::before {background:ButtonFace!important;border-color:ButtonText!important;border-image:none!important}
 }
 /* The legacy body reserves 118px even when no player is showing. The
    ordinary shell already owns its safe area; do not stack both reserves.
    Active, collapsed and focus players retain their current geometry. */
 body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode):not(.r431-dock-visible) {
  padding-bottom:0!important;
 }
 body.r1215-premium:not(.r616-ui):not(.sukun-tefekkur-mode):not(.sukun-focus-mode):not(.r431-dock-visible)>.wrap {
  padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
 }
 body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode):not(.r431-dock-visible) .wrap>footer {
  margin-bottom:0!important;
 }
}

/* r1241: local contrast without blurring the architectural scene. */
@layer sukun-r1215-layout {
 @media(forced-colors:none) {
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) #r616Continue .r616ContinueText,
  html[data-r1074-theme] body.r1215-premium:not(.sukun-tefekkur-mode):not(.sukun-focus-mode) #r1215PracticeContext {
   background:linear-gradient(115deg,#061d27d9,#082d31b8)!important;
   border-radius:12px!important;padding:14px!important;color:#f4ead5!important;
   text-shadow:0 1px 2px #000!important;
  }
  html[data-r1074-theme] body.r1215-premium #r616Continue :is(small,#r616ContinueMeta),
  html[data-r1074-theme] body.r1215-premium #r1215PracticeContext :is(p,small) {color:#e1dbc9!important;font-size:13px!important;line-height:1.55!important}
  html[data-r1074-theme] body.r1215-premium #r616ContinueTitle {color:#fff3d6!important;font-size:16px!important;line-height:1.5!important}
  /* Berhetiyye owns its gemstone border-image. A generic border shorthand
     resets that artwork even when no border-image override is written. */
  html:not([data-r1074-theme="berhet"]) body.r1215-premium #r1056FocusControlsToggle {border:1px solid #bda773!important;background:#082c35dc!important;color:#fff0cd!important;font-size:13px!important;min-height:44px!important}
  body.r1215-premium #r1215ReadingsEntry.active {color:#ffe4a3!important;background:#173d3e!important;box-shadow:inset 3px 0 #d7bc7d!important}
 }
 body.r1215-premium #r1241ControlHint {font-size:12px!important;line-height:1.5!important;color:inherit!important;margin:6px 0!important;text-align:center!important}
 @media(max-width:520px) {
  body.r1215-premium #r1215PracticeContext {grid-template-columns:minmax(0,1fr)!important;gap:4px!important;text-align:center!important}
  body.r1215-premium #r1215PracticeContext>* {grid-column:1!important;min-width:0!important;max-width:100%!important}
  body.r1215-premium :is(#r1215ContextTitle,#r1215ContextProgress,#r1215SaveState) {text-align:center!important;overflow-wrap:normal!important;word-break:normal!important}
 }
}