/* Phone layout: natural page flow, readable controls, and safe-area-aware navigation. */
@media (max-width:600px), (max-width:950px) and (max-height:500px){
 :root{--phone-nav:calc(66px + env(safe-area-inset-bottom,0px));--phone-drawer:64px}
 html{height:auto;overflow-x:hidden;overflow-y:auto;scroll-padding-top:12px;scroll-padding-bottom:calc(var(--phone-nav) + var(--phone-drawer) + 20px);-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{height:auto;min-height:100vh;min-height:100dvh;overflow:visible;overflow-x:hidden;padding-bottom:var(--phone-nav)}
 aside{position:static;inset:auto;width:100%;height:auto;padding:12px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));border:0;background:transparent;display:block}
 .brand{font-size:21px}.brand small{font-size:8px}.brand .logo{font-size:28px}
 nav{position:fixed;inset:auto 0 0;z-index:90;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:none;margin:0;padding:5px max(4px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));gap:2px;border-top:1px solid #dce3d3;background:#f5f7effa;box-shadow:0 -3px 18px #273d3309;min-height:var(--phone-nav)}
 nav button{min-width:0;min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:5px 1px;border-radius:9px;font-size:10px}
 .navicon{width:22px;height:22px}.navicon .prana-icon{width:22px;height:22px}.navlabel{font-size:10px;line-height:1.2;max-width:100%;white-space:normal;overflow-wrap:normal}.aside-bottom{display:none}
 main{margin:0;max-width:none;width:100%;height:auto;min-height:0;overflow:visible;padding:4px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left))}
 .topline{display:none}header{margin:5px 0 14px}h1{font-size:25px;line-height:1.2}header p{font-size:12px;line-height:1.5;margin-top:6px}
 #practice{display:block;min-height:0;padding-bottom:calc(var(--phone-drawer) + 8px)}
 .workspace{display:flex;flex-direction:column;gap:12px;height:auto;min-height:0}
 .settings{height:auto;max-height:none;min-height:0;overflow:visible;padding:12px;gap:9px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:14px}
 .settings>label[for=technique-picker-toggle]{font-size:10px}.settings .picker-toggle{min-height:54px}.picker-current-text strong{font-size:14px}.picker-current-text small{font-size:11px}.picker-current-icon{width:36px;height:36px}
 .settings .duration{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.duration button{font-size:12px;min-height:44px;padding:8px 3px}.settings #sigh-options .duration{grid-template-columns:repeat(2,minmax(0,1fr))}
 .compact-sound-settings>summary,.practice-notes>summary{min-height:44px;font-size:12px;line-height:1.4;gap:6px}.settings .compact-sound-settings,.settings .practice-notes{margin:0;padding:0}
 .vipassana-player{grid-column:1 / -1;margin-top:0;padding-top:10px}.vipassana-play{min-height:64px;padding:12px}.vipassana-play strong{font-size:14px}.vipassana-play small{font-size:11px;line-height:1.4}#vipassana-stop{min-height:44px;min-width:60px}
 .breather{min-height:0;height:auto;flex:none;padding:14px 12px;border-radius:16px}.panelhead{min-height:44px}.eyebrow{font-size:10px}.circle-wrap{height:clamp(230px,70vw,340px);min-height:230px;flex:none;margin:7px 0}.phase-row{font-size:12px;gap:7px;line-height:1.5;flex-wrap:wrap}.timer{margin:12px 0;font-size:14px}.primary{min-height:50px;min-width:0;width:min(100%,280px);font-size:15px;padding:12px 20px}.reset{height:50px;width:50px;flex-shrink:0}.footnote{font-size:11px;line-height:1.6}.live-message{font-size:12px}
 .iconbutton,.iconbutton#focus{min-height:44px;min-width:44px}button,a,summary{touch-action:manipulation}input,select,textarea,.settings select,.analytics-filters input,.analytics-filters select{font-size:16px!important;min-height:44px}input[type=range]{min-height:44px;height:44px;accent-color:#6c875e}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.switch{min-width:46px;min-height:28px}.toggle-row{min-height:52px;gap:10px}
 .explore-panel{position:fixed;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:calc(var(--phone-nav) + 6px);z-index:60;border-radius:12px}.explore-summary{min-height:54px;padding:9px 12px;gap:5px}.explore-summary small{font-size:10px}.explore-content{max-height:calc(100vh - 160px);max-height:calc(100dvh - var(--phone-nav) - 90px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 12px 20px;scroll-padding-top:10px}
 .sectionhead{flex-direction:column;align-items:stretch;gap:12px}.sectionhead h2{font-size:21px}.filters{flex-wrap:wrap;gap:6px}.filters button{min-height:44px;padding:8px 10px;font-size:12px}.technique-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.technique-jumps button{min-height:54px;min-width:0;font-size:11px;padding:8px 5px;gap:5px;flex-wrap:wrap;justify-content:center;line-height:1.3}.technique-jumps button .prana-icon{width:16px;height:16px}.technique-group{padding:14px 12px}.group-heading{flex-wrap:wrap;align-items:flex-start}.group-heading h3{font-size:18px;line-height:1.4}.group-heading p{font-size:12px}.group-count{font-size:11px;margin-left:0}.cards{grid-template-columns:1fr;gap:10px}.card{padding:16px;min-height:135px}.card h4{font-size:16px}.card p{font-size:13px;line-height:1.6}.cardfoot{font-size:11px}.tag{font-size:8px}
 .field-reference{padding:15px 12px}.field-reference h2{font-size:22px}.field-reference p,.context-fields p,.context-meta p,.field-reference li,.huberman-guide p{font-size:13px;line-height:1.7}.situation-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.situation-shortcuts button{min-height:54px;font-size:12px;padding:10px}.situation-tabs{gap:7px}.situation-tabs button{min-height:44px;font-size:12px;padding:8px 10px}.situation-item>summary,.reference-fold>summary,.huberman-guide details>summary{min-height:48px;font-size:14px;line-height:1.5;padding:7px 0}.situation-item summary span{font-size:11px}.context-fields{grid-template-columns:1fr}.situation-breathe-button{min-height:52px}.protocol-links{display:grid;grid-template-columns:1fr;gap:8px}.protocol-links button,.huberman-action button{min-height:48px;padding:11px;font-size:13px;text-align:left}.huberman-actions{grid-template-columns:1fr}.huberman-top{flex-direction:column}.huberman-action h3{font-size:16px;line-height:1.5}.source-link{display:inline-block;min-height:44px;line-height:1.5;padding:10px 0}
 .picker-panel .picker-search-header{padding:12px}.picker-panel #picker-close{min-width:44px;min-height:44px}.picker-option{min-height:64px;padding:10px}.picker-option strong{font-size:13px}.picker-option small{font-size:11px;line-height:1.4}.picker-group h4{font-size:11px}.pick-icon{min-width:34px}
 #history{flex:none;width:100%;height:auto;max-width:100%;min-height:0;overflow:visible;padding:16px 12px 24px}.analytics-heading{flex-wrap:wrap;gap:10px}.analytics-filters{gap:10px}.analytics-filters label{min-width:42%;font-size:12px}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.analytics-grid{grid-template-columns:1fr}.analytics-kpi strong{font-size:26px}.analytics-kpi span,.analytics-kpi small{font-size:11px}.analytics-card h3{font-size:16px}.analytics-note{font-size:12px}.analytics-records{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.analytics-calendar{gap:3px}.analytics-methods{font-size:13px}.analytics-day{min-width:0}.analytics-trend{overflow-x:hidden}
 .bottom{position:static;padding:12px 0 10px;margin:10px 0 0;font-size:10px;line-height:1.7}
 .focus aside,.focus nav,.focus .settings,.focus header,.focus #explore-panel,.focus .bottom{display:none}.focus{padding-bottom:0}.focus main{height:100vh;height:100dvh;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden}.focus #practice{display:flex;flex:1;min-height:0;padding:0}.focus .workspace{flex:1;height:100%;min-height:0}.focus .breather{display:flex;flex:1;min-height:0;height:100%}.focus .circle-wrap{height:auto;flex:1;min-height:100px}.focus .primary{min-height:50px}
}
@media(max-width:950px) and (max-height:500px){nav{grid-template-columns:repeat(6,minmax(0,1fr))}nav button{flex-direction:row;gap:6px;min-height:44px}.navlabel{font-size:11px}:root{--phone-nav:calc(54px + env(safe-area-inset-bottom))}.settings{grid-template-columns:1fr 1fr}.circle-wrap{height:260px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-content{max-height:calc(100dvh - var(--phone-nav) - 70px)}.focus .phase-row,.focus .footnote{display:none}.focus .panelhead{min-height:32px}.focus .timer{margin:5px 0}.focus .circle-wrap{min-height:80px}}
@media(prefers-reduced-motion:reduce){.situation-breath-orb{animation:none}*{scroll-behavior:auto!important}}
@media (max-width:600px), (max-width:950px) and (max-height:500px){
 nav{height:var(--phone-nav);min-height:var(--phone-nav)}
 button,summary,input,select,a{scroll-margin-top:90px;scroll-margin-bottom:calc(var(--phone-nav) + var(--phone-drawer) + 24px)}
 .switch{position:relative}.switch:after{content:"";position:absolute;inset:-8px -2px}
}
@media (max-width:600px), (max-width:950px) and (max-height:500px){
 #practice{padding-bottom:12px}.explore-panel:not([open]){position:static;margin-top:12px}.explore-panel[open]{position:fixed}
}

@media (max-width:600px), (max-width:950px) and (max-height:500px){
 .phone-meditations{display:grid;gap:10px;order:2;width:100%}
 .phone-meditations .vipassana-player{border:0;padding:0;margin:0;min-width:0}
 #vipassana-play{background:#e3eafb;border-color:#94a8d7;color:#253e72}
 #vipassana-play:hover{background:#d7e1f8}
 #vipassana-play small{color:#4d628d}
 #nidra-play{background:#f0e3f3;border-color:#bf95c9;color:#653774}
 #nidra-play:hover{background:#e8d6ed}
 #nidra-play small{color:#80568b}
 #nidra-stop{min-height:44px;min-width:60px}
}

.learn-menu{display:none}.learn-menu h2{margin:0 0 6px}.learn-menu p{color:#7b8279}.learn-menu>div{display:flex;flex-wrap:wrap;gap:8px}.learn-menu button{display:flex;align-items:center;gap:8px;padding:12px 16px;min-height:48px;border:1px solid #d4decc;border-radius:12px;background:#edf1e6}
body[data-route="learn"] .learn-menu{display:block;margin-bottom:14px}
body[data-route="learn"] .workspace,body[data-route="meditate"] .settings,body[data-route="meditate"] .breather{display:none}
body[data-route="meditate"] .phone-meditations{display:grid;gap:12px;width:100%;max-width:700px;margin:0 auto}
body[data-route="meditate"] .phone-meditations .vipassana-player{margin:0;border:0;padding:0}
body[data-route="learn"] .explore-panel[open]{position:static;max-height:none}
body[data-route="learn"] .explore-content{max-height:none;overflow:visible}
body[data-route="meditate"] .explore-panel{display:none}
@media (max-width:600px), (max-width:950px) and (max-height:500px){nav{grid-template-columns:repeat(4,minmax(0,1fr))}.learn-menu>div{display:grid;grid-template-columns:1fr 1fr}.learn-menu button{font-size:12px;padding:12px 8px}.learn-menu .navicon{flex-shrink:0}}