:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.landing-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:4rem 2rem 2rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#000}.site-title{font-size:2.5rem;font-weight:400;margin-bottom:3rem;text-align:center;letter-spacing:-.025em;color:#000}.enter-button{background:transparent;border:1px solid #000000;color:#000;padding:.75rem 2rem;font-size:1rem;font-weight:400;cursor:pointer;transition:all .2s ease;margin-bottom:4rem;letter-spacing:.05em;text-transform:uppercase;font-family:inherit}.enter-button:hover{background-color:#000;color:#fff}.enter-button:focus{outline:2px solid #000000;outline-offset:2px}.cards-container{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.card{border:1px solid #000000;width:280px;text-align:center;transition:transform .2s ease;background:#fff;overflow:hidden}.card:hover{transform:translateY(-2px)}.card a{text-decoration:none;color:#000;display:block;padding:2rem;width:100%;height:100%;box-sizing:border-box}.card h2{font-size:1.25rem;font-weight:500;margin:0 0 .5rem;letter-spacing:-.015em}.card p{font-size:.9rem;line-height:1.4;margin:0;color:#666}@media (max-width: 768px){.site-title{font-size:2rem}.cards-container{flex-direction:column;align-items:center}.card{width:100%;max-width:300px}.landing-container{padding:1rem}}@media (max-width: 480px){.site-title{font-size:1.75rem}.enter-button{padding:.625rem 1.5rem;font-size:.9rem}}@media (prefers-color-scheme: dark){.landing-container{background-color:#fff;color:#000}.site-title,.enter-button,.card,.card a{color:#000;border-color:#000}.card{background:#fff}.enter-button:hover{background-color:#000;color:#fff}}.showcase-container{min-height:100vh;padding:2rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#000}.showcase-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.back-button{background:transparent;border:1px solid #000000;color:#000;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.back-button:hover{background-color:#000;color:#fff}.showcase-title{font-size:2rem;font-weight:400;margin:0;letter-spacing:-.025em}.tabs-container{max-width:1200px;margin:0 auto}.tabs-header{display:flex;border-bottom:1px solid #000000;margin-bottom:2rem}.tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#666;padding:1rem 2rem;font-size:1rem;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:400}.tab:hover:not(:disabled){color:#000}.tab.active{color:#000;border-bottom-color:#000;font-weight:500}.tab:disabled{cursor:not-allowed;opacity:.5}.tab-content{min-height:400px}.tab-panel{animation:fadeIn .2s ease-in-out}.tab-panel h2{font-size:1.5rem;font-weight:500;margin:0 0 1rem;letter-spacing:-.015em}.tab-panel p{font-size:1rem;line-height:1.6;color:#666;margin:0 0 2rem}.live-prices-section{margin:2rem 0;padding:2rem;border:1px solid #e0e0e0;background-color:#fafafa}.live-prices-section h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:500;color:#000}.loading-state{text-align:center;padding:2rem;color:#666;font-size:1rem}.error-state{text-align:center;padding:2rem}.error-state p{color:#c00;margin:0 0 1rem}.retry-button{background:transparent;border:1px solid #cc0000;color:#c00;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.retry-button:hover{background-color:#c00;color:#fff}.prices-container{display:flex;flex-direction:column;gap:1rem}.prices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.price-card{background:#fff;border:1px solid #000000;padding:1rem;text-align:center;transition:transform .2s ease}.price-card:hover{transform:translateY(-2px)}.price-symbol{font-size:.875rem;font-weight:600;color:#666;margin-bottom:.5rem;letter-spacing:.05em}.price-value{font-size:1.125rem;font-weight:600;color:#000;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.last-updated{text-align:center;font-size:.75rem;color:#666;margin-top:1rem;font-style:italic}.order-book-section{margin:2rem 0;padding:2rem;border:1px solid #e0e0e0;background-color:#fafafa}.order-book-section h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:500;color:#000}.coin-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.coin-button{background:#fff;border:1px solid #000000;color:#000;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.coin-button:hover{background-color:#f5f5f5}.coin-button.active{background-color:#000;color:#fff}.order-book-container{background:#fff;border:1px solid #000000;overflow:hidden}.order-book-table{display:flex;flex-direction:column}.section-header{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 1rem;font-weight:600;font-size:.875rem;border-bottom:1px solid #e0e0e0;background-color:#f8f8f8}.asks-header{color:#c33}.bids-header{color:#393}.asks-section,.bids-section{display:flex;flex-direction:column}.order-level{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.5rem 1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;border-bottom:1px solid #f0f0f0;transition:background-color .1s ease}.order-level:hover{background-color:#f8f8f8}.ask-level{background-color:#cc33330d}.ask-level .price{color:#c33}.bid-level{background-color:#3399330d}.bid-level .price{color:#393}.order-level .size{color:#666;text-align:right}.spread-divider{display:flex;align-items:center;justify-content:center;padding:.75rem;background-color:#f0f0f0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.spread-label{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.repository-links{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.repo-item{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px solid #e0e0e0;background-color:#fafafa}.repo-item strong{font-weight:600;color:#000}.repo-item a{color:#06c;text-decoration:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;transition:color .2s ease}.repo-item a:hover{color:#049;text-decoration:underline}.repo-description{font-size:.875rem;color:#666;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.showcase-container{padding:1rem}.showcase-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}.showcase-title{font-size:1.75rem}.tabs-header{flex-direction:column;border-bottom:none}.tab{padding:1rem 1.25rem;text-align:left;border-right:3px solid transparent;border-bottom:none;margin-bottom:.25rem;background-color:#f8f8f8}.tab:hover:not(:disabled){background-color:#f0f0f0}.tab.active{border-right-color:#000;background-color:#fff;font-weight:600}.tab:last-child{margin-bottom:0}.repository-links{gap:1rem}.repo-item{padding:1rem}.repo-item a{font-size:.8rem;word-break:break-all}.live-prices-section{padding:1rem;margin:1rem 0}.prices-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.price-card{padding:.75rem}.price-value{font-size:1rem}.order-book-section{padding:1rem;margin:1rem 0}.coin-selector{justify-content:center;gap:.25rem}.coin-button,.order-level{padding:.4rem .75rem;font-size:.8rem}.section-header{padding:.5rem .75rem;font-size:.8rem}}#root{margin:0;padding:0;width:100%;height:100vh;background-color:#fff}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}