html,body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow-x:clip}html,body,#root{height:100%}body{background:var(--surface);color:var(--color-fg-1);font-family:var(--font-sans);-webkit-touch-callout:none;margin:0}.kiosk{-webkit-user-select:none;user-select:none;touch-action:manipulation}.kiosk input{-webkit-user-select:text;user-select:text}*{box-sizing:border-box}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.screenwrap{transform-origin:50% 42%;will-change:opacity, transform;flex-direction:column;flex:1;min-height:0;animation:.46s cubic-bezier(.16,1,.3,1) both screenIn;display:flex}@keyframes screenIn{0%{opacity:0;transform:translateY(18px)scale(.986)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screenwrap{animation:.2s both screenFade}@keyframes screenFade{0%{opacity:0}to{opacity:1}}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerIn{0%{opacity:.4;transform:translate(26px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--ink-200);border:3px solid var(--surface);border-radius:8px}::-webkit-scrollbar-track{background:0 0}input[type=range]{appearance:none;background:var(--ink-150);border-radius:9999px;outline:none;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;border-radius:50%;width:30px;height:30px;box-shadow:0 1px 3px #231f204d}a,.link{color:var(--color-link)}