/* Phone layout uses document flow: the canvas never covers text or controls. */
 .eye-toggle{min-height:38px;border:1px solid var(--border);border-radius:7px;padding:7px 10px;font-size:11px;cursor:pointer}.eye-toggle[aria-pressed=true]{background:#89b6a526}
.mobile-scroll-strip,.mobile-detail-link{display:none}
@media(max-width:760px){
 html{scroll-padding-top:12px}body{overflow-x:hidden;line-height:1.5}
 header{height:auto;min-height:0;padding:12px;gap:8px;align-items:center;flex-wrap:wrap}
 header .brand{flex:1 1 calc(100% - 100px);font-size:19px;min-width:0}header .brand small{font-size:6px;letter-spacing:1.2px}
 header>button,header>.admin-link{min-height:40px;padding:8px 10px;white-space:nowrap;font-size:12px;line-height:1.3;margin:0}
 header .settings-btn{margin-left:auto}header nav{order:10;display:flex;width:100%;gap:6px;justify-content:space-between;min-width:0}header .nav{height:42px;min-width:0;flex:1;padding:6px 2px;font-size:11px;white-space:normal}
 body:not(.model-focus) #atlas{display:flex;flex-direction:column;gap:12px;height:auto;min-height:0;overflow:visible;padding:14px 12px 24px}
 body:not(.model-focus) #atlas>.atlas-heading{position:static;order:0;pointer-events:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
 .atlas-heading p,.atlas-heading h1{display:none}.atlas-heading>span{font-size:12px;flex-basis:100%;line-height:1.5}.gender-tabs{margin:0}.gender-tabs button{font-size:12px;min-height:40px;padding:8px 16px}#female-schema-note{font-size:11px;line-height:1.5;max-width:100%}
 body:not(.model-focus) #atlas>.top-search{position:relative;order:1;inset:auto;width:100%;padding:10px 12px;min-height:46px;transform:none;z-index:40}.top-search input{font-size:16px}#search-results{max-height:50svh;overscroll-behavior-y:contain}#search-results button{padding:12px}#search-results b,#search-results .russian-name{font-size:13px}
 body:not(.model-focus) #viewport{position:relative;order:2;inset:auto;width:100%;height:52svh;min-height:300px;max-height:470px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse,#ffffff0b,#748e880c)}
 .mobile-scroll-strip{display:block;position:absolute;z-index:2;right:0;top:0;bottom:0;width:26px;touch-action:pan-y;background:linear-gradient(90deg,transparent,#718e8718);border-left:1px solid #91a9a322;color:var(--muted);font-size:11px;writing-mode:vertical-rl;text-align:center;padding:12px 4px}
 body:not(.model-focus) #atlas>.camera-tools{position:static;order:3;transform:none;width:100%;display:flex;justify-content:space-between;gap:4px;padding:5px}.camera-tools button{min-height:40px;flex:1;padding:7px 4px;font-size:12px}
 body:not(.model-focus) #atlas>.zoom-tools{position:static;order:4;display:flex;flex-direction:row;justify-content:space-evenly;transform:none;padding:4px}.zoom-tools button{min-width:52px;min-height:44px;font-size:25px}.zoom-tools button:last-child{border-top:0;border-left:1px solid var(--border)}
 body:not(.model-focus) #atlas>.explode-panel{position:static;order:5;transform:none;width:100%;padding:16px}.explode-head{gap:10px;align-items:center}.explode-head>div{min-width:0}.explode-head b{font-size:14px}.explode-head span{font-size:11px;line-height:1.5}.explode-head button{min-width:36px;min-height:40px}.range-labels{font-size:11px;gap:12px}#explode{touch-action:none}
 body:not(.model-focus) #atlas>#systems-panel{position:static;order:6;inset:auto;width:100%;padding:16px;max-height:none;visibility:visible;transform:none}.panel-title{font-size:14px}#mobile-layers{font-size:14px;min-height:40px}.anatomy-presets,[aria-label="Быстрые режимы анатомии"]{display:flex;flex-wrap:wrap;gap:7px}.anatomy-presets button,[aria-label="Быстрые режимы анатомии"] button{flex:1 1 90px;min-height:42px;font-size:12px;padding:8px}.filter-tabs button{font-size:11px;min-height:38px}.layer{padding:12px 0;gap:10px}.layer strong{font-size:13px;line-height:1.4}.layer small{font-size:11px}.layer-color{width:7px;height:7px}.toggle{width:32px;height:20px}.toggle:after{width:14px;height:14px;top:3px;left:3px}.layer input:checked+.toggle:after{left:15px}#layers{overflow:visible;max-height:none;min-height:0}.panel-foot,.panel-foot button{font-size:12px;line-height:1.6}
 body:not(.model-focus) #atlas>#brain-panel{position:static;order:7;inset:auto;transform:none;width:100%;height:auto;max-height:none;min-height:0;margin:0;padding:16px;gap:12px}#brain-panel label{display:grid;font-size:12px}#brain-panel input,#brain-panel select{font-size:16px;min-height:44px}#brain-list{max-height:380px;min-height:100px;overflow-y:auto;overscroll-behavior-y:auto;touch-action:pan-y}#brain-list b{font-size:13px}#brain-list span{font-size:12px}.brain-note{font-size:11px}
 body:not(.model-focus) #atlas>#detail{position:static;order:8;inset:auto;transform:none;width:100%;max-height:none;overflow:visible;padding:18px;scroll-margin-top:12px}.detail-top{font-size:11px;letter-spacing:.08em}.detail-top button{min-width:40px;min-height:40px;font-size:24px}.detail-head{font-size:24px;line-height:1.4;overflow-wrap:anywhere}.russian-name{font-size:16px;line-height:1.6}.detail-tags span{font-size:12px}.info b{font-size:11px}.info p,.anatomy-evidence,.anatomy-evidence b{font-size:14px;line-height:1.7}.actions .primary,.action-pair button,.detail-bottom,.detail-bottom button{font-size:13px;min-height:44px;padding:10px}.detail-bottom{padding:12px 0}.anatomy-evidence{overflow-wrap:anywhere}
 body:not(.model-focus) #atlas>.bottom-hint{position:static;order:9;inset:auto;display:block;font-size:12px;line-height:1.6}.bottom-hint button{font-size:12px;min-height:42px}#welcome{display:none!important}
 .mobile-detail-link:not([hidden]){display:block;order:4;width:100%;padding:12px;border:1px solid var(--border);border-radius:9px;text-align:left;color:var(--green);font-size:13px;min-height:44px}
 body.brain-view:not(.model-focus) #atlas>#systems-panel,body.brain-view:not(.model-focus) .atlas-heading{display:none}body.brain-view .explode-panel{display:none}
 #catalog{padding:24px 12px}#catalog-list{grid-template-columns:1fr}.card{min-width:0}.card h3{font-size:16px}.card .russian-name{font-size:14px}.catalog-filters input,.catalog-filters select{font-size:16px;min-width:0;max-width:100%;min-height:44px}.catalog-info{font-size:12px;flex-wrap:wrap;gap:8px}.catalog-info>span:last-child{max-width:none;text-align:left}
 dialog{padding:22px;max-height:90dvh;overscroll-behavior-y:contain}dialog p,.setting small{font-size:13px;line-height:1.6}.setting{gap:16px}.setting span{min-width:0}.setting input{flex-shrink:0}.setting b{font-size:15px}
 #toast{width:calc(100% - 24px);white-space:normal;font-size:13px;line-height:1.5;bottom:12px}
 body.model-focus #atlas{display:block;padding:0}body.model-focus #viewport{position:absolute!important;inset:0!important;min-height:0;max-height:none;width:100%;height:auto;border-radius:0}body.model-focus .mobile-scroll-strip{display:none}
 [aria-label="Быстрые режимы анатомии"]{flex-direction:row!important;align-items:stretch;width:100%}[aria-label="Быстрые режимы анатомии"] button{height:auto;min-height:48px;line-height:1.4}
}

@media(max-width:760px){#loading{width:calc(100% - 24px);max-width:290px;top:50%;padding:22px}}