:root{--page:#fffcf4;--outside:#eceae3;--surface:#fff;--stat-ground:#faf7ee;--track-ground:#f1eee4;--border:#f0ebdd;--border-card:#f1ecde;--border-rule:#e6e0d2;--border-cta:#dce9e6;--ink:#2c2a24;--ink-strong:#33312b;--ink-mid:#46423b;--ink-sub:#7a756b;--ink-soft:#8a857c;--ink-faint:#9a948a;--ink-faint2:#a8a298;--ink-faint3:#b3aea3;--cyan:#22d3ee;--green:#16c88f;--primary:#0e7490;--cyan-mid:#06b6d4;--emerald:#16a34a;--pink:#e0489b;--shadow-card:0 8px 22px -10px #28281e2e;--rounded:"M PLUS Rounded 1c", "Noto Sans JP", ui-rounded, system-ui, sans-serif;font:15px/1.5 var(--rounded);color:var(--ink);background:var(--outside);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--outside);margin:0}#root{min-height:100svh}p{margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.phone{background:var(--outside);justify-content:center;min-height:100svh;display:flex}.screen{background:var(--page);width:100%;max-width:480px;min-height:100svh;padding-bottom:8px;position:relative;box-shadow:0 0 40px #28281e0f}.ico{flex:none;width:11px;height:11px}.loading-shell{min-height:100svh;color:var(--ink-soft);background:var(--page);text-align:center;place-content:center;justify-items:center;gap:14px;font-weight:700;display:grid}.loading-pulse{background:linear-gradient(135deg, var(--cyan), var(--green));border-radius:50%;width:38px;height:38px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}.hero{background:linear-gradient(135deg, var(--cyan) 0%, var(--green) 100%);color:#063b3a;border-radius:26px;margin:18px 12px 0;padding:20px;position:relative;overflow:hidden}.hero-orb{background:#ffffff38;border-radius:50%;width:120px;height:120px;position:absolute;top:-22px;right:-18px}.hero-body{position:relative}.hero-title{color:#063b3a;margin:0;font-size:26px;font-weight:900;line-height:1.3}.hero-sub{color:#063b3a;opacity:.82;max-width:30em;margin:9px 0 0;font-size:13px;font-weight:700;line-height:1.55}.summary{gap:8px;padding:14px 16px 4px;display:flex}.summary-card{background:var(--surface);border:1.5px solid var(--border);text-align:center;border-radius:16px;flex:1;padding:10px 8px}.summary-value{font-size:18px;font-weight:900}.summary-value.cyan{color:var(--primary)}.summary-value.pink{color:var(--pink)}.summary-value.green{color:var(--emerald)}.summary-label{color:var(--ink-faint);margin-top:2px;font-size:10px;font-weight:600}.section-head{justify-content:space-between;align-items:flex-end;padding:18px 18px 8px;display:flex}.section-head h2{color:var(--ink);margin:0;font-size:18px;font-weight:900}.section-caption{color:var(--ink-faint);font-size:11px;font-weight:600}.period-tabs{background:var(--track-ground);border-radius:999px;gap:4px;margin:0 16px;padding:4px;display:flex}.period-tabs button{text-align:center;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:8px 4px;font-size:12px;font-weight:700}.period-tabs button.active{background:var(--surface);color:var(--primary);font-weight:800;box-shadow:0 2px 6px #0000001f}.card-list{flex-direction:column;gap:14px;padding:10px 14px 8px;display:flex}.artist-card{background:var(--surface);border:1.5px solid var(--border-card);box-shadow:var(--shadow-card);cursor:pointer;color:inherit;border-radius:24px;flex-direction:column;gap:12px;padding:14px;display:flex;position:relative;overflow:hidden}.card-art{z-index:0;opacity:.5;pointer-events:none;background-position:top;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(105deg,#0000 22%,#0000008c 52%,#000 100%);mask-image:linear-gradient(105deg,#0000 22%,#0000008c 52%,#000 100%)}.card-art-veil{z-index:0;pointer-events:none;position:absolute;inset:0}.artist-card>.card-top,.artist-card>.stat-bar,.artist-card>.pager{z-index:1;position:relative}.card-top{align-items:center;gap:11px;display:flex}.rank-badge{color:#fff;border-radius:11px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:900;display:flex}.avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:54px;height:54px;font-size:21px;font-weight:900;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000024}.avatar-img{background-position:50%;background-size:cover;position:absolute;inset:0}.card-name-block{flex:1;min-width:0}.card-name{color:var(--ink);word-break:break-word;font-size:16px;font-weight:900;line-height:1.2;display:block}.card-home{color:var(--ink-faint);align-items:center;gap:4px;margin-top:3px;font-size:11px;font-weight:700;display:flex}.card-home .ico{color:var(--ink-faint2)}.stat-bar{background:var(--stat-ground);border-radius:15px;align-items:center;gap:14px;padding:10px 14px;display:flex}.stat-item{align-items:baseline;gap:3px;display:flex}.stat-num{color:var(--ink-mid);font-size:18px;font-weight:900;line-height:1}.stat-num.lg{font-size:26px}.stat-unit{color:var(--ink-sub);font-size:11px;font-weight:700}.stat-rule{background:var(--border-rule);width:1px;height:22px}.pager{border-radius:16px;padding:11px 12px}.pager-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.pager-title{font-size:11px;font-weight:800}.pager-ctrl{align-items:center;gap:7px;display:flex}.pager-ctrl button{cursor:pointer;background:#fff;border:none;border-radius:9px;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;font-weight:900;line-height:1;display:flex}.pager-pos{text-align:center;min-width:36px;font-size:11px;font-weight:800}.pager-body{align-items:center;gap:11px;display:flex}.pager-date{text-align:center;flex:none;min-width:42px}.pager-md{font-size:16px;font-weight:900;line-height:1}.pager-wd{font-size:10px;font-weight:700}.pager-info{flex:1;min-width:0}.pager-evtitle{color:#3c3933;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.pager-venue{color:var(--ink-soft);margin-top:2px;font-size:11px;font-weight:600}.card-cta{justify-content:flex-end;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.card-cta span{font-size:14px}.more-block{padding:6px 16px 4px}.more-btn{border:1.5px solid var(--border-cta);background:var(--surface);width:100%;height:46px;color:var(--primary);cursor:pointer;border-radius:16px;font-size:13px;font-weight:800}.more-total{color:var(--ink-faint2);text-align:center;margin-top:8px;font-size:10px;font-weight:600}.row-link{background:var(--surface);border:1.5px solid var(--border);color:var(--ink);border-radius:16px;justify-content:space-between;align-items:center;margin:14px 18px 0;padding:14px 16px;font-size:13px;font-weight:800;display:flex}.row-link-arrow{color:var(--primary);font-size:15px;font-weight:900}.footnote{color:var(--ink-faint2);text-align:center;margin:12px 18px 0;font-size:10px;font-weight:500;line-height:1.6}.bottom-nav{border-top:1.5px solid var(--border);background:var(--surface);padding:9px 6px calc(18px + env(safe-area-inset-bottom));margin-top:14px;display:flex;position:sticky;bottom:0}.nav-item{color:var(--ink-faint3);flex-direction:column;flex:1;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--primary);font-weight:800}.nav-item.disabled{opacity:.85;cursor:default}.detail-stickybar{z-index:50;width:100%;max-width:480px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);opacity:0;pointer-events:none;background:#ffffffd1;border-bottom:1px solid #28281e14;align-items:center;gap:10px;transition:transform .25s,opacity .25s;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)translateY(-100%);box-shadow:0 2px 14px #28281e0f}.detail-stickybar.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.detail-stickybar .round-btn{color:#222;background:#28281e0f;width:32px;height:32px}.detail-stickybar .round-btn svg{width:16px;height:16px}.sticky-img{background-position:50%;background-size:cover;border-radius:50%;flex:none;width:34px;height:34px}.sticky-initial{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:900;display:flex}.sticky-name{color:#1c1c18;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:900;line-height:1.1;overflow:hidden}.detail-hero{height:340px;position:relative;overflow:hidden}.detail-hero-img{background-position:50%;background-size:cover;position:absolute;inset:0}.detail-hero-veil{background:linear-gradient(#00000059 0%,#0000 30%,#0000000d 55%,#000000c7 100%);position:absolute;inset:0}.detail-hero-initial{color:#ffffff80;justify-content:center;align-items:center;font-size:120px;font-weight:900;display:flex;position:absolute;inset:0}.detail-hero-top{padding:calc(14px + env(safe-area-inset-top)) 18px 6px;justify-content:space-between;align-items:center;display:flex;position:relative}.round-btn{color:#222;cursor:pointer;background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.round-btn svg{width:18px;height:18px}.detail-hero-foot{color:#fff;position:absolute;bottom:16px;left:18px;right:18px}.detail-hero-tags{align-items:center;gap:8px;display:flex}.rank-chip{background:var(--cyan-mid);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:900}.home-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.home-chip .ico{color:#fff}.detail-name{text-shadow:0 2px 12px #0006;margin-top:10px;font-size:30px;font-weight:900;line-height:1.15}.detail-yomi{opacity:.9;margin-top:3px;font-size:12px;font-weight:600}.action-row{gap:8px;padding:16px 16px 6px;display:flex}.action-primary{background:var(--primary);color:#fff;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;height:44px;font-size:13px;font-weight:800;display:flex}.action-primary svg{width:16px;height:16px}.action-primary.is-spotify{background:#1db954}.action-primary.is-instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b 50%,#6228d7)}.action-primary.disabled{color:var(--ink-faint);cursor:default;background:#e7e2d6}.action-icon{border-radius:14px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.action-icon svg{width:18px;height:18px}.action-icon.yt{color:red;background:#fff1f1}.action-icon.yt svg{width:20px;height:20px}.action-icon.x{color:#111;background:#f1f1f2}.action-icon.x svg{width:16px;height:16px}.action-icon.ig{color:#e1306c;background:#fdeef5}.action-icon.web{color:#2563eb;background:#eef3fb}.detail-stats{gap:8px;padding:10px 16px 4px;display:flex}.detail-stat{background:var(--surface);border:1.5px solid var(--border);text-align:center;border-radius:16px;flex:1;padding:12px 8px}.detail-stat-num{font-size:22px;font-weight:900}.detail-stat-label{color:var(--ink-faint);margin-top:2px;font-size:10px;font-weight:600}.detail-section{padding:20px 16px 0}.detail-h{color:var(--ink);margin:0 0 4px;font-size:14px;font-weight:900}.detail-sub{color:var(--ink-faint);margin-bottom:12px;font-size:11px;font-weight:600}.detail-row-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.detail-row-meta{color:var(--ink-faint);font-size:11px;font-weight:700}.video-box{cursor:pointer;appearance:none;background:#000;border:0;border-radius:18px;width:100%;height:200px;padding:0;display:block;position:relative;overflow:hidden}.video-frame{border:0;width:100%;height:100%;display:block}.video-thumb{background-position:50%;background-size:cover;position:absolute;inset:0}.video-veil{background:#0000002e;position:absolute;inset:0}.video-play{background:#ff0000eb;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #0006}.video-play svg{width:24px;height:24px}.pref-bars{flex-direction:column;gap:10px;display:flex}.pref-row{align-items:center;gap:10px;display:flex}.pref-label{width:64px;color:var(--ink-mid);flex:none;font-size:12px;font-weight:800}.pref-track{background:var(--border);border-radius:999px;flex:1;height:12px;overflow:hidden}.pref-fill{background:linear-gradient(90deg, var(--cyan), var(--green));border-radius:999px;height:100%;display:block}.pref-n{text-align:right;width:26px;color:var(--primary);flex:none;font-size:12px;font-weight:900}.schedule-list{flex-direction:column;gap:10px;display:flex}.schedule-row{background:var(--surface);border:1.5px solid var(--border-card);border-radius:18px;gap:12px;padding:13px;display:flex}.schedule-date{text-align:center;background:#e3f8fc;border-radius:12px;flex:none;align-self:flex-start;width:46px;padding:7px 0}.schedule-month{color:var(--primary);font-size:10px;font-weight:700}.schedule-day{color:var(--primary);font-size:19px;font-weight:900;line-height:1}.schedule-wd{color:#5fb6c9;font-size:10px;font-weight:700}.schedule-info{flex:1;min-width:0}.schedule-title{color:var(--ink);font-size:13px;font-weight:800;line-height:1.35}.schedule-venue{flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;display:flex}.schedule-venue .ico{color:var(--ink-faint3);width:12px;height:12px}.schedule-venue>span{color:var(--ink-sub);font-size:11px;font-weight:700}.schedule-pref{color:var(--ink-faint3)!important;font-weight:600!important}.schedule-others{color:var(--ink-faint2);margin-top:6px;font-size:11px;font-weight:600;line-height:1.4}.detail-actions{padding:18px 16px calc(22px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:12px;display:flex}.share-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:14px;font-weight:800;display:flex}.share-btn svg{width:17px;height:17px}.empty-note{color:var(--ink-faint2);text-align:center;padding:16px 0;font-size:12px;font-weight:600}.text-link{color:var(--primary);font-size:13px;font-weight:800}.index-head{padding:calc(16px + env(safe-area-inset-top)) 18px 6px;flex-direction:column;gap:6px;display:flex}.index-head h2{color:var(--ink);margin:4px 0 0;font-size:22px;font-weight:900}.index-count{color:var(--ink-faint);font-size:11px;font-weight:600}.search-box{background:var(--surface);border:1.5px solid var(--border);color:var(--ink-faint);border-radius:14px;align-items:center;gap:8px;margin-top:6px;padding:10px 12px;display:flex}.search-box svg{flex:none;width:16px;height:16px}.search-box input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13px;font-weight:600}.kana-nav{background:var(--page);z-index:2;flex-wrap:wrap;gap:6px;padding:10px 18px;display:flex;position:sticky;top:0}.kana-nav a{background:var(--surface);border:1.5px solid var(--border);width:32px;height:32px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.index-groups{padding:0 16px}.kana-group{margin-bottom:10px}.kana-heading{color:var(--ink);align-items:center;gap:8px;margin:14px 4px 8px;font-size:15px;font-weight:900;display:flex}.kana-heading span{color:var(--ink-faint);font-size:11px;font-weight:700}.index-list{flex-direction:column;gap:6px;display:flex}.index-item{background:var(--surface);border:1.5px solid var(--border-card);border-radius:14px;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.index-name{color:var(--ink);word-break:break-word;min-width:0;font-size:14px;font-weight:800}.index-n{color:var(--primary);flex:none;margin-left:12px;font-size:13px;font-weight:900}.pref-nav a{width:auto;min-width:32px;padding:0 9px}.venue-item{align-items:center}.venue-block{flex-direction:column;gap:3px;min-width:0;display:flex}.venue-sub{color:var(--ink-faint);align-items:center;gap:4px;min-width:0;font-size:11px;font-weight:600;display:flex}.venue-sub svg{flex:none;width:12px;height:12px}.venue-genre{background:var(--tint,#06b6d41f);color:var(--primary);white-space:nowrap;border-radius:999px;margin-left:4px;padding:1px 7px;font-weight:700}.venue-n{color:var(--primary);flex:none;align-items:baseline;gap:2px;margin-left:12px;font-size:16px;font-weight:900;display:flex}.venue-n small{color:var(--ink-faint);font-size:10px;font-weight:700}