.preferences-panel{max-width:100%;margin-left:auto;position:relative}.preferences-panel>summary{color:var(--amber-bright);cursor:pointer;align-items:center;min-height:44px;font-size:15px;display:flex}.preferences-panel>summary:before{content:"✧";margin-right:8px}.preferences-panel>section{z-index:50;border:1px solid var(--line-warm);background:var(--ink-deep);width:min(360px,90vw);box-shadow:var(--shadow-surface);padding:20px;position:absolute;top:100%;right:0}.preferences-panel h2{font-size:25px}.preferences-panel p{font-size:16px;line-height:1.6}.preferences-panel label{margin:14px 0;font-size:16px;display:block}.preferences-panel input,.preferences-panel select{width:100%;min-height:44px;display:block}.preferences-panel select{color:var(--text);background:var(--surface);font:inherit;border:1px solid var(--line);padding:8px}.preferences-panel input[type=range]{accent-color:var(--potion)}.preferences-panel .preferences-check{align-items:center;gap:10px;display:flex}.preferences-panel .preferences-check input{width:24px;min-height:24px;accent-color:var(--potion);flex:none;margin:0}:root{--safe-bottom:env(safe-area-inset-bottom,0px)}body{min-height:100svh}.app-shell{padding-left:max(6%,env(safe-area-inset-left));padding-right:max(6%,env(safe-area-inset-right))}header{padding-top:max(12px,env(safe-area-inset-top))}footer{padding-bottom:max(24px,var(--safe-bottom))}button,input,textarea,select,summary{scroll-margin-block:80px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--potion);outline-offset:4px}.live-book :is(button,input,textarea):focus-visible{outline-color:#355d46}.live-book textarea{font-size:16px}.live-book input[type=radio]{min-width:28px;min-height:28px;margin:0;box-shadow:0 0 0 7px #0000}.condition-table td:first-child{min-width:44px}.condition-table td,.condition-table th{height:44px}.book-tabs button{min-height:44px}.role-lesson{border:1px solid var(--line-warm);border-left:3px solid var(--amber);background:var(--surface);margin:18px 0;padding:16px 20px;box-shadow:inset 0 1px #eed2a014}.role-lesson h3{font:600 24px var(--font-title);margin:8px 0}.role-lesson p{font-size:16px;line-height:1.6}.role-lesson .lesson-actions{flex-wrap:wrap;gap:10px;display:flex}.role-lesson button{white-space:normal;min-height:44px}.lesson-step{color:var(--potion);font-size:14px}.lesson-complete{color:var(--potion)}.progress-hints{border-top:1px solid var(--line);padding-top:10px}.progress-hints button{min-height:44px;color:var(--amber-bright)}.progress-hints ol{padding-left:22px;font-size:16px;line-height:1.6}.voice-panel.voice-active{padding:12px 16px}.voice-active h2{margin:0 0 8px;font-size:21px}.voice-active>p{margin:8px 0}.voice-tools summary{cursor:pointer;min-height:44px;color:var(--amber-bright);align-items:center;display:flex}[data-motion=reduce] *,[data-motion=reduce] :before,[data-motion=reduce] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-motion=reduce] .lab-reaction{transform:none}[data-text-size=large] .live-book :is(.book-question,.critical-rule,.condition-table,.note-label){font-size:18px}[data-text-size=large] .role-lesson p{font-size:19px}@media (width<=760px){.preferences-panel{order:4;width:100%;margin-left:0}.preferences-panel>section{width:100%;margin:8px 0;position:static}.role-lesson{padding:14px}.preferences-panel>summary{font-size:15px}.voice-panel.voice-active{margin-block:12px}.voice-active>p:first-of-type{display:none}}@media (width<=600px){.primary-dock{padding-bottom:calc(5px + var(--safe-bottom))}.room-page.assistant-active{padding-bottom:calc(190px + var(--safe-bottom))}[data-keyboard=open] .primary-dock{box-shadow:none;position:static}[data-keyboard=open] .chemist-console{position:static}[data-keyboard=open] .room-page.assistant-active{padding-bottom:24px}.table-scene{border-top:2px solid var(--line-warm)}.role-lesson .lesson-actions{grid-template-columns:1fr 1fr;display:grid}.role-lesson .lesson-actions>button:first-child:last-child{grid-column:1/-1}}@media (orientation:landscape) and (height<=500px){.primary-dock{box-shadow:none;position:static}.room-page.assistant-active{padding-bottom:24px}.chemist-console{max-height:none;position:static}}.rule-mark{cursor:pointer;place-items:center;min-width:44px;min-height:44px;display:grid}.preferences-panel input[type=range],.voice-panel input[type=range]{min-height:44px}.voice-panel input[type=range]{margin:0}nav a{align-items:center;min-height:44px;display:inline-flex}@media (width<=1100px){header{flex-wrap:wrap}.preferences-panel{order:4;width:100%}}body:has(.preferences-panel[open]) .primary-dock{visibility:hidden;pointer-events:none}