:root{color-scheme:light;background:#faf6ec}
html,body{margin:0;width:100%;height:100%;background:#faf6ec;overscroll-behavior:none}
body{font-family:'Avenir Next',Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#coloc-preview{padding:0!important;background:none!important;height:100%;color-scheme:light}
#coloc-app{width:100%;max-width:520px;height:var(--app-height,100dvh);min-height:0;margin:0 auto;border:0;border-radius:0;box-shadow:none;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
#coloc-app header{grid-row:1;padding:calc(12px + env(safe-area-inset-top)) 22px 9px}
#coloc-app main{grid-row:2;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:24px!important;scroll-padding-top:15px;scroll-padding-bottom:28px;-webkit-overflow-scrolling:touch}
#coloc-app nav{grid-row:3;margin:8px 15px calc(10px + env(safe-area-inset-bottom));z-index:40}
#coloc-app #coloc-actions{position:absolute;inset:0}
#coloc-app .actions-sheet{bottom:calc(101px + env(safe-area-inset-bottom));max-height:calc(100% - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}
#coloc-app .notice{position:absolute;bottom:calc(100px + env(safe-area-inset-bottom));left:15px;right:15px;z-index:25;margin:0;box-shadow:0 5px 20px #24251f18;pointer-events:none}
#coloc-app .demo{margin-top:7px;font-size:11px}
#coloc-app .profile{padding:0;min-height:40px;width:40px;height:40px;border:0}
#coloc-app .cursor-interaction{cursor:pointer;touch-action:manipulation}
#coloc-app .guest-editor,#coloc-app #meal-form{animation:none}
#coloc-app .primary,#coloc-app .round-add,#coloc-app .stock-row button{min-height:44px}
#coloc-app .round-add,#coloc-app .stock-row button{min-width:44px}
#coloc-app input:not([type=checkbox]),#coloc-app select,#coloc-app textarea{font-size:16px}
#coloc-app .history-searchbox:focus-within{outline:2px solid #77856c;outline-offset:2px}
#coloc-app #history-query:focus-visible{outline:none}
#coloc-app .test-guide ol{padding-left:22px}
#coloc-app .test-guide li{margin:10px 0}
#coloc-app .install-note{background:var(--sun)}
#coloc-app .storage-warning{color:var(--error)}
#coloc-app .test-guide a{color:inherit;text-underline-offset:3px}
@media(min-width:600px){body{background:#ece7db}#coloc-app{box-shadow:0 0 50px #24251f12}}
@media(max-height:650px){#coloc-app header{padding-top:calc(8px + env(safe-area-inset-top))}#coloc-app .demo{display:none}#coloc-app #coloc-actions .actions-sheet .stack>button{min-height:112px;gap:7px}#coloc-app #coloc-actions .quick-symbol{width:48px;height:48px;flex-basis:48px}#coloc-app #coloc-actions .quick-symbol svg{width:30px;height:30px}}