.animated-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;background:transparent}.animated-background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.animated-background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(20,184,166,.12) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(20,184,166,.06) 0%,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(20,184,166,.08) 2px,rgba(20,184,166,.08) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(20,184,166,.08) 2px,rgba(20,184,166,.08) 4px);pointer-events:none;animation:overlayPulse 8s ease-in-out infinite}@keyframes overlayPulse{0%,to{opacity:1}50%{opacity:.8}}.animated-background-overlay:before,.animated-background-overlay:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.animated-background-overlay:before{width:400px;height:400px;background:radial-gradient(circle,rgba(20,184,166,.35),transparent);top:10%;left:10%;animation-delay:0s}.animated-background-overlay:after{width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.3),transparent);bottom:10%;right:10%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.app{position:relative;z-index:1}.animated-background-canvas{will-change:contents}@media (prefers-reduced-motion: reduce){.animated-background-overlay{animation:none}.animated-background-overlay:before,.animated-background-overlay:after{animation:none}}.wallet-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md, 1rem)}.wallet-modal{background:var(--color-surface, rgba(30, 30, 46, .6));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl, 12px);max-width:var(--modal-max-width, 600px);width:var(--modal-width, 90%);max-height:var(--modal-max-height, 90vh);overflow-y:auto;box-shadow:var(--shadow-xl, 0 20px 60px rgba(0, 0, 0, .5));border:1px solid var(--color-primary-border, rgba(100, 108, 255, .3))}.wallet-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--card-padding, 1.5rem);border-bottom:1px solid var(--color-border, rgba(100, 108, 255, .2))}.wallet-modal-header h2{margin:0;color:var(--color-text-primary, rgba(255, 255, 255, .87));font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-semibold, 600)}.wallet-modal-close{background:none;border:none;color:var(--color-text-tertiary, rgba(255, 255, 255, .6));font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 4px);transition:all var(--transition-base, .2s)}.wallet-modal-close:hover{background:var(--color-surface-hover, rgba(255, 255, 255, .1));color:var(--color-text-primary, rgba(255, 255, 255, .87))}.wallet-modal-content{padding:var(--card-padding, 1.5rem)}.wallet-modal-content section{margin-bottom:var(--spacing-lg, 1.25rem);padding-bottom:var(--spacing-lg, 1.25rem);border-bottom:1px solid var(--color-border-light, rgba(100, 108, 255, .1))}.wallet-modal-content section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.wallet-modal-content h3{color:var(--color-text-primary, rgba(255, 255, 255, .87));margin:0 0 var(--spacing-md, .75rem) 0;font-size:var(--font-size-lg, 1.1rem);font-weight:var(--font-weight-semibold, 600)}.wallet-connected{display:flex;flex-direction:column;gap:1rem}.wallet-info{background:var(--color-primary-light, rgba(100, 108, 255, .1));padding:var(--spacing-md, .75rem);border-radius:var(--radius-md, 8px);border:1px solid var(--color-primary-border, rgba(100, 108, 255, .2))}.wallet-info p{margin:var(--spacing-xs, .25rem) 0;color:var(--color-text-secondary, rgba(255, 255, 255, .8));font-size:var(--font-size-sm, .9rem)}.party-id{display:block;background:var(--color-background, rgba(0, 0, 0, .3));padding:var(--spacing-sm, .5rem) var(--spacing-md, .75rem);border-radius:var(--radius-sm, 4px);font-family:var(--font-family-mono, "Courier New", monospace);font-size:var(--font-size-xs, .8rem);word-break:break-all;color:var(--color-primary, #646cff);margin:var(--spacing-xs, .25rem) 0;border:1px solid var(--color-border, rgba(100, 108, 255, .2))}.wallet-hint{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, rgba(255, 255, 255, .5));margin-top:var(--spacing-xs, .25rem)}.wallet-disconnected{display:flex;flex-direction:column;gap:.5rem}.wallet-format-info-compact{background:var(--color-primary-light, rgba(100, 108, 255, .1));padding:var(--spacing-sm, .5rem) var(--spacing-md, .75rem);border-radius:var(--radius-md, 6px);font-size:var(--font-size-sm, .85rem);margin-bottom:var(--spacing-md, .75rem);border:1px solid var(--color-primary-border, rgba(100, 108, 255, .2))}.wallet-format-info-compact strong{color:var(--color-text-primary, rgba(255, 255, 255, .9));margin-right:var(--spacing-sm, .5rem);font-weight:var(--font-weight-semibold, 600)}.wallet-format-info-compact code{font-family:var(--font-family-mono, "Courier New", monospace);color:var(--color-primary, #646cff);font-size:var(--font-size-sm, .85rem)}.wallet-input-group{display:flex;gap:.5rem;margin:.75rem 0}.party-id-input{flex:1;padding:var(--spacing-md, .75rem);background:var(--color-background, rgba(0, 0, 0, .3));border:1px solid var(--color-primary-border, rgba(100, 108, 255, .3));border-radius:var(--radius-md, 4px);color:var(--color-text-primary, rgba(255, 255, 255, .87));font-family:var(--font-family-mono, "Courier New", monospace);font-size:var(--font-size-sm, .9rem);transition:all var(--transition-base, .2s)}.party-id-input:focus{outline:none;border-color:var(--color-primary, #646cff);box-shadow:0 0 0 3px var(--color-primary-light, rgba(100, 108, 255, .1))}.default-party-info-compact{margin-top:.5rem}.default-party-info-compact .hint{font-size:.8rem;color:#fff9;margin:0}.default-party-info-compact code{font-family:Courier New,monospace;color:#646cff;font-size:.8rem;background:#0003;padding:.2rem .4rem;border-radius:3px}.token-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.token-input{flex:1;padding:var(--spacing-md, .75rem);background:var(--color-background, rgba(0, 0, 0, .3));border:1px solid var(--color-primary-border, rgba(100, 108, 255, .3));border-radius:var(--radius-md, 4px);color:var(--color-text-primary, rgba(255, 255, 255, .87));font-family:var(--font-family-mono, "Courier New", monospace);font-size:var(--font-size-sm, .9rem);transition:all var(--transition-base, .2s)}.token-input:focus{outline:none;border-color:var(--color-primary, #646cff);box-shadow:0 0 0 3px var(--color-primary-light, rgba(100, 108, 255, .1))}.token-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.token-hint{font-size:.85rem;color:#fff9;margin:.5rem 0}.token-hint code{background:#0000004d;padding:.2rem .4rem;border-radius:3px;font-size:.85rem}.token-status{color:#4caf50;font-size:.9rem;margin-top:.5rem}.token-form{background:var(--color-primary-light, rgba(100, 108, 255, .05));padding:var(--spacing-md, 1rem);border-radius:var(--radius-md, 8px);border:1px solid var(--color-primary-border, rgba(100, 108, 255, .2))}.token-form h4{margin:0 0 var(--spacing-md, 1rem) 0;color:var(--color-text-primary, rgba(255, 255, 255, .87));font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600)}.form-group{margin-bottom:var(--spacing-md, 1rem)}.form-group label{display:block;margin-bottom:var(--spacing-sm, .5rem);color:var(--color-text-secondary, rgba(255, 255, 255, .8));font-size:var(--font-size-sm, .9rem);font-weight:var(--font-weight-medium, 500)}.form-group input{width:100%;padding:var(--spacing-md, .75rem);background:var(--color-background, rgba(0, 0, 0, .3));border:1px solid var(--color-primary-border, rgba(100, 108, 255, .3));border-radius:var(--radius-md, 4px);color:var(--color-text-primary, rgba(255, 255, 255, .87));font-size:var(--font-size-base, 1rem);transition:all var(--transition-base, .2s)}.form-group input:focus{outline:none;border-color:var(--color-primary, #646cff);box-shadow:0 0 0 3px var(--color-primary-light, rgba(100, 108, 255, .1))}.form-actions{display:flex;gap:.5rem}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.status-item{background:var(--color-primary-light, rgba(100, 108, 255, .1));padding:var(--spacing-md, 1rem);border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem);border:1px solid var(--color-primary-border, rgba(100, 108, 255, .2))}.status-label{color:var(--color-text-tertiary, rgba(255, 255, 255, .6));font-size:var(--font-size-sm, .9rem);font-weight:var(--font-weight-medium, 500)}.status-connected{color:var(--color-success, #22c55e);font-weight:var(--font-weight-semibold, 600)}.status-disconnected{color:var(--color-error, #ef4444);font-weight:var(--font-weight-semibold, 600)}.status-ready{background:var(--color-success-bg, rgba(34, 197, 94, .2));padding:var(--spacing-md, .75rem);border-radius:var(--radius-md, 8px);color:var(--color-success, #22c55e);margin:0;text-align:center;border:1px solid var(--color-success, rgba(34, 197, 94, .3))}.alert-success{background:var(--color-success-bg, rgba(34, 197, 94, .2));color:var(--color-success, #22c55e);padding:var(--spacing-md, .75rem);border-radius:var(--radius-md, 4px);margin-bottom:var(--spacing-md, 1rem);border:1px solid var(--color-success, rgba(34, 197, 94, .3))}.alert-error{background:var(--color-error-bg, rgba(239, 68, 68, .2));color:var(--color-error, #ef4444);padding:var(--spacing-md, .75rem);border-radius:var(--radius-md, 4px);margin-bottom:var(--spacing-md, 1rem);border:1px solid var(--color-error, rgba(239, 68, 68, .3))}.btn-primary,.btn-secondary,.btn-get-token{padding:var(--spacing-md, .75rem) var(--spacing-lg, 1.5rem);border:none;border-radius:var(--radius-md, 4px);cursor:pointer;font-size:var(--font-size-sm, .9rem);font-weight:var(--font-weight-medium, 500);transition:all var(--transition-base, .2s);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .1))}.btn-primary{background:var(--color-primary, #646cff);color:var(--color-text-primary, rgba(255, 255, 255, .87))}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover, #535bf2);transform:translateY(-2px);box-shadow:var(--shadow-primary, 0 4px 12px rgba(100, 108, 255, .3))}.btn-secondary{background:var(--color-primary-light, rgba(100, 108, 255, .2));color:var(--color-text-primary, rgba(255, 255, 255, .87));border:1px solid var(--color-primary-border, rgba(100, 108, 255, .3))}.btn-secondary:hover:not(:disabled){background:var(--color-primary-light, rgba(100, 108, 255, .3));border-color:var(--color-primary-border, rgba(100, 108, 255, .5));transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .2))}.btn-get-token{background:var(--color-warning-bg, rgba(245, 158, 11, .2));color:var(--color-warning, #f59e0b);border:1px solid var(--color-warning, rgba(245, 158, 11, .3))}.btn-get-token:hover{background:var(--color-warning-bg, rgba(245, 158, 11, .3));transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .2))}.nav-dropdown{position:relative;display:inline-block;z-index:1001}.nav-dropdown-toggle{display:flex;align-items:center;gap:var(--spacing-xs, .25rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .625rem);background:transparent;border:1px solid var(--color-border-light, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 6px);color:var(--color-text-primary, rgba(255, 255, 255, .87));font-size:var(--font-size-xs, .85rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all var(--transition-base, .2s ease);white-space:nowrap;line-height:1.2}.nav-dropdown-toggle:hover{background:var(--color-surface-hover, rgba(255, 255, 255, .05));border-color:var(--color-border-light, rgba(255, 255, 255, .2));color:var(--color-primary, #646cff);transform:translateY(-1px)}.nav-dropdown-toggle.active{background:var(--color-primary-light, rgba(100, 108, 255, .1));border-color:var(--color-primary-border, rgba(100, 108, 255, .3));color:var(--color-primary, #646cff)}.dropdown-arrow{font-size:.7rem;transition:transform .2s;opacity:.7}.nav-dropdown-toggle:hover .dropdown-arrow,.nav-dropdown-toggle.active .dropdown-arrow{opacity:1}.nav-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-sm, .5rem));left:0;background:var(--color-background-transparent, rgba(26, 26, 46, .95));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border, rgba(100, 108, 255, .2));border-radius:var(--radius-lg, 8px);padding:var(--spacing-xs, .25rem) 0;min-width:180px;box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .3));z-index:10001;animation:slideDown var(--transition-base, .2s ease-out);pointer-events:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-menu a{display:block;padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.25rem);color:var(--color-text-primary, rgba(255, 255, 255, .87));text-decoration:none;font-size:var(--font-size-sm, .9rem);transition:all var(--transition-base, .2s ease);border-radius:var(--radius-sm, 4px);margin:var(--spacing-xs, .125rem) var(--spacing-xs, .25rem);pointer-events:auto;cursor:pointer;position:relative;z-index:10001}.nav-dropdown-menu a:hover{background:var(--color-primary-light, rgba(100, 108, 255, .15));color:var(--color-primary, #646cff);transform:translate(4px)}.nav-dropdown-menu a.active{background:var(--color-primary-light, rgba(100, 108, 255, .2));color:var(--color-primary, #646cff);font-weight:var(--font-weight-semibold, 600)}.btn-connect{padding:var(--spacing-xs, .375rem) var(--spacing-sm, .75rem);background:var(--color-primary, #646cff);border:none;border-radius:var(--radius-md, 6px);color:var(--color-text-primary, white);font-size:var(--font-size-xs, .85rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all var(--transition-base, .2s ease);white-space:nowrap;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .1));line-height:1.2}.btn-connect:hover:not(:disabled){background:var(--color-primary-hover, #535bf2);transform:translateY(-1px);box-shadow:var(--shadow-primary, 0 4px 12px rgba(100, 108, 255, .3))}.wallet-info{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);flex-wrap:wrap}.wallet-info .nav-balance{font-weight:var(--font-weight-semibold, 600);color:var(--color-primary, #646cff);text-decoration:none;font-size:var(--font-size-sm, .9rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--radius-md, 6px);background:var(--color-primary-light, rgba(100, 108, 255, .1));border:1px solid var(--color-primary-border, rgba(100, 108, 255, .2));transition:all var(--transition-base, .2s ease)}.wallet-info .nav-balance:hover{background:var(--color-primary-light, rgba(100, 108, 255, .2));border-color:var(--color-primary-border, rgba(100, 108, 255, .4));color:var(--color-primary-hover, #535bf2)}@media (max-width: 768px){.nav-dropdown-menu{right:0;left:auto}.nav-dropdown-toggle{font-size:.85rem;padding:.4rem .75rem}}.app-footer{background:linear-gradient(135deg,#0a0f14fa,#121c24fa);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--spacing-md, 1rem) 0 var(--spacing-sm, .5rem);color:var(--color-text-secondary, rgba(255, 255, 255, .8));position:relative;z-index:1;overflow:hidden}.app-footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(20,184,166,.12) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(6,182,212,.1) 0%,transparent 50%);animation:footerGradientShift 8s ease-in-out infinite;z-index:-1}@keyframes footerGradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.app-footer:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(20,184,166,.06) 2px,rgba(20,184,166,.06) 4px);animation:footerGridMove 20s linear infinite;z-index:-1}@keyframes footerGridMove{0%{transform:translateY(0)}to{transform:translateY(4px)}}.footer-container{max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--spacing-xl, 2rem);position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-sm, .5rem)}.footer-section h3{color:var(--color-text-primary, rgba(255, 255, 255, .87));font-size:var(--font-size-sm, .875rem);margin:0 0 var(--spacing-xs, .25rem) 0;font-weight:var(--font-weight-semibold, 600);letter-spacing:.3px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin:var(--spacing-xs, .25rem) 0}.footer-section ul li a{color:var(--color-text-secondary, rgba(255, 255, 255, .7));text-decoration:none;transition:color var(--transition-base, .2s ease);font-size:var(--font-size-xs, .75rem);line-height:1.4}.footer-section ul li a:hover{color:var(--color-primary)}.footer-section p{color:var(--color-text-secondary, rgba(255, 255, 255, .7));font-size:var(--font-size-xs, .75rem);line-height:1.4;margin:0}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--spacing-xs, .25rem);text-align:center}.footer-bottom p{margin:var(--spacing-xs, .125rem) 0;color:var(--color-text-tertiary, rgba(255, 255, 255, .6));font-size:var(--font-size-xs, .75rem);line-height:1.3}.footer-tech{font-size:var(--font-size-xs, .75rem)!important;color:var(--color-text-muted, rgba(255, 255, 255, .5))!important}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-md, 1rem)}.footer-container{padding:0 var(--spacing-lg, 1.5rem)}.app-footer{padding:var(--spacing-sm, .5rem) 0 var(--spacing-xs, .25rem)}}@media (max-width: 640px){.footer-content{gap:var(--spacing-sm, .5rem)}.footer-section h3{font-size:var(--font-size-sm, .875rem)}.footer-section ul li a,.footer-section p{font-size:var(--font-size-xs, .75rem)}}.toast-container{position:fixed;top:var(--spacing-xl, 2rem);right:var(--spacing-xl, 2rem);z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem);max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md, 1rem);border-radius:var(--radius-md, 6px);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .3));background:var(--color-surface, rgba(30, 30, 46, .95));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border, rgba(100, 108, 255, .2));pointer-events:all;animation:slideInRight .3s ease-out;min-width:300px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);flex:1}.toast-icon{font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-bold, 700);flex-shrink:0}.toast-message{color:var(--color-text-primary, rgba(255, 255, 255, .87));font-size:var(--font-size-base, 1rem);line-height:1.5}.toast-close{background:transparent;border:none;color:var(--color-text-muted, rgba(255, 255, 255, .5));cursor:pointer;font-size:var(--font-size-xl, 1.5rem);line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full, 9999px);transition:all var(--transition-base, .2s);margin-left:var(--spacing-sm, .5rem);flex-shrink:0}.toast-close:hover{background:var(--color-surface-hover, rgba(37, 37, 56, .95));color:var(--color-text-primary, rgba(255, 255, 255, .87))}.toast-success{border-left:4px solid var(--color-success, #22c55e);background:var(--color-success-bg, rgba(34, 197, 94, .2))}.toast-success .toast-icon{color:var(--color-success, #22c55e)}.toast-error{border-left:4px solid var(--color-error, #ef4444);background:var(--color-error-bg, rgba(239, 68, 68, .2))}.toast-error .toast-icon{color:var(--color-error, #ef4444)}.toast-warning{border-left:4px solid var(--color-warning, #f59e0b);background:var(--color-warning-bg, rgba(245, 158, 11, .2))}.toast-warning .toast-icon{color:var(--color-warning, #f59e0b)}.toast-info{border-left:4px solid var(--color-info, #3b82f6);background:var(--color-info-bg, rgba(59, 130, 246, .2))}.toast-info .toast-icon{color:var(--color-info, #3b82f6)}@media (max-width: 768px){.toast-container{top:var(--spacing-md, 1rem);right:var(--spacing-md, 1rem);left:var(--spacing-md, 1rem);max-width:none}.toast{min-width:auto;width:100%}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1;background:transparent}.app-header{background:linear-gradient(135deg,#0a0f14fa,#121c24fa);border-bottom:1px solid var(--color-border);padding:var(--spacing-xs, .5rem) 0;transition:all var(--transition-base, .2s ease);position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;overflow:visible;pointer-events:auto}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(20,184,166,.12) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(6,182,212,.1) 0%,transparent 50%);animation:navbarGradientShift 8s ease-in-out infinite;z-index:-1}@keyframes navbarGradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.app-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(20,184,166,.06) 2px,rgba(20,184,166,.06) 4px);animation:navbarGridMove 20s linear infinite;z-index:-1}@keyframes navbarGridMove{0%{transform:translate(0)}to{transform:translate(4px)}}.app-header .container{max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--spacing-xl, 2rem);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md, 1rem);flex-wrap:nowrap;position:relative;z-index:1;pointer-events:auto}.logo{text-decoration:none;color:inherit;display:flex;align-items:center;gap:var(--spacing-sm, .5rem)}.logo-img{flex-shrink:0;display:block}.logo-text{display:flex;flex-direction:column;line-height:1.2;gap:.05rem}.logo-name{font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-semibold, 600);white-space:nowrap;color:var(--color-text-primary, rgba(255, 255, 255, .87));transition:color var(--transition-base, .2s ease);font-family:var(--font-family-base)}.logo:hover .logo-name{color:var(--color-primary, #14b8a6)}.logo-tagline{font-weight:var(--font-weight-normal, 400);opacity:.85;font-size:.75em;color:var(--color-text-secondary, rgba(255, 255, 255, .7));font-family:var(--font-family-base)}.app-header nav{display:flex;gap:var(--spacing-md, 1rem);align-items:center;flex-wrap:nowrap}.app-header nav a{color:var(--color-text-primary, rgba(255, 255, 255, .87));text-decoration:none;font-weight:var(--font-weight-medium, 500);transition:color var(--transition-base, .2s ease);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--radius-md, 6px)}.app-header nav a:hover{color:var(--color-primary, #646cff);background-color:var(--color-primary-light, rgba(100, 108, 255, .1))}.wallet-info{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);flex-wrap:nowrap;padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);background:var(--color-primary-light, rgba(100, 108, 255, .1));border-radius:var(--radius-md, 6px);border:1px solid var(--color-primary-border, rgba(100, 108, 255, .2));transition:all var(--transition-base, .2s ease)}.wallet-info:hover{background:var(--color-primary-light, rgba(100, 108, 255, .15));border-color:var(--color-primary-border, rgba(100, 108, 255, .3))}.wallet-info span{white-space:nowrap;font-size:var(--font-size-xs, .8rem);color:var(--color-text-secondary, rgba(255, 255, 255, .7));font-family:var(--font-family-mono, "Courier New", monospace)}.wallet-info button{white-space:nowrap;padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:var(--font-size-xs, .8rem);background:var(--color-primary-light, rgba(100, 108, 255, .2));border:1px solid var(--color-primary-border, rgba(100, 108, 255, .3));color:var(--color-text-primary, rgba(255, 255, 255, .9));border-radius:var(--radius-sm, 4px);cursor:pointer;transition:all var(--transition-base, .2s ease);font-weight:var(--font-weight-medium, 500)}.wallet-info button:hover{background:var(--color-primary-light, rgba(100, 108, 255, .3));border-color:var(--color-primary-border, rgba(100, 108, 255, .5));transform:translateY(-1px)}.app-header nav button{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-sm, .9rem);background:var(--color-primary, #646cff);border:none;border-radius:var(--radius-sm, 4px);color:var(--color-text-primary, #fff);cursor:pointer;transition:all var(--transition-base, .2s ease);font-weight:var(--font-weight-medium, 500);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .1))}.app-header nav button:hover:not(:disabled){background:var(--color-primary-hover, #535bf2);transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .2))}.app-main{flex:1;padding:var(--spacing-xl, 2rem) 0;background-color:transparent;position:relative;z-index:1;margin-top:50px}.app-main:has(.documentation-container){margin-top:0;padding-top:0;padding-bottom:0}.container{max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--spacing-xl, 2rem)}.container:has(.documentation-container){padding-left:0;padding-right:0;max-width:100%}.card{background:var(--color-surface, rgba(30, 30, 46, .5));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border, rgba(100, 108, 255, .2));border-radius:var(--radius-lg, 8px);padding:var(--card-padding, 1.5rem);margin-bottom:var(--spacing-md, 1rem);transition:all var(--transition-base, .2s ease);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .1));width:var(--card-width, 100%);max-width:var(--content-card-max-width, 100%)}.card:hover{border-color:var(--color-primary-border, rgba(100, 108, 255, .3));background:var(--color-surface-hover, rgba(37, 37, 56, .6));box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .2));transform:translateY(-2px)}.card h2{margin-bottom:1rem;color:#ffffffde}.card p{color:#fff9;margin-bottom:.5rem}.alert-warning{background:var(--color-warning-bg, rgba(245, 158, 11, .2));border:1px solid var(--color-warning, rgba(245, 158, 11, .5));border-radius:var(--radius-lg, 8px);padding:var(--card-padding, 1.5rem);color:var(--color-text-primary, rgba(255, 255, 255, .87));transition:all var(--transition-base, .2s ease)}.alert-warning h3{margin:0 0 var(--spacing-md, 1rem) 0;color:var(--color-warning, #f59e0b);font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-semibold, 600)}.alert-warning p{margin:var(--spacing-sm, .5rem) 0;color:var(--color-text-secondary, rgba(255, 255, 255, .8));line-height:1.6}.alert-warning ul{margin:var(--spacing-sm, .5rem) 0;padding-left:var(--spacing-lg, 1.5rem);color:var(--color-text-secondary, rgba(255, 255, 255, .8))}.alert-warning li{margin:var(--spacing-xs, .25rem) 0}.form-group{margin-bottom:1rem}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#f44;background:#ff44441a}.field-error{display:block;color:var(--color-error, #ef4444);font-size:var(--font-size-sm, .875rem);margin-top:var(--spacing-xs, .25rem);animation:slideDown var(--transition-base, .2s ease-out)}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffde;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--color-border, #333);border-radius:var(--radius-md, 4px);background:var(--color-background, #2a2a2a);color:var(--color-text-primary, rgba(255, 255, 255, .87));font-size:var(--font-size-base, 1rem);transition:all var(--transition-base, .2s ease);font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary, #646cff);box-shadow:0 0 0 3px var(--color-primary-light, rgba(100, 108, 255, .1))}.form-group input:hover:not(:disabled),.form-group select:hover:not(:disabled),.form-group textarea:hover:not(:disabled){border-color:var(--color-primary-border, rgba(100, 108, 255, .3))}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface, #1e1e1e)}.form-group textarea{min-height:100px;resize:vertical}.btn-primary{background-color:var(--color-primary, #646cff);color:#fff;border:none;padding:.75rem 1.5rem;font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;border-radius:var(--radius-md, 4px);transition:all var(--transition-base, .2s ease);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .1))}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover, #535bf2);transform:translateY(-2px);box-shadow:var(--shadow-primary, 0 4px 12px rgba(100, 108, 255, .3))}.btn-secondary{background-color:var(--color-surface, #333);color:var(--color-text-primary, white);border:1px solid var(--color-border, #444);padding:.75rem 1.5rem;font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;border-radius:var(--radius-md, 4px);transition:all var(--transition-base, .2s ease)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover, #444);border-color:var(--color-primary-border, rgba(100, 108, 255, .3));color:var(--color-primary, #646cff);transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .2))}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg, 1.5rem);margin-top:var(--spacing-xl, 2rem)}.market-card .status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.status{display:inline-block;padding:var(--spacing-xs, .25rem) var(--spacing-md, .75rem);border-radius:var(--radius-full, 12px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);white-space:nowrap}.status-active{background-color:var(--status-active, #22c55e);color:#fff}.status-resolving{background-color:var(--status-resolving, #f59e0b);color:#fff}.status-settled{background-color:var(--status-settled, #6b7280);color:#fff}.status-pending{background-color:var(--status-pending, #3b82f6);color:#fff}.status-rejected{background-color:var(--status-rejected, #ef4444);color:#fff}.loading{text-align:center;padding:var(--spacing-xl, 2rem);color:var(--color-text-tertiary, rgba(255, 255, 255, .6));min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.error{background-color:var(--color-error, #ef4444);color:var(--color-text-primary, white);padding:var(--spacing-md, 1rem);border-radius:var(--radius-md, 6px);margin-bottom:var(--spacing-md, 1rem);border:1px solid var(--color-error, #ef4444);transition:all var(--transition-base, .2s ease)}.success{background-color:var(--color-success, #22c55e);color:var(--color-text-primary, white);padding:var(--spacing-md, 1rem);border-radius:var(--radius-md, 6px);margin-bottom:var(--spacing-md, 1rem);border:1px solid var(--color-success, #22c55e);transition:all var(--transition-base, .2s ease)}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary: #14b8a6;--color-primary-hover: #0d9488;--color-primary-light: rgba(20, 184, 166, .12);--color-primary-border: rgba(20, 184, 166, .35);--color-background: #0a0f14;--color-background-transparent: rgba(10, 15, 20, .6);--color-surface: rgba(20, 30, 38, .6);--color-surface-hover: rgba(28, 42, 52, .7);--color-border: rgba(20, 184, 166, .22);--color-border-light: rgba(255, 255, 255, .1);--color-text-primary: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .6);--color-text-muted: rgba(255, 255, 255, .5);--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .2);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .2);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .2);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .2);--status-active: #22c55e;--status-pending: #3b82f6;--status-resolving: #f59e0b;--status-settled: #6b7280;--status-rejected: #ef4444;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4);--shadow-primary: 0 4px 16px rgba(20, 184, 166, .28);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--font-family-base: "Comfortaa", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--container-max-width: 1200px;--card-padding: 1.5rem;--section-spacing: 2rem;--card-width: 100%;--card-max-width: 100%;--card-min-height: auto;--form-width: 100%;--form-max-width: 100%;--modal-width: 90%;--modal-max-width: 600px;--modal-max-height: 90vh;--content-card-max-width: 100%;--market-card-min-width: 300px;--form-card-max-width: 100%}.card-base{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding);transition:all var(--transition-base);width:var(--card-width);max-width:var(--card-max-width);min-height:var(--card-min-height)}.card-base:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card{background:var(--color-surface, rgba(30, 30, 46, .5));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border, rgba(100, 108, 255, .2));border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:var(--spacing-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm);width:var(--card-width);max-width:var(--content-card-max-width);min-height:var(--card-min-height)}.card:hover{background:var(--color-surface-hover, rgba(37, 37, 56, .6));border-color:var(--color-primary-border, rgba(100, 108, 255, .3));box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-elevated{background:var(--color-surface, rgba(30, 30, 46, .5));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border, rgba(100, 108, 255, .2));border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.card-elevated:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-primary{background:var(--color-primary-light);border:1px solid var(--color-primary-border);border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-primary)}.market-card{background:var(--color-surface, rgba(30, 30, 46, .5));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border, rgba(100, 108, 255, .2));border-radius:var(--radius-lg);padding:var(--card-padding);transition:all var(--transition-base);cursor:pointer;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;width:100%;height:320px;display:flex;flex-direction:column;justify-content:space-between}.market-card h3{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.market-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:var(--spacing-sm) 0}.market-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),transparent);opacity:0;transition:opacity var(--transition-base)}.market-card:hover{transform:translateY(-4px);border-color:var(--color-primary-border, rgba(100, 108, 255, .3));box-shadow:var(--shadow-lg);background:var(--color-surface-hover, rgba(37, 37, 56, .6))}.market-card:hover:before{opacity:1}.page-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.page-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.page-header p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.section-header{margin-bottom:var(--spacing-lg)}.section-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.section-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);padding:.75rem 1.5rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-primary-border);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:var(--spacing-md);width:100%}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.form-group input,.form-group select,.form-group textarea{width:var(--form-width);max-width:var(--form-max-width);padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-base);font-family:var(--font-family-base);box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group input:hover:not(:disabled),.form-group select:hover:not(:disabled),.form-group textarea:hover:not(:disabled){border-color:var(--color-primary-border)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.status-active{background-color:var(--status-active);color:#fff}.status-pending{background-color:var(--status-pending);color:#fff}.status-resolving{background-color:var(--status-resolving);color:#fff}.status-settled{background-color:var(--status-settled);color:#fff}.status-rejected{background-color:var(--status-rejected);color:#fff}.grid{display:grid;gap:var(--spacing-lg)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.btn-danger{background-color:var(--color-error, #ef4444);color:#fff;border:none;padding:.75rem 1.5rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background-color:var(--color-error, #ef4444);filter:brightness(.9);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-success{background-color:var(--color-success, #22c55e);color:#fff;border:none;padding:.75rem 1.5rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background-color:var(--color-success, #22c55e);filter:brightness(.9);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-warning{background-color:var(--color-warning, #f59e0b);color:#fff;border:none;padding:.75rem 1.5rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.btn-warning:hover:not(:disabled){background-color:var(--color-warning, #f59e0b);filter:brightness(.9);transform:translateY(-2px);box-shadow:var(--shadow-md)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid;transition:all var(--transition-base)}.alert-success{background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.alert-error{background-color:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.alert-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.alert-info{background-color:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.balance-card{background:var(--color-primary-light, rgba(100, 108, 255, .1))!important;border:1px solid var(--color-primary-border, rgba(100, 108, 255, .3))!important}.balance-amount{font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-primary, #646cff);margin:0}.balance-hint{font-size:var(--font-size-sm, .9rem);color:var(--color-text-secondary, rgba(255, 255, 255, .6));margin-top:var(--spacing-sm, .5rem);margin-bottom:0}.success-message{padding:var(--spacing-sm, .5rem);background:var(--color-success-bg, rgba(34, 197, 94, .2));color:var(--color-success, #22c55e);border-radius:var(--radius-md, 4px);font-size:var(--font-size-sm, .9rem);border:1px solid var(--color-success, rgba(34, 197, 94, .3))}.warning-message{padding:var(--spacing-md, 1rem);background:var(--color-warning-bg, rgba(245, 158, 11, .2));color:var(--color-warning, #f59e0b);border-radius:var(--radius-md, 4px);border:1px solid var(--color-warning, rgba(245, 158, 11, .3))}.info-message{padding:var(--spacing-md, 1rem);background:var(--color-info-bg, rgba(59, 130, 246, .2));color:var(--color-info, #3b82f6);border-radius:var(--radius-md, 4px);border:1px solid var(--color-info, rgba(59, 130, 246, .3))}.code-block{display:block;padding:var(--spacing-md, .75rem);background:var(--color-background, rgba(0, 0, 0, .3));border-radius:var(--radius-md, 4px);word-break:break-all;margin-top:var(--spacing-sm, .5rem);font-size:var(--font-size-sm, .9rem);border:1px solid var(--color-border, rgba(100, 108, 255, .2));font-family:var(--font-family-mono, "Courier New", monospace);color:var(--color-text-primary, rgba(255, 255, 255, .87))}.volume-display{font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, rgba(255, 255, 255, .87));margin:0}.outcome-item{padding:var(--spacing-sm, .5rem);background:var(--color-surface, rgba(30, 30, 46, .9));border-radius:var(--radius-md, 4px);border:1px solid var(--color-border, rgba(100, 108, 255, .2))}.grid-auto-fit-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md, 1rem)}.grid-auto-fit-xs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm, .5rem)}.grid-auto-fit-md{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md, 1rem)}.link-button{display:inline-block;padding:var(--spacing-md, .75rem) var(--spacing-lg, 1.5rem);background:var(--color-primary, #646cff);color:var(--color-text-primary, rgba(255, 255, 255, .87));text-decoration:none;border-radius:var(--radius-md, 4px);margin-top:var(--spacing-sm, .5rem);font-weight:var(--font-weight-medium, 500);transition:all var(--transition-base, .2s);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .1))}.link-button:hover{background:var(--color-primary-hover, #535bf2);transform:translateY(-2px);box-shadow:var(--shadow-primary, 0 4px 12px rgba(100, 108, 255, .3))}.activity-item{padding:var(--spacing-md, 1rem);border-bottom:1px solid var(--color-border, rgba(100, 108, 255, .2));display:flex;justify-content:space-between;align-items:start}.activity-content{flex:1}.activity-badge{background:var(--color-success-bg, rgba(34, 197, 94, .2));color:var(--color-success, #22c55e);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--radius-md, 4px);font-size:var(--font-size-xs, .85rem);border:1px solid var(--color-success, rgba(34, 197, 94, .3))}.filters-card{background:var(--color-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.filters-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.filters-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.filter-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1px solid var(--color-primary-border)}.btn-icon{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);min-width:32px;height:32px}.btn-icon:hover{background:var(--color-surface-hover);border-color:var(--color-primary-border);color:var(--color-text-primary)}.filters-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.filter-group{display:flex;flex-direction:column}.filter-group-full{grid-column:1 / -1}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);display:flex;justify-content:space-between;align-items:center}.filter-clear{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base)}.filter-clear:hover{background:var(--color-surface-hover);color:var(--color-error)}.filter-input,.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background, rgba(0, 0, 0, .3));color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-base);width:100%}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.filter-input::placeholder{color:var(--color-text-muted)}.active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-surface-hover);border-radius:var(--radius-md);border:1px solid var(--color-border)}.filter-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-light);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--color-primary-border)}.filter-chip-remove{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base);margin-left:var(--spacing-xs)}.filter-chip-remove:hover{background:var(--color-surface);color:var(--color-error)}.filter-chip-clear-all{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);margin-left:auto}.filter-chip-clear-all:hover{background:var(--color-surface);border-color:var(--color-primary-border);color:var(--color-primary)}.filters-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.btn-clear-filters{min-width:140px}.filter-results{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-results-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.filter-results-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.filter-no-results{color:var(--color-warning);font-size:var(--font-size-sm);font-style:italic}.empty-state{text-align:center;padding:var(--spacing-2xl)}.empty-state-content h3{margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.empty-state-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){:root{--card-padding: 1rem;--section-spacing: 1.5rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}.page-header h1{font-size:var(--font-size-2xl)}.grid-auto-fit,.grid-auto-fill,.grid-auto-fit-sm,.grid-auto-fit-md,.filters-container{grid-template-columns:1fr}.filter-group-full{grid-column:1}.active-filters{flex-direction:column}.filter-chip-clear-all{margin-left:0;width:100%}.market-card{height:auto;min-height:280px}.container{padding:0 var(--spacing-md)}.card,.card-elevated,.card-primary{padding:var(--spacing-md)}.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-warning{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media (max-width: 480px){:root{--card-padding: .75rem;--section-spacing: 1rem}.page-header h1{font-size:var(--font-size-xl)}.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-warning{width:100%;padding:var(--spacing-sm) var(--spacing-md)}}html{font-family:var(--font-family-base)}:root{font-family:var(--font-family-base, "Comfortaa", system-ui, sans-serif);line-height:1.5;font-weight:var(--font-weight-normal, 400);color-scheme:dark;color:var(--color-text-primary, rgba(255, 255, 255, .87));background-color:var(--color-background, #0a0f14);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-background, #0a0f14);overflow-x:hidden;position:relative}body:has(.documentation-container){overflow:hidden!important;height:100vh!important}#root{width:100%;min-height:100vh;position:relative;background:transparent}a{font-weight:var(--font-weight-medium, 500);color:var(--color-primary, #646cff);text-decoration:inherit;transition:color var(--transition-base, .2s ease)}a:hover{color:var(--color-primary-hover, #535bf2)}button{border-radius:var(--radius-md, 8px);border:1px solid transparent;padding:.6em 1.2em;font-size:var(--font-size-base, 1em);font-weight:var(--font-weight-medium, 500);font-family:var(--font-family-base, inherit);background-color:var(--color-surface, #1a1a1a);color:var(--color-text-primary, white);cursor:pointer;transition:all var(--transition-base, .2s ease)}button:hover:not(:disabled){border-color:var(--color-primary, #646cff);transform:translateY(-1px)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#213547}}