:root{--bg:#0b0b10;--bg-2:#12121a;--ink:#f3efe6;--ink-2:#b9b4a8;--ink-3:#7c786f;--line:#f3efe61a;--surface:#ffffff09;--surface-2:#ffffff12;--amber:#c9a96e;--ok:#8fb598;--warn:#c9a96e;--ng:#c47a84;--mute:#8a8578;--serif:"Instrument Serif", "Hiragino Mincho ProN", "Yu Mincho", serif;--sans:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;--radius:18px;--rail:56px;--gutter:14px;--player-h:0px}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%, #c9a96e14, transparent 60%), var(--bg);font-feature-settings:"palt";margin:0;line-height:1.55}body:before{content:"";pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}button{font:inherit;color:inherit}.app{z-index:1;max-width:760px;padding:0 var(--gutter) calc(48px + var(--player-h) + env(safe-area-inset-bottom));margin:0 auto;position:relative}.app.has-player{--player-h:112px}.top{padding:calc(14px + env(safe-area-inset-top)) 0 8px;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:11.5px;display:flex}.top-venues a{font-weight:500;text-decoration:none}.top-venues .dot{color:var(--ink-3)}.sticky{z-index:5;margin:0 calc(-1 * var(--gutter));padding:10px var(--gutter) 8px;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0b0b10f7 88%,#0b0b1000);position:sticky;top:0}.filter-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.fchip{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 10px;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.fchip i{background:var(--c,var(--ink-3));opacity:.5;border-radius:50%;width:7px;height:7px}.fchip small{color:var(--ink-3);font-size:11px}.fchip.on{background:var(--surface-2);color:var(--ink);border-color:#f3efe640}.fchip.on i{opacity:1;box-shadow:none}.fchip.avail.on{color:var(--ok);border-color:#7fd79a80}.timeline{padding-top:8px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, transparent, var(--line) 6%, var(--line) 94%, var(--amber));width:1px;position:absolute;top:0;bottom:0;left:9px}.month{padding:10px 0 6px;position:relative}.month-label{margin:0 0 12px calc(var(--rail) + 10px);font-family:var(--serif);color:var(--ink);align-items:baseline;gap:4px;font-weight:400;display:flex;position:relative}.month-label:before{content:"";left:calc(-10px - var(--rail) + 6px);background:var(--bg);border:1px solid var(--ink-3);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%)}.month-num{font-size:40px;line-height:1}.month-unit{font-family:var(--sans);color:var(--ink-2);font-size:13px}.month-year{color:var(--ink-3);margin-left:8px;font-size:15px;font-style:italic}.row{grid-template-columns:var(--rail) 1fr;gap:10px;margin-bottom:14px;display:grid}.rail{color:var(--ink-2);flex-direction:column;align-items:flex-start;padding:16px 0 0 20px;display:flex;position:relative}.rail:before{content:"";background:var(--venue,var(--ink-3));width:7px;height:7px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;position:absolute;top:25px;left:6px}.rail-day{font-family:var(--serif);color:var(--ink);font-size:26px;line-height:1}.rail-wd{margin-top:2px;font-size:11px}.rail-until{color:var(--ink-3);margin-top:4px;font-size:11px}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);min-width:0;padding:14px 14px 12px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.card:before{content:"";background:var(--venue);opacity:.8;border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}@media (hover:hover){.card:hover{border-color:#f3efe638}}.card-head{align-items:flex-start;gap:12px;display:flex}.card-head.playable{cursor:pointer;border-radius:12px}.card-head.playable:focus-visible{outline:1px solid var(--amber);outline-offset:6px}.artist-play{width:22px;height:22px;font-family:var(--sans);color:var(--ink-2);vertical-align:5px;border:1px solid #f3efe659;border-radius:50%;place-items:center;margin-left:8px;padding-left:1px;font-size:8px;transition:background .15s,color .15s;display:inline-grid}@media (hover:hover){.card-head.playable:hover .artist-play{background:var(--ink);color:#0b0b10}}.thumb{object-fit:cover;background:var(--surface-2);border-radius:12px;flex:none;width:64px;height:64px}.card-head-text{flex:1;min-width:0}.chips{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.chip{letter-spacing:.08em;border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:500;line-height:1.5}.chip.venue{color:var(--venue);border:1px solid color-mix(in srgb, var(--venue) 50%, transparent)}.chip.genre{color:var(--genre);background:color-mix(in srgb, var(--genre) 14%, transparent)}.chip.tonight{color:var(--amber);font-family:var(--serif);letter-spacing:.02em;border:1px solid #c9a96e99;font-size:12px;font-style:italic}.artist{font-family:var(--serif);letter-spacing:.005em;overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:400;line-height:1.12}.title{color:var(--ink-2);overflow-wrap:anywhere;margin:4px 0 0;font-size:12.5px}.catch{color:var(--ink-2);white-space:pre-line;margin:10px 0 0;font-size:12.5px}.tags{color:var(--ink-3);flex-wrap:wrap;gap:2px 8px;margin:6px 0 0;font-size:11px;display:flex}.days{border-top:1px dashed var(--line);flex-direction:column;gap:5px;margin:12px 0 0;padding:10px 0 0;list-style:none;display:flex}.day{align-items:baseline;gap:10px;font-size:12.5px;display:flex}.day-date{color:var(--ink-2);font-variant-numeric:tabular-nums;flex:0 0 72px}.stages{flex-wrap:wrap;gap:4px 10px;display:flex}.stage{font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;text-decoration:none;display:inline-flex}.stage.link{border-bottom:1px solid #f3efe640}.stage-label{color:var(--ink-3);letter-spacing:.05em;font-size:10px}.stage-time{color:var(--ink)}.stage-mark{font-weight:700}.tone-ok{color:var(--ok)}.tone-warn{color:var(--warn)}.tone-ng{color:var(--ng)}.tone-mute{color:var(--mute)}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.avail{align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.avail i{background:currentColor;border-radius:50%;width:8px;height:8px}.price{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px}.spacer{flex:1}.btn{white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:7px 13px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn.primary{background:var(--ink);color:#0b0b10}.btn.ghost{border:1px solid var(--line);color:var(--ink-2)}.tracks{scrollbar-width:none;gap:6px;margin:12px -14px 0;padding:0 14px 2px;display:flex;overflow-x:auto}.tracks::-webkit-scrollbar{display:none}.track{border:1px solid color-mix(in srgb, var(--genre) 35%, transparent);background:color-mix(in srgb, var(--genre) 8%, transparent);color:var(--ink);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:none;align-items:center;gap:7px;max-width:240px;padding:6px 11px 6px 8px;font-size:12px;text-decoration:none;transition:background .15s;display:inline-flex;overflow:hidden}.track .play{background:var(--genre);color:#0b0b10;border-radius:50%;place-items:center;width:18px;height:18px;padding-left:1px;font-size:8px;display:inline-grid}.track.first{border-color:color-mix(in srgb, var(--genre) 70%, transparent);background:color-mix(in srgb, var(--genre) 16%, transparent)}.track.first:before{content:"✦";color:var(--genre);margin-right:-3px;font-size:9px}.track.more{color:var(--ink-2);background:0 0;border-style:dashed}@media (hover:hover){.track:hover{background:color-mix(in srgb, var(--genre) 22%, transparent)}}.today{align-items:center;gap:12px;margin:8px 0 0;padding-left:3px;display:flex}.today-dot{background:var(--amber);border-radius:50%;width:13px;height:13px;animation:2.6s ease-in-out infinite pulse;box-shadow:0 0 0 4px #c9a96e2e}@keyframes pulse{50%{box-shadow:0 0 0 8px #c9a96e14}}.today-label{letter-spacing:.12em;color:var(--amber);font-size:12px}.today-label b{font-family:var(--serif);letter-spacing:0;margin:0 4px;font-size:20px;font-weight:400}.empty{margin:40px 0 40px calc(var(--rail) + 10px);color:var(--ink-3)}.foot{border-top:1px solid var(--line);color:var(--ink-3);margin-top:40px;padding-top:18px;font-size:11.5px}.foot p{margin:0 0 8px}.legend{flex-wrap:wrap;gap:4px 14px;display:flex}.to-now{right:16px;bottom:calc(18px + var(--player-h) + env(safe-area-inset-bottom));z-index:6;color:var(--amber);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0b10d9;border:1px solid #c9a96e80;border-radius:999px;padding:10px 16px;font-size:13px;position:fixed;box-shadow:0 8px 30px #0006}.player{z-index:10;padding:0 10px calc(10px + env(safe-area-inset-bottom));animation:.25s ease-out rise;position:fixed;bottom:0;left:0;right:0}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}.player-inner{-webkit-backdrop-filter:blur(16px);background:#12121aeb;border:1px solid #f3efe629;border-radius:16px;grid-template-columns:168px 1fr;max-width:760px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 -10px 50px #0000008c}.player-video{aspect-ratio:16/9;background:#000}.player-video iframe{border:0;width:100%;height:100%;display:block}.player-meta{align-items:center;gap:10px;min-width:0;padding:8px 10px 8px 12px;display:flex}.vinyl{background:radial-gradient(circle, var(--amber) 0 4px, #15151c 5px 7px, transparent 8px), repeating-radial-gradient(circle, #1c1c24 0 1px, #2a2a33 1px 3px);border-radius:50%;flex:none;width:30px;height:30px;animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.player-text{flex:1;min-width:0}.player-text p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.player-track{font-size:13.5px;font-weight:500}.player-artist{color:var(--ink-2);font-size:11.5px}.player-from{color:var(--amber)}.player-links{flex-direction:column;gap:3px;font-size:11px;display:flex}.player-links a{color:var(--ink-2);border-bottom:1px solid var(--line);text-decoration:none}.player-close{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:32px;height:32px;font-size:18px;line-height:1}@media (width<=520px){.player-inner{grid-template-columns:136px 1fr}.player-links{display:none}}@media (width>=600px){:root{--rail:72px;--gutter:24px}.card{padding:18px 18px 14px}.artist{font-size:28px}.thumb{width:80px;height:80px}}@media (prefers-reduced-motion:reduce){.vinyl,.today-dot{animation:none}}