:root{--bg: #100e15;--bg2: #16131d;--surface: #1c1826;--surface-2: #241f31;--text: #ece7df;--muted: #9a92a6;--line: #2c2637;--amber: #e6a141;--amber-hi: #f5bd63;--hot: #ff4d6d;--hiphop: #ff5a4d;--jazz: #4aa7e6;--showa: #f0a93f;--citypop: #ff6fae;--house: #a487ff;--live: #4fd08a;--cond: "Helvetica Neue", "Arial Narrow", Helvetica, Arial, sans-serif;--serif-en: Georgia, "Times New Roman", serif;--sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--max: 1000px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal,.reveal{opacity:1!important;transform:none!important}}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.85;font-size:15.5px;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body>*{position:relative;z-index:1}.skip-link{position:absolute;left:-9999px;background:var(--amber);color:#14100a;padding:.6em 1em;z-index:100}.skip-link:focus{left:0;top:0}a{color:inherit}a:focus-visible,button:focus-visible,label:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber-hi);outline-offset:3px}.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(20px,5vw,44px)}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.site-head{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-head .inner{max-width:var(--max);margin:0 auto;padding:12px clamp(20px,5vw,44px);display:flex;align-items:center;gap:16px}.site-head .logo{flex:0 0 auto;font-family:var(--cond);font-weight:800;letter-spacing:.06em;text-decoration:none;color:var(--text);font-size:1rem}.site-head .logo b{color:var(--amber)}.site-head nav{margin-left:auto}.site-head ul{display:flex;gap:clamp(14px,2.6vw,26px);list-style:none;overflow-x:auto;scrollbar-width:none}.site-head ul::-webkit-scrollbar{display:none}.site-head a.nl{font-family:var(--cond);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--muted);white-space:nowrap}.site-head a.nl:hover,.site-head a.nl:focus-visible{color:var(--amber-hi)}@media(max-width:520px){.site-head a.nl{font-size:.68rem;letter-spacing:.08em}}.hero{position:relative;padding:clamp(56px,12vh,130px) 0 clamp(40px,8vh,80px);overflow:hidden}.hero:before{content:"";position:absolute;inset:-20% -10% auto;height:70%;z-index:0;background:radial-gradient(60% 80% at 78% 20%,rgba(255,77,109,.18),transparent 60%),radial-gradient(50% 70% at 12% 30%,rgba(230,161,65,.16),transparent 62%);filter:blur(4px);animation:glow 9s ease-in-out infinite alternate}@keyframes glow{0%{opacity:.7}to{opacity:1}}.hero .wrap{position:relative;z-index:1}.hero .eyebrow{font-family:var(--cond);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.hero .sub{font-family:var(--serif-en);font-size:clamp(1rem,3vw,1.4rem);letter-spacing:.4em;color:var(--amber-hi);margin:.4em 0 0}.hero h1{font-family:var(--serif-en);font-weight:700;font-size:clamp(4.6rem,20vw,11rem);line-height:.9;letter-spacing:.02em;margin:.02em 0 .2em;color:#fff;text-shadow:0 0 40px rgba(255,77,109,.25)}.hero .lead{max-width:30em;color:#d8d1e0}.hero .hours{display:inline-block;margin-top:1.4em;font-size:.9rem;color:var(--amber-hi);border-left:3px solid var(--hot);padding-left:1em}.hero .since{display:block;margin-top:.8em;font-family:var(--cond);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.vinyl{position:absolute;right:clamp(-90px,-6vw,-30px);top:12%;width:clamp(220px,34vw,420px);aspect-ratio:1;z-index:0;opacity:.9;pointer-events:none}.vinyl .disc{width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#16141b 0 2px,#0d0c10 2px 4px),radial-gradient(circle at 50% 50%,#2a2431 0 18%,transparent 18.5%);box-shadow:0 0 60px #0009,inset 0 0 40px #0009;animation:spin 8s linear infinite;position:relative}.vinyl .disc:after{content:"";position:absolute;inset:40%;border-radius:50%;background:radial-gradient(circle,var(--hot),#7a2338);box-shadow:0 0 22px #ff4d6d80}.vinyl .disc:before{content:"";position:absolute;inset:49%;border-radius:50%;background:#0d0c10;z-index:2}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.vinyl{opacity:.28;right:-70px;top:auto;bottom:-30px}}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:var(--bg2)}.ticker-track{display:inline-flex;gap:2.5em;white-space:nowrap;padding:.7em 0;font-family:var(--cond);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;color:var(--muted);animation:marquee 26s linear infinite}.ticker-track span{color:var(--amber-hi)}.ticker-track b{color:var(--hot);font-weight:700}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:clamp(28px,5vh,48px) 0}.stat{background:var(--surface);padding:clamp(18px,3vw,30px) clamp(14px,2.5vw,22px);text-align:center}.stat .num{font-family:var(--cond);font-weight:800;font-size:clamp(1.8rem,5vw,2.8rem);color:var(--amber-hi);line-height:1}.stat .num .u{font-size:.5em;color:var(--text);margin-left:.15em}.stat .lab{font-size:.76rem;color:var(--muted);margin-top:.5em;letter-spacing:.06em}.stat .live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--hot);margin-right:.4em;box-shadow:0 0 8px var(--hot);animation:blink 1.4s ease-in-out infinite}@keyframes blink{50%{opacity:.3}}@media(max-width:620px){.stats{grid-template-columns:repeat(2,1fr)}}section{padding:clamp(46px,8vh,84px) 0}.sec-label{font-family:var(--cond);font-size:.76rem;letter-spacing:.26em;text-transform:uppercase;color:var(--hot);display:block;margin-bottom:1em}h2{font-family:var(--serif-en);font-weight:700;font-size:clamp(1.7rem,5vw,2.6rem);letter-spacing:.02em;margin-bottom:.7em;color:#fff}.muted{color:var(--muted);font-size:.9rem}.note{font-size:.82rem;color:var(--muted);margin-top:1.3em}.lead{color:#d8d1e0}.tonight-band{display:flex;align-items:center;gap:1em;flex-wrap:wrap}.eq{display:inline-flex;align-items:flex-end;gap:3px;height:26px}.eq i{width:4px;background:var(--amber);border-radius:1px;animation:eq 1s ease-in-out infinite}.eq i:nth-child(1){height:40%;animation-delay:0s}.eq i:nth-child(2){height:80%;animation-delay:.15s}.eq i:nth-child(3){height:55%;animation-delay:.3s}.eq i:nth-child(4){height:100%;animation-delay:.1s}.eq i:nth-child(5){height:65%;animation-delay:.25s}@keyframes eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.filter-inputs{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.filter-row{margin:1.1em 0}.filter-row .flabel{font-family:var(--cond);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:.5em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--cond);font-weight:700;font-size:.78rem;letter-spacing:.08em;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:.4em .95em;border-radius:999px;cursor:pointer;user-select:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.chip:hover{transform:translateY(-1px)}.chip--all{border-color:var(--amber);color:var(--amber-hi)}.chip--hiphop{color:var(--hiphop)}.chip--jazz{color:var(--jazz)}.chip--showa{color:var(--showa)}.chip--citypop{color:var(--citypop)}.chip--house{color:var(--house)}.chip--live{color:var(--live)}.chip--mood{color:var(--amber-hi)}#g-all:checked~.cal-area .chip--all,#m-all:checked~.cal-area .chip--m-all{background:var(--amber);color:#14100a;box-shadow:0 0 16px #e6a14166}#g-hiphop:checked~.cal-area .chip--hiphop{background:var(--hiphop);color:#fff;box-shadow:0 0 16px #ff5a4d73}#g-jazz:checked~.cal-area .chip--jazz{background:var(--jazz);color:#fff;box-shadow:0 0 16px #4aa7e666}#g-showa:checked~.cal-area .chip--showa{background:var(--showa);color:#14100a;box-shadow:0 0 16px #f0a93f66}#g-citypop:checked~.cal-area .chip--citypop{background:var(--citypop);color:#fff;box-shadow:0 0 16px #ff6fae66}#g-house:checked~.cal-area .chip--house{background:var(--house);color:#fff;box-shadow:0 0 16px #a487ff66}#g-live:checked~.cal-area .chip--live{background:var(--live);color:#14100a;box-shadow:0 0 16px #4fd08a66}#m-dance:checked~.cal-area .chip--m-dance,#m-chill:checked~.cal-area .chip--m-chill,#m-deep:checked~.cal-area .chip--m-deep,#m-first:checked~.cal-area .chip--m-first{background:var(--hot);color:#fff;box-shadow:0 0 16px #ff4d6d73}#g-hiphop:checked~.cal-area .ev:not([data-genre=hiphop]),#g-jazz:checked~.cal-area .ev:not([data-genre=jazz]),#g-showa:checked~.cal-area .ev:not([data-genre=showa]),#g-citypop:checked~.cal-area .ev:not([data-genre=citypop]),#g-house:checked~.cal-area .ev:not([data-genre=house]),#g-live:checked~.cal-area .ev:not([data-genre=live]),#m-dance:checked~.cal-area .ev:not([data-mood=dance]),#m-chill:checked~.cal-area .ev:not([data-mood=chill]),#m-deep:checked~.cal-area .ev:not([data-mood=deep]),#m-first:checked~.cal-area .ev:not([data-mood=first]){display:none}.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2.4vw,18px);margin-top:1.4em}@media(max-width:800px){.ev-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ev-grid{grid-template-columns:1fr}}.ev{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--amber);padding:clamp(14px,2.4vw,20px);position:relative;transition:transform .2s ease,box-shadow .2s ease}.ev:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0006}.ev[data-genre=hiphop]{border-top-color:var(--hiphop)}.ev[data-genre=jazz]{border-top-color:var(--jazz)}.ev[data-genre=showa]{border-top-color:var(--showa)}.ev[data-genre=citypop]{border-top-color:var(--citypop)}.ev[data-genre=house]{border-top-color:var(--house)}.ev[data-genre=live]{border-top-color:var(--live)}.ev .d{font-family:var(--cond);font-variant-numeric:tabular-nums;color:var(--muted);font-size:.78rem;letter-spacing:.08em}.ev .tags{display:flex;gap:6px;margin:.4em 0 .5em;flex-wrap:wrap}.ev .label{font-family:var(--cond);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:#14100a;padding:.15em .6em;border-radius:3px;font-weight:700}.ev[data-genre=hiphop] .label--g{background:var(--hiphop);color:#fff}.ev[data-genre=jazz] .label--g{background:var(--jazz);color:#fff}.ev[data-genre=showa] .label--g{background:var(--showa)}.ev[data-genre=citypop] .label--g{background:var(--citypop);color:#fff}.ev[data-genre=house] .label--g{background:var(--house);color:#fff}.ev[data-genre=live] .label--g{background:var(--live)}.ev .label--m{background:transparent;border:1px solid var(--hot);color:var(--hot)}.ev .t{font-weight:700;color:var(--text);font-size:1rem}.ev .n{font-size:.78rem;color:var(--muted);margin-top:.3em}.cal-hint{font-size:.82rem;color:var(--muted);margin-top:1.2em}.real-events{margin-top:2em}.real-events .muted{display:block;margin-bottom:.7em}.real-events ul{list-style:none;display:flex;flex-wrap:wrap;gap:9px}.real-events li{font-family:var(--cond);font-size:.82rem;letter-spacing:.04em;border:1px solid var(--line);background:var(--surface);padding:.35em .9em;color:var(--amber-hi)}.menu-table{border-top:1px solid var(--line);max-width:40em}.menu-row{display:flex;justify-content:space-between;gap:1.4em;padding:.8em 0;border-bottom:1px solid var(--line);align-items:baseline}.menu-row .price{font-family:var(--cond);white-space:nowrap;color:var(--amber-hi);font-weight:700}.faq{list-style:none;max-width:42em}.faq li{padding:1.1em 0;border-bottom:1px solid var(--line)}.faq .q{font-weight:700;margin-bottom:.4em;color:var(--text)}.faq .q:before{content:"◉ ";color:var(--hot)}.faq .a{font-size:.94rem;color:#cfc9d8}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,56px)}@media(max-width:680px){.two-col{grid-template-columns:1fr}}dl.info dt{font-family:var(--cond);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:1.1em}dl.info dd{margin:.2em 0 0}.text-link{color:var(--amber-hi);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--hot)}.glow-sec{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.btn{display:inline-flex;align-items:center;gap:.5em;min-height:44px;text-decoration:none;font-family:var(--cond);font-weight:700;letter-spacing:.06em;font-size:.84rem;padding:.7em 1.6em;border:1px solid var(--amber);color:var(--amber-hi);background:transparent;transition:background .2s,color .2s,box-shadow .2s}.btn:hover,.btn:focus-visible{background:var(--amber);color:#14100a;box-shadow:0 0 18px #e6a14166}footer{background:#0b0a0f;color:var(--muted);padding:clamp(36px,6vh,60px) 0 30px;font-size:.85rem;border-top:1px solid var(--line)}footer .brand{font-family:var(--serif-en);font-weight:700;letter-spacing:.08em;color:#fff;font-size:1.15rem}footer a{color:var(--amber-hi)}footer .demo-note{margin-top:1.8em;font-size:.74rem;line-height:1.7;opacity:.85;max-width:46em}footer .pg-credit{margin-top:1.1em;font-family:var(--serif-en);font-size:.74rem;letter-spacing:.06em;color:var(--amber-hi);opacity:.9}.nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:40px 20px}.nf h1{font-family:var(--serif-en);font-size:clamp(3rem,10vw,5rem);color:var(--amber)}