:root{--bg:#080808;--surface1:#0f0f0f;--surface2:#141414;--surface3:#1c1c1c;--border:#222;--border2:#1a1a1a;--text:#f0f0f0;--muted:#555;--muted2:#333;--accent:#e8ff47;--accent2:#ff4d6d;--accent3:#7b61ff;--accent4:#00c896;--glow:0 0 24px rgba(232,255,71,.15);--glow-sm:0 0 10px rgba(232,255,71,.1);--font-display:"Bebas Neue",sans-serif;--font-body:"Syne",sans-serif;--font-mono:"DM Mono",monospace;--nav-h:64px;--page-px:clamp(16px,4vw,48px);--max-w:1280px;--r-sm:6px;--r-md:12px;--r-lg:20px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{display:block;max-width:100%}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;padding:0 var(--page-px);gap:32px;z-index:100;border-bottom:1px solid var(--border);background:rgba(8,8,8,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.logo{font-family:var(--font-display);font-size:26px;letter-spacing:3px;color:var(--text);flex-shrink:0}.logo span{color:var(--accent)}.nav-tabs{display:flex;gap:4px;flex:1 1}.nav-tab{padding:8px 16px;border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.5px;transition:color .15s,background .15s;border:none;background:transparent}.nav-tab:hover{color:var(--text);background:var(--surface3)}.nav-tab.active{color:var(--accent);background:rgba(232,255,71,.08)}.connect-btn{padding:10px 20px;border-radius:var(--r-sm);border:1px solid var(--accent);background:transparent;color:var(--accent);font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.5px;transition:background .15s,box-shadow .15s;white-space:nowrap}.connect-btn:hover{background:rgba(232,255,71,.08);box-shadow:var(--glow-sm)}.connect-btn.danger{border-color:var(--accent2);color:var(--accent2)}.wallet-btn{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px;transition:border-color .15s}.wallet-btn:hover{border-color:var(--accent)}.page-wrap{padding-top:calc(var(--nav-h) + 32px);padding-left:var(--page-px);padding-right:var(--page-px);max-width:calc(var(--max-w) + var(--page-px) * 2);margin:0 auto;padding-bottom:80px}.screen{display:none}.screen.active{display:block;padding-top:calc(var(--nav-h) + 32px);padding-left:var(--page-px);padding-right:var(--page-px);max-width:calc(var(--max-w) + var(--page-px) * 2);margin:0 auto;padding-bottom:80px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:36px;gap:16px}.page-title{font-family:var(--font-display);font-size:clamp(32px,5vw,52px);letter-spacing:2px;line-height:1}.page-sub{color:var(--muted);font-family:var(--font-mono);font-size:12px;margin-top:8px;letter-spacing:.5px}.events-page{padding-top:var(--nav-h)}.live-strip{background:var(--surface1);border-bottom:1px solid var(--border);padding:0 var(--page-px);height:40px;gap:24px;overflow:hidden}.live-strip,.live-strip-label{display:flex;align-items:center}.live-strip-label{gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(232,255,71,.4)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(232,255,71,0)}}.live-strip-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.live-strip-scroll::-webkit-scrollbar{display:none}.live-strip-chip{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:20px;border:1px solid rgba(232,255,71,.2);background:rgba(232,255,71,.05);white-space:nowrap;transition:border-color .15s,background .15s}.live-strip-chip:hover{border-color:var(--accent);background:rgba(232,255,71,.1)}.live-chip-name{font-size:12px;font-weight:600}.live-chip-venue{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.events-hero{padding:clamp(40px,8vw,100px) var(--page-px) clamp(32px,5vw,64px);max-width:calc(var(--max-w) + var(--page-px) * 2);margin:0 auto}.events-hero-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.events-hero-title{font-family:var(--font-display);font-size:clamp(48px,9vw,112px);line-height:.92;letter-spacing:-1px;margin-bottom:24px}.events-hero-sub{color:var(--muted);font-size:15px;max-width:520px;margin-bottom:36px;line-height:1.7}.events-search{display:flex;gap:0;max-width:560px}.events-search-input{flex:1 1;background:var(--surface2);border:1px solid var(--border);border-right:none;border-radius:var(--r-sm) 0 0 var(--r-sm);padding:14px 20px;color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .15s}.events-search-input::placeholder{color:var(--muted)}.events-search-input:focus{border-color:var(--accent)}.events-search-btn{padding:14px 24px;border-radius:0 var(--r-sm) var(--r-sm) 0;border:1px solid var(--accent);background:var(--accent);color:#000;font-weight:700;font-size:14px;transition:box-shadow .15s}.events-search-btn:hover{box-shadow:var(--glow)}.events-filters{display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-px);max-width:calc(var(--max-w) + var(--page-px) * 2);margin:0 auto 24px;gap:16px;flex-wrap:wrap}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{padding:8px 16px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:13px;font-weight:600;transition:all .15s}.filter-chip:hover{border-color:var(--text);color:var(--text)}.filter-chip.active{border-color:var(--accent);color:var(--accent);background:rgba(232,255,71,.07)}.filter-right{display:flex;gap:8px}.filter-select{padding:8px 14px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--font-body);font-size:13px;outline:none}.filter-select:focus{border-color:var(--accent)}.events-count{padding:0 var(--page-px);max-width:calc(var(--max-w) + var(--page-px) * 2);margin:0 auto 20px;font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.5px}.events-grid,.events-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;padding:0 var(--page-px);max-width:calc(var(--max-w) + var(--page-px) * 2);margin:0 auto}.event-card-skeleton{height:440px;border-radius:var(--r-lg);background:var(--surface2);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.events-empty,.events-error{text-align:center;padding:80px var(--page-px);color:var(--muted)}.events-error button{margin-top:12px;padding:8px 20px;border:1px solid var(--border);border-radius:var(--r-sm);background:transparent;color:var(--text)}.events-attribution{text-align:center;padding:40px var(--page-px) 20px;font-size:11px;color:var(--muted2);font-family:var(--font-mono);max-width:calc(var(--max-w) + var(--page-px) * 2);margin:0 auto}.event-card{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface1);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:default}.event-card:hover{border-color:rgba(232,255,71,.3);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.5),var(--glow-sm)}.event-card-image{position:relative;height:200px;overflow:hidden;background:var(--surface3)}.event-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.event-card:hover .event-card-image img{transform:scale(1.04)}.event-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface3) 0,#1a1a2e 100%)}.event-card-image-initials{font-family:var(--font-display);font-size:52px;color:rgba(232,255,71,.2);letter-spacing:4px}.event-card-badge{position:absolute;top:12px;left:12px}.event-card-category{position:absolute;bottom:12px;right:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:hsla(0,0%,100%,.5);background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px}.event-card-body{padding:20px;flex:1 1;display:flex;flex-direction:column;gap:8px}.event-card-artist{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.event-card-name{font-weight:700;font-size:17px;line-height:1.3;color:var(--text)}.event-card-meta{font-size:12px;color:var(--muted);font-family:var(--font-mono)}.event-card-date{display:flex;align-items:baseline;gap:8px;margin-top:4px}.event-card-date-day{font-weight:600;font-size:13px}.event-card-date-time{font-size:12px;color:var(--muted);font-family:var(--font-mono)}.event-card-price{font-family:var(--font-mono);font-size:13px;color:var(--text);margin-top:auto;padding-top:12px}.event-card-reserve-hint{color:var(--muted);font-size:11px}.event-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:11px 16px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface3);color:var(--text);font-size:13px;font-weight:600;font-family:var(--font-body);transition:all .15s;width:100%;text-align:center}.event-cta:hover{border-color:var(--text)}.event-cta.primary{border-color:var(--accent);background:var(--accent);color:#000}.event-cta.primary:hover{box-shadow:var(--glow)}.event-cta.success{border-color:var(--accent4);color:var(--accent4);background:rgba(0,200,150,.06)}.event-cta:disabled{opacity:.5;cursor:not-allowed}.interest-count{background:var(--accent);color:#000;font-size:10px;font-weight:800;padding:2px 6px;border-radius:10px;margin-left:4px}.form-input{background:var(--surface3);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 14px;color:var(--text);font-family:var(--font-body);font-size:13px;outline:none;width:100%;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;font-family:var(--font-mono)}.badge-live{background:rgba(232,255,71,.15);border:1px solid rgba(232,255,71,.3);color:var(--accent)}.badge-interest{background:rgba(123,97,255,.12);border:1px solid rgba(123,97,255,.25);color:var(--accent3)}.portfolio-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:36px}.pcard{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;position:relative;overflow:hidden}.pcard:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.pcard.winning:before{background:var(--accent)}.pcard.outbid:before{background:var(--accent2)}.pcard.won:before{background:var(--accent4)}.pcard.total:before{background:var(--accent3)}.pcard-label{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.pcard-value{font-family:var(--font-display);font-size:40px;line-height:1;letter-spacing:1px}.pcard-sub{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:8px}.bids-filters{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12px;font-weight:600;font-family:var(--font-body);transition:all .15s}.filter-btn:hover{border-color:var(--text);color:var(--text)}.filter-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(232,255,71,.07)}.bids-list{display:flex;flex-direction:column;gap:8px}.bid-row{display:grid;grid-template-columns:16px 1fr auto auto auto auto;align-items:center;grid-gap:16px;gap:16px;padding:16px 20px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface1);transition:border-color .15s,background .15s}.bid-row:hover{border-color:var(--border);background:var(--surface2)}.bid-row.winning{border-color:rgba(232,255,71,.2);background:rgba(232,255,71,.03)}.bid-row.outbid{border-color:rgba(255,77,109,.2);background:rgba(255,77,109,.03)}.bid-row.won{border-color:rgba(0,200,150,.2);background:rgba(0,200,150,.03)}.bid-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.bid-status-dot.winning{background:var(--accent);box-shadow:0 0 8px rgba(232,255,71,.5);animation:pulse 1.5s infinite}.bid-status-dot.outbid{background:var(--accent2)}.bid-status-dot.won{background:var(--accent4)}.bid-status-dot.ended{background:var(--muted2)}.bid-event-name{font-weight:600;font-size:14px}.bid-event-meta{color:var(--muted);margin-top:3px}.bid-event-meta,.bid-status-label{font-size:11px;font-family:var(--font-mono)}.bid-status-label{padding:4px 10px;border-radius:4px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.label-winning{background:rgba(232,255,71,.12);color:var(--accent)}.label-outbid{background:rgba(255,77,109,.12);color:var(--accent2)}.label-won{background:rgba(0,200,150,.12);color:var(--accent4)}.label-ended{background:var(--surface3);color:var(--muted)}.bid-amounts{text-align:right}.bid-my-amount{font-family:var(--font-mono);font-size:14px;font-weight:600}.bid-top-amount{font-size:11px;margin-top:2px}.bid-timer,.bid-top-amount{font-family:var(--font-mono);color:var(--muted)}.bid-timer{font-size:13px;white-space:nowrap;min-width:72px;text-align:right}.bid-timer.urgent{color:var(--accent2);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:.4}}.bid-action{padding:8px 14px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface3);color:var(--text);font-size:12px;font-weight:600;font-family:var(--font-body);white-space:nowrap;transition:all .15s}.bid-action:hover{border-color:var(--text)}.bid-action.primary{border-color:var(--accent);background:var(--accent);color:#000}.bid-action.primary:hover{box-shadow:var(--glow-sm)}.bid-action:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:var(--surface1);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:480px;padding:32px;position:relative;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--muted);font-size:16px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text);border-color:var(--text)}.auction-card{background:var(--surface1);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s}.auction-card:hover{border-color:rgba(232,255,71,.25)}.auction-card.live-auction{border-color:rgba(232,255,71,.15)}.create-form{max-width:680px}.form-section{margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid var(--border)}.form-section:last-child{border-bottom:none}.form-section-title{font-family:var(--font-display);font-size:22px;letter-spacing:1px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-family:var(--font-mono)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface1)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}::selection{background:rgba(232,255,71,.2)}@media (max-width:768px){.nav-tabs{display:none}.events-hero-title{font-size:56px}.bid-row{grid-template-columns:16px 1fr auto}.bid-action,.bid-amounts,.bid-timer{display:none}.bid-row.outbid .bid-action,.bid-row.winning .bid-action{display:block}.portfolio-row{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.portfolio-row{grid-template-columns:1fr}}