:root{--cc-ink: #0D0D0D;--cc-paper: #FAFAF7;--cc-accent: #FF3B1F;--cc-chip: #F0EEE8;--cc-line: #E8E5DC;--cc-muted: #888880;--cc-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--cc-display: system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--op-bg: #0F0F1A;--op-surface: #1A1A2E;--op-surface2:#242438;--op-card: #1E1E32;--op-border: rgba(255,255,255,.08);--op-muted: rgba(255,255,255,.4);--op-green: #4CAF50;--op-blue: #2196F3;--op-orange: #FF6B35;--op-purple: #9C27B0;--op-grey: #607D8B;--max-w: 480px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--nav-h: calc(58px + var(--sab))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;font-family:var(--cc-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--cc-paper);overscroll-behavior:none}#root{height:100%;overflow:hidden;overscroll-behavior:none}*{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}button:active{transform:scale(.97);transition:transform .08s}button{min-height:44px}input,select,textarea{font-family:inherit;font-size:16px;-webkit-appearance:none}.scroll-area{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}::-webkit-scrollbar{width:0;height:0}@keyframes screen-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes screen-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.screen-anim{animation:screen-in .22s cubic-bezier(.25,.46,.45,.94) both}.screen-anim-up{animation:screen-in-up .2s cubic-bezier(.25,.46,.45,.94) both}@keyframes op-flash-anim{0%,to{box-shadow:0 0 #ff6b3500}50%{box-shadow:0 0 0 6px #ff6b35a6}}.op-flash{animation:op-flash-anim .8s ease-in-out 5}@keyframes stepper-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.stepper-pop{animation:stepper-pop .2s cubic-bezier(.34,1.56,.64,1) both}@media (prefers-reduced-motion: reduce){.screen-anim,.screen-anim-up,.stepper-pop,.op-flash{animation:none!important}*{transition-duration:.01ms!important}}.bottom-nav{position:fixed;bottom:0;left:50%;right:0;transform:translate(-50%);width:100%;max-width:var(--max-w);background:rgba(250,250,247,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--cc-line);display:flex;padding-bottom:var(--sab);z-index:100}.bottom-nav button{flex:1;padding:8px 4px 6px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:unset;position:relative}.bottom-nav button:active{transform:scale(.93)}