/* r699: one geometry owner, one scroll body, no synthetic click recovery. */
:root{--r699-y:0px;--r699-bottom:10px;--r699-top:8px;--r699-available:calc(100dvh - 20px);--r699-host-h:auto;--r699-content-reserve:0px}
html.r680-max-doc-lock,body.r699-layout.r680-max-surface{overflow-x:clip!important;overflow-y:auto!important;overscroll-behavior-y:auto!important}
body.r699-layout{min-width:0!important;overflow-x:clip!important}
body.r699-layout *{box-sizing:border-box}
body.r699-layout [hidden]{display:none!important}
body.r699-layout :is(.wrap,.card,.r616Card,.r616View,#tab-zkr,#tfRefinedLayout,.tfControlPanel,.zCounterActions,.zBar,.r494Nav,.r588Mode,.r588ModeSeg,.r588Transport,.r588Stats,.r588Meta,.r588Actions){min-width:0;max-width:100%}
body.r699-layout :is(.card,.r616Card,.r434Layer,.r554Item,.r616Tool){overflow-wrap:anywhere}
body.r699-layout :is(.r588Signal,.r697Wave,.r697VoiceDot,#zMuhr,#ringHost,.rings,.ring,.breathHalo,.tsbGauge,#zProgArc,.progArc)::before,body.r699-layout :is(.r588Signal,.r697Wave,.r697VoiceDot,#zMuhr,#ringHost,.rings,.ring,.breathHalo,.tsbGauge,#zProgArc,.progArc)::after{pointer-events:none!important}
body.r699-layout :is(button,a,input,select,textarea,[role="button"]){-webkit-tap-highlight-color:transparent}
body.r699-layout :is(button,a,[role="button"]):not(:disabled){touch-action:manipulation}
body.r699-layout :is(button,a,input,select,textarea,[role="button"]):focus-visible{outline:2px solid #91baff!important;outline-offset:2px!important}
/* Host visibility is decided by the existing playback ownership, not by paint-only state. */
body.r699-layout.r588-dock-ready #r170Now.r588-authority{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:var(--r699-bottom)!important;translate:-50% var(--r699-y)!important;transform:none!important;width:min(calc(100vw - 16px),420px)!important;max-width:calc(100vw - 16px)!important;height:var(--r699-host-h)!important;min-height:0!important;max-height:var(--r699-available)!important;margin:0!important;padding:0!important;overflow:hidden!important;isolation:isolate!important;contain:none!important;z-index:12000!important;transition:none!important}
body.r699-layout.r588-dock-ready:not(.r591-flow-active) #r170Now.r588-authority,body.r699-layout.r588-dock-ready.r433-dock-hidden #r170Now.r588-authority{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.r699-layout.r588-dock-ready.r591-flow-active.r431-dock-visible:not(.r433-dock-hidden) #r170Now.r588-authority{display:block!important;visibility:visible!important;pointer-events:auto!important}
body.r699-layout.r591-flow-active.r433-dock-hidden #r433DockPeek{display:grid!important;position:fixed!important;left:50%!important;right:auto!important;bottom:var(--r699-bottom)!important;translate:-50% 0!important;transform:none!important;max-width:calc(100vw - 16px)!important;max-height:var(--r699-available)!important;z-index:12000!important;pointer-events:auto!important;touch-action:manipulation!important}
body.r699-layout #r170Now.r588-authority>#r588DockShell{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;padding:6px 9px 8px!important;overflow:hidden!important;align-content:stretch!important;box-sizing:border-box!important}
body.r699-layout #r588DockShell>#r659DockBody{display:block!important;position:relative!important;min-width:0!important;min-height:0!important;max-width:100%!important;height:auto!important;max-height:none!important;align-self:stretch!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y pinch-zoom!important;scroll-behavior:auto!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important}
body.r699-layout:not(.r699-body-scroll) #r588DockShell>#r659DockBody{overflow-y:hidden!important}
body.r699-layout #r588DockShell>.r588Mode{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto 40px!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;max-height:none!important;margin:0!important;padding:6px 0 0!important;overflow:visible!important;z-index:3!important;background:linear-gradient(180deg,#090e17,#060a10)!important}
body.r699-layout #r588DockShell .r588ModeSeg{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;min-width:0!important;width:100%!important;max-width:100%!important}
body.r699-layout #r588DockShell .r588ModeSeg button{min-width:0!important;width:100%!important;min-height:36px!important;height:36px!important;max-height:none!important;padding:0 3px!important;font-size:clamp(9px,2.5vw,11px)!important;line-height:1.2!important;white-space:nowrap!important}
body.r699-layout #r588DockShell .r588Transport{display:grid!important;grid-template-columns:repeat(2,40px)!important;gap:4px!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;position:static!important;transform:none!important}
body.r699-layout #r588DockShell .r588Transport button,body.r699-layout #r588Hide{display:grid!important;place-items:center!important;position:relative!important;inset:auto!important;transform:none!important;min-width:40px!important;width:40px!important;max-width:40px!important;min-height:40px!important;height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;pointer-events:auto!important;touch-action:manipulation!important;opacity:1!important;visibility:visible!important}
body.r699-layout #r633DockGrip{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:0 0 auto!important;position:relative!important;inset:auto!important;transform:none!important;width:min(100%,180px)!important;min-width:96px!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0 auto 3px!important;padding:0 8px!important;z-index:5!important;cursor:grab!important;pointer-events:auto!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}
body.r699-layout #r633DockGrip>span:first-child{width:30px!important;height:4px!important;flex:none!important}
body.r699-layout #r633DockGrip .r697GripLabel{display:inline!important;width:auto!important;height:auto!important;min-width:0!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important}
body.r699-layout.r633-dock-dragging #r633DockGrip{cursor:grabbing!important}
body.r699-layout #r588DockShell .r588Top,body.r699-layout #r588DockShell .r588Main,body.r699-layout #r588DockShell .r588Stats,body.r699-layout #r588DockShell .r588Meta,body.r699-layout #r588DockShell .r588Actions,body.r699-layout #r588DockShell .r588Progress{position:relative!important;inset:auto!important;transform:none!important;max-width:100%!important;min-width:0!important;flex-shrink:0!important}
body.r699-layout #r588DockShell .r588Top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;min-height:34px!important;height:auto!important;padding:0 0 5px!important;overflow:visible!important}
body.r699-layout #r588DockShell .r588Identity{min-width:0!important;max-width:100%!important;overflow:hidden!important}
body.r699-layout #r588DockShell .r588Alerts{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;min-width:0!important;width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important}
body.r699-layout #r588DockShell .r588Alert{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;padding:0!important}
body.r699-layout #r588DockShell .r588Main{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important;min-height:48px!important;height:auto!important;max-height:none!important;overflow:hidden!important}
body.r699-layout #r588DockShell .r588Text{min-width:0!important;overflow:hidden!important}
body.r699-layout #r588Title,body.r699-layout #r588Current{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.r699-layout #r588DockShell .r588Stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;min-width:0!important}
body.r699-layout #r588DockShell .r588Stat{min-width:0!important;max-width:100%!important;overflow:hidden!important}
body.r699-layout #r588DockShell .r588Stat :is(i,b){min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.r699-layout #r588DockShell .r588Meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;height:auto!important;max-height:none!important}
body.r699-layout #r588DockShell .r588Meta span{min-width:0!important;max-width:100%!important;max-height:none!important;height:auto!important;min-height:31px!important;overflow:hidden!important}
body.r699-layout #r588DockShell .r588Actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;min-width:0!important;width:100%!important;min-height:36px!important;height:auto!important;max-height:none!important;overflow:visible!important}
body.r699-layout #r588DockShell .r588Actions .r588Action{min-height:36px!important;height:auto!important;max-height:none!important}
body.r699-layout #r588DockShell .r697VoiceBadge{min-width:0!important;max-width:100%!important;flex:1 1 105px!important;min-height:32px!important;height:auto!important;max-height:none!important;overflow:hidden!important}
body.r699-layout #r588DockShell .r697Wave{flex:1 1 25px!important;min-width:15px!important;margin-left:0!important}
body.r699-layout #r588DockShell .r697AudioTime{flex:0 0 auto!important;max-width:60px!important}
body.r699-layout.r588-mode-mini #r588DockShell .r588MidOnly,body.r699-layout.r588-mode-mini #r588DockShell .r588MaxOnly,body.r699-layout.r588-mode-midi #r588DockShell .r588MaxOnly,body.r699-layout #r588DockShell .r698RedundantState,body.r699-layout #r588DockShell .r588Layers,body.r699-layout #r588DockShell .r588Nav,body.r699-layout #r588DockShell #r494DockNavSlot,body.r699-layout #r588DockShell #r594TefSlot{display:none!important}
body.r699-layout.r588-mode-midi #r588DockShell .r588Stat.r588MidOnly,body.r699-layout.r588-mode-max #r588DockShell .r588Stat.r588MidOnly{display:flex!important}
body.r699-layout.r588-mode-max #r588DockShell .r588Meta{display:grid!important}
body.r699-layout.r588-mode-max #r588DockShell .r588Actions{display:flex!important}
body.r699-layout.r699-measuring #r170Now.r588-authority{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.r699-layout.r699-measuring #r588DockShell{height:auto!important;max-height:none!important;grid-template-rows:auto auto auto!important;overflow:visible!important}
body.r699-layout.r699-measuring #r588DockShell>#r659DockBody{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
/* Notification drawer: separate four-row scroll area, no transparent click-through. */
body.r699-layout.r699-drawer-open #r170Now.r588-authority{z-index:19010!important}
body.r699-layout.r699-drawer-open #r170Now.r588-authority>#r588DockShell{display:none!important;pointer-events:none!important}
body.r699-layout.r699-drawer-open #r170Now.r588-authority>#r554AlertDrawer:not([hidden]){display:grid!important;position:absolute!important;inset:8px!important;grid-template-rows:auto auto auto minmax(0,1fr)!important;gap:6px!important;min-width:0!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:hidden!important;z-index:2!important;pointer-events:auto!important;touch-action:pan-y pinch-zoom!important}
body.r699-layout #r554AlertDrawer .r554DrawerHead,body.r699-layout #r554AlertDrawer .r554DrawerFilters,body.r699-layout #r554AlertDrawer #r607DrawerMaint{position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;pointer-events:auto!important}
body.r699-layout #r554AlertDrawer #r554DrawerList{position:relative!important;inset:auto!important;min-width:0!important;min-height:0!important;max-height:none!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y pinch-zoom!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important}
body.r699-layout #r554AlertDrawer :is(button,[role="button"]){min-height:36px!important;touch-action:manipulation!important;pointer-events:auto!important}
body.r699-layout #r554AlertDrawer .r554DrawerFilters{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
body.r699-layout #r554AlertDrawer #r607DrawerMaint{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
body.r699-layout #r554AlertDrawer #r607DrawerMaint .r607MaintBtn{min-width:0!important;max-width:100%!important;min-height:36px!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.r699-layout #r699ModalBackdrop{position:fixed!important;inset:0!important;z-index:19000!important;background:rgba(0,0,0,.4)!important;pointer-events:auto!important;touch-action:none!important}
body.r699-layout #r699ModalBackdrop[hidden]{display:none!important}
/* Details is a modal portal. Only its scroll body pans; controls keep native click semantics. */
body.r699-layout.r434-inline-details-open #r677DetailsBackdrop{z-index:19100!important;background:rgba(0,0,0,.48)!important}
body.r699-layout.r434-inline-details-open>#r434InlineDetails.r677-details-portal{z-index:19110!important;top:var(--r699-top)!important;bottom:var(--r699-bottom)!important;max-height:calc(var(--r699-viewport-h) - 20px)!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
body.r699-layout.r434-inline-details-open>#r434InlineDetails.r677-details-portal>#r674DetailsScroll{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y pinch-zoom!important;scrollbar-width:thin!important}
body.r699-layout #r674DetailsScroll :is(button,a,[role="button"]){touch-action:manipulation!important;pointer-events:auto!important}
body.r699-layout #r674DetailsScroll input[type="range"]{touch-action:pan-y!important;pointer-events:auto!important}
body.r699-layout #r677DetailsClose{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;touch-action:manipulation!important}
/* Tefekkür: one vertical flow, no forced document lock or clipped controls. */
body.r699-layout.sukun-tefekkur-mode #tab-zkr{min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tab-zkr>.card.zCtl{position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;contain:none!important;margin:0 auto!important;padding-bottom:var(--r699-content-reserve)!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout{display:grid!important;grid-template-rows:auto auto!important;gap:8px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;align-content:start!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout>.tfControlPanel{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-rows:auto!important;gap:7px!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfStatusRow{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;align-items:center!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfMetaWrap{min-width:0!important;overflow:hidden!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfExitRow{position:relative!important;inset:auto!important;transform:none!important;grid-column:2!important;grid-row:1!important;width:auto!important;min-width:0!important;height:auto!important;min-height:40px!important;max-height:none!important;margin:0!important;padding:0!important;justify-self:end!important;pointer-events:auto!important}
body.r699-layout.sukun-tefekkur-mode #tefExitBtn{position:relative!important;inset:auto!important;transform:none!important;min-width:40px!important;min-height:40px!important;height:auto!important;max-height:none!important;padding:8px 12px!important;white-space:nowrap!important;pointer-events:auto!important;touch-action:manipulation!important}
body.r699-layout #zCountVisual{position:relative!important;inset:auto!important;transform:none!important;isolation:isolate!important;aspect-ratio:1/1!important;width:min(100%,360px)!important;height:auto!important;max-width:100%!important;max-height:none!important;margin-inline:auto!important;overflow:visible!important;pointer-events:auto!important;touch-action:manipulation!important}
body.r699-layout #zMuhr{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;pointer-events:none!important}
body.r699-layout #zCountVisual .cntNums{position:relative!important;z-index:1!important;pointer-events:none!important}
body.r699-layout .zCounterActions{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:6px!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
body.r699-layout .zCounterActions .zStepBtn{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}
body.r699-layout .zCounterActions .zAutoMain{min-width:0!important;width:100%!important;height:auto!important;min-height:44px!important;max-height:none!important;padding:5px!important;white-space:normal!important}
body.r699-layout .zCounterActions .zAutoMain :is(b,small){min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
body.r699-layout #zStage .zBar{position:static!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:100%!important;overflow:visible!important}
body.r699-layout #zStage .zBar .spkBtn{position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:44px!important;height:auto!important;max-height:none!important;padding:8px 4px!important;white-space:normal!important;overflow-wrap:anywhere!important;touch-action:manipulation!important;pointer-events:auto!important}
body.r699-layout #zStage .zBar .spkBtn span:last-child{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.r699-layout .r494Nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
body.r699-layout .r494Nav button{min-width:0!important;max-width:100%!important;min-height:40px!important;height:auto!important;max-height:none!important;padding:6px 4px!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.r699-layout #dockTip{pointer-events:none!important;max-width:min(90vw,360px)!important}
body.r699-layout #r616BottomNav{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
body.r699-layout #r616BottomNav button{min-width:0!important;min-height:44px!important;touch-action:manipulation!important}
body.r699-layout #r616ToolsSheet{max-height:calc(100dvh - 16px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y pinch-zoom!important;z-index:19210!important}
body.r699-layout #r616ToolsScrim{z-index:19200!important}
body.r699-layout #r616ToolsSheet :is(button,a,[role="button"]){min-height:40px!important;touch-action:manipulation!important}
body.r699-layout #r616ToolsSheet .r616ToolGrid{min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:360px){body.r699-layout #r170Now.r588-authority{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important}body.r699-layout #r170Now.r588-authority>#r588DockShell{padding:5px 6px 6px!important}body.r699-layout #r588DockShell>.r588Mode{grid-template-columns:minmax(0,1fr) auto 36px!important;gap:4px!important}body.r699-layout #r588DockShell .r588Transport{grid-template-columns:repeat(2,36px)!important;gap:3px!important}body.r699-layout #r588DockShell .r588Transport button,body.r699-layout #r588Hide{width:36px!important;min-width:36px!important;max-width:36px!important;height:40px!important;min-height:40px!important;max-height:40px!important}body.r699-layout #r588DockShell .r588ModeSeg button{font-size:9px!important;padding-inline:2px!important}body.r699-layout #r588DockShell .r588Alert{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important}body.r699-layout #r588DockShell .r588Meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.r699-layout .zCounterActions{grid-template-columns:44px minmax(0,1fr) 44px!important}body.r699-layout #tfRefinedLayout .tfStatusRow{grid-template-columns:minmax(0,1fr) auto!important}}
@media(max-height:480px) and (orientation:landscape){body.r699-layout #r170Now.r588-authority{width:min(calc(100vw - 16px),480px)!important}body.r699-layout #r633DockGrip{height:24px!important;min-height:24px!important;max-height:24px!important;margin-bottom:0!important}body.r699-layout #r170Now.r588-authority>#r588DockShell{padding:3px 7px 4px!important}body.r699-layout.sukun-tefekkur-mode #tab-zkr>.card.zCtl{padding-bottom:var(--r699-content-reserve)!important}body.r699-layout #zCountVisual{width:min(100%,220px)!important}}
@media(prefers-reduced-motion:reduce){body.r699-layout #r588DockShell *,body.r699-layout #zCountVisual *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* r699.1: the previously fixed tefekkür grid cannot accommodate a short viewport.
   Its content now has one native scroll owner and sufficient space below the player. */
body.r699-layout.sukun-tefekkur-mode{position:fixed!important;inset:0!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;touch-action:auto!important}
body.r699-layout.sukun-tefekkur-mode :is(main,.wrap){height:100dvh!important;min-height:0!important;overflow:hidden!important}
body.r699-layout.sukun-tefekkur-mode #tab-zkr{position:fixed!important;inset:0!important;display:block!important;width:100%!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y pinch-zoom!important;scroll-behavior:auto!important;padding:8px clamp(8px,2.4vw,14px) var(--r699-content-reserve)!important}
body.r699-layout.sukun-tefekkur-mode #tab-zkr>#zStage{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto 8px!important;padding:8px 8px 5px!important;display:flex!important;flex-direction:column!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tab-zkr>.card.zCtl{display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:8px!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout{display:grid!important;grid-template-rows:auto auto!important;align-content:start!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout>.tfVisualPanel{display:grid!important;grid-template-rows:auto auto!important;gap:7px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .zCounterRow{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,1fr)!important;gap:clamp(3px,1vw,8px)!important;width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .zCounterSide{width:100%!important;min-width:0!important;max-width:100%!important;min-height:72px!important;height:auto!important;padding:6px 2px!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .zCounterSide :is(b,small,em){max-width:100%!important;overflow-wrap:anywhere!important;text-align:center!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout #zCountVisual{width:100%!important;max-width:min(100%,224px)!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;aspect-ratio:1/1!important;margin:auto!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout>.tfControlPanel{width:min(100%,356px)!important;max-width:100%!important;margin:0 auto!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfStatusRow{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;align-items:center!important;justify-content:stretch!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfExitRow{grid-column:auto!important;grid-row:auto!important;position:relative!important;min-width:0!important;max-width:100%!important;justify-self:end!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout #tefExitBtn{width:auto!important;max-width:100%!important;min-height:40px!important;height:auto!important;max-height:none!important;padding:8px 11px!important;white-space:normal!important;text-align:center!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfMetaWrap{min-width:0!important;max-width:100%!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout #cntSub{width:auto!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .zCounterActions{grid-template-columns:44px minmax(0,1fr) 44px!important;gap:6px!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .r494Nav button{height:auto!important;min-height:40px!important;max-height:none!important;padding:6px 4px!important;white-space:normal!important}
/* Keep the regular zikir surface's end reachable under the player. */
body.r699-layout.r699-dock-active:not(.sukun-tefekkur-mode) #tab-zkr{padding-bottom:var(--r699-content-reserve)!important}
body.r699-layout #r699ModalBackdrop{display:block!important}
body.r699-layout.r699-drawer-open #r170Now.r588-authority{z-index:19010!important;translate:-50% 0!important;--r699-y:0px!important}
body.r699-layout.r699-drawer-open #r170Now.r588-authority>#r554AlertDrawer:not([hidden]){grid-template-rows:auto auto auto minmax(0,1fr)!important}
body.r699-layout #r554AlertDrawer .r554DrawerActions{display:flex!important;flex-wrap:wrap!important;gap:4px!important;min-width:0!important;max-width:100%!important}
body.r699-layout #r554AlertDrawer .r554DrawerActions button{min-width:36px!important;min-height:36px!important;max-width:100%!important}
body.r699-layout #r554DrawerList .r554Item{min-width:0!important;max-width:100%!important}
body.r699-layout #r554DrawerList :is(button,a){min-height:36px!important;max-width:100%!important;white-space:normal!important}
body.r699-layout #r588DockShell :is(.r588Alert,.r588Stat,.r588Action){flex-shrink:0}
body.r699-layout #r588DockShell .r588Stat{flex-shrink:1}
/* Hidden legacy surfaces never intercept an active transport or counter. */
body.r699-layout.r588-dock-ready #r170NowBtns,body.r699-layout.r588-dock-ready #r576DockRail,body.r699-layout.r588-dock-ready #r554AlertCluster{display:none!important;pointer-events:none!important}

@media(max-width:360px){body.r699-layout #r588DockShell>.r588Mode{grid-template-columns:minmax(0,1fr) auto 40px!important}body.r699-layout #r588DockShell .r588Transport{grid-template-columns:repeat(2,40px)!important}body.r699-layout #r588DockShell .r588Transport button,body.r699-layout #r588Hide{width:40px!important;min-width:40px!important;max-width:40px!important}body.r699-layout #r588DockShell .r588Alert{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important}}

/* r699 final: normal and focused zikir are real scroll surfaces, not clipped fixed-height cards. */
body.r699-layout #tab-zkr>.card.zCtl,body.r699-layout #tab-zkr>#zStage{min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;contain:none!important;flex-shrink:0!important}
body.r699-layout:not(.sukun-tefekkur-mode) #tab-zkr{min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;align-content:start!important;grid-auto-rows:max-content!important;padding-bottom:var(--r699-content-reserve)!important}
body.r699-layout:not(.sukun-tefekkur-mode) #tab-zkr>.card.zCtl{display:block!important;margin-bottom:0!important;padding-bottom:14px!important}
body.r699-layout:not(.sukun-tefekkur-mode) #tab-zkr>#zStage{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important}
body.r699-layout:not(.sukun-tefekkur-mode) #tab-zkr>.card.zCtl>#tfRefinedLayout{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.r699-layout #tab-zkr .cntRow.zCounterRow{display:grid!important;grid-template-columns:minmax(0,56px) minmax(0,1fr) minmax(0,56px)!important;align-items:center!important;gap:5px!important;min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.r699-layout #tab-zkr .zCounterSide{position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;max-width:100%!important;width:100%!important;overflow-wrap:anywhere!important;overflow:visible!important}
body.r699-layout #tab-zkr .zCounterSide :is(small,b,em){max-width:100%!important;overflow-wrap:anywhere!important}
body.r699-layout #zCountVisual{min-width:0!important;max-width:100%!important;max-height:none!important;justify-self:center!important;align-self:center!important}
body.r699-layout #zCountVisual .progArc,body.r699-layout #zCountVisual #ringHost,body.r699-layout #zCountVisual .rings,body.r699-layout #zCountVisual .breathHalo,body.r699-layout #zCountVisual .tsbGauge{pointer-events:none!important}
body.r699-layout #zCountVisual .progArc svg{max-width:100%!important;max-height:100%!important}
body.r699-layout #tab-zkr .zCounterActions{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:6px!important;width:100%!important;max-width:100%!important;align-items:stretch!important}
body.r699-layout #tab-zkr .zCounterActions :is(.zStepBtn,.zAutoMain){position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;min-height:44px!important;height:auto!important;max-height:none!important;margin:0!important;box-sizing:border-box!important}
body.r699-layout #tab-zkr .zCounterActions .zStepBtn{width:44px!important;max-width:44px!important}
body.r699-layout #tab-zkr .zCounterActions .zAutoMain{width:100%!important;padding:6px!important}
body.r699-layout #tab-zkr .zCounterActions .zAutoMain :is(b,small){white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important}
body.r699-layout #tab-zkr .r494Nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:100%!important}
body.r699-layout #tab-zkr .r494Nav button{position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:44px!important;height:auto!important;max-height:none!important;padding:6px 3px!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.r699-layout #r679ZikirAyarBox,body.r699-layout #r679ZikirAyarBox .r679SettingsBody{min-width:0!important;max-width:100%!important;max-height:none!important;overflow:visible!important}
body.r699-layout #r679ZikirAyarBox .targetModeRow,body.r699-layout #r679ZikirAyarBox .targetDetailActions,body.r699-layout #r679ZikirAyarBox .jRow{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
body.r699-layout #r679ZikirAyarBox :is(input,select,button){max-width:100%!important;box-sizing:border-box!important}
body.r699-layout #r679ZikirAyarBox input[type=range]{min-width:0!important;touch-action:auto!important}
/* In Tefekkür the scrollable zikir area ends above the player's actual top. */
body.r699-layout.sukun-tefekkur-mode #tab-zkr{position:fixed!important;inset:0 0 var(--r699-surface-bottom) 0!important;top:var(--r699-top)!important;bottom:var(--r699-surface-bottom)!important;left:0!important;right:0!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0 8px 8px!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y pinch-zoom!important;scrollbar-width:thin!important;scroll-padding-top:8px!important}
body.r699-layout.sukun-tefekkur-mode #tab-zkr>.card.zCtl{height:auto!important;min-height:0!important;max-height:none!important;padding:10px!important;margin:0 auto!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tab-zkr>#zStage{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;min-height:34px!important;padding:5px 8px!important;margin:0 0 6px!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout>.tfControlPanel{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfStatusRow{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:44px!important;max-height:none!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfStatusRow>.tfExitRow{position:relative!important;inset:auto!important;transform:none!important;grid-column:2!important;grid-row:1!important;justify-self:end!important;min-width:0!important;width:auto!important;max-width:100%!important;height:auto!important;min-height:44px!important;max-height:none!important;margin:0!important;padding:0!important;z-index:1!important}
body.r699-layout.sukun-tefekkur-mode #tefExitBtn{position:relative!important;inset:auto!important;transform:none!important;min-width:44px!important;min-height:44px!important;width:auto!important;height:auto!important;max-height:none!important;padding:8px 10px!important;white-space:normal!important;text-align:center!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfStatusRow>.tfMetaWrap{min-width:0!important;max-width:100%!important;overflow:hidden!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfMetaWrap #cntSub{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfStatusRow #r470VoiceSource{max-width:100%!important;min-width:0!important;white-space:normal!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout #zCountVisual{width:min(100%,250px)!important;max-height:none!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .zCounterActions,body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .r494Nav{flex-shrink:0!important}
/* The footer is never allowed to shrink its controls below a usable target. */
body.r699-layout #r588DockShell>.r588Mode{grid-template-columns:minmax(0,1fr) auto 44px!important;gap:5px!important;min-height:44px!important;padding:6px 0 0!important}
body.r699-layout #r588DockShell .r588Transport{grid-template-columns:repeat(2,44px)!important;gap:4px!important}
body.r699-layout #r588DockShell .r588Transport button,body.r699-layout #r588Hide{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important}
body.r699-layout #r588DockShell .r588ModeSeg button{height:44px!important;min-height:44px!important;max-height:44px!important;font-size:clamp(10px,2.5vw,12px)!important}
body.r699-layout #r633DockGrip{width:min(100%,220px)!important;min-width:120px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0 auto!important;z-index:4!important}
body.r699-layout #r588DockShell>#r659DockBody{overflow-y:auto!important;overscroll-behavior-y:contain!important;touch-action:pan-y pinch-zoom!important}
body.r699-layout #r588DockShell .r588Actions .r588Action,body.r699-layout #r588Details{min-height:40px!important;height:auto!important;max-height:none!important}
/* A modal never inherits the inactive-flow paint isolation. */
body.r699-layout.r699-drawer-open #r554AlertDrawer:not([hidden]){display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr)!important;overflow:hidden!important}
body.r699-layout.r699-drawer-open #r554DrawerList{min-height:0!important;overflow-y:auto!important;touch-action:pan-y pinch-zoom!important;overscroll-behavior:contain!important}
body.r699-layout #r699ModalBackdrop{display:block!important}
body.r699-layout #r699ModalBackdrop[hidden]{display:none!important}
body.r699-layout #r554AlertDrawer[hidden]{display:none!important;pointer-events:none!important}
body.r699-layout.r434-inline-details-open>#r434InlineDetails.r677-details-portal{top:var(--r699-top)!important;bottom:var(--r699-bottom)!important;max-height:calc(var(--r699-viewport-h) - 16px)!important;min-height:0!important;overflow:hidden!important}
body.r699-layout.r434-inline-details-open>#r434InlineDetails.r677-details-portal>#r674DetailsScroll{max-height:none!important;height:auto!important;min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;touch-action:pan-y pinch-zoom!important}
body.r699-layout #r434InlineDetails[hidden]{display:none!important;pointer-events:none!important}
/* Small viewports keep transport available without obscuring a focused input. */
body.r699-layout.r699-keyboard-compact #r588DockShell>#r633DockGrip,body.r699-layout.r699-keyboard-compact #r588DockShell>#r659DockBody{display:none!important}
body.r699-layout.r699-keyboard-compact #r170Now.r588-authority>#r588DockShell{grid-template-rows:auto!important;padding:3px 6px!important}
body.r699-layout.r699-keyboard-compact #r588DockShell>.r588Mode{padding:0!important}
@media(max-width:360px){body.r699-layout #r588DockShell>.r588Mode{grid-template-columns:minmax(0,1fr) auto 44px!important;gap:3px!important}body.r699-layout #r588DockShell .r588Transport{grid-template-columns:repeat(2,44px)!important;gap:3px!important}body.r699-layout #r588DockShell .r588Transport button,body.r699-layout #r588Hide{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important}body.r699-layout #r588DockShell .r588ModeSeg button{font-size:9px!important;padding-inline:1px!important}body.r699-layout #tab-zkr .cntRow.zCounterRow{grid-template-columns:minmax(0,42px) minmax(0,1fr) minmax(0,42px)!important;gap:3px!important}body.r699-layout #tab-zkr .zCounterSide{font-size:9px!important}body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout #zCountVisual{width:min(100%,210px)!important}}
@media(max-height:480px) and (orientation:landscape){body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout #zCountVisual{width:min(100%,160px)!important}body.r699-layout #r633DockGrip{height:28px!important;min-height:28px!important;max-height:28px!important}}

/* r699 final: real navigation DOM, not obsolete .r494Nav selectors. */
body.r699-layout .r494NavSlot,body.r699-layout .r494NavCluster{min-width:0!important;max-width:100%!important;width:100%!important;overflow:visible!important}
body.r699-layout .r494NavCluster{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr)!important;gap:5px!important;align-items:stretch!important}
body.r699-layout .r494NavBtn{box-sizing:border-box!important;position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:40px!important;height:auto!important;max-height:none!important;margin:0!important;padding:6px 3px!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;font-size:clamp(9px,2.5vw,11px)!important;line-height:1.25!important;touch-action:manipulation!important}
body.r699-layout .r494NavBtn .r494Icon{flex:0 0 auto!important;min-width:0!important}
body.r699-layout .r494NavBtn .r494Label{display:block!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important;text-align:center!important;font-size:inherit!important;line-height:inherit!important}
body.r699-layout.sukun-tefekkur-mode #r494TefNavSlot{margin:6px 0 0!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .zCounterActions{box-sizing:border-box!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .zCounterActions>*{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;position:relative!important;inset:auto!important;transform:none!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .zCounterActions .zStepBtn{width:44px!important;max-width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .zCounterActions .zAutoMain{width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;height:auto!important;padding:5px!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfStatusRow{grid-template-columns:minmax(0,1fr) auto!important;justify-items:stretch!important;align-items:center!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfMetaWrap{grid-column:1!important;grid-row:1!important;justify-self:stretch!important;max-width:100%!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout #r470VoiceSource{grid-column:1!important;grid-row:2!important;min-width:0!important;max-width:100%!important;width:100%!important;min-height:26px!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:5px!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout .tfExitRow{grid-column:2!important;grid-row:1 / span 2!important;align-self:center!important;justify-self:end!important;max-width:100%!important}
body.r699-layout.sukun-tefekkur-mode #tfRefinedLayout #tefExitBtn{max-width:100%!important;min-width:40px!important;min-height:40px!important;height:auto!important;white-space:normal!important;padding:8px 12px!important}
/* Ordinary content remains scrollable; its last action can clear a fixed player. */
body.r699-layout:not(.sukun-tefekkur-mode){position:relative!important;inset:auto!important;height:auto!important;min-height:100dvh!important;overflow-x:clip!important;overflow-y:auto!important}
body.r699-layout:not(.sukun-tefekkur-mode) :is(main,.wrap){height:auto!important;max-height:none!important;overflow:visible!important}
body.r699-layout:not(.sukun-tefekkur-mode) #zCountVisual{width:min(100%,65vw,280px)!important;max-width:min(100%,65vw,280px)!important;min-width:0!important;height:auto!important;max-height:none!important;aspect-ratio:1/1!important}
body.r699-layout:not(.sukun-tefekkur-mode) #zCountVisual .cntNums{max-width:100%!important}
body.r699-layout.r699-dock-active:not(.sukun-tefekkur-mode) #tab-zkr{min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:var(--r699-content-reserve)!important}
/* Stronger than the historic drawer fit rules; one height variable owns the host. */
body.r699-layout.r588-dock-ready.r699-drawer-open #r170Now.r588-authority.r554-alert-open{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:var(--r699-bottom)!important;translate:-50% 0!important;transform:none!important;height:var(--r699-host-h)!important;min-height:0!important;max-height:var(--r699-available)!important;overflow:hidden!important}
body.r699-layout.r588-dock-ready.r699-drawer-open #r170Now.r588-authority.r554-alert-open>#r554AlertDrawer:not([hidden]){display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr)!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:hidden!important}
body.r699-layout #r554AlertDrawer .r554NotifyFilters{min-width:0!important;max-width:100%!important}
body.r699-layout #r554AlertDrawer .r554NotifyFilters button{flex:1 1 55px!important;min-width:0!important;max-width:100%!important;white-space:normal!important}
body.r699-layout #r554DrawerList{min-height:0!important;overflow-y:auto!important;touch-action:pan-y pinch-zoom!important}
@media(max-width:359px){body.r699-layout .r494NavCluster{gap:3px!important}body.r699-layout .r494NavBtn{font-size:9px!important;gap:2px!important;padding-inline:2px!important}body.r699-layout .r494NavBtn .r494Icon{font-size:11px!important}}

/* Strong canonical specificity: retire old viewport-fit CSS without changing classic mode. */
html body.r699-layout.r616-ui:not(.sukun-tefekkur-mode) #tab-zkr{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;grid-auto-rows:max-content!important;align-content:start!important}
html body.r699-layout.r616-ui:not(.sukun-tefekkur-mode) #tab-zkr>#zStage{position:relative!important;inset:auto!important;transform:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:5px!important}
html body.r699-layout.r616-ui:not(.sukun-tefekkur-mode) #tab-zkr>.card.zCtl{position:relative!important;inset:auto!important;transform:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;contain:none!important}
html body.r699-layout.r485-controls:not(.sukun-tefekkur-mode) #tab-zkr>.card.zCtl>#tfRefinedLayout{display:flex!important;flex-direction:column!important;gap:8px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
html body.r699-layout.r485-controls.sukun-tefekkur-mode #tab-zkr>.card.zCtl>#tfRefinedLayout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
html body.r699-layout.r485-controls.sukun-tefekkur-mode #tab-zkr>.card.zCtl>#tfRefinedLayout>.tfVisualPanel,html body.r699-layout.r485-controls.sukun-tefekkur-mode #tab-zkr>.card.zCtl>#tfRefinedLayout>.tfControlPanel{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;flex:0 0 auto!important}
html body.r699-layout.r485-controls.sukun-tefekkur-mode #tab-zkr .tfControlPanel .tfPrimaryControls{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
html body.r699-layout.r485-controls.sukun-tefekkur-mode #tab-zkr .tfControlPanel .tfStatusRow{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;align-items:center!important;width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;max-height:none!important;overflow:visible!important}
html body.r699-layout.r485-controls.sukun-tefekkur-mode #tab-zkr .tfControlPanel .tfStatusRow>.tfExitRow{position:relative!important;inset:auto!important;transform:none!important;grid-column:2!important;grid-row:1!important;width:auto!important;min-width:0!important;height:auto!important;min-height:44px!important;max-height:none!important;justify-self:end!important;z-index:1!important}
html body.r699-layout.r485-controls.sukun-tefekkur-mode #tab-zkr .tfControlPanel #tefExitBtn{position:relative!important;inset:auto!important;transform:none!important;min-width:44px!important;min-height:44px!important;height:auto!important;max-height:none!important;margin:0!important;padding:8px 10px!important;white-space:normal!important;z-index:1!important}
html body.r699-layout.r485-controls.sukun-tefekkur-mode #tab-zkr .tfControlPanel .tfMetaWrap{min-width:0!important;max-width:100%!important;overflow:hidden!important}
html body.r699-layout.r485-controls.sukun-tefekkur-mode #tab-zkr .tfControlPanel #cntSub{white-space:normal!important;overflow-wrap:anywhere!important}
html body.r699-layout.r485-controls.sukun-tefekkur-mode #tab-zkr .tfControlPanel #r470VoiceSource{max-width:100%!important;min-width:0!important;white-space:normal!important}
html body.r699-layout #r170Now.r588-authority>#r588DockShell{grid-template-rows:auto minmax(0,1fr) auto!important}
html body.r699-layout #r588DockShell>#r633DockGrip{height:40px!important;min-height:40px!important;max-height:40px!important;width:min(100%,220px)!important;min-width:120px!important}
html body.r699-layout #r588DockShell>#r659DockBody{overflow-x:hidden!important;overflow-y:auto!important;min-height:0!important;max-height:none!important;touch-action:pan-y pinch-zoom!important}
html body.r699-layout #r588DockShell>.r588Mode{grid-template-columns:minmax(0,1fr) auto 44px!important;gap:4px!important;min-height:44px!important;max-height:none!important;overflow:visible!important}
html body.r699-layout #r588DockShell>.r588Mode>.r588Transport{display:grid!important;grid-template-columns:repeat(2,44px)!important;gap:4px!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important}
html body.r699-layout #r588DockShell>.r588Mode>.r588Transport>button,html body.r699-layout #r588DockShell>.r588Mode>#r588Hide{position:relative!important;inset:auto!important;transform:none!important;box-sizing:border-box!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0!important;flex:none!important}
html body.r699-layout #r588DockShell>.r588Mode .r588ModeSeg button{height:44px!important;min-height:44px!important;max-height:44px!important}
html body.r699-layout #r588DockShell .r588Main,html body.r699-layout #r588DockShell .r588Top,html body.r699-layout #r588DockShell .r588Stats,html body.r699-layout #r588DockShell .r588Meta,html body.r699-layout #r588DockShell .r588Actions{position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;max-width:100%!important;max-height:none!important}
html body.r699-layout #r588DockShell .r588Actions{height:auto!important;min-height:40px!important;overflow:visible!important}
html body.r699-layout #r588DockShell .r588Meta{height:auto!important;min-height:0!important;overflow:visible!important}
html body.r699-layout #r588DockShell .r588Stats{height:auto!important;min-height:0!important;overflow:visible!important}
html body.r699-layout #r588DockShell .r588Main{height:auto!important;min-height:48px!important;overflow:hidden!important}
html body.r699-layout #r588DockShell .r588Top{height:auto!important;min-height:34px!important;overflow:visible!important}
html body.r699-layout #r588DockShell .r588Transport button,html body.r699-layout #r588Hide{touch-action:manipulation!important;pointer-events:auto!important}
html body.r699-layout:not(.sukun-tefekkur-mode) #tab-zkr,html body.r699-layout:not(.sukun-tefekkur-mode) .wrap{scroll-padding-bottom:var(--r699-content-reserve)!important}
html body.r699-layout{scroll-padding-bottom:var(--r699-content-reserve)!important}
html.r699-scroll-ready{scroll-padding-bottom:var(--r699-content-reserve)!important}
html body.r699-layout #tab-zkr :is(button,a,[role="button"],input,select,summary){scroll-margin-bottom:var(--r699-content-reserve)!important}
html body.r699-layout.sukun-tefekkur-mode #tab-zkr :is(button,a,[role="button"],input,select,summary){scroll-margin-bottom:8px!important}
html body.r699-layout #r588DockShell :is(button,[role="button"]){scroll-margin-bottom:0!important}
@media(prefers-reduced-motion:reduce){html body.r699-layout #tab-zkr,html body.r699-layout #tab-zkr .card{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* r699: explicit, higher-specificity overrides for the real three-button navigation. */
body.r699-layout.sukun-tefekkur-mode #r494TefNavSlot .r494NavCluster,body.r699-layout #r494MainNavSlot .r494NavCluster{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr)!important;gap:4px!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
body.r699-layout.sukun-tefekkur-mode #r494TefNavSlot .r494NavBtn,body.r699-layout.sukun-tefekkur-mode #r494TefNavSlot .r494NavBtn[data-action="reset"],body.r699-layout #r494MainNavSlot .r494NavBtn,body.r699-layout #r494MainNavSlot .r494NavBtn[data-action="reset"]{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:44px!important;height:auto!important;max-height:none!important;margin:0!important;padding:6px 3px!important;gap:3px!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;font-size:clamp(9px,2.4vw,11px)!important;line-height:1.2!important}
body.r699-layout.sukun-tefekkur-mode #r494TefNavSlot .r494NavBtn .r494Label,body.r699-layout #r494MainNavSlot .r494NavBtn .r494Label{display:block!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;line-height:1.2!important;font-size:inherit!important}
body.r699-layout.sukun-tefekkur-mode #r494TefNavSlot .r494NavBtn .r494Icon{flex:0 0 auto!important;width:auto!important;min-width:0!important;height:auto!important}
/* Details keeps its intrinsic fit rather than stretching into a mostly empty full-screen sheet. */
body.r699-layout.r434-inline-details-open>#r434InlineDetails.r677-details-portal{position:fixed!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;height:var(--r674-details-h,auto)!important;min-height:0!important;max-height:min(72dvh,560px)!important;overflow:hidden!important}
body.r699-layout.r434-inline-details-open>#r434InlineDetails.r677-details-portal>#r674DetailsScroll{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y pinch-zoom!important}
/* Some historical drawer styles force full-viewport height: the canonical cap wins. */
body.r699-layout.r588-dock-ready.r699-drawer-open #r170Now.r588-authority.r554-alert-open{height:var(--r699-host-h)!important;min-height:0!important;max-height:var(--r699-available)!important}

/* r699 final: the visual grip may be compact, but its actual touch target is 44 px.
   Higher specificity wins over the historical 16/24 px Tefekkür rules. */
html body.r699-layout.r588-dock-ready #r170Now.r588-authority #r588DockShell>#r633DockGrip{box-sizing:border-box!important;height:44px!important;min-height:44px!important;max-height:44px!important;width:min(100%,220px)!important;min-width:120px!important;margin:0 auto!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;touch-action:none!important;pointer-events:auto!important;user-select:none!important}
html body.r699-layout.r588-dock-ready #r170Now.r588-authority #r588DockShell>#r633DockGrip>span:first-child{display:block!important;width:30px!important;height:4px!important;min-height:4px!important;flex:0 0 30px!important;border-radius:999px!important}
html body.r699-layout.r588-dock-ready #r170Now.r588-authority #r588DockShell>#r633DockGrip .r697GripLabel{display:inline!important;font-size:9px!important;line-height:1.2!important;white-space:nowrap!important;max-width:calc(100% - 56px)!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.r699-layout.r588-dock-ready #r170Now.r588-authority #r588DockShell>#r659DockBody{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;touch-action:pan-y pinch-zoom!important}
html body.r699-layout.r699-drawer-open #r588DockShell{pointer-events:none!important}
html body.r699-layout.r699-drawer-open #r554AlertDrawer:not([hidden]){pointer-events:auto!important}
html body.r699-layout #r699ModalBackdrop:not([hidden]){pointer-events:auto!important}
html body.r699-layout #r699ModalBackdrop[hidden]{display:none!important;pointer-events:none!important}
html body.r699-layout #r434InlineDetails[hidden],html body.r699-layout #r554AlertDrawer[hidden]{display:none!important;pointer-events:none!important}
html body.r699-layout #r588DockShell .r588ModeSeg,html body.r699-layout #r588DockShell .r588Transport{min-width:0!important}
html body.r699-layout #r588DockShell .r588ModeSeg button,html body.r699-layout #r588DockShell .r588Transport button,html body.r699-layout #r588Hide{touch-action:manipulation!important;pointer-events:auto!important}
html body.r699-layout.sukun-tefekkur-mode #tab-zkr{scrollbar-gutter:stable!important}
@media(max-height:480px) and (orientation:landscape){html body.r699-layout.r588-dock-ready #r170Now.r588-authority #r588DockShell>#r633DockGrip{height:40px!important;min-height:40px!important;max-height:40px!important}}