@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Fira+Code:wght@300;400;500;600;700&display=swap);@media (max-width:768px){.clickable,[role=button],a,button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px;touch-action:manipulation}input[type=email],input[type=password],input[type=search],input[type=text],textarea{font-size:16px;min-height:44px;padding:12px}input[type=checkbox],input[type=radio]{margin:10px;min-height:24px;min-width:24px}.btn,.button{align-items:center;display:inline-flex;justify-content:center;min-height:44px;padding:12px 16px}.card,.moment-card,.performance-card{min-height:60px;padding:12px}.nav-item,.tab-button{padding:12px 16px}.icon-button,.nav-item,.tab-button{align-items:center;display:flex;justify-content:center;min-height:44px}.icon-button{min-width:44px;padding:10px}.switch,.toggle{min-height:44px;padding:10px}.list-item{align-items:center;display:flex;min-height:56px;padding:12px 16px}.close-button,.modal-close{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:10px}.filter-button,.search-input{min-height:44px;padding:12px 16px}.action-button,.upload-button{font-size:16px;min-height:48px;padding:14px 20px}.pagination-button{min-height:44px;min-width:44px;padding:12px}.clickable:focus,[role=button]:focus,button:focus{outline:2px solid #2563eb;outline-offset:2px}@media (hover:none){.clickable:hover,button:hover{opacity:.8}}}.mobile-touch-target{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px;touch-action:manipulation}.mobile-touch-area{margin:-10px;padding:10px}.mobile-text-content{font-size:16px;line-height:1.4}@media (max-width:768px){.performance-card button{min-height:80px;padding:16px}.moment-card{min-height:100px}.song-card{min-height:72px;padding:16px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pull-to-refresh-indicator{will-change:transform}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.pull-to-refresh-active{user-select:none;-webkit-user-select:none}@media (max-width:768px){video{background-color:#000;object-fit:contain;transform:translateZ(0)}video::-webkit-media-controls-panel{background-color:#000c}video::-webkit-media-controls-play-button{background-color:#ffffffe6;border-radius:50%}video::-webkit-media-controls{bottom:0}.lazy-media-container video{display:block;height:auto;width:100%}.lazy-media-container .video-placeholder{animation:loading-shimmer 2s linear infinite;background:linear-gradient(45deg,#f0f0f0 25%,#0000 0),linear-gradient(-45deg,#f0f0f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f0f0f0 0),linear-gradient(-45deg,#0000 75%,#f0f0f0 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}@keyframes loading-shimmer{0%{background-position:0 0,0 10px,10px -10px,-10px 0}to{background-position:20px 20px,20px 30px,30px 10px,10px 20px}}}.mobile-video-controls{bottom:10px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.mobile-video-control-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background-color .2s;width:44px}.mobile-video-control-btn:hover{background:#000c}.network-quality-indicator{background:#000000b3;border-radius:12px;color:#fff;font-size:10px;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:10}.network-quality-low{color:#ef4444}.network-quality-medium{color:#f59e0b}.network-quality-high{color:#10b981}.autoplay-blocked-overlay{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0009;cursor:pointer;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:20}.autoplay-blocked-overlay .play-button{background:#fffffff2;border-radius:50%;box-shadow:0 4px 12px #0000004d;padding:16px;transition:transform .2s,box-shadow .2s}.autoplay-blocked-overlay .play-button:hover{box-shadow:0 6px 16px #0006;transform:scale(1.1)}.autoplay-blocked-overlay p{color:#fff;font-size:14px;font-weight:500;margin-top:12px;text-shadow:0 1px 3px #00000080}@media (max-width:768px){.autoplay-blocked-overlay{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.autoplay-blocked-overlay .play-button{min-height:64px;min-width:64px;padding:20px}}:root{--primary-red:#e53e3e;--accent-red:#fc8181;--dark-bg:#1a202c;--card-bg:#2d3748;--surface-bg:#4a5568;--text-primary:#f7fafc;--text-secondary:#cbd5e0;--text-muted:#a0adb8;--border-color:#4a5568;--border-light:#718096;--blue-primary:#4299e1;--blue-light:#63b3ed;--green-success:#48bb78;--orange-accent:#ed8936;--purple-accent:#9f7aea;--accent-color:#eab308;--accent-rgb:234,179,8;--primary-gradient:linear-gradient(135deg,var(--dark-bg) 0%,var(--card-bg) 100%);--surface-gradient:linear-gradient(180deg,var(--card-bg) 0%,var(--surface-bg) 100%);--accent-gradient:linear-gradient(45deg,var(--primary-red) 0%,var(--accent-red) 100%)}html.extra-dark{--dark-bg:#0a0a0a;--card-bg:#111;--surface-bg:#1a1a1a;--border-color:#2a2a2a;--border-light:#3a3a3a}html.extra-dark body{background:#050505}html.extra-dark .bg-gray-900,html.extra-dark .bg-gray-900\/50,html.extra-dark .bg-gray-900\/95{background-color:#0a0a0a!important}html.extra-dark .bg-gray-800,html.extra-dark .bg-gray-800\/30,html.extra-dark .bg-gray-800\/50{background-color:#111!important}html.extra-dark .bg-gray-700,html.extra-dark .bg-gray-700\/50{background-color:#1a1a1a!important}html.extra-dark .border-gray-700,html.extra-dark .border-gray-700\/50,html.extra-dark .border-gray-800{border-color:#222!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a202c,#2d3748);background:var(--primary-gradient);background-attachment:fixed;color:#f7fafc;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn,button{background:linear-gradient(180deg,#2d3748,#4a5568)!important;background:var(--surface-gradient)!important;border:1px solid #4a5568!important;border:1px solid var(--border-color)!important;border-radius:0!important;box-shadow:0 2px 4px #0003!important;color:#f7fafc!important;color:var(--text-primary)!important;font-family:inherit!important;font-weight:500!important;transition:all .2s ease!important}.btn:hover,button:hover{background:#e53e3e!important;background:var(--primary-red)!important;border-color:#fc8181!important;border-color:var(--accent-red)!important;box-shadow:0 4px 12px #e53e3e4d!important;transform:translateY(-1px)!important}input,select,textarea{background:#2d3748!important;background:var(--card-bg)!important;border:1px solid #4a5568!important;border:1px solid var(--border-color)!important;border-radius:0!important;box-shadow:inset 0 1px 3px #0003!important;color:#f7fafc!important;color:var(--text-primary)!important;font-family:inherit!important}input:focus,select:focus,textarea:focus{border-color:#4299e1!important;border-color:var(--blue-primary)!important;box-shadow:0 0 0 3px #4299e11a!important;outline:none!important}.bg-white\/10,.card,.modal-content{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#2d3748!important;background:var(--card-bg)!important;border:1px solid #4a5568!important;border:1px solid var(--border-color)!important;border-radius:0!important;box-shadow:0 4px 12px #0000004d,0 1px 3px #0000001a!important}h1,h2,h3,h4,h5,h6{color:#f7fafc!important;color:var(--text-primary)!important;font-family:inherit!important;font-weight:600!important;letter-spacing:-.025em!important}a{color:#63b3ed!important;color:var(--blue-light)!important;text-decoration:none!important;transition:all .2s ease!important}a:hover{color:#4299e1!important;color:var(--blue-primary)!important;text-decoration:underline!important}.bg-blue-600,.progress{background:linear-gradient(90deg,#4299e1,#63b3ed)!important;background:linear-gradient(90deg,var(--blue-primary) 0,var(--blue-light) 100%)!important;border-radius:0!important}.bg-green-500\/20{background:#48bb7833!important;border-color:#48bb78!important;border-color:var(--green-success)!important;border-radius:0!important}.bg-red-500\/20{background:#e53e3e33!important;border-color:#e53e3e!important;border-color:var(--primary-red)!important;border-radius:0!important}@keyframes gentleGlow{0%,to{box-shadow:0 2px 8px #0003}50%{box-shadow:0 4px 16px #4299e133}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grain-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat}.grain-animated{animation:grainShift .15s steps(3) infinite}@keyframes grainShift{0%,to{transform:translate(0)}33%{transform:translate(-2px,1px)}66%{transform:translate(1px,-1px)}}.retro-jitter{animation:retroJitter .08s steps(2) infinite}@keyframes retroJitter{0%,to{transform:translateX(0)}50%{transform:translateX(2px)}}.vhs-tracking{position:relative}.vhs-bar{background:linear-gradient(180deg,#0000,#ffffff14 30%,#ffffff26 50%,#ffffff14 70%,#0000);left:0;position:absolute;right:0}.vhs-bar-1{animation:vhsRoll1 3s linear infinite}.vhs-bar-2{animation:vhsRoll2 4.5s linear infinite}.vhs-bar-3{animation:vhsRoll3 2.5s linear infinite}@keyframes vhsRoll1{0%{top:-10%}to{top:110%}}@keyframes vhsRoll2{0%{top:-20%}to{top:120%}}@keyframes vhsRoll3{0%{top:-15%}to{top:115%}}.vhs-warp{animation:vhsWarp .1s ease-in-out infinite alternate}@keyframes vhsWarp{0%{transform:scaleX(1)}to{transform:scaleX(1.01)}}.moment-card,.nft-card{background:#2d3748!important;background:var(--card-bg)!important;border:1px solid #4a5568!important;border:1px solid var(--border-color)!important;border-radius:0!important;position:relative!important;transition:all .2s ease!important}.moment-card:hover,.nft-card:hover{border-color:#718096!important;border-color:var(--border-light)!important;box-shadow:0 8px 24px #0006!important;transform:translateY(-2px)!important}.header,.title{font-family:inherit!important;font-weight:700!important}::-webkit-scrollbar{width:8px!important}::-webkit-scrollbar-track{background:#1a202c!important;background:var(--dark-bg)!important;border-radius:0!important}::-webkit-scrollbar-thumb{background:#4a5568!important;background:var(--surface-bg)!important;border-radius:0!important;-webkit-transition:background .2s ease!important;transition:background .2s ease!important}::-webkit-scrollbar-thumb:hover{background:#718096!important;background:var(--border-light)!important}.modal-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#1a202ce6!important}.rarity-legendary,.rarity-mythic{background:linear-gradient(135deg,#9f7aea,#4299e1)!important;background:linear-gradient(135deg,var(--purple-accent) 0,var(--blue-primary) 100%)!important}.rarity-epic,.rarity-legendary,.rarity-mythic,.rarity-rare{border-radius:0!important;color:#f7fafc!important;color:var(--text-primary)!important;font-weight:600!important}.rarity-epic,.rarity-rare{background:linear-gradient(45deg,#e53e3e,#fc8181)!important;background:var(--accent-gradient)!important}.wallet-connection{animation:hauntedGlow 4s ease-in-out infinite!important;background:linear-gradient(135deg,#1a202c,#2d3748)!important;background:var(--primary-gradient)!important;border:2px solid #ed8936!important;border:2px solid var(--orange-accent)!important}.bg-gray-100,.bg-gray-200,.bg-gray-300,.bg-gray-50,.bg-neutral-100,.bg-neutral-50,.bg-slate-100,.bg-slate-200,.bg-slate-50,.bg-stone-100,.bg-stone-50,.bg-white{background:#1a202c!important;background:var(--dark-bg)!important;color:#f7fafc!important;color:var(--text-primary)!important}.bg-white\/10,.bg-white\/20,.bg-white\/30,.bg-white\/40,.bg-white\/5,.bg-white\/50,.bg-white\/60,.bg-white\/70,.bg-white\/80,.bg-white\/90{background:var(--shadow-gray)!important;color:#f7fafc!important;color:var(--text-primary)!important}.bg-gray-400,.bg-gray-500,.bg-gray-600,.bg-gray-700,.bg-gray-800,.bg-gray-900,.bg-slate-400,.bg-slate-500,.bg-slate-600,.bg-slate-700,.bg-slate-800,.bg-slate-900{background:linear-gradient(180deg,#2d3748,#4a5568)!important;background:var(--surface-gradient)!important;color:#f7fafc!important;color:var(--text-primary)!important}.backdrop,.bg-black\/50,.bg-black\/60,.bg-black\/70,.bg-black\/80,.bg-black\/90,.fixed.inset-0,.modal,.overlay{background:#1a202c!important;background:var(--dark-bg)!important;color:#f7fafc!important;color:var(--text-primary)!important}.bg-gradient-to-b,.bg-gradient-to-br,.bg-gradient-to-l,.bg-gradient-to-r,.bg-gradient-to-t,.card,.container,.panel,.section,.wrapper{background:linear-gradient(180deg,#2d3748,#4a5568)!important;background:var(--surface-gradient)!important;color:#f7fafc!important;color:var(--text-primary)!important}.filter-panel,.footer,.header,.moment-upload,.navbar,.performance-card,.search-result,.sidebar,.song-card,.user-card{background:var(--shadow-gray)!important;border-color:#4a5568!important;border-color:var(--border-color)!important;color:#f7fafc!important;color:var(--text-primary)!important}li,ol,table,tbody,td,th,thead,tr,ul{background:#0000!important;color:#f7fafc!important;color:var(--text-primary)!important}.border-gray-200,.border-gray-300,.border-white,.form-control,.form-input,.form-select,.form-textarea{background:var(--shadow-gray)!important;border-color:#64646466!important;color:#f7fafc!important;color:var(--text-primary)!important}.dropdown,.menu,.popover,.popup,.text-black,.text-gray-600,.text-gray-700,.text-gray-800,.text-gray-900,.text-slate-700,.text-slate-800,.text-slate-900,.tooltip{color:#f7fafc!important;color:var(--text-primary)!important}.dropdown,.menu,.popover,.popup,.tooltip{background:#1a202c!important;background:var(--dark-bg)!important;border:1px solid #4a5568!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px #000c!important}.loading,.placeholder,.skeleton,.spinner{background:var(--shadow-gray)!important;color:#f7fafc!important;color:var(--text-primary)!important}div{color:#f7fafc;color:var(--text-primary)}*{scrollbar-color:#e53e3e #1a202c!important;scrollbar-color:var(--primary-red) var(--dark-bg)!important}:focus{outline:2px solid #e53e3e!important;outline:2px solid var(--primary-red)!important;outline-offset:2px!important}.connect-wallet-modal,.ethereum-popup,.metamask-popup,.wallet-interface,.walletconnect-modal,.web3modal{background:#1a202c!important;background:var(--dark-bg)!important;color:#f7fafc!important;color:var(--text-primary)!important}.react-select__control,.react-select__menu,.react-select__option{background:var(--shadow-gray)!important;border-color:#ed8936!important;border-color:var(--orange-accent)!important;color:#f7fafc!important;color:var(--text-primary)!important}.rounded,.rounded-full,.rounded-sm,.shadow,.shadow-lg,.shadow-xl{background-color:initial!important}[style*="background-color: #fff"],[style*="background-color: #ffffff"],[style*="background-color: rgb(255"],[style*="background-color: white"],[style*="background: #fff"],[style*="background: #ffffff"],[style*="background: rgb(255"],[style*="background: white"]{background:#1a202c!important;background:var(--dark-bg)!important;color:#f7fafc!important;color:var(--text-primary)!important}[style*="background: #ccc"],[style*="background: #ddd"],[style*="background: #eee"],[style*="background: #f5f5f5"],[style*="background: gray"]{background:var(--shadow-gray)!important;color:#f7fafc!important;color:var(--text-primary)!important}.bg-blue-400,.bg-blue-500,.bg-blue-600,.bg-blue-700,.bg-blue-800,.bg-blue-900,.text-blue-400,.text-blue-500,.text-blue-600,.text-blue-700,.text-blue-800,.text-blue-900{color:#60a5fa!important;text-shadow:0 0 8px #60a5fa99!important}.bg-blue-400,.bg-blue-500,.bg-blue-600,.bg-blue-700,.bg-blue-800,.bg-blue-900{background:linear-gradient(135deg,#1e40af,#3b82f6)!important;box-shadow:0 0 15px #3b82f666!important;color:#f7fafc!important;color:var(--text-primary)!important}.bg-green-400,.bg-green-500,.bg-green-600,.bg-green-700,.bg-green-800,.bg-green-900,.text-green-400,.text-green-500,.text-green-600,.text-green-700,.text-green-800,.text-green-900{color:#4ade80!important;text-shadow:0 0 8px #4ade8099!important}.bg-green-400,.bg-green-500,.bg-green-600,.bg-green-700,.bg-green-800,.bg-green-900{background:linear-gradient(135deg,#48bb78,#10b981)!important;background:linear-gradient(135deg,var(--green-success) 0,#10b981 100%)!important;box-shadow:0 0 15px #10b98166!important;color:#f7fafc!important;color:var(--text-primary)!important}.bg-purple-400,.bg-purple-500,.bg-purple-600,.bg-purple-700,.bg-purple-800,.bg-purple-900,.text-purple-400,.text-purple-500,.text-purple-600,.text-purple-700,.text-purple-800,.text-purple-900{color:#a855f7!important;text-shadow:0 0 8px #a855f799!important}.bg-purple-400,.bg-purple-500,.bg-purple-600,.bg-purple-700,.bg-purple-800,.bg-purple-900{background:linear-gradient(135deg,#9f7aea,#4299e1)!important;background:linear-gradient(135deg,var(--purple-accent) 0,var(--blue-primary) 100%)!important;box-shadow:0 0 15px #a855f766!important;color:#f7fafc!important;color:var(--text-primary)!important}.text-amber-400,.text-amber-500,.text-amber-600,.text-amber-700,.text-amber-800,.text-amber-900,.text-orange-400,.text-orange-500,.text-orange-600,.text-orange-700,.text-orange-800,.text-orange-900,.text-yellow-400,.text-yellow-500,.text-yellow-600,.text-yellow-700,.text-yellow-800,.text-yellow-900{color:#b4b4b4e6!important;text-shadow:0 0 4px #fff3!important}.bg-amber-400,.bg-amber-500,.bg-amber-600,.bg-amber-700,.bg-amber-800,.bg-amber-900,.bg-orange-400,.bg-orange-500,.bg-orange-600,.bg-orange-700,.bg-orange-800,.bg-orange-900,.bg-yellow-400,.bg-yellow-500,.bg-yellow-600,.bg-yellow-700,.bg-yellow-800,.bg-yellow-900{background:linear-gradient(135deg,#ed8936,#f59e0b)!important;background:linear-gradient(135deg,var(--orange-accent) 0,#f59e0b 100%)!important;box-shadow:0 0 15px #f59e0b66!important;color:#1a202c!important;color:var(--dark-bg)!important}.text-red-400,.text-red-500,.text-red-600,.text-red-700,.text-red-800,.text-red-900{color:#f87171!important;text-shadow:0 0 8px #f8717199!important}.bg-red-400,.bg-red-500,.bg-red-600,.bg-red-700,.bg-red-800,.bg-red-900{background:linear-gradient(135deg,#e53e3e,#dc2626)!important;background:linear-gradient(135deg,var(--primary-red) 0,#dc2626 100%)!important;box-shadow:0 0 15px #dc262666!important;color:#f7fafc!important;color:var(--text-primary)!important}.text-cyan-400,.text-cyan-500,.text-cyan-600,.text-cyan-700,.text-cyan-800,.text-cyan-900,.text-teal-400,.text-teal-500,.text-teal-600,.text-teal-700,.text-teal-800,.text-teal-900{color:#22d3ee!important;text-shadow:0 0 8px #22d3ee99!important}.bg-cyan-400,.bg-cyan-500,.bg-cyan-600,.bg-cyan-700,.bg-cyan-800,.bg-cyan-900,.bg-teal-400,.bg-teal-500,.bg-teal-600,.bg-teal-700,.bg-teal-800,.bg-teal-900{background:linear-gradient(135deg,#0891b2,#06b6d4)!important;box-shadow:0 0 15px #06b6d466!important;color:#f7fafc!important;color:var(--text-primary)!important}.text-indigo-400,.text-indigo-500,.text-indigo-600,.text-indigo-700,.text-indigo-800,.text-indigo-900{color:#818cf8!important;text-shadow:0 0 8px #818cf899!important}.bg-indigo-400,.bg-indigo-500,.bg-indigo-600,.bg-indigo-700,.bg-indigo-800,.bg-indigo-900{background:linear-gradient(135deg,#4338ca,#6366f1)!important;box-shadow:0 0 15px #6366f166!important;color:#f7fafc!important;color:var(--text-primary)!important}.completed,.confirmed,.success{animation:spectralFlicker 2s ease-in-out infinite!important;color:#4ade80!important;text-shadow:0 0 10px #4ade80cc!important}.caution,.pending,.warning{color:#ffc107cc!important;text-shadow:0 0 6px #ffc1074d!important}.error,.failed,.rejected{color:#f87171!important;text-shadow:0 0 10px #f87171cc!important}.info,.minting,.processing{color:#60a5fa!important;text-shadow:0 0 10px #60a5facc!important}.legendary,.mythic{animation:spectralFlicker 1.5s ease-in-out infinite!important;color:#a855f7!important;text-shadow:0 0 12px #a855f7e6!important}.epic,.rare{color:#f87171!important;text-shadow:0 0 10px #f87171cc!important}.uncommon{color:#ffc107cc!important;text-shadow:0 0 6px #ffc1074d!important}.basic,.common{color:#4ade80!important;text-shadow:0 0 6px #4ade8099!important}.clickable,.interactive,.link{color:#b4b4b4e6!important;transition:all .3s ease!important}.clickable:hover,.interactive:hover,.link:hover{color:#f87171!important;text-shadow:0 0 15px #f87171e6!important;transform:translateY(-1px)!important}.badge,.chip,.tag{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;border:1px solid!important;font-weight:700!important}.text-opacity-50,.text-opacity-60,.text-opacity-70{opacity:.9!important}.text-gray-400,.text-gray-500,.text-slate-400,.text-slate-500{color:#f7fafc!important;color:var(--text-primary)!important;opacity:.8!important}.modal,.moment-modal,[aria-modal=true],[role=dialog]{background:#1a202c!important;background:var(--dark-bg)!important;border:1px solid #4a5568!important;border:1px solid var(--border-color)!important;color:#f7fafc!important;color:var(--text-primary)!important}.modal-body,.modal-container,.modal-content,.modal-footer,.modal-header,.modal-wrapper{background:linear-gradient(180deg,#2d3748,#4a5568)!important;background:var(--surface-gradient)!important;border-color:#4a5568!important;border-color:var(--border-color)!important;color:#f7fafc!important;color:var(--text-primary)!important}.ReactModal__Content,.ReactModal__Overlay{background:#1a202c!important;background:var(--dark-bg)!important;color:#f7fafc!important;color:var(--text-primary)!important}.ReactModal__Content{border:2px solid #e53e3e!important;border:2px solid var(--primary-red)!important;box-shadow:0 0 30px #8b0000cc!important}.backdrop,.modal-backdrop,.overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0a0a0af2!important}.fixed,.modal div,[aria-modal=true] div,[role=dialog] div{background-color:initial!important;color:#f7fafc!important;color:var(--text-primary)!important}.inset-0{background:#0a0a0af2!important}.z-20,.z-30,.z-40,.z-50{background-color:#1a202c!important;background-color:var(--dark-bg)!important;color:#f7fafc!important;color:var(--text-primary)!important}.flex.items-center.justify-center{background-color:initial!important}#modal-root,#portal-root,.portal,[data-portal]{background:#0000!important}#modal-root,#portal-root,.absolute,.portal,[data-portal]{color:#f7fafc!important;color:var(--text-primary)!important}.absolute{background-color:initial!important}.transform.-translate-x-1\/2.-translate-y-1\/2,.transform.translate-x-1\/2.translate-y-1\/2{background:linear-gradient(180deg,#2d3748,#4a5568)!important;background:var(--surface-gradient)!important;border:2px solid #e53e3e!important;border:2px solid var(--primary-red)!important;color:#f7fafc!important;color:var(--text-primary)!important}div[style*="background-color: #fff"],div[style*="background-color: #ffffff"],div[style*="background-color: white"],div[style*="background: #fff"],div[style*="background: #ffffff"],div[style*="background: white"]{background:#1a202c!important;background:var(--dark-bg)!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal{background:linear-gradient(180deg,#2d3748,#4a5568)!important;background:var(--surface-gradient)!important;border:2px solid #e53e3e!important;border:2px solid var(--primary-red)!important;box-shadow:0 0 40px #8b0000e6!important;color:#f7fafc!important;color:var(--text-primary)!important}.modal-overlay{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0a0a0af2!important}.audio-placeholder,.card-body,.card-content,.card-footer,.card-header,.card-title-section,.content-type-badge,.media-container,.media-loading,.metadata-grid,.metadata-item,.metadata-label,.metadata-value,.rarity-badge{background:#0000!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal .audio-container,.trading-card-modal .image-container,.trading-card-modal .media-container,.trading-card-modal .video-container{background:var(--shadow-gray)!important;border:1px solid #4a5568!important;border:1px solid var(--border-color)!important;border-radius:0!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal .factor-breakdown,.trading-card-modal .rarity-breakdown,.trading-card-modal .rarity-details,.trading-card-modal .rarity-info,.trading-card-modal .rarity-section{background:var(--shadow-gray)!important;border:1px solid #ed8936!important;border:1px solid var(--orange-accent)!important;border-radius:0!important;color:#f7fafc!important;color:var(--text-primary)!important;padding:12px!important}.trading-card-modal .details-section,.trading-card-modal .file-details,.trading-card-modal .metadata-section,.trading-card-modal .moment-details,.trading-card-modal .performance-details{background:var(--shadow-gray)!important;border:1px solid #48bb78!important;border:1px solid var(--green-success)!important;border-radius:0!important;color:#f7fafc!important;color:var(--text-primary)!important;padding:12px!important}.trading-card-modal .content-section,.trading-card-modal .info-section,.trading-card-modal .section,.trading-card-modal section{background:var(--shadow-gray)!important;border:1px solid #4a5568!important;border:1px solid var(--border-color)!important;border-radius:0!important;color:#f7fafc!important;color:var(--text-primary)!important;margin:8px 0!important;padding:12px!important}.trading-card-modal .box,.trading-card-modal .container,.trading-card-modal .panel,.trading-card-modal div[class*=background],.trading-card-modal div[class*=bg-]{background:var(--shadow-gray)!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal h1,.trading-card-modal h2,.trading-card-modal h3,.trading-card-modal h4,.trading-card-modal h5,.trading-card-modal h6{color:#f7fafc!important;color:var(--text-primary)!important;text-shadow:0 0 8px #8b000099!important}.trading-card-modal div,.trading-card-modal p,.trading-card-modal span{color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal [class*=gray],.trading-card-modal [class*=light],.trading-card-modal [class*=white]{background:var(--shadow-gray)!important;color:#f7fafc!important;color:var(--text-primary)!important}[style*="background-color: #fff"],[style*="background-color: #ffffff"],[style*="background-color: white"],[style*="background: #fff"],[style*="background: #ffffff"],[style*="background: white"]{background:#1a202c!important;background:var(--dark-bg)!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal *{background-color:initial!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal .media-container *,.trading-card-modal .moment-details *,.trading-card-modal .rarity-section *,.trading-card-modal section *{background-color:var(--shadow-gray)!important}.trading-card-modal .blockchain-section,.trading-card-modal .mint-section,.trading-card-modal .nft-section,.trading-card-modal .nft-status,.trading-card-modal .web3-section{background:var(--shadow-gray)!important;border:2px solid #9f7aea!important;border:2px solid var(--purple-accent)!important;border-radius:0!important;color:#f7fafc!important;color:var(--text-primary)!important;margin:12px 0!important;padding:16px!important}.trading-card-modal .mint-component,.trading-card-modal .moment-mint,.trading-card-modal .nft-mint,.trading-card-modal .web3-mint{background:var(--shadow-gray)!important;border:1px solid #ed8936!important;border:1px solid var(--orange-accent)!important;border-radius:0!important;color:#f7fafc!important;color:var(--text-primary)!important;padding:12px!important}.trading-card-modal [class*=blockchain],.trading-card-modal [class*=mint],.trading-card-modal [class*=nft],.trading-card-modal [class*=token],.trading-card-modal [class*=wallet],.trading-card-modal [class*=web3]{background:var(--shadow-gray)!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal .mint-button,.trading-card-modal .mint-status,.trading-card-modal .minting-info,.trading-card-modal .nft-available,.trading-card-modal .token-info{background:var(--shadow-gray)!important;border:1px solid #e53e3e!important;border:1px solid var(--primary-red)!important;border-radius:0!important;color:#f7fafc!important;color:var(--text-primary)!important;padding:8px!important}.trading-card-modal button,.trading-card-modal input,.trading-card-modal select,.trading-card-modal textarea{background:var(--shadow-gray)!important;border:1px solid #ed8936!important;border:1px solid var(--orange-accent)!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal .mint-controls,.trading-card-modal .mint-price,.trading-card-modal .price-display,.trading-card-modal .quantity-selector,.trading-card-modal .token-price{background:var(--shadow-gray)!important;border:1px solid #48bb78!important;border:1px solid var(--green-success)!important;border-radius:0!important;color:#f7fafc!important;color:var(--text-primary)!important;padding:8px!important}.trading-card-modal .error-message,.trading-card-modal .info-message,.trading-card-modal .success-message,.trading-card-modal .warning-message{background:var(--shadow-gray)!important;border:1px solid!important;border-radius:0!important;color:#f7fafc!important;color:var(--text-primary)!important;padding:8px!important}.trading-card-modal .mint-section *,.trading-card-modal .moment-mint *,.trading-card-modal .nft-section *,.trading-card-modal .web3-section *{background-color:initial!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal .mint-section div,.trading-card-modal .moment-mint div,.trading-card-modal .nft-section div,.trading-card-modal .web3-section div{background:var(--shadow-gray)!important;border:1px solid #4a5568!important;border:1px solid var(--border-color)!important}.trading-card-modal .bg-gray-100,.trading-card-modal .bg-gray-200,.trading-card-modal .bg-gray-300,.trading-card-modal .bg-gray-400,.trading-card-modal .bg-gray-500,.trading-card-modal .text-gray-500,.trading-card-modal .text-gray-600,.trading-card-modal .text-gray-800{background:var(--shadow-gray)!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal .bg-purple-600,.trading-card-modal .bg-purple-700{background:linear-gradient(135deg,#9f7aea,#4299e1)!important;background:linear-gradient(135deg,var(--purple-accent) 0,var(--blue-primary) 100%)!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal .bg-neutral-100,.trading-card-modal .bg-slate-100,.trading-card-modal .bg-white{background:var(--shadow-gray)!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal div{background-color:var(--shadow-gray)!important;color:#f7fafc!important;color:var(--text-primary)!important}.trading-card-modal.with-side-panel{display:flex!important;flex-direction:column!important;max-width:95vw!important;width:1400px!important}.modal-content-container{display:flex!important;flex:1 1!important;gap:20px!important;overflow:hidden!important}.main-content{background:#0000!important;color:#f7fafc!important;color:var(--text-primary)!important;flex:1 1!important;overflow-y:auto!important}.nft-side-panel{animation:hauntedGlow 4s ease-in-out infinite!important;background:linear-gradient(180deg,#2d3748,#4a5568)!important;background:var(--surface-gradient)!important;border:2px solid #9f7aea!important;border:2px solid var(--purple-accent)!important;border-radius:0!important;box-shadow:0 0 30px #2d1b69cc,inset 0 1px 0 #a855f733!important;display:flex!important;flex-direction:column!important;min-width:400px!important;overflow:hidden!important;position:relative!important;width:400px!important}.nft-panel-header{align-items:center!important;background:linear-gradient(135deg,#9f7aea,#4299e1)!important;background:linear-gradient(135deg,var(--purple-accent) 0,var(--blue-primary) 100%)!important;border-bottom:1px solid #ed8936!important;border-bottom:1px solid var(--orange-accent)!important;color:#f7fafc!important;color:var(--text-primary)!important;display:flex!important;justify-content:space-between!important;padding:16px!important}.nft-panel-header h3{font-family:Courier New,monospace!important;letter-spacing:1px!important;margin:0!important;text-shadow:0 0 10px #a855f7cc!important;text-transform:uppercase!important}.panel-close-button{background:#0000!important;border:1px solid #f7fafc!important;border:1px solid var(--text-primary)!important;border-radius:50%!important;color:#f7fafc!important;color:var(--text-primary)!important;cursor:pointer!important;font-size:16px!important;height:30px!important;transition:all .3s ease!important;width:30px!important}.panel-close-button:hover{background:#e53e3e!important;background:var(--primary-red)!important;border-color:#e53e3e!important;border-color:var(--primary-red)!important;box-shadow:0 0 15px #8b0000cc!important}.nft-panel-content{background:#0000!important;flex:1 1!important;overflow-y:auto!important;padding:20px!important}.nft-toggle-button{background:linear-gradient(135deg,#9f7aea,#4299e1)!important;background:linear-gradient(135deg,var(--purple-accent) 0,var(--blue-primary) 100%)!important;border:1px solid #9f7aea!important;border:1px solid var(--purple-accent)!important;border-radius:0!important;color:#f7fafc!important;color:var(--text-primary)!important;cursor:pointer!important;font-family:Courier New,monospace!important;font-size:12px!important;font-weight:700!important;letter-spacing:1px!important;margin-right:12px!important;padding:8px 16px!important;text-transform:uppercase!important;transition:all .3s ease!important}.nft-toggle-button:hover{background:#9f7aea!important;background:var(--purple-accent)!important;box-shadow:0 0 15px #a855f7cc!important;transform:translateY(-1px)!important}.nft-toggle-button.active{background:#ed8936!important;background:var(--orange-accent)!important;border-color:#ed8936!important;border-color:var(--orange-accent)!important;box-shadow:0 0 15px #b8860bcc!important;color:#1a202c!important;color:var(--dark-bg)!important}.trading-card-modal.with-side-panel .moment-mint{display:none!important}.nft-side-panel .fixed.inset-0{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0a0a0af2!important;inset:0!important;position:absolute!important;z-index:100!important}.nft-side-panel .fixed.inset-0>div{background:linear-gradient(180deg,#2d3748,#4a5568)!important;background:var(--surface-gradient)!important;border:2px solid #ed8936!important;border:2px solid var(--orange-accent)!important;box-shadow:0 0 30px #b8860bcc!important;color:#f7fafc!important;color:var(--text-primary)!important;margin:auto!important;max-height:85%!important;max-width:95%!important;overflow-y:auto!important}.nft-side-panel .fixed.inset-0 h3{color:#f7fafc!important;color:var(--text-primary)!important;text-shadow:0 0 8px #b8860b99!important}.nft-side-panel .fixed.inset-0 button{background:var(--shadow-gray)!important;border:1px solid #ed8936!important;border:1px solid var(--orange-accent)!important;color:#f7fafc!important;color:var(--text-primary)!important}.nft-side-panel .fixed.inset-0 button:hover{background:#ed8936!important;background:var(--orange-accent)!important;color:#1a202c!important;color:var(--dark-bg)!important}.nft-side-panel .fixed.inset-0 button[class*=text-2xl]{background:#0000!important;border:none!important;color:#ed8936!important;color:var(--orange-accent)!important;font-size:20px!important}.nft-side-panel .fixed.inset-0 button[class*=text-2xl]:hover{background:#0000!important;color:#e53e3e!important;color:var(--primary-red)!important}.nft-side-panel .fixed.inset-0 .p-6{padding:12px!important}.nft-side-panel .fixed.inset-0 h3{font-size:16px!important;margin-bottom:8px!important}.nft-side-panel .fixed.inset-0 img{margin-bottom:12px!important}.nft-side-panel .fixed.inset-0 button:not([class*=text-2xl]){font-size:12px!important;margin:4px 0!important;padding:8px 12px!important}.nft-side-panel .fixed.inset-0 button{font-size:11px!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.nft-side-panel .fixed.inset-0 button[class*=w-full]{font-size:11px!important;padding:10px 8px!important}.nft-side-panel .fixed.inset-0 .flex.gap-3 button{font-size:10px!important;font-weight:600!important;padding:8px 10px!important}.nft-side-panel .fixed.inset-0 .text-xs{font-size:9px!important}.nft-side-panel .fixed.inset-0 .mb-4{margin-bottom:8px!important}.nft-side-panel .fixed.inset-0 .mt-4{margin-top:8px!important}.nft-side-panel .fixed.inset-0>div{display:flex!important;flex-direction:column!important}.nft-side-panel .fixed.inset-0 .p-6{flex:1 1!important;max-height:calc(85vh - 40px)!important;overflow-y:auto!important}@media (max-width:1200px){.trading-card-modal.with-side-panel{flex-direction:column!important;max-height:95vh!important;width:95vw!important}.modal-content-container{flex-direction:column!important}.nft-side-panel{max-height:400px!important;min-width:0!important;min-width:auto!important;width:100%!important}.nft-side-panel .fixed.inset-0{inset:0!important;position:fixed!important}}@media (max-width:640px){body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body,html{overflow-x:hidden}.modal-content{border-radius:0!important;bottom:0!important;left:0!important;margin:0!important;max-height:100vh!important;position:fixed!important;right:0!important;top:0!important}}body.force-desktop .hidden.lg\:flex{display:flex!important}body.force-desktop .hidden.lg\:block{display:block!important}body.force-desktop .lg\:hidden,body.force-desktop .sm\:hidden{display:none!important}body.force-desktop .lg\:ml-56{margin-left:14rem!important}body.force-desktop .lg\:ml-16{margin-left:4rem!important}body.force-desktop .lg\:mr-56{margin-right:14rem!important}body.force-desktop .lg\:mr-16{margin-right:4rem!important}body.force-desktop .lg\:flex{display:flex!important}body.force-desktop .lg\:w-56{width:14rem!important}body.force-desktop .lg\:w-16{width:4rem!important}body.force-desktop .block.sm\:hidden{display:none!important}:root{--umo-void-black:#0a0a0a;--umo-shadow-gray:#1a1a1a;--umo-steel-gray:#2a2a2a;--umo-smoke-gray:#3a3a3a;--umo-ash-gray:#4a4a4a;--umo-stone-gray:#5a5a5a;--umo-slate-gray:#6a6a6a;--umo-fog-gray:#8a8a8a;--umo-bone-white:beige;--umo-paper-white:#fafafa;--umo-electric-blue:#2563eb;--umo-deep-blue:#1e40af;--umo-crimson-red:#dc2626;--umo-blood-red:#991b1b;--umo-forest-green:#059669;--umo-dark-green:#047857;--umo-amber-yellow:#d97706;--umo-gold-yellow:#b45309;--umo-font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--umo-font-heading:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--umo-font-mono:"Fira Code","SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;--umo-space-xs:0.25rem;--umo-space-sm:0.5rem;--umo-space-md:1rem;--umo-space-lg:1.5rem;--umo-space-xl:2rem;--umo-space-2xl:3rem;--umo-shadow-sm:0 1px 2px #0000004d;--umo-shadow-md:0 4px 6px #0006;--umo-shadow-lg:0 10px 15px #00000080;--umo-shadow-xl:0 20px 25px #0009;--umo-border-width:1px;--umo-border-radius:0;--umo-border-color:var(--umo-steel-gray)}.umo-container{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);background:linear-gradient(135deg,var(--umo-shadow-gray) 0,var(--umo-void-black) 100%);color:beige;color:var(--umo-bone-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--umo-font-primary);min-height:100vh}.umo-container *,.umo-container-fluid *,body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--umo-font-primary)!important}.umo-btn{align-items:center;background-image:linear-gradient(45deg,#0000 25%,#ffffff05 0),linear-gradient(-45deg,#0000 25%,#ffffff05 0);background-size:4px 4px;border:1px solid #0000;border:var(--umo-border-width) solid #0000;border-radius:0;border-radius:var(--umo-border-radius);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--umo-font-primary);font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25;outline:none;padding:.5rem 1rem;padding:var(--umo-space-sm) var(--umo-space-md);position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.umo-btn:focus{outline:2px solid #2563eb;outline:2px solid var(--umo-electric-blue);outline-offset:2px}.umo-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.umo-btn--primary{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--umo-electric-blue) 0,var(--umo-deep-blue) 100%);border-color:#1e40af;border-color:var(--umo-deep-blue);box-shadow:0 1px 2px #0000004d;box-shadow:var(--umo-shadow-sm);color:beige;color:var(--umo-bone-white)}.umo-btn--primary:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);background:linear-gradient(135deg,var(--umo-deep-blue) 0,#1e3a8a 100%);box-shadow:0 4px 6px #0006;box-shadow:var(--umo-shadow-md);transform:translateY(-1px)}.umo-btn--secondary{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);background:linear-gradient(135deg,var(--umo-steel-gray) 0,var(--umo-shadow-gray) 100%);border-color:#3a3a3a;border-color:var(--umo-smoke-gray);box-shadow:0 1px 2px #0000004d;box-shadow:var(--umo-shadow-sm);color:beige;color:var(--umo-bone-white)}.umo-btn--secondary:hover{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);background:linear-gradient(135deg,var(--umo-smoke-gray) 0,var(--umo-steel-gray) 100%);box-shadow:0 4px 6px #0006;box-shadow:var(--umo-shadow-md);transform:translateY(-1px)}.umo-btn--danger{background:linear-gradient(135deg,#dc2626,#991b1b);background:linear-gradient(135deg,var(--umo-crimson-red) 0,var(--umo-blood-red) 100%);border-color:#991b1b;border-color:var(--umo-blood-red);box-shadow:0 1px 2px #0000004d;box-shadow:var(--umo-shadow-sm);color:beige;color:var(--umo-bone-white)}.umo-btn--danger:hover{background:linear-gradient(135deg,#991b1b,#7f1d1d);background:linear-gradient(135deg,var(--umo-blood-red) 0,#7f1d1d 100%);box-shadow:0 4px 6px #0006;box-shadow:var(--umo-shadow-md);transform:translateY(-1px)}.umo-btn--ghost{background:#0000;border-color:#2a2a2a;border-color:var(--umo-steel-gray);color:beige;color:var(--umo-bone-white)}.umo-btn--ghost:hover{background:#1a1a1a;background:var(--umo-shadow-gray);border-color:#3a3a3a;border-color:var(--umo-smoke-gray)}.umo-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1a1a1ab3;border:1px solid #ffffff14;border:var(--umo-border-width) solid #ffffff14;border-radius:0;border-radius:var(--umo-border-radius);box-shadow:0 4px 20px #0000004d;transition:all .2s cubic-bezier(.4,0,.2,1)}.umo-card:hover{border-color:#3a3a3a;border-color:var(--umo-smoke-gray);box-shadow:0 10px 15px #00000080;box-shadow:var(--umo-shadow-lg);transform:translateY(-2px)}.umo-card--interactive{cursor:pointer}.umo-card--interactive:hover{border-color:#2563eb;border-color:var(--umo-electric-blue)}.umo-modal-overlay{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--umo-space-md);position:fixed;z-index:50}.umo-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1ad9;background-image:linear-gradient(45deg,#0000 49%,#ffffff05 50%,#0000 51%);background-size:8px 8px;border:1px solid #ffffff1a;border:var(--umo-border-width) solid #ffffff1a;border-radius:0;border-radius:var(--umo-border-radius);box-shadow:0 8px 40px #00000080;max-height:90vh;max-width:90vw;overflow:auto}.umo-input{background:#0a0a0a;background:var(--umo-void-black);border:1px solid #2a2a2a;border:var(--umo-border-width) solid var(--umo-steel-gray);border-radius:0;border-radius:var(--umo-border-radius);color:beige;color:var(--umo-bone-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--umo-font-primary);font-size:.875rem;padding:.5rem 1rem;padding:var(--umo-space-sm) var(--umo-space-md);transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.umo-input:focus{border-color:#2563eb;border-color:var(--umo-electric-blue);box-shadow:0 0 0 3px #2563eb1a;outline:none}.umo-input::placeholder{color:#6a6a6a;color:var(--umo-slate-gray)}.umo-textarea{min-height:80px;resize:vertical}.umo-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.umo-text-primary{color:beige;color:var(--umo-bone-white)}.umo-text-secondary{color:#8a8a8a;color:var(--umo-fog-gray)}.umo-text-muted{color:#6a6a6a;color:var(--umo-slate-gray)}.umo-heading{color:beige;color:var(--umo-bone-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--umo-font-heading);font-weight:600;letter-spacing:-.02em;line-height:1.2}.umo-heading--xl{font-size:2rem}.umo-heading--lg{font-size:1.5rem}.umo-heading--md{font-size:1.25rem}.umo-heading--sm{font-size:1rem}.umo-container-fluid{margin:0 auto;max-width:1280px;padding:0 1rem;padding:0 var(--umo-space-md);width:100%}@media (min-width:1024px){.umo-container-fluid{margin:0;max-width:none;padding-right:1.5rem;padding-right:var(--umo-space-lg)}}.umo-grid{grid-gap:1rem;grid-gap:var(--umo-space-md);display:grid;gap:1rem;gap:var(--umo-space-md)}.umo-grid--cols-2{grid-template-columns:repeat(2,1fr)}.umo-grid--cols-3{grid-template-columns:repeat(3,1fr)}.umo-grid--cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.umo-grid--cols-2,.umo-grid--cols-3,.umo-grid--cols-4{grid-template-columns:1fr}.umo-modal{margin:.5rem;margin:var(--umo-space-sm);max-width:calc(100vw - 2rem)}}.umo-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1a1a1a,#0a0a0a);background:linear-gradient(135deg,var(--umo-shadow-gray) 0,var(--umo-void-black) 100%);border-bottom:1px solid #2a2a2a;border-bottom:var(--umo-border-width) solid var(--umo-steel-gray)}.umo-nav-link{border-radius:0;border-radius:var(--umo-border-radius);color:#8a8a8a;color:var(--umo-fog-gray);padding:.5rem 1rem;padding:var(--umo-space-sm) var(--umo-space-md);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.umo-nav-link:hover{background:#2a2a2a;background:var(--umo-steel-gray);color:beige;color:var(--umo-bone-white)}.umo-nav-link--active{background:#2563eb;background:var(--umo-electric-blue);color:beige;color:var(--umo-bone-white)}.umo-badge{align-items:center;border:1px solid #0000;border:var(--umo-border-width) solid #0000;border-radius:0;border-radius:var(--umo-border-radius);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--umo-space-xs) var(--umo-space-sm)}.umo-badge--success{background:#059669;background:var(--umo-forest-green);color:beige;color:var(--umo-bone-white)}.umo-badge--warning{background:#d97706;background:var(--umo-amber-yellow);color:#0a0a0a;color:var(--umo-void-black)}.umo-badge--error{background:#dc2626;background:var(--umo-crimson-red)}.umo-badge--error,.umo-badge--info{color:beige;color:var(--umo-bone-white)}.umo-badge--info{background:#2563eb;background:var(--umo-electric-blue)}.umo-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes umo-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.umo-animate-fade-in{animation:umo-fade-in .3s cubic-bezier(.4,0,.2,1)}.umo-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a99;border:1px solid #ffffff1a;border:var(--umo-border-width) solid #ffffff1a;border-radius:0;border-radius:var(--umo-border-radius);box-shadow:0 4px 30px #0000004d}.umo-badge,.umo-btn,.umo-card,.umo-glass,.umo-input,.umo-modal,.umo-select,.umo-textarea{border-radius:0!important;border-radius:var(--umo-border-radius)!important}.rounded,.rounded-2xl,.rounded-lg,.rounded-md,.rounded-sm,.rounded-xl{border-radius:0!important}.rounded-full{border-radius:50%!important}.umo-loading{overflow:hidden;position:relative}.umo-loading:after{animation:umo-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes umo-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.performance-dashboard{padding-bottom:2rem}.show-header-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1af2,#0a0a0af2)}.media-gallery-panel,.setlist-panel{background:#1a1a1a80}.upload-panel{position:-webkit-sticky;position:sticky;top:1rem}.song-row:hover{background:#3b82f60d}.moment-thumbnail-card{transition:all .2s ease}.moment-thumbnail-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.rarity-legendary{background:linear-gradient(135deg,#eab3084d,#f973164d);border-color:#eab30880}.rarity-mythic{background:linear-gradient(135deg,#8b5cf64d,#ec48994d);border-color:#8b5cf680}.rarity-epic{background:linear-gradient(135deg,#8b5cf64d,#a855f74d);border-color:#8b5cf680}.rarity-rare{background:linear-gradient(135deg,#ef44444d,#ec48994d);border-color:#ef444480}.rarity-uncommon{background:linear-gradient(135deg,#3b82f64d,#06b6d44d);border-color:#3b82f680}.rarity-common{background:linear-gradient(135deg,#6b728033,#4b556333);border-color:#6b72804d}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.media-gallery-panel,.setlist-panel,.show-header-panel,.upload-panel{animation:panel-fade-in .3s ease-out}@media (max-width:768px){.upload-panel{position:static}.performance-dashboard .grid{gap:1rem}}