body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navfirstparent{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.nav-button{background:none;border:none;border-radius:0;color:#fff;font-size:20px;font-weight:700;margin:1px;padding:3px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.menu-content{background-image:url(/static/media/GothamSonicPic3.12f774a4ee2a9f376b01.png);background-position:15% 15%;background-repeat:no-repeat;background-size:150% auto;display:block;text-align:left;top:40px;width:100%}.hamburger{margin-top:20px}.horizontal-line{background-color:#000;height:6px;position:relative;width:100%}@media (max-width:768px){.hamburger,.navfirstparent{position:fixed}.hamburger{background-color:initial;color:#000;cursor:pointer;display:block;font-size:80px;margin-top:0;right:10px;top:-20px;z-index:1200}.menu-content{background-image:url(/static/media/GothamSonicPic8.c1c83b08687e4c225aa5.png);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;margin-top:0}.nav-button{text-shadow:none}.menu-content .nav-button{background:none;border:none;border-radius:0;color:#000;display:block;font-size:19px;font-weight:900;height:auto;margin:1px;padding:7px;width:auto}#loginBtn{grid-row-end:4;grid-row-start:4}#loginBtn,#profileBtn{grid-column-end:1;grid-column-start:1}#profileBtn{grid-row-end:5;grid-row-start:5}#uploadBtn{grid-row-end:4;grid-row-start:4}#echoBtn,#uploadBtn{grid-column-end:2;grid-column-start:2}#echoBtn{grid-row-end:5;grid-row-start:5}#registerBtn{grid-column-end:2;grid-column-start:2;grid-row-end:3;grid-row-start:3}}.site-logo{color:#f0f0f0;font-family:Courier New,Courier,monospace;font-size:3rem;font-weight:900;letter-spacing:.18rem;margin-bottom:12px;margin-top:76px;text-align:center;text-shadow:0 0 12px #ff2b6359;text-transform:uppercase}.site-logo span{color:#ff2b63}@media (max-width:768px){.site-logo{font-size:2.5rem;letter-spacing:.12rem;margin-bottom:8px;margin-top:68px}}.song-mode-page{color:#f0f0f0;font-family:Courier New,Courier,monospace;margin:18px auto 50px;padding-bottom:40px;width:min(94vw,1150px)}.song-control-grid{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:minmax(210px,1fr) 380px minmax(210px,1fr);margin:22px auto 28px}.song-control-panel{background:#0a0a0ae0;border:1px solid #ffffff17;border-radius:8px;box-sizing:border-box;padding:1rem}.song-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0 auto;padding:0}.song-row{grid-gap:14px;align-items:center;background:#0a0a0adb;border:1px solid #ffffff17;border-left:3px solid #ff2b63;border-radius:6px;color:#f0f0f0;cursor:pointer;display:grid;font-family:Courier New,Courier,monospace;gap:14px;grid-template-columns:1fr auto auto;padding:.85rem 1rem;text-align:left;transition:transform .12s ease,border-color .15s ease,background .15s ease;width:100%}.song-row:hover{background:hsla(0,0%,100%,.055);border-color:#0057ff8c;transform:translateY(-2px)}.song-title-block{min-width:0}.song-title{font-size:1rem;font-weight:900;letter-spacing:.03rem}.song-artist-link{color:#ff2b63;font-size:.85rem;margin-left:6px;text-decoration:none}.song-artist-link:hover{color:#0057ff;text-decoration:underline}.song-disclosure-action{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px;height:26px;justify-content:center;width:34px}.song-disclosure-action span{background:#f0f0f0;border-radius:2px;display:block;height:2px;opacity:.85}.song-disclosure-action span:first-child{width:22px}.song-disclosure-action span:nth-child(2){width:16px}.song-disclosure-action span:nth-child(3){width:10px}.song-disclosure-action:hover span{background:#00d4ff;opacity:1}.song-stats{align-items:center;display:flex;font-size:.78rem;gap:10px;letter-spacing:.05rem;white-space:nowrap}.song-stats,.song-strip-action{font-weight:900;text-transform:uppercase}.song-strip-action{background:hsla(0,0%,100%,.035);border:1px solid #ffffff24;border-radius:4px;color:#f0f0f0;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:.72rem;letter-spacing:.04rem;padding:.25rem .45rem;transition:border-color .15s ease,color .15s ease,background .15s ease}.song-strip-action:hover{background:#0057ff14;border-color:#0057ff;color:#00d4ff}.song-stat{color:#b8b8b8}.song-stat strong{color:#f0f0f0}.song-like-action{background:#ff2b630f;border:1px solid #ff2b6373;border-radius:4px;color:#ff2b63;cursor:pointer;font-size:.72rem;font-weight:900;letter-spacing:.04rem;padding:.25rem .45rem;transition:border-color .15s ease,color .15s ease,background .15s ease}.song-like-action:hover{background:#0057ff14;border-color:#0057ff;color:#00d4ff}.song-like-wrapper{align-items:center;display:flex;gap:5px}.song-like-count{color:#f0f0f0;font-size:.72rem;font-weight:900}@media (max-width:900px){.song-control-grid{grid-template-columns:1fr;max-width:420px}.song-row{align-items:flex-start;display:flex;flex-direction:column;gap:5px;padding:.72rem 2.2rem .72rem .8rem;position:relative;text-align:left}.song-title-block{line-height:1.15;width:100%}.song-title{font-size:.95rem}.song-artist-link{font-size:.8rem}.song-disclosure-action{height:18px;margin:0;position:absolute;right:10px;top:10px;width:24px}.song-disclosure-action span:first-child{width:18px}.song-disclosure-action span:nth-child(2){width:13px}.song-disclosure-action span:nth-child(3){width:9px}.song-stats{flex-wrap:nowrap;font-size:.68rem;gap:7px;justify-content:flex-start;white-space:nowrap}.song-strip-action{font-size:.66rem;padding:.2rem .34rem}.song-stat{font-size:.68rem}.song-like-action{font-size:.66rem;padding:.2rem .34rem}}:root{--sb-bg:#0a0a0a;--sb-fg:#f0f0f0;--sb-muted:#222;--sb-panel:#00000014;--sb-border:#00000059;--sb-accent:#ff2b63;--sb-accent2:#0057ff;--sb-cyan-dark:#006f9f}.concert-calendar{border:1px solid #00000059;border:1px solid var(--sb-border);border-radius:8px;box-sizing:border-box;font-family:Courier New,Courier,monospace;line-height:1.45;margin:100px auto 40px;padding:1.25rem;width:min(92vw,1150px)}.concert-calendar h3{font-size:1.15rem;font-weight:900;letter-spacing:.08rem;margin:.25rem 0 .9rem;text-align:center;text-transform:uppercase}.concert-calendar label{color:inherit;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:900;margin:.25rem .5rem}.concert-calendar input[type=radio]{accent-color:#ff2b63;accent-color:var(--sb-accent)}.date-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr) repeat(2,1.25fr);margin:1rem 0 1.25rem}.button{background:#00000014;border:1px solid #00000059;border:1px solid var(--sb-border);border-radius:5px;box-shadow:none;color:inherit;cursor:pointer;font-family:Courier New,Courier,monospace;font-weight:900;min-height:58px;padding:.45rem;transition:background .15s ease,border-color .15s ease,transform .12s ease}.button:hover{background:#0000001f;border-color:#006f9f;border-color:var(--sb-cyan-dark)}.button:active{transform:translateY(2px)}.weekday{color:#0057ff;font-size:.95rem;letter-spacing:.05rem}.date,.weekday{font-weight:900}.date{color:#b0003a;font-size:.85rem}.show-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:.75rem auto 1.25rem;padding:0}.show-list li{background:#00000014;border:1px solid #00000059;border-left:3px solid #ff2b63;border:1px solid var(--sb-border);border-left:3px solid var(--sb-accent);border-radius:6px;font-size:.98rem;font-weight:700;line-height:1.45;padding:.85rem 1rem;transition:transform .12s ease,border-color .15s ease}.show-list li:hover{border-color:#006f9f;border-color:var(--sb-cyan-dark);transform:translateY(-2px)}.show-list a{color:inherit;text-decoration:none}.show-list a:hover{color:#006f9f;color:var(--sb-cyan-dark);text-decoration:underline}@media (max-width:768px){.concert-calendar{margin:82px auto 30px;padding:1rem;width:94vw}.concert-calendar h3{font-size:1rem}.concert-calendar label{font-size:.9rem;margin:.25rem .35rem}.date-selector{gap:6px;grid-template-columns:repeat(4,1fr)}.button{font-size:.85rem;min-height:52px}.show-list{grid-template-columns:1fr}.show-list li{font-size:.93rem}}@keyframes fly-in-left-diagonal{0%{opacity:0;transform:translate(-100vw,-100vh)}to{opacity:1;transform:translate(0)}}@keyframes fly-in-right-diagonal{0%{opacity:0;transform:translate(100vw,-100vh)}to{opacity:1;transform:translate(0)}}@keyframes fly-in-bottom-left{0%{opacity:0;transform:translate(-150vw,150vh)}to{opacity:1;transform:translate(0)}}@keyframes fly-in-bottom-right{0%{opacity:0;transform:translate(100vw,100vh)}to{opacity:1;transform:translate(0)}}.animate-fly-in-left-diagonal{animation:fly-in-left-diagonal 1.5s ease-out forwards}.animate-fly-in-right-diagonal{animation:fly-in-right-diagonal 1.5s ease-out forwards}.animate-fly-in-bottom-left{animation:fly-in-bottom-left 1.5s ease-out forwards}.animate-fly-in-bottom-right{animation:fly-in-bottom-right 1.5s ease-out forwards}.login-root{background:linear-gradient(#00a9,#00a9),url(/static/media/ramonesimage1png.fd28d5ec9e010db3db8e.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-family:Courier New,Courier,monospace;min-height:100vh;padding-top:50px;text-align:center}h2,p{color:#fff}form{margin:20px auto;text-align:left;width:300px}input[type=submit]{background-color:#000;border:2px solid #fff;color:#fff;cursor:pointer;padding:5px 15px}input[type=submit]:hover{background-color:#fff;color:#00a}.form-group input{background-color:#000;border:2px solid #fff;box-sizing:border-box;color:#fff;font-size:16px;margin:8px 0;padding:8px;width:100%}.form-group input:focus{background-color:#fff;color:#00a}.error-message{color:red}.terminal-prompt{font-size:1.5em;margin-bottom:20px}
/*# sourceMappingURL=main.6b31952a.css.map*/