@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap";:root{--brand: #79D3EA;--brand-dark: #4fb8d4;--brand-darker: #2d9ab8;--brand-light: #d4f1f9;--brand-bg: #edf9fc;--brand-glow: rgba(121,211,234,.2);--bg-page: #f8f7f5;--bg-white: #ffffff;--bg-warm: #f3f1ee;--bg-warm-hover: #eceae6;--border-light: #e8e5e0;--border-medium: #d9d5ce;--text-primary: #2c2a26;--text-secondary: #6b6660;--text-tertiary: #9e978e;--text-on-brand: #1a5c6e;--green: #2a9d6e;--green-bg: #e8f7f0;--red: #d44a4a;--red-bg: #fce8e8;--amber: #c48a1a;--amber-bg: #fef4e0;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 4px 16px rgba(0,0,0,.08);--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-4px)}30%,70%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressBar{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-warm)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.pin-input{width:180px;height:52px;text-align:center;font-size:28px;font-weight:700;font-family:var(--font-mono);letter-spacing:8px;border:2px solid var(--border-light);border-radius:var(--radius-md);outline:none;background:var(--bg-white);color:var(--text-primary);transition:border-color var(--transition-fast)}.pin-input:focus{border-color:var(--brand)}.nav-tab{padding:10px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{color:var(--brand-darker);border-bottom-color:var(--brand)}.mobile-nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:10px;font-weight:500;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast);flex:1}.mobile-nav-tab.active{color:var(--brand-darker)}.filter-btn{padding:6px 14px;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-warm);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.filter-btn:hover{background:var(--bg-warm-hover)}.filter-btn.active{background:var(--brand-bg);color:var(--text-on-brand)}.tooltip-trigger{cursor:help;border-bottom:1px dotted var(--text-tertiary)}.tooltip-content{position:fixed;z-index:1000;padding:12px 16px;font-size:13px;line-height:1.6;font-weight:400;color:var(--text-primary);background:var(--bg-white);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:0 4px 20px #0000001a;white-space:normal;text-transform:none;letter-spacing:normal;pointer-events:none;width:300px;box-sizing:border-box}.usps-progress-bar{height:3px;border-radius:var(--radius-full);background:linear-gradient(90deg,transparent,var(--brand),transparent);background-size:200% 100%;animation:progressBar 1.5s ease-in-out infinite}