@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Archivo:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--c-bg: #0c0d0f;--c-surface: #141619;--c-border: #2a2e35;--c-text: #e9ebee;--c-muted: #888f99;--c-lime: #c8f135}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;background:var(--c-bg)}html,body,#root{margin:0;padding:0;background:var(--c-bg)}body{font-family:Archivo,sans-serif;-webkit-touch-callout:none;overscroll-behavior-y:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:9px}select option{background:#1b1e23}input::placeholder,textarea::placeholder{color:#5b626c}.app-layout{display:flex;min-height:100vh;min-height:100dvh}.app-sidebar{width:230px;padding:20px;position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;border-right:1px solid var(--c-border);flex-shrink:0}.app-nav{display:flex;flex-direction:column;gap:4px}.app-main{flex:1;padding:32px 40px;max-width:1000px;margin:0 auto;width:100%}.sidebar-logo{display:flex;align-items:center;gap:11px;margin-bottom:30px;padding:4px 4px 0;flex-shrink:0}.sidebar-unit{display:block;margin-top:auto;padding-top:16px;border-top:1px solid var(--c-border)}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border-radius:10px;cursor:pointer;border:none;text-align:left;font-size:14px;font-weight:500;font-family:Archivo,sans-serif;transition:background .15s ease,color .15s ease}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.blocks-header{display:grid;grid-template-columns:32px 1fr 1fr 1fr 36px;gap:10px;margin-bottom:8px}.blocks-row{display:grid;grid-template-columns:32px 1fr 1fr 1fr 36px;gap:10px;align-items:center}@keyframes segment-flash{0%,to{box-shadow:0 0 #ef444400;border-color:var(--c-border)}50%{box-shadow:0 0 0 6px #ef444459;border-color:#ef4444cc}}.readout-alert{animation:segment-flash .8s ease-in-out infinite!important}@keyframes cue-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.8}}.cue-alert{animation:cue-pulse .8s ease-in-out infinite!important;transform-origin:right center}@keyframes next-value-pulse{0%,to{opacity:.3;filter:blur(1px);transform:scale(1)}50%{opacity:1;filter:blur(0px);transform:scale(1.1)}}.next-value-animated{animation:next-value-pulse .8s ease-in-out infinite;transform-origin:right center}.value-fade-in{animation:value-fade-in .2s ease-out forwards}.value-fade-out{animation:value-fade-out .15s ease-in forwards}.label-fade{opacity:.3}@keyframes value-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes value-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.runner-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.runner-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:18px}.runner-custom-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.save-bar{display:flex;gap:12px;align-items:center}.stepper-btn{background:none;border:none;cursor:pointer;padding:12px 14px;display:flex;align-items:center}.settings-add-row{display:flex;gap:10px;align-items:center}@media (max-width: 640px){.app-sidebar{width:100%;height:auto;position:fixed;bottom:0;top:auto;border-right:none;border-top:1px solid var(--c-border);flex-direction:row;padding:6px 4px;padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:100;gap:0;overflow-x:auto}.sidebar-logo,.sidebar-unit{display:none}.app-nav{flex-direction:row;gap:0;flex:1}.nav-btn{flex-direction:column;gap:3px;padding:8px 4px;font-size:10px;flex:1;justify-content:center;align-items:center;text-align:center;width:auto;border-radius:8px}.app-main{padding:16px;padding-bottom:calc(88px + env(safe-area-inset-bottom));max-width:100%}.stat-grid{grid-template-columns:repeat(2,1fr)}.blocks-header{display:none}.blocks-row{grid-template-columns:1fr 1fr 1fr 36px;gap:6px;padding:10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px}.block-num{display:none}.runner-grid-2{grid-template-columns:1fr}.runner-grid-3{grid-template-columns:1fr 1fr}.runner-custom-fields{grid-template-columns:1fr}.save-bar{flex-direction:column;align-items:stretch}.settings-add-row{flex-wrap:wrap}.settings-add-row>input{flex-basis:100%}input,select,textarea{font-size:16px}}@media (max-width: 380px){.runner-grid-3{grid-template-columns:1fr}.blocks-row{grid-template-columns:1fr 1fr auto}}
