.slate-root{font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.slate-root .mono{font-family:var(--font-slate);font-variant-numeric:tabular-nums}.slate-root ::selection{color:#000;background:#ffb020}.slate-root input{font-family:inherit}.slate-root input::placeholder{color:var(--mut3)}.slate-root button{color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:inherit}.slate-root :focus-visible{outline:2.5px solid var(--tx);outline-offset:2px;border-radius:3px}@keyframes mflash{0%{opacity:.96}70%{opacity:.9}to{opacity:0}}@keyframes mtoast{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}82%{opacity:1}to{opacity:0}}.slate-root .pressable{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform 80ms,filter .12s,background .12s}.slate-root .pressable:active{transform:scale(.96)}.slate-root .press985:active{filter:brightness(1.06);transform:scale(.985)}.slate-root .press92:active{transform:scale(.92)}.slate-root .stepper:active{background:var(--btnA)!important}.slate-root .rowhov{transition:background .12s,border-color .12s}.slate-root .rowhov:hover{background:var(--hov);border-color:var(--bd4)!important}.slate-root .hovbg{transition:background .12s}.slate-root .hovbg:hover{background:var(--hov)}.slate-root .hit{position:relative}.slate-root .hit:after{content:"";width:44px;height:44px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.slate-root *,.slate-root :before,.slate-root :after{transition-duration:.001ms!important;animation-duration:.001ms!important}.slate-root .reduce-flash{opacity:0!important;animation:none!important}.slate-root .toast{opacity:1!important;animation:none!important;transform:translate(-50%)!important}}@media (max-width:860px){.slate-root.shell{flex-direction:column-reverse!important}.slate-root .nav-rail{border-right:none!important;border-top:1px solid var(--bd0)!important;width:100%!important;height:62px!important;padding:6px 8px!important;padding-bottom:calc(6px + env(safe-area-inset-bottom))!important;flex-direction:row!important;align-items:center!important;gap:2px!important}.slate-root .nav-logo,.slate-root .nav-fps{display:none!important}.slate-root .nav-item{flex:1!important;width:auto!important;padding:6px 0!important}.slate-root .nav-spacer{display:none!important}.slate-root .nav-theme{order:99}.slate-root .screen{padding:16px!important;padding-top:calc(16px + env(safe-area-inset-top))!important}.slate-root [data-screen=slate]{justify-content:flex-start!important}.slate-root .slate-primary{flex-direction:column!important;flex:none!important;height:auto!important}.slate-root .slate-primary>div{width:100%!important}.slate-root .slate-grid{flex:none!important;grid-template-columns:1fr 1fr!important}.slate-root .slate-grid .col-span-all,.slate-root .slate-grid .fps-cell{grid-column:1/-1!important}.slate-root .action-bar{z-index:20;padding:10px 0 calc(6px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 72%, transparent);position:sticky;bottom:0;flex-wrap:wrap!important;height:auto!important}.slate-root .action-bar .clap{min-height:68px;flex:100%!important}.slate-root .action-bar .logtake{min-height:60px;flex:60%!important}.slate-root .action-bar .circle{min-height:60px;flex:30%!important;width:auto!important}.slate-root .action-bar .fs-btn{min-height:60px;flex:0 0 60px!important}.slate-root .reports{flex-direction:column!important}.slate-root .reports .export-panel{width:100%!important}.slate-root .log-row{flex-wrap:wrap!important;row-gap:6px!important}.slate-root .log-row .log-note{order:5;flex:100%!important}.slate-root .fs-fields{flex-direction:column!important;gap:6px!important}.slate-root .fs-take{font-size:120px!important}}@media (max-width:520px){.slate-root .settings-grid{grid-template-columns:1fr!important}.slate-root .fs-take{font-size:92px!important}}