/* Mobile launch: content stays in document flow, with one bottom navigation. */
:root{--visible-height:100dvh;--keyboard-offset:0px}html{scroll-padding-top:80px}body{margin:0}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e7b375;outline-offset:3px}.mobile-hero{background:radial-gradient(ellipse at 90% 0,#4a5542 0,transparent 55%),linear-gradient(135deg,#102b36,#171d29);padding:32px;border:1px solid #bba57166;border-radius:22px;margin-bottom:22px;color:#faf3e2}.mobile-hero h1{font-size:clamp(32px,5vw,56px);line-height:1.04}.mobile-hero em{color:#f0c17f;font-family:Georgia,serif;font-weight:400}.mobile-hero p{color:#c7d1cd;line-height:1.6}.mobile-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-action-grid button{min-height:48px}.mobile-setup>section{min-width:0}.mobile-setup p,.mobile-dialog p{line-height:1.6}.mobile-setup input{width:100%;box-sizing:border-box}.mobile-dialog{max-width:640px;margin:auto}.mobile-dialog ol{padding-left:22px;line-height:1.7}.mobile-dialog code{overflow-wrap:anywhere}.share-qr{background:white;color:#111;border-radius:16px;padding:12px;max-width:260px;margin:20px auto}.share-qr:empty{display:none}.share-qr svg{display:block;width:100%;height:auto}.payment-item{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:16px 0}.payment-item>div{flex:1;min-width:130px}.payment-item small{display:block}.mobile-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain}.mobile-drink-tools{margin:0}.mobile-drink-tools>summary{display:none}.mobile-drink-tools:not([open])>.quickbar{display:flex}.mobile-intro{margin-bottom:18px}.fs-mobile-notes{display:none}#toast{max-width:calc(100vw - 28px);box-sizing:border-box;overflow-wrap:anywhere;z-index:2147483646}.jt-card{scrollbar-gutter:stable}.jt-card p{line-height:1.5}.jt-kicker{display:flex;flex-wrap:wrap;gap:4px}.jt-time{min-width:100px}.mobile-dialog input[type=checkbox]{width:auto}.bottom-nav button{min-height:48px}.v24-access{background:var(--panel);color:var(--text)}#feedback-studio .fs-viewport{touch-action:pan-x pan-y}#feedback-studio svg.fs-canvas{touch-action:none}#feedback-studio .fs-head{cursor:move}#feedback-quick small{color:#475569}.mobile-setup .row button{flex:1 1 140px}
@media(max-width:760px){
 html{scroll-padding-top:70px}body{background:#111519;padding-bottom:calc(68px + env(safe-area-inset-bottom));overflow-x:clip;font-size:15px}.workspace,.workspace.normal{display:block}.preview-wrap{background:none}.app,.app.mobile{display:block!important;width:100%!important;max-width:100%;border:0;border-radius:0;margin:0;min-height:100dvh!important;overflow:visible!important}.app>.nav{display:none!important}.main,.content,.panel,.panel-body{min-width:0;max-width:100%;box-sizing:border-box}.app .content,.mobile .content{padding:16px 12px 30px}.app .panel,.mobile .panel{padding:17px;width:auto!important;height:auto!important;min-height:0!important}.grid,.grid.three,.calendar,.compare-grid,.modal-columns{grid-template-columns:minmax(0,1fr)!important}.studio-bar{position:sticky;top:0;padding:calc(7px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left));display:flex;gap:6px;flex-wrap:wrap;z-index:40;min-height:50px}.studio-brand{font-size:10px;letter-spacing:1px;flex:1 1 145px;max-width:calc(100% - 145px)}.studio-bar>button{min-height:40px;font-size:12px;padding:8px}.studio-bar>[data-tutorial-action=start],.studio-bar>[data-tutorial-action=settings],.studio-bar>[data-tutorial-action=mode],.studio-bar>[data-feedback=all],.studio-bar>[data-action=customise],.studio-bar>[data-action=export],.studio-bar>[data-action="page:Tutorial"]{display:none}.studio-bar>[data-feedback=new]{font-size:0;width:40px}.studio-bar>[data-feedback=new]::after{content:'✎';font-size:20px}.studio-bar>[data-mobile=settings]{font-size:0;width:40px}.studio-bar>[data-mobile=settings]::after{content:'⚙';font-size:20px}.v24-access{display:none}.mobile-drink-tools{margin:0 12px;border-bottom:1px solid var(--line)}.mobile-drink-tools>summary{display:block;padding:12px 0;color:var(--accent);font-size:13px}.mobile-drink-tools:not([open])>.quickbar{display:none}.quickbar,.mobile .quickbar{position:static!important;top:auto;padding:8px 0}.quickbar small{width:100%}.quickbar input,.quickbar select{font-size:16px}.app .bottom-nav,.mobile .bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed!important;left:0;right:0;bottom:0;top:auto!important;padding:5px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));z-index:60;border-top:1px solid var(--line);border-radius:0!important;margin:0!important;background:var(--panel);color:var(--text);gap:2px}.bottom-nav button{padding:10px 3px!important;font-size:12px!important;border:0;min-width:0}.mobile-hero{padding:23px 18px;border-radius:18px;margin-bottom:16px}.mobile-hero h1{font-size:36px!important;letter-spacing:-1px;margin-bottom:14px}.mobile-hero .eyebrow{font-size:9px;letter-spacing:1.5px}.mobile-action-grid button{font-size:14px;padding:12px 7px}.heading h1{font-size:30px!important}.heading p{font-size:14px}.list-item{flex-wrap:wrap;gap:9px}.list-item .grow{flex:1 1 55%;overflow-wrap:anywhere}.list-item>button{min-width:44px}.list-item .time{font-size:13px}.row>*{max-width:100%}button,input,select{min-height:44px}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}input[type=checkbox],input[type=radio]{min-height:24px;min-width:24px}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}.inline-fields>*{flex:1 1 130px}.observation-grid{grid-template-columns:minmax(0,1fr)!important}.preference-header{display:none}.pref-collection.table .preference-item{display:flex!important;flex-wrap:wrap}.pref-collection.table .preference-item>div:first-child{width:100%}.preference-item{overflow-wrap:anywhere;min-width:0}.preference-item button{min-height:44px}.preference-item .choice-buttons{flex-wrap:wrap}.heat-row{overflow:auto}.inspector{position:fixed;inset:62px 0 calc(68px + env(safe-area-inset-bottom));max-height:none;z-index:70;box-sizing:border-box;border:0;padding:18px;overflow:auto;overscroll-behavior:contain}.jt-customising .studio-bar>[data-action=customise]{display:block}.jt-customising .studio-bar>[data-mobile=share]{display:none}dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(var(--visible-height) - 24px);padding:18px;box-sizing:border-box;overscroll-behavior:contain;border-radius:18px;margin:auto}dialog .close{position:sticky;top:0;z-index:5;background:#24313d;min-width:44px}dialog .row{gap:8px}#feedback-studio{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:calc(var(--visible-height) - 20px)!important;max-height:calc(var(--visible-height) - 20px)!important;border-radius:15px}#feedback-studio .fs-head{padding:12px;gap:6px}#feedback-studio .fs-head small,#feedback-studio .fs-kicker{display:none}#feedback-studio h2{font-size:19px}#feedback-studio .fs-head .fs-row{margin:2px 0}#feedback-studio .fs-status{flex:1 1 100%;font-size:11px}#feedback-studio .fs-body{display:flex;flex-direction:column;height:auto}#feedback-studio .fs-main{order:0;overflow:visible;padding:12px}#feedback-studio .fs-list{order:1;max-height:none;overflow:visible;border-top:1px solid var(--line)}#feedback-studio .fs-list::before{content:'ALL NOTES & BACKUPS';font-weight:bold;font-size:12px}#feedback-studio .fs-title{min-width:120px}#feedback-studio .fs-context{font-size:12px}#feedback-studio .fs-tools{gap:4px}#feedback-studio .fs-tools button{font-size:12px;padding:8px}#feedback-studio .fs-viewport{padding:8px;max-height:45dvh}.jt-card{max-width:calc(100vw - 16px)!important;max-height:calc(var(--visible-height) * .58)!important;bottom:calc(76px + env(safe-area-inset-bottom) + var(--keyboard-offset))!important;right:8px!important;width:350px;box-sizing:border-box}.jt-card[data-minimized=true]{max-height:110px!important}.jt-card .jt-top{min-height:44px}.jt-card button{min-height:40px}.jt-card h2{font-size:18px}.jt-card p{font-size:13px}.jt-pace-grid{grid-template-columns:1fr 1fr}#feedback-quick{bottom:calc(76px + env(safe-area-inset-bottom) + var(--keyboard-offset));max-height:calc(var(--visible-height) - 20px)!important;width:310px;right:8px}.floating-resize{min-width:36px;min-height:36px!important}#toast{bottom:calc(76px + env(safe-area-inset-bottom));font-size:13px;width:max-content}.notice{font-size:13px;overflow-wrap:anywhere}.mobile-table-scroll table{min-width:480px}.mobile-setup input{font-size:14px!important}.mobile-setup code{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}