:root{--color-bg: #0A0F14;--color-card: #161B22;--color-card-light: #21262D;--color-border: #30363D;--color-border-active:#00D4FF;--color-action: #00D4FF;--color-action-dim: #00B4D8;--color-action-glow: rgba(0, 212, 255, .15);--color-success: #39D353;--color-warn: #F59E0B;--color-danger: #F85149;--color-text: #E6EDF3;--color-text-sec: #8B949E;--color-text-muted: #6E7681;--color-text-faint: #484F58;--font-sans: "Inter", sans-serif;--font-display: "Montserrat", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;padding-top:env(safe-area-inset-top)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[inputmode=decimal],input[inputmode=numeric]{text-align:center!important;-webkit-text-align:center}input[type=range]{-webkit-appearance:none;background:transparent;width:100%;cursor:pointer}input[type=range]::-webkit-slider-track{height:4px;border-radius:2px;background:var(--color-border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-action);margin-top:-8px;cursor:pointer;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes setRecorded{0%{background:#22c55e59}to{background:transparent}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.fade-in{animation:fadeIn .3s ease}@keyframes drawLine{to{stroke-dashoffset:0}}.chart-line{stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawLine .9s ease forwards}.fade-card{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.fade-card.visible{opacity:1;transform:translateY(0)}.cta-btn{transition:box-shadow .2s ease,transform .15s ease}.cta-btn:hover{box-shadow:0 0 28px #38bdf859,0 6px 16px #38bdf833!important;transform:translateY(-1px)}.cta-btn:active{transform:scale(.98);box-shadow:0 0 10px #38bdf833!important}.btn-confirm:active{transform:scale(.95)}.glow-btn{transition:all .2s ease}.glow-btn:hover{box-shadow:0 0 20px #38bdf84d;transform:translateY(-1px)}.glow-btn:active{transform:translateY(0);box-shadow:none}.card-hover{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card-hover:hover{box-shadow:0 4px 16px #00000040!important;transform:translateY(-1px)}@media(min-width:768px){.pill-arrow-l,.pill-arrow-r{display:flex!important}}:focus-visible{outline:2px solid var(--color-action);outline-offset:2px;border-radius:4px}