:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--color-background-secondary);padding:2rem;border-radius:12px;border:1px solid var(--color-border);width:90%;max-width:500px;box-shadow:0 10px 30px #0000004d;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{color:var(--color-primary);margin-top:0;font-size:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem;margin-bottom:1rem}.modal-text{color:var(--color-text);line-height:1.6}.modal-link-display{display:block;background-color:var(--color-background);padding:1rem;border-radius:6px;border:1px solid var(--color-border);font-family:Courier New,Courier,monospace;color:var(--color-text-muted);word-break:break-all;margin:1rem 0}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.modal-button{padding:.6rem 1.2rem;border-radius:6px;border:none;font-weight:700;cursor:pointer;transition:all .2s}.modal-button.primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.modal-button.primary:hover{filter:brightness(1.1)}.modal-button.secondary{background-color:var(--color-background-tertiary);color:var(--color-text)}.modal-button.secondary:hover{background-color:var(--color-border)}.notifications-container{position:relative}.notifications-bell{position:relative;cursor:pointer;color:var(--color-text);padding:.5rem}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#e53e3e;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--color-background)}.notifications-panel{position:absolute;top:calc(100% + 10px);right:0;width:380px;max-height:400px;overflow-y:auto;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0003;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,transform .2s}.notifications-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.panel-header{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:1rem}.mark-read-button{background:none;border:none;color:var(--color-primary);font-size:.8rem;cursor:pointer}.mark-read-button:hover{text-decoration:underline}.notification-list{list-style:none;padding:0;margin:0}.notification-item a{display:block;padding:1rem;text-decoration:none;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background-color .2s}.notification-item:last-child a{border-bottom:none}.notification-item a:hover{background-color:var(--color-background-tertiary)}.notification-item.unread a{background-color:#f5b94214;border-left:3px solid var(--color-primary)}.notification-message{margin:0;font-size:.9rem;line-height:1.4}.notification-time{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.no-notifications{padding:2rem;text-align:center;color:var(--color-text-muted)}.navbar{display:flex;align-items:center;padding:1rem 2rem;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text);z-index:1000}.navbar-main{display:flex;align-items:center;flex-shrink:0}.navbar-collapse{display:flex;justify-content:space-between;align-items:center;width:100%;margin-left:2rem}.navbar-left,.navbar-right{display:flex;align-items:center;gap:1.5rem}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none;flex-shrink:0}.nav-link{color:var(--color-text);text-decoration:none;font-size:1rem;padding:.5rem 0;position:relative;transition:color .2s ease-in-out;white-space:nowrap}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--color-primary);transition:width .3s ease-in-out}.nav-link:hover,.dropdown-toggle:hover{color:var(--color-primary)}.nav-link:hover:after{width:100%}.nav-username{font-weight:600;color:var(--color-primary);padding:0 .5rem}.nav-button{background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;text-decoration:none;display:inline-block;transition:background-color .2s}.nav-button:hover{background-color:var(--color-primary-hover)}.trade-link-container,.wallet-indicator,.dropdown,.management-dropdown{position:relative}.trade-link-container{display:flex;align-items:center}.trade-notification-badge{position:absolute;top:-5px;right:-10px;background-color:var(--color-danger);color:var(--color-white);border-radius:50%;width:20px;height:20px;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid var(--color-background-secondary)}.wallet-indicator{display:flex;align-items:center;gap:.5rem;background-color:var(--color-danger-background);padding:4px 8px;border-radius:6px;border:1px solid var(--color-danger);color:var(--color-text-danger);font-size:.9rem;white-space:nowrap}.nav-button-small{background-color:var(--color-danger);color:var(--color-white);border:none;padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s}.nav-button-small:hover{background-color:var(--color-danger-hover)}.dropdown-toggle{cursor:pointer;display:flex;align-items:center;gap:.5rem;color:var(--color-text);font-size:1rem;padding:.5rem 0;position:relative;transition:color .2s ease-in-out}.nav-link.dropdown-toggle:hover:after{width:0}.dropdown-toggle span{font-size:.7rem;transition:transform .2s ease-in-out}.dropdown:hover .dropdown-toggle span{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:1rem;background:var(--color-background-secondary);border-radius:8px;border:1px solid var(--color-border);box-shadow:0 4px 15px #0003;padding:.5rem;z-index:1000;min-width:180px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;color:var(--color-text);text-decoration:none;border-radius:6px;white-space:nowrap;transition:background-color .2s;box-sizing:border-box}.dropdown-item:hover{background-color:var(--color-background-tertiary);color:var(--color-white)}.dropdown-item.active{background-color:var(--color-primary-alpha);color:var(--color-primary)}.management-notification-badge{position:absolute;top:-2px;right:-2px;background-color:var(--color-primary);color:var(--color-text-on-primary);border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--color-background-secondary);z-index:1}.hamburger-menu{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:.5rem}@media (max-width: 1024px){.navbar{padding:0}.navbar-main{width:100%;justify-content:space-between;padding:.75rem 1rem;box-sizing:border-box}.hamburger-menu{display:block}.navbar-collapse{position:fixed;top:0;right:0;width:300px;height:100vh;background-color:var(--color-background-secondary);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:6rem 2rem 2rem;gap:1.5rem;transform:translate(100%);transition:transform .3s ease-in-out,padding-top .3s ease-in-out;overflow-y:auto;border-left:1px solid var(--color-border);margin-left:0}.navbar-collapse:has(.wallet-indicator){padding-top:8rem}.navbar-collapse.is-open{transform:translate(0)}.navbar-left,.navbar-right{flex-direction:column;align-items:flex-start;width:100%;gap:1rem}.navbar-right{border-top:1px solid var(--color-border);padding-top:1.5rem;margin-top:1.5rem}.navbar-item-container{position:absolute;top:1rem;right:1.5rem;width:auto;z-index:1002}.nav-username{position:absolute;top:1.5rem;left:2rem;font-weight:600;color:var(--color-primary);z-index:1001}.wallet-indicator{position:absolute;top:4rem;left:2rem;width:auto;z-index:1001}.navbar-collapse.is-open .notifications-panel{width:270px;right:calc(150px - 1.5rem);transform:translate(50%);top:calc(100% + .5rem)}.nav-link,.dropdown-toggle{padding:.5rem 0;width:100%}.nav-link:after{display:none}.dropdown{width:100%}.dropdown-menu{position:static;background:none;border:none;box-shadow:none;padding:0 0 0 1rem;margin-top:.5rem;min-width:unset;width:100%;max-height:0;opacity:1;visibility:visible;transform:none;transition:max-height .3s ease-out;overflow:hidden}.dropdown:hover .dropdown-menu{max-height:500px;transition:max-height .5s ease-in}.dropdown-item{padding:.5rem 0}}.wallet-link-banner{background-color:#fffbe6;color:#926c09;padding:1rem;text-align:center;border-bottom:1px solid #f0e6c2;font-size:1rem;font-weight:500;width:100%;box-sizing:border-box}.wallet-link-banner p{margin:0;padding:0}.wallet-link-banner a{color:#3b82f6;font-weight:700;text-decoration:underline}.wallet-link-banner a:hover{color:#2563eb}.blocked-user-banner{display:flex;justify-content:center;align-items:center;padding:.75rem 1rem;background-color:#8b0000;color:#fff;font-size:.9rem;text-align:center;width:100%;z-index:1000}.blocked-user-banner p{margin:0;padding:0}.blocked-user-banner .appeal-link{color:var(--color-primary-gold);font-weight:700;text-decoration:underline;margin-left:.5rem;cursor:pointer}.blocked-user-banner .appeal-link:hover{color:#fff}.auth-wall-container{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;text-align:center}.auth-wall-box{max-width:600px;background-color:var(--color-background-secondary);padding:2.5rem;border-radius:12px;border:1px solid var(--color-border)}.auth-wall-box h1{color:var(--color-primary);margin-top:0}.auth-wall-box p{font-size:1.1rem;line-height:1.7;color:var(--color-text);margin:1.5rem 0}.auth-wall-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.auth-wall-button{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-primary);color:var(--color-text-on-primary);text-decoration:none;border-radius:8px;font-weight:700;transition:background-color .2s ease}.auth-wall-button:hover{background-color:var(--color-primary-hover)}:root{--color-background: #0f172a;--color-background-secondary: #1e293b;--color-background-tertiary: #334155;--color-background-warning: #4a2d2d;--color-primary: #f5b942;--color-primary-hover: #ffca61;--color-primary-dark: #785a28;--color-primary-alpha: rgba(245, 185, 66, .1);--color-text: #cbd5e1;--color-text-muted: #94a3b8;--color-text-on-primary: #121827;--color-text-warning: #f0e6d2;--color-white: #ffffff;--color-border: #334155;--color-danger: #ef4444;--color-danger-hover: #f87171;--color-danger-background: rgba(239, 68, 68, .2);--color-text-danger: #fca5a5}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.page-content{flex-grow:1;position:relative;width:100%;max-width:1600px;margin:0 auto;padding:1rem}.content-container{max-width:1280px;margin-left:auto;margin-right:auto;padding:2rem;text-align:center}.button-primary{background-color:var(--color-primary);color:var(--color-text-on-primary);padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;border:none;cursor:pointer;transition:background-color .2s;font-size:1rem}.button-primary:hover{background-color:var(--color-primary-hover)}.button-secondary{background-color:var(--color-background-tertiary);color:var(--color-text);padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;border:1px solid var(--color-border);cursor:pointer;transition:background-color .2s;font-size:1rem}.button-secondary:hover{background-color:var(--color-border)}.layout-container{display:flex;gap:2rem;align-items:flex-start}.layout-sidebar{flex-shrink:0;position:sticky;top:2rem}.layout-main{flex-grow:1;min-width:0}@media (max-width: 992px){.layout-container{flex-direction:column}.layout-sidebar{width:100%;position:static;flex-basis:auto!important}}.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:var(--color-text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-fade-in{animation:fadeInUp .5s ease-out forwards}.no-scroll{overflow:hidden}.content-page-container{max-width:800px;margin:2rem auto;padding:2rem;background:#1e293b;border-radius:12px;border:1px solid #334155;color:#cbd5e1}.content-page-container h1{font-size:2.5rem;color:#f5b942;margin-bottom:1.5rem;border-bottom:2px solid #334155;padding-bottom:.5rem}.content-page-container h2{font-size:1.75rem;color:#f5b942;margin-top:2rem;margin-bottom:1rem}.content-page-container p{font-size:1.1rem;line-height:1.7;margin-bottom:1rem}.content-image-wrapper{margin:2.5rem 0}.content-image-wrapper img{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;border-radius:8px;box-shadow:0 5px 20px #00000040;background-color:var(--color-background-tertiary)}.audio-player-container{margin:2rem 0;padding:1rem;background-color:var(--color-background);border-radius:8px}.audio-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.audio-player-header p{margin:0;font-weight:700;color:var(--color-text-muted);font-size:1rem;line-height:1.5}.download-button{background-color:var(--color-background-tertiary);color:var(--color-text);padding:6px 12px;border-radius:5px;text-decoration:none;font-size:.9rem;font-weight:500;transition:background-color .2s}.download-button:hover{background-color:var(--color-border);color:var(--color-white)}.rhap_container{background-color:transparent!important;box-shadow:none!important;padding:0!important}.rhap_main-controls-button,.rhap_volume-button{color:var(--color-primary)!important}.rhap_progress-bar,.rhap_volume-bar{background-color:var(--color-background)!important}.rhap_progress-filled,.rhap_volume-indicator{background-color:var(--color-primary)!important}.rhap_progress-indicator,.rhap_volume-handle{background-color:var(--color-white)!important;box-shadow:0 0 5px var(--color-primary)!important}.rhap_time{color:var(--color-text-muted)!important;font-family:inherit!important;font-size:1rem!important}.disclaimer-box{margin-top:3rem;padding:1.5rem;border:2px solid #842029;background-color:#f8d7da0d;border-radius:8px}.disclaimer-box h3{color:#f5c2c7;margin-top:0;margin-bottom:1rem;font-size:1.2rem}.disclaimer-box p{color:#f5c2c7;font-size:1rem;line-height:1.6}.disclaimer-box p:last-child{margin-bottom:0}