@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--brand-red: #FF3B30;--surface-elevated: #1A1A1A;--border-default: #2A2A2A;--semantic-success: #00DC82}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:0;height:0}.app{padding:16px;min-height:100vh}.header{text-align:center;margin-bottom:24px}.header h1{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:24px;margin-bottom:8px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both}.animate-in-delay-1{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both;animation-delay:60ms}.animate-in-delay-2{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both;animation-delay:.12s}.animate-in-delay-3{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both;animation-delay:.18s}.animate-in-delay-4{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both;animation-delay:.24s}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn var(--duration-fast) ease-out both}.modal{border-radius:16px 16px 0 0;padding:24px;width:100%;max-height:80vh;overflow-y:auto;animation:slideInFromBottom var(--duration-normal) var(--ease-out-expo) both}.modal-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;margin-bottom:16px;text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--surface-elevated, #1A1A1A);border-top:3px solid var(--brand-red, #FF3B30);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 12px #ff3b3033}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#0a0a0a 25%,#161616,#0a0a0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.touch-btn{transition:opacity .08s,transform .08s;-webkit-tap-highlight-color:transparent}.touch-btn:active{opacity:.7;transform:scale(.97)}.touch-btn:disabled{pointer-events:none}input:focus{outline:none;border-color:#fff!important;box-shadow:0 0 0 1px #ffffff26}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}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes copyFlash{0%{border-color:var(--semantic-success, #00DC82);box-shadow:0 0 8px #00dc824d}to{border-color:var(--border-default, #2A2A2A);box-shadow:none}}.copy-flash{animation:copyFlash .6s ease-out both}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out-expo) both}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.8);opacity:.5}70%{transform:translate(-50%,-50%) scale(1.4);opacity:0}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.accordion-panel{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .2s ease-out;opacity:0}.accordion-panel.expanded{max-height:200px;opacity:1}.chevron{transition:transform .25s var(--ease-out-expo)}.chevron.open{transform:rotate(180deg)}.pulse-ring{position:absolute;top:50%;left:50%;width:80px;height:80px;border-radius:50%;border:2px solid rgba(255,255,255,.15);animation:pulseRing 2s ease-out infinite}