:root{--bg:oklch(15.5% .012 270);--surface-0:oklch(18% .013 270);--surface-1:oklch(21.5% .014 270);--surface-2:oklch(25.5% .016 270);--line:oklch(30% .018 270);--line-soft:oklch(25% .014 270);--fg:oklch(97% .005 270);--fg-2:oklch(80% .012 270);--fg-3:oklch(70% .014 270);--fg-4:oklch(59% .014 270);--accent-h:220;--accent:oklch(.78 .15 var(--accent-h));--accent-2:oklch(.68 .17 var(--accent-h));--accent-dim:oklch(.38 .1 var(--accent-h) / .22);--accent-ink:oklch(.18 .04 var(--accent-h));--cat-accent:var(--accent);--cat-accent-2:var(--accent-2);--cat-accent-dim:var(--accent-dim);--new:oklch(72% .18 25);--new-dim:oklch(72% .18 25/.18);--warn:oklch(82% .15 85);--ok:oklch(78% .14 150);--gold:oklch(85% .16 90);--silver:oklch(80% .02 270);--bronze:oklch(70% .12 50);--row-h:44px;--font-ui:13px}[data-cat=star]{--accent-h:90;--accent:oklch(78% .15 90);--accent-2:oklch(68% .17 90);--accent-dim:oklch(38% .1 90/.22);--accent-ink:oklch(18% .04 90);--cat-accent:oklch(82% .16 90);--cat-accent-2:oklch(72% .18 90);--cat-accent-dim:oklch(40% .12 90/.22)}[data-cat=sun]{--accent-h:20;--accent:oklch(78% .15 20);--accent-2:oklch(68% .17 20);--accent-dim:oklch(38% .1 20/.22);--accent-ink:oklch(18% .04 20);--cat-accent:oklch(78% .18 20);--cat-accent-2:oklch(68% .2 20);--cat-accent-dim:oklch(40% .14 20/.22)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:var(--font-ui);-webkit-font-smoothing:antialiased;height:100%;line-height:1.4}#root{height:100%}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}input,textarea{color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-2);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--line)}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--song-list-max-width:1800px;--catalog-panel-width:clamp(560px, 44vw, 720px)}.app{width:100%;max-width:var(--song-list-max-width);grid-template-columns:260px 1fr;height:100vh;margin-inline:auto;display:grid;overflow:hidden}.app.catalog-panel-open{padding-right:var(--catalog-panel-width)}.app.song-list-layout.catalog-panel-open{max-width:calc(var(--song-list-max-width) + var(--catalog-panel-width))}@media (width<=1100px){.app.song-list-layout.catalog-panel-open{grid-template-columns:0 minmax(0,1fr)}.app.song-list-layout.catalog-panel-open>.side{visibility:hidden;border:0;padding:0}}.side{background:var(--surface-0);border-right:1px solid var(--line-soft);flex-shrink:0;height:100vh;padding:20px 18px 24px;overflow-y:auto}.brand{align-items:center;gap:10px;margin-bottom:22px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:28px;height:28px;color:var(--accent-ink);border-radius:7px;flex-shrink:0;place-items:center;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.06)}.brand-title{letter-spacing:-.01em;font-size:14px;font-weight:700;line-height:1.2}.brand-sub{color:var(--fg-4);letter-spacing:.04em;text-transform:uppercase;margin-top:1px;font-size:10.5px}.server-switcher{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:22px;display:grid}.server-switcher button{border:1px solid var(--line-soft);background:var(--surface-1);min-height:32px;color:var(--fg-3);border-radius:7px;padding:0 8px;font-size:12.5px;font-weight:700}.server-switcher button:hover{border-color:color-mix(in oklch, var(--accent), var(--line-soft) 55%);color:var(--fg)}.server-switcher button.active{background:var(--cat-accent-dim);border-color:color-mix(in oklch, var(--cat-accent), var(--line-soft) 35%);color:var(--cat-accent)}.side-section{margin-top:22px}.side-label{color:var(--fg-4);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10.5px;display:flex}.side-label .ct{color:var(--fg-3)}.side-clear-selection{font-size:10.5px;color:var(--accent)!important}.side-clear-selection:hover{color:var(--fg)!important}.nav{flex-direction:column;gap:1px;display:flex}.nav button{color:var(--fg-2);text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:13px;display:flex}.nav button:hover{background:var(--surface-1);color:var(--fg)}.nav button.nav-more{color:var(--fg-4);border-top:1px dashed var(--line-soft);justify-content:center;margin-top:2px;padding:7px 10px 5px;font-size:12px}.nav button.nav-more:hover{color:var(--fg-2);background:0 0}.nav button.active{background:var(--cat-accent-dim);color:var(--fg)}.nav button.active:before{content:"";background:var(--cat-accent);border-radius:2px;width:3px;height:14px;margin-left:-4px;margin-right:2px}.nav .tag{color:var(--fg-4);font-family:JetBrains Mono,monospace;font-size:11px}.nav button.active .tag{color:var(--cat-accent)}.nav button.locked{opacity:.5}.nav button.locked:after{content:"🔒";opacity:.6;margin-left:4px;font-size:9px}.page-nav{flex-direction:column;gap:1px;display:flex}.page-nav-item{color:var(--fg-2);border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.page-nav-item:hover{background:var(--surface-1);color:var(--fg)}.page-nav-item.active{background:var(--cat-accent-dim);color:var(--fg)}.page-nav-item.active:before{content:"";background:var(--cat-accent);border-radius:2px;width:3px;height:14px;margin-left:-4px;margin-right:2px}.cat-group{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.cat-btn{background:var(--surface-1);border:1px solid var(--line-soft);color:var(--fg-3);cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;transition:all .1s;display:flex}.cat-btn svg{width:20px;height:20px;color:var(--fg-4);transition:color .1s}.cat-btn span:not(.rng){font-size:12px;font-weight:500}.cat-btn .rng{color:var(--fg-4);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:9.5px}.cat-btn:hover{background:var(--surface-2);color:var(--fg-2);border-color:var(--line)}.cat-btn:hover svg{color:var(--fg-2)}.cat-btn.active{background:var(--cat-accent-dim);border-color:var(--cat-accent);color:var(--cat-accent)}.cat-btn.active svg{color:var(--cat-accent)}.cat-btn.active .rng{color:var(--cat-accent);opacity:.75}.num-range{align-items:center;gap:6px;display:flex}.num-range input{background:var(--surface-1);border:1px solid var(--line-soft);min-width:0;color:var(--fg);font-variant-numeric:tabular-nums;text-align:center;border-radius:6px;outline:none;flex:1;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:12.5px;transition:border-color .1s,background .1s}.num-range input:focus{border-color:var(--accent);background:var(--surface-0)}.num-range input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-range input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-range input[type=number]{-moz-appearance:textfield}.num-range .rng-sep{color:var(--fg-4);font-size:11px}.lv-hist{align-items:flex-end;gap:2px;height:24px;margin-top:6px;display:flex}.lv-hist-bar{background:var(--surface-2);border-radius:1px;flex:1;min-height:2px}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{background:var(--surface-1);color:var(--fg-2);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:4px 9px;font-size:11.5px;transition:all .1s}.chip:hover{background:var(--surface-2);color:var(--fg)}.chip.on{background:var(--accent-dim);color:var(--fg);border-color:var(--accent)}.main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line-soft);background:var(--bg);z-index:5;flex-shrink:0;align-items:center;gap:16px;min-width:0;padding:16px 28px;display:flex;position:sticky;top:0}.topbar.has-search-exclude{align-items:flex-start}.search{flex:440px;min-width:min(340px,100%);max-width:720px;position:relative;container-type:inline-size}.search-field{position:relative}.search>input,.search-input{background:var(--surface-1);width:100%;color:var(--fg);border:1px solid #0000;border-radius:8px;outline:none;padding:8px 12px 8px 184px;font-size:13px}.search>input:focus,.search-input:focus{border-color:var(--accent);background:var(--surface-0)}.search>input::placeholder,.search-input::placeholder{color:var(--fg-4)}.search .search-icon{color:var(--fg-3);pointer-events:none;position:absolute;top:50%;left:152px;transform:translateY(-50%)}.search-options-row{flex-wrap:wrap;align-content:center;align-items:center;gap:8px 16px;min-height:30px;margin:7px 0 0 4px;display:flex}.search-exclude,.search-original-bpm,.search-my-perceived,.search-song-categories{color:var(--fg-3);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;line-height:1.3;display:inline-flex}.search-display-options{flex-wrap:nowrap;align-items:center;gap:8px 16px;min-width:0;margin-left:auto;display:flex}.search-exclude:hover,.search-original-bpm:hover,.search-my-perceived:hover,.search-song-categories:hover{color:var(--fg-2)}.search-exclude.disabled,.search-my-perceived.disabled{color:var(--fg-4);cursor:default}.search-exclude input,.search-original-bpm input,.search-my-perceived input,.search-song-categories input{width:14px;height:14px;accent-color:var(--accent);cursor:inherit;flex:none;margin:0;padding:0}.search-personal-status{color:var(--fg-3);flex:0 0 100%;font-size:11.5px}.search-personal-status button{color:var(--accent);background:0 0;margin-left:8px}@container (width<=650px){.search-options-row,.search-display-options{gap:8px 12px}}.search-mode{z-index:2;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.search-mode-btn{background:var(--surface-2);width:140px;color:var(--fg-2);white-space:nowrap;border-radius:6px;grid-template-columns:10px 1fr 10px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:500;display:grid}.search-mode-label{text-align:center;grid-column:2}.search-mode-btn svg{grid-column:3}.search-mode-btn:hover{color:var(--fg)}.search-mode-btn svg{color:var(--fg-4)}.search-mode-menu{background:var(--surface-0);border:1px solid var(--line);z-index:20;border-radius:8px;flex-direction:column;gap:2px;min-width:170px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000040}.search-mode-item{text-align:left;color:var(--fg-2);background:0 0;border-radius:5px;padding:7px 10px;font-size:12.5px}.search-mode-item:hover{background:var(--surface-2);color:var(--fg)}.search-mode-item.active{background:var(--surface-2);color:var(--accent);font-weight:600}.search .kbd{color:var(--fg-4);background:var(--surface-2);border-radius:4px;padding:2px 5px;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.topbar-meta{color:var(--fg-3);flex-shrink:0;align-items:center;gap:14px;margin-left:auto;font-size:12px;display:flex}.topbar-meta .count{color:var(--fg)}.topbar-meta .count b{color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:600}.topbar-sort-divider{background:var(--line);flex-shrink:0;width:1px;height:14px}.topbar.hide-sort .topbar-sort-control,.topbar.hide-help .topbar-help-control,.topbar.hide-count .topbar-count-control,.topbar.hide-record .reg-btn{display:none}.topbar.hide-count .search,.topbar.hide-help .search,.topbar.hide-sort .search,.topbar.hide-record .search{max-width:none}.topbar.hide-help.hide-count.hide-sort .topbar-meta{display:none}.topbar.hide-sort,.topbar.hide-help,.topbar.hide-count,.topbar.hide-record{gap:12px}@media (width<=900px){.topbar{gap:10px;padding:12px 18px}.search{min-width:min(280px,100%)}.search>input,.search-input{padding-left:166px}.search .search-icon{left:136px}.search-mode-btn{gap:4px;width:124px;padding-left:6px;padding-right:6px}}.help-topbar-btn{background:var(--surface-1);border:1px solid var(--line);height:34px;color:var(--fg-2);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.help-topbar-btn:hover{color:var(--fg);border-color:var(--accent);background:var(--surface-2)}.help-layer{z-index:3200;pointer-events:none;position:fixed;inset:0}.help-dim{pointer-events:auto;background:oklch(8% .012 270/.72);position:absolute;inset:0}.help-spotlight{border:2px solid var(--accent);box-shadow:0 0 0 9999px oklch(8% .012 270/.54), 0 0 24px oklch(.78 .15 var(--accent-h) / .34);pointer-events:none;border-radius:10px;position:fixed}.help-card{background:var(--surface-0);border:1px solid var(--line);pointer-events:auto;border-radius:10px;width:min(380px,100vw - 32px);padding:16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #00000073}.help-card.anchored{left:var(--help-card-left);top:var(--help-card-top);transform:none}.help-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.help-eyebrow{color:var(--accent);letter-spacing:0;font-size:11px;font-weight:800}.help-progress{color:var(--fg-4);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:11px}.help-close{width:28px;height:28px;color:var(--fg-3);background:var(--surface-1);border:1px solid var(--line-soft);border-radius:7px;place-items:center;display:grid}.help-close:hover{color:var(--fg);background:var(--surface-2)}.help-card h3{margin:0 0 8px;font-size:18px;line-height:1.25}.help-card p{color:var(--fg-2);margin:0;font-size:13.5px;line-height:1.65}.help-bullets{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.help-bullets li{color:var(--fg-2);padding-left:13px;font-size:12.8px;line-height:1.45;position:relative}.help-bullets li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.help-dots{gap:5px;margin:16px 0 14px;display:flex}.help-dots span{background:var(--surface-2);border-radius:999px;width:6px;height:6px}.help-dots span.on{background:var(--accent);width:18px}.help-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.help-skip,.help-nav{border-radius:8px;height:34px;padding:0 12px;font-size:12.5px;font-weight:700}.help-skip{color:var(--fg-3)}.help-skip:hover{color:var(--fg)}.help-nav-actions{align-items:center;gap:7px;display:flex}.help-nav{background:var(--surface-1);color:var(--fg-2);border:1px solid var(--line-soft)}.help-nav:hover:not(:disabled){background:var(--surface-2);color:var(--fg)}.help-nav:disabled{opacity:.38;cursor:default}.help-nav.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.help-nav.primary:hover{filter:brightness(1.04)}@media (width<=720px){.help-topbar-btn{border-radius:50%;justify-content:center;width:40px;height:40px;padding:0}.help-topbar-btn span{display:none}.help-spotlight{border-radius:12px}.help-card,.help-card.anchored{width:auto;padding:15px;inset:auto 12px 12px;transform:none}.help-card h3{font-size:17px}.help-card p{font-size:13px}.help-actions{align-items:stretch}.help-nav-actions{flex:1;justify-content:flex-end}.help-nav{min-width:70px}}.login-btn{background:var(--accent);color:var(--accent-ink);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:transform .1s,background .1s;display:inline-flex}.login-btn:hover{background:oklch(.82 .15 var(--accent-h));transform:translateY(-1px)}.topbar-error{color:oklch(76% .18 25);font-weight:600}.catalog-loading,.catalog-error{flex:1;min-height:0}.catalog-loading{padding:18px 28px 40px;overflow:hidden}.catalog-loading.mobile{padding:12px 14px 24px}.catalog-loading-label{color:var(--fg-3);margin-bottom:14px;font-size:12.5px}.catalog-skeleton-list{flex-direction:column;display:flex}.catalog-skeleton-row{height:var(--row-h);border-bottom:1px solid var(--line-soft);grid-template-columns:80px minmax(180px,1fr) 96px;align-items:center;gap:16px;display:grid}.catalog-loading.mobile .catalog-skeleton-row{grid-template-columns:52px 1fr 36px;gap:12px;height:80px}.catalog-skeleton-thumb,.catalog-skeleton-lines i,.catalog-skeleton-value{background:linear-gradient(90deg, var(--surface-1) 20%, var(--surface-2) 48%, var(--surface-1) 76%);background-size:220% 100%;border-radius:6px;animation:1.2s ease-in-out infinite catalogSkeleton;display:block}.catalog-skeleton-thumb{width:64px;height:32px}.catalog-loading.mobile .catalog-skeleton-thumb{border-radius:10px;width:52px;height:52px}.catalog-skeleton-lines{flex-direction:column;gap:7px;display:flex}.catalog-skeleton-lines i{width:min(240px,70%);height:9px}.catalog-skeleton-lines i:last-child{opacity:.72;width:min(140px,46%)}.catalog-skeleton-value{justify-self:end;width:70px;height:10px}.catalog-loading.mobile .catalog-skeleton-value{border-radius:50%;width:32px;height:32px}@keyframes catalogSkeleton{0%{background-position:100% 0}to{background-position:-120% 0}}.catalog-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:40px 24px;display:flex}.catalog-error.mobile{min-height:300px}.catalog-error-icon{color:oklch(76% .18 25);background:oklch(70% .18 25/.12);border:1px solid oklch(70% .18 25/.28);border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:grid}.catalog-error h2{color:var(--fg);font-size:16px;font-weight:700}.catalog-error p{color:var(--fg-3);font-size:12.5px}.catalog-error button{background:var(--accent);color:var(--accent-ink);border-radius:9px;margin-top:7px;padding:9px 16px;font-size:13px;font-weight:700}.active-filters{border-bottom:1px solid var(--line-soft);background:var(--surface-0);color:var(--fg-3);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;min-height:42px;padding:10px 28px;font-size:12px;display:flex}.active-filters .label{color:var(--fg-4);text-transform:uppercase;letter-spacing:.06em;margin-right:4px;font-size:10.5px}.pill{background:var(--surface-1);border:1px solid var(--line-soft);color:var(--fg);border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 9px;font-size:12px;display:inline-flex}.pill b{color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:500}.pill button{width:16px;height:16px;color:var(--fg-3);border-radius:50%;place-items:center;font-size:11px;display:grid}.pill button:hover{background:var(--surface-2);color:var(--fg)}.clear-all{color:var(--fg-3);margin-left:auto;font-size:12px}.clear-all:hover{color:var(--fg)}.table-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.song-list-scroll{overflow-anchor:none}.table-wrap.compact .tbl-header,.table-wrap.compact .tbl-body{padding-left:20px;padding-right:20px}.tbl-header{background:var(--bg);border-bottom:1px solid var(--line);z-index:2;flex-shrink:0;grid-template-columns:56px 1fr 160px 76px 100px 110px 110px 68px 80px 56px;padding:0 28px;display:grid;position:sticky;top:0}.tbl-header .th{color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;align-items:center;gap:3px;width:100%;padding:10px;font-size:11px;font-weight:500;display:flex}.tbl-header .th:hover{color:var(--fg)}.tbl-header div.th{cursor:default}.tbl-header .th.sorted{color:var(--fg-2)}.tbl-header .th.num{text-align:right;justify-content:flex-end}.tbl-header .th-my-perceived{letter-spacing:0;padding-left:4px;padding-right:4px}.tbl-header .th .arrow{color:var(--accent);font-size:9px}.tbl-body{flex:1;padding:0 28px 40px;overflow:hidden}.tbl-body-empty{display:flex}.search-empty{text-align:center;min-height:260px;color:var(--fg-4);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:36px 20px;display:flex}.search-empty.mobile{min-height:0;padding:40px 20px}.search-empty-icon{opacity:.5;font-size:40px;line-height:1}.search-empty-title{max-width:360px;color:var(--fg-2);font-size:13.5px;font-weight:600;line-height:1.55}.search-empty-desc{color:var(--fg-4);font-size:12.5px}.search-empty-action{background:var(--accent);min-width:64px;height:32px;color:var(--accent-ink);border-radius:8px;margin-top:4px;padding:0 14px;font-size:12.5px;font-weight:700}.search-empty-action:hover{filter:brightness(1.05)}.search-filter-hint{border-bottom:1px solid var(--line-soft);background:var(--surface-0);color:var(--fg-3);flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:9px 28px;font-size:12.5px;display:flex}.search-filter-hint-action{background:var(--accent);height:26px;color:var(--accent-ink);white-space:nowrap;border-radius:7px;padding:0 10px;font-size:11.5px;font-weight:700}.search-filter-hint-action:hover{filter:brightness(1.05)}.tbl-row{height:var(--row-h);border-bottom:1px solid var(--line-soft);cursor:pointer;grid-template-columns:56px 1fr 160px 76px 100px 110px 110px 68px 80px 56px;align-items:center;transition:background 80ms;display:grid}.tbl-row:hover{background:var(--surface-0)}.tbl-row:focus-visible,.mob-card:focus-visible{outline:2px solid var(--cat-accent);outline-offset:-2px;background:var(--surface-0)}.tbl-row[data-restored-focus=true]:focus-visible,.tbl-row[data-restored-focus=true]:hover,.mob-card[data-restored-focus=true]:focus-visible{background:0 0;outline:none}.tbl-row.is-catalog-active{background:linear-gradient(90deg, var(--cat-accent-dim), transparent 72%), var(--surface-0);box-shadow:inset 3px 0 0 var(--cat-accent), inset 0 0 0 1px oklch(.72 .14 var(--accent-h) / .28)}.tbl-row.is-catalog-active:hover{background:linear-gradient(90deg, var(--cat-accent-dim), oklch(100% 0 0/.035) 72%), var(--surface-0)}.tbl-row.is-catalog-active .title-main{color:var(--cat-accent)}.mob-card.is-catalog-active{background:var(--cat-accent-dim);box-shadow:inset 3px 0 0 var(--cat-accent), inset 0 0 0 1px oklch(.72 .14 var(--accent-h) / .24)}.tbl-row-compact .title-thumb,.tbl-song-group-compact .title-thumb{width:64px;height:32px}.td{white-space:nowrap;text-overflow:ellipsis;padding:0 10px;overflow:hidden}.td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg-2);font-family:JetBrains Mono,monospace}.td.dim{color:var(--fg-4)}.td.center{text-align:center}.tbl-song-group{border-bottom:1px solid var(--line)}.tbl-row-grouped{border-bottom:0}.tbl-row-grouped>.td{border-bottom:1px solid var(--line-soft);align-content:center;height:44px}.tbl-row-grouped>.group-name-cell,.tbl-row-grouped>.group-shared-cell{border-bottom:0;position:relative;overflow:visible}.group-name-cell>.title-cell{justify-content:flex-end}.group-shared-value{z-index:1;text-overflow:ellipsis;pointer-events:none;align-content:center;position:absolute;top:0;left:10px;right:10px;overflow:hidden}.group-title-grid{z-index:3;pointer-events:none;display:grid;position:absolute;inset:0}.group-title-slot{min-width:0;position:relative}.tbl-song-group-compact .group-title-slot{container-type:inline-size}.group-shared-title{inset:0 10px;right:calc(10px + var(--group-actions-width));align-items:center;gap:8px;display:flex;position:absolute;overflow:hidden}.group-shared-title .song-youtube-icon{pointer-events:auto}.group-shared-index{align-items:center;display:flex}:is(.tbl-song-group:has(>.tbl-row:hover) .group-shared-index,.tbl-song-group:has([data-column=file_order] .fav-btn:is(.on,:focus-visible)) .group-shared-index){visibility:hidden}.tbl-row-grouped:focus-visible{z-index:2;position:relative}.idx-cell{align-items:center;gap:6px;display:flex}.idx{color:var(--fg-4);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:11px}.tbl-row:hover .idx{display:none}.fav-btn{width:22px;height:22px;color:var(--fg-4);opacity:0;pointer-events:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;transition:all .1s;display:grid}.tbl-row:hover .fav-btn,.fav-btn.group-fav-btn,.fav-btn:focus-visible,.fav-btn.on{opacity:1;pointer-events:auto}.tbl-row[data-restored-focus=true]:hover .fav-btn:not(.on):not(.group-fav-btn){opacity:0;pointer-events:none}.fav-btn:hover{color:var(--warn);background:var(--surface-2)}.fav-btn.on{color:var(--warn)}.fav-btn:disabled{cursor:not-allowed;opacity:.4}.fav-btn:disabled:hover{color:var(--fg-4);background:0 0}.mob-card-actions{z-index:2;align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:10px}.mob-card-actions .mob-fav-btn,.mob-card-actions .mob-delete-btn,.mob-card-actions .mob-music-btn{position:static;top:auto;right:auto}.mob-fav-btn{z-index:2;width:30px;height:30px;color:var(--fg-2);background:oklch(0% 0 0/.5);border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute;top:8px;right:10px}.mob-music-btn{width:30px;height:30px;color:var(--accent);cursor:pointer;background:oklch(0% 0 0/.5);border:0;border-radius:50%;place-items:center;font-size:17px;font-weight:800;line-height:1;display:grid}.mob-music-btn:hover{color:var(--accent-2)}.mob-delete-btn{z-index:2;width:30px;height:30px;color:var(--fg-2);cursor:pointer;background:oklch(0% 0 0/.5);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:48px}.mob-delete-btn:hover{color:oklch(70% .2 25)}.new-tag{background:var(--new-dim);color:var(--new);letter-spacing:.04em;text-transform:uppercase;border:1px solid oklch(72% .18 25/.35);border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:600}.title-cell{align-items:center;gap:8px;min-width:0;display:flex}.title-text{flex-direction:column;flex:auto;justify-content:center;gap:1px;min-width:0;display:flex;overflow:hidden}.tbl-row-compact .td:has(.title-cell){container-type:inline-size}@container (width<=200px){.tbl-row-compact .title-thumb,.tbl-song-group-compact .title-thumb{display:none}}.title-thumb{border-radius:4px;flex-shrink:0;width:80px;height:40px;overflow:hidden}.title-main{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.song-category-list{color:var(--fg-4);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.15;display:block;overflow:hidden}.combo-warning-tag{color:oklch(82% .18 70);letter-spacing:.02em;background:oklch(80% .18 70/.14);border:1px solid oklch(80% .18 70/.38);border-radius:3px;flex:none;padding:1px 5px;font-size:9.5px;font-weight:700}.song-youtube-icon{width:18px;height:18px;color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;font-size:15px;line-height:1;display:inline-grid}.song-youtube-icon:hover{background:var(--surface-2);color:var(--fg)}.copy-name-btn{width:22px;height:22px;color:var(--fg-4);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;transition:color .1s,background .1s;display:grid}.tbl-row:hover .copy-name-btn,.copy-name-btn:focus-visible,.copy-name-btn.copied{opacity:1;pointer-events:auto}.tbl-row[data-restored-focus=true]:hover .copy-name-btn:not(.copied){opacity:0;pointer-events:none}.copy-name-btn:hover{color:var(--accent);background:var(--surface-2)}.copy-name-btn.copied{color:var(--ok);background:0 0}.candidate-pill{color:var(--accent);background:oklch(78% .15 220/.12);border:1px solid oklch(78% .15 220/.35);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex}.artist-cell,.korea-name-cell{color:var(--fg-2)}.muted-dash{color:var(--fg-4)}.tbl-row[data-bpm-tier=hot] .title-main,.group-shared-title[data-bpm-tier=hot] .title-main,.tbl-row[data-bpm-tier=hot] .artist-cell,.tbl-row[data-bpm-tier=hot] .bpm-num{color:oklch(72% .2 25)}.tbl-row[data-bpm-tier=warm] .title-main,.group-shared-title[data-bpm-tier=warm] .title-main,.tbl-row[data-bpm-tier=warm] .artist-cell,.tbl-row[data-bpm-tier=warm] .bpm-num{color:oklch(80% .16 60)}.tbl-row[data-bpm-tier=cool] .title-main,.group-shared-title[data-bpm-tier=cool] .title-main,.tbl-row[data-bpm-tier=cool] .artist-cell,.tbl-row[data-bpm-tier=cool] .bpm-num{color:oklch(78% .14 150)}.tbl-row:hover .title-main,.tbl-song-group:where(:has(>.tbl-row:hover:not([data-restored-focus=true]))) .group-shared-title .title-main{color:var(--accent)}.tbl-row[data-restored-focus=true]:hover .title-main{color:var(--fg)}.tbl-row[data-restored-focus=true][data-bpm-tier=hot]:hover .title-main{color:oklch(72% .2 25)}.tbl-row[data-restored-focus=true][data-bpm-tier=warm]:hover .title-main{color:oklch(80% .16 60)}.tbl-row[data-restored-focus=true][data-bpm-tier=cool]:hover .title-main{color:oklch(78% .14 150)}.tbl-row.is-catalog-active .title-main,.group-shared-title.is-catalog-active .title-main,.tbl-row.is-catalog-active:hover .title-main,.tbl-row.is-catalog-active[data-bpm-tier] .title-main{color:var(--cat-accent)}.level-val{font-variant-numeric:tabular-nums;align-items:baseline;gap:1px;font-family:JetBrains Mono,monospace;font-weight:500;display:inline-flex}.level-val .int{font-size:14px}.level-val .dec{color:var(--fg-3);font-size:11px}.td.level-cell{flex-direction:column;justify-content:center;align-items:flex-end;gap:3px;height:100%;display:flex}.td.level-cell:after{content:"";background:var(--lv-bar,var(--line));opacity:.55;border-radius:2px;width:calc(100% - 20px);height:2px;display:block}.user-lv{font-variant-numeric:tabular-nums;color:var(--fg);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.user-lv-empty{color:var(--fg-4);font-family:JetBrains Mono,monospace;font-size:13px}.bpm-cell{flex-direction:column;justify-content:center;align-items:flex-end;gap:3px;height:100%;display:flex}.bpm-num{font-variant-numeric:tabular-nums;color:var(--fg);font-family:JetBrains Mono,monospace;font-weight:500;transition:opacity .12s}.bpm-wave{pointer-events:none;opacity:0;align-items:flex-end;gap:1.5px;width:calc(100% - 20px);height:14px;transition:opacity .12s;display:flex}.tbl-row:hover .bpm-wave{opacity:1}.tbl-row:hover .bpm-num{opacity:.3}.tbl-row[data-restored-focus=true]:hover .bpm-wave{opacity:0}.tbl-row[data-restored-focus=true]:hover .bpm-num{opacity:1}.bpm-wave .bar{background:var(--cat-accent);animation:bpmBar var(--dur,.4s) ease-in-out infinite alternate;border-radius:1px;flex:1}@keyframes bpmBar{0%{height:15%}to{height:100%}}@media (prefers-reduced-motion:reduce){.bpm-wave .bar{animation-duration:var(--dur,.4s)!important;animation-iteration-count:infinite!important}}.combo-num{font-variant-numeric:tabular-nums;color:var(--fg-2);font-family:JetBrains Mono,monospace}.combo-bar{background:var(--surface-2);border-radius:2px;max-width:70px;height:3px;margin-top:3px;margin-left:auto;overflow:hidden}.combo-bar>div{background:linear-gradient(90deg, var(--cat-accent-2), var(--cat-accent));border-radius:2px;height:100%}.variant{color:var(--fg-4);text-align:center;font-size:15px}.variant.has{color:var(--accent)}.statusbar{border-top:1px solid var(--line-soft);background:var(--surface-0);color:var(--fg-3);flex-shrink:0;align-items:center;gap:20px;padding:8px 28px;font-size:11.5px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);background:oklch(0% 0 0/.55);justify-content:center;align-items:flex-start;padding:60px 20px 40px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.modal{background:var(--surface-0);border:1px solid var(--line);border-radius:16px;width:min(920px,100%);animation:.22s ease-out slideUp;overflow:hidden;box-shadow:0 30px 80px oklch(0% 0 0/.5)}.song-catalog-backdrop{-webkit-backdrop-filter:none;pointer-events:none;background:0 0;justify-content:flex-end;align-items:stretch;padding:0;overflow:hidden}body:has(.song-list-layout.catalog-panel-open) .song-catalog-backdrop{right:max(0px, calc((100% - var(--song-list-max-width) - var(--catalog-panel-width)) / 2))}.song-catalog-panel{width:var(--catalog-panel-width);pointer-events:auto;border-radius:16px 0 0 16px;flex-direction:column;height:100vh;max-height:100vh;animation:.2s ease-out catalogSlideIn;display:flex}.song-catalog-panel .m-hero,.song-catalog-panel .m-stats,.song-catalog-panel .m-tabs{flex-shrink:0}.song-catalog-panel .m-body{flex:1;min-height:0;max-height:none}@keyframes catalogSlideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.m-hero{background:radial-gradient(700px 300px at 10% -20%, var(--accent-dim), transparent 60%), radial-gradient(500px 240px at 95% 110%, oklch(65% .22 340/.18), transparent 60%), linear-gradient(180deg, var(--surface-1), var(--surface-0));padding:32px 32px 24px;position:relative;overflow:hidden}.m-hero:before{content:"";opacity:.05;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--fg) 0 1px, transparent 1px 12px);position:absolute;inset:0}.m-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.m-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4);margin-bottom:12px;font-size:11px}.m-breadcrumb b{color:var(--accent);font-weight:500}.m-close{width:32px;height:32px;color:var(--fg-3);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:8px;place-items:center;display:grid}.m-close:hover{color:var(--fg);background:var(--surface-1)}.m-title-row{z-index:1;align-items:flex-end;gap:20px;margin-top:8px;display:flex;position:relative}.m-artwork{color:oklch(15% .03 270);letter-spacing:-.04em;border-radius:10px;flex-shrink:0;place-items:center;width:256px;height:128px;font-family:JetBrains Mono,monospace;font-size:44px;font-weight:700;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 40px oklch(0% 0 0/.4),inset 0 0 0 1px oklch(100% 0 0/.08)}.m-artwork:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#0000 0 6px,oklch(100% 0 0/.08) 6px 7px);position:absolute;inset:0}.m-name-wrap{flex:1;min-width:0;padding-bottom:4px}.m-name{letter-spacing:-.02em;color:var(--fg);margin-bottom:6px;font-size:32px;font-weight:700;line-height:1.1}.m-linked-name{color:var(--accent);margin:-2px 0 6px;font-size:13px;font-weight:600}.m-artist{color:var(--fg-2);font-size:14px}.m-artist b{color:var(--fg);font-weight:500}.level-hero-pill{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;align-items:baseline;gap:4px;margin-bottom:10px;padding:5px 10px;font-family:JetBrains Mono,monospace;display:inline-flex}.level-hero-pill .k{color:var(--fg-4);text-transform:uppercase;letter-spacing:.08em;margin-right:2px;font-size:10px}.level-hero-pill .n{color:var(--fg);font-size:15px;font-weight:700}.m-actions{z-index:1;flex-wrap:wrap;gap:8px;margin-top:22px;display:flex;position:relative}.m-actions.is-split{flex-direction:column;align-items:flex-start;gap:8px}.m-actions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:oklch(.82 .15 var(--accent-h));transform:translateY(-1px)}.btn-ghost{background:var(--surface-2);color:var(--fg-2);border:1px solid var(--line-soft)}.btn-ghost:hover{background:var(--surface-1);color:var(--fg)}.btn-icon{justify-content:center;width:36px;height:36px;padding:0}.m-stats{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:var(--surface-0);grid-template-columns:repeat(6,1fr);display:grid}.pmang-stats{grid-template-columns:repeat(4,1fr)}.m-stat{border-right:1px solid var(--line-soft);padding:14px 18px}.m-stat:last-child{border-right:none}.m-stat .lbl{color:var(--fg-4);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:10.5px}.m-stat .val{color:var(--fg);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600;line-height:1}.m-stat .sub{color:var(--fg-4);margin-top:3px;font-size:10.5px}.m-stat.highlight .val{color:var(--accent)}.m-combo-warning{color:oklch(74% .2 25);background:oklch(68% .2 25/.08);border-bottom:1px solid oklch(68% .2 25/.28);flex-shrink:0;padding:12px 32px;font-size:13px;font-weight:700;line-height:1.45}.m-tabs{border-bottom:1px solid var(--line-soft);background:var(--surface-0);gap:0;padding:0 32px;display:flex}.m-tab{color:var(--fg-3);border-bottom:2px solid #0000;margin-bottom:-1px;padding:14px 16px;font-size:13px;font-weight:500}.m-tab:hover{color:var(--fg-2)}.m-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.m-tab .count{color:var(--fg-4);margin-left:5px;font-family:JetBrains Mono,monospace;font-size:11px}.m-body{background:var(--surface-0);max-height:60vh;padding:24px 32px 28px;overflow-y:auto}.m-saved-cats{background:var(--surface-0);border-bottom:1px solid var(--line-soft);padding:14px 32px}.m-saved-cats-label{color:var(--fg);letter-spacing:0;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.m-saved-cats-label:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:14px}.m-saved-cats-row{flex-wrap:wrap;align-items:center;gap:7px;min-height:30px;display:flex}.m-saved-cat-tag{background:var(--surface-1);border:1px solid var(--line-soft);max-width:100%;color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;overflow:hidden}.m-saved-cat-tag:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--fg)}.m-saved-cats-muted{color:var(--fg-4);font-size:12px}.m-saved-cats-login{min-height:30px;padding-top:6px;padding-bottom:6px}.practice-summary{background:var(--surface-0);border-bottom:1px solid var(--line-soft);gap:12px;padding:0 32px 16px;display:grid}.practice-block{padding-top:2px}.practice-label{color:var(--fg);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.practice-label:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:13px}.practice-list{flex-direction:column;gap:6px;display:flex}.practice-section-line{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:11px 13px;display:grid}.practice-section-line.compact{padding:8px 10px;display:block}.practice-section-main{min-width:0;color:var(--fg-2);overflow-wrap:anywhere;font-size:13px;line-height:1.45}.practice-section-time{color:var(--accent);white-space:nowrap;font-family:JetBrains Mono,monospace;font-weight:700}.practice-section-desc{color:var(--fg-2)}.practice-section-meta{color:var(--fg-4);grid-column:1/-1;gap:8px;font-size:11px;display:flex}.practice-form{gap:12px;display:grid}.practice-form-head{justify-content:space-between;align-items:center;display:flex}.practice-form-title{color:var(--fg);font-size:14px;font-weight:700}.practice-form-sub{color:var(--fg-4);margin-top:3px;font-size:11.5px}.practice-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.practice-form-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.practice-done{color:var(--ok);font-size:12px;font-weight:700}.practice-login-btn{margin-top:14px}.practice-user-list{flex-direction:column;gap:8px;display:flex}.practice-user-add{margin-top:10px}.practice-user-add .record-form{margin-bottom:0}.practice-section-actions{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:8px;display:flex}.practice-recommend-btn{white-space:nowrap;justify-self:end;padding:6px 10px;font-size:12px}.practice-delete-btn{color:oklch(72% .18 25);white-space:nowrap;padding:6px 10px;font-size:12px}.bpm-timeline-section{margin-bottom:22px}.bpm-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.bpm-head-main{align-items:baseline;gap:10px;min-width:0;display:flex}.bpm-head h5{margin:0;font-size:13px;font-weight:600}.bpm-head .bpm-range{color:var(--fg-3);font-family:JetBrains Mono,monospace;font-size:11.5px}.bpm-head .bpm-range b{color:var(--fg)}.bpm-view-toggle{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:8px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.bpm-view-toggle button{height:26px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:11.5px;font-weight:600}.bpm-view-toggle button:hover{color:var(--fg);background:var(--surface-2)}.bpm-view-toggle button.active{color:var(--accent);background:var(--accent-dim)}.bpm-graph{background:linear-gradient(180deg, var(--surface-1), oklch(17% .014 270));border:1px solid var(--line-soft);border-radius:10px;height:130px;padding:14px 14px 22px;position:relative;overflow:hidden}.bpm-graph svg{width:100%;height:100%;display:block;overflow:visible}.bpm-table{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.bpm-table-entry{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:10px 14px;font-family:JetBrains Mono,monospace;display:flex}.bpm-table-entry:last-child{border-bottom:0}.bpm-table-time{min-width:58px;color:var(--fg-4);font-size:12px}.bpm-table-sep{color:var(--line);font-size:12px}.bpm-table-val{color:var(--fg);flex:1;font-size:15px;font-weight:700}.bpm-table-delta{font-size:11px;font-weight:600}.bpm-tooltip{z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);opacity:0;background:oklch(11% .015 280/.96);border-radius:8px;min-width:120px;padding:7px 10px;font-size:11px;transition:opacity .1s,transform .1s;position:absolute;transform:translateY(2px);box-shadow:0 8px 20px -4px oklch(0% 0 0/.5),0 0 0 1px oklch(0% 0 0/.2)}.bpm-tooltip.show{opacity:1;transform:translateY(0)}.perceived{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:12px;margin-top:22px;padding:18px 20px}.perceived-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.perceived-head h5{margin:0;font-size:13px;font-weight:600}.perceived-head .sub{color:var(--fg-4);font-size:11px}.perceived-row{align-items:center;gap:18px;display:flex}.perceived-avg{text-align:center;border-right:1px solid var(--line-soft);flex-shrink:0;padding:6px 18px}.perceived-avg .big{color:var(--accent);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700;line-height:1}.perceived-avg .lbl{color:var(--fg-4);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:10.5px}.perceived-avg .n{color:var(--fg-3);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:10.5px}.perceived-dist{flex:1;align-items:flex-end;gap:2px;height:52px;display:flex}.perceived-bar{background:var(--surface-2);border-radius:2px 2px 0 0;flex:1;min-height:3px;transition:background .1s;position:relative}.perceived-bar.highlight{background:var(--accent)}.perceived-scale{color:var(--fg-4);justify-content:space-between;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:9.5px;display:flex}.perceived-notice{background:var(--surface-0);border-left:2px solid var(--accent);color:var(--fg-3);border-radius:0 6px 6px 0;margin-top:14px;padding:10px 14px;font-size:11.5px;line-height:1.6}.perceived-form-block{border-top:1px solid var(--line-soft);margin-top:14px;padding-top:14px}.perceived-steps{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.perceived-step{background:var(--surface-0);border:1px solid var(--line-soft);min-width:38px;color:var(--fg-2);cursor:pointer;text-align:center;border-radius:6px;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:11.5px;transition:all 80ms}.perceived-step:hover{background:var(--surface-2);color:var(--fg);border-color:var(--line)}.perceived-step.is-official{border-color:var(--accent);color:var(--accent)}.perceived-step.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.comment-form{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px;display:flex}.avatar-me{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.comment-nick-input{width:100%;color:var(--fg);border:none;border-bottom:1px solid var(--line-soft);background:0 0;outline:none;margin-bottom:6px;padding:0 0 6px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .1s}.comment-nick-input:focus{border-bottom-color:var(--accent)}.comment-nick-input::placeholder{color:var(--fg-4);font-weight:400}.comment-body-input{color:var(--fg);resize:none;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;flex:1;width:100%;min-height:40px;font-family:inherit;font-size:13px;transition:border-color .1s}.comment-body-input:focus{border-bottom-color:var(--line)}.comment-body-input::placeholder{color:var(--fg-4)}.c-badge{background:var(--accent-dim);color:var(--accent);letter-spacing:.02em;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:inline-flex}.record-form{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:12px;margin-bottom:18px;padding:20px}.rf-field label{color:var(--fg-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:10.5px;display:block}.rf-field input,.rf-field textarea{background:var(--surface-0);border:1px solid var(--line-soft);width:100%;color:var(--fg);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .1s}.rf-field input:focus,.rf-field textarea:focus{border-color:var(--accent)}.leaderboard{flex-direction:column;gap:6px;display:flex}.lb-row{background:var(--surface-1);border:1px solid #0000;border-radius:8px;grid-template-columns:28px 1fr 78px;align-items:center;gap:12px;padding:10px 14px;display:grid}.lb-row:hover{border-color:var(--line-soft);background:var(--surface-2)}.lb-row.top{background:linear-gradient(90deg, var(--accent-dim), var(--surface-1))}.lb-rank{color:var(--fg-3);text-align:right;font-family:JetBrains Mono,monospace;font-size:12px}.lb-row.top .lb-rank{color:var(--accent);font-weight:700}.lb-avatar{background:var(--surface-2);width:26px;height:26px;color:var(--fg-2);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.lb-date{color:var(--fg-4);text-align:right;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:11px}.record-empty{text-align:center;color:var(--fg-3);background:var(--surface-1);border:1px dashed var(--line-soft);border-radius:10px;padding:32px 20px;font-size:13px}.record-empty .big{opacity:.5;margin-bottom:8px;font-size:32px;display:block}.more-wrap,.difficulty-wrap{position:relative}.difficulty-menu{z-index:100;background:var(--surface-0);border:1px solid var(--line);border-radius:10px;width:260px;max-height:280px;padding:5px;position:fixed;overflow-y:auto;box-shadow:0 20px 50px oklch(0% 0 0/.5)}.difficulty-menu button{text-align:left;width:100%;color:var(--fg-2);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}.difficulty-menu button:hover{background:var(--surface-1);color:var(--fg)}.difficulty-info{flex-direction:column;gap:3px;min-width:0;display:flex}.difficulty-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg);font-size:12.5px;font-weight:700;overflow:hidden}.difficulty-level{color:oklch(78% .15 220);white-space:nowrap;background:oklch(38% .1 220/.18);border:1px solid oklch(78% .15 220/.35);border-radius:999px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-weight:700}.difficulty-menu button[data-cat=star] .difficulty-level{color:oklch(82% .16 90);background:oklch(40% .12 90/.2);border-color:oklch(82% .16 90/.38)}.difficulty-menu button[data-cat=moon] .difficulty-level{color:oklch(78% .15 220);background:oklch(38% .1 220/.2);border-color:oklch(78% .15 220/.38)}.difficulty-menu button[data-cat=sun] .difficulty-level{color:oklch(78% .18 20);background:oklch(40% .14 20/.2);border-color:oklch(78% .18 20/.38)}.difficulty-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-3);font-size:12px;overflow:hidden}.more-menu{z-index:100;background:var(--surface-0);border:1px solid var(--line);border-radius:10px;min-width:180px;padding:5px;position:fixed;box-shadow:0 20px 50px oklch(0% 0 0/.5)}.more-menu button{text-align:left;width:100%;color:var(--fg-2);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}.more-menu button:hover{background:var(--surface-1);color:var(--fg)}.more-menu .ico{width:14px;color:var(--fg-3)}.fb-types{flex-direction:column;gap:6px;display:flex}.fb-type{background:var(--surface-1);border:1px solid var(--line-soft);color:var(--fg-2);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .1s;display:flex}.fb-type:hover{background:var(--surface-2);color:var(--fg)}.fb-type input{accent-color:var(--accent);margin:0}.fb-type:has(input:checked){background:var(--accent-dim);border-color:var(--accent);color:var(--fg)}.login-modal{background:var(--surface-0);border:1px solid var(--line);text-align:center;border-radius:16px;width:min(420px,100%);padding:32px 28px 28px;animation:.22s ease-out slideUp;box-shadow:0 30px 80px oklch(0% 0 0/.5)}.login-modal h3{letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:700}.login-modal p{color:var(--fg-3);margin:0 0 22px;font-size:13px;line-height:1.5}.oauth-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:12px 16px;font-size:13.5px;font-weight:500;transition:transform .1s;display:flex}.oauth-btn:hover{transform:translateY(-1px)}.oauth-btn.naver{color:#fff;background:#03c75a}.oauth-btn.naver:hover{background:#02b350}.oauth-btn.kakao{color:#1b1818;background:#fee500}.oauth-btn.kakao:hover{background:#f5dd00}.oauth-btn.google{color:#1f1f1f;background:#fff}.oauth-btn.google:hover{background:#f5f5f5}.login-foot{color:var(--fg-4);margin-top:18px;font-size:10.5px;line-height:1.6}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px)}.app-mobile{background:var(--bg);overscroll-behavior:contain;-webkit-tap-highlight-color:transparent;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.mob-top{z-index:20;padding-top:var(--safe-top);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);background:oklch(15.5% .012 270/.92);flex-shrink:0;position:sticky;top:0}.mob-top-inner{flex-direction:column;gap:8px;padding:10px 14px 0;display:flex}.mob-top-row{align-items:center;gap:10px;display:flex}.mob-brand-tablet{flex-shrink:0;align-items:center;gap:10px;display:none}.mob-brand-tablet .brand-title{white-space:nowrap}.mob-app-title{letter-spacing:-.01em;flex:1;font-size:17px;font-weight:600}.mob-app-title b{font-weight:700}.mob-sub{color:var(--fg-4);letter-spacing:.02em;margin-left:6px;font-size:10.5px;font-weight:500}.server-switcher.mob-server-switcher{flex:128px;gap:4px;width:auto;min-width:0;max-width:170px;margin-bottom:0}.server-switcher.mob-server-switcher button{white-space:nowrap;border-radius:9px;min-width:0;min-height:34px;padding:0 5px;font-size:11.5px}.server-switcher.mob-server-switcher+div{margin-left:auto}@media (width>=768px){.app-mobile .mob-brand-tablet{display:flex}.app-mobile .server-switcher.mob-server-switcher{flex:0 170px}}.mob-icon-btn{width:38px;height:38px;color:var(--fg-2);border-radius:50%;flex-shrink:0;place-items:center;transition:background .1s;display:grid;position:relative}.mob-icon-btn:active{background:var(--surface-1)}.mob-badge{background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.mob-search{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:12px;align-items:center;gap:8px;padding:9px 12px;display:flex}.mob-search:focus-within{border-color:var(--accent);background:var(--surface-0)}.mob-search input{letter-spacing:-.005em;color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-size:14.5px}.mob-search input::placeholder{color:var(--fg-4)}.mob-search-clear{color:var(--fg-4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mob-search-clear:active{background:var(--surface-2)}.mob-chips{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:6px;margin:0 -14px;padding:4px 14px 10px;display:flex;overflow-x:auto}.mob-chips::-webkit-scrollbar{display:none}.mob-chip{scroll-snap-align:start;background:var(--surface-1);border:1px solid var(--line-soft);color:var(--fg-2);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:7px 13px;font-size:12.5px;font-weight:500;transition:all .12s;display:inline-flex}.mob-chip:active{transform:scale(.96)}.mob-chip.on{background:var(--cat-accent-dim);border-color:var(--cat-accent);color:var(--cat-accent)}.mob-chip-icon{font-size:13px;line-height:1}.mob-meta{color:var(--fg-4);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px 4px;font-size:11.5px;display:flex}.mob-meta b{color:var(--fg-2);font-weight:600}.mob-sort-btn{color:var(--fg-3);align-items:center;gap:4px;padding:4px 0;font-family:inherit;font-size:11.5px;display:inline-flex}.mob-sort-btn:active{color:var(--fg)}.mob-list-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.mob-card{cursor:pointer;border-radius:0;align-items:center;gap:12px;height:80px;padding:10px 14px 10px 10px;transition:background 80ms;display:flex;position:relative}.mob-card:active{background:var(--surface-1)}.mob-art{border-radius:10px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.05),0 2px 6px oklch(0% 0 0/.25)}.mob-card-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mob-card-title{align-items:center;gap:6px;display:flex;overflow:hidden}.mob-new-dot{background:var(--new);border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 0 2px oklch(72% .18 25/.2)}.mob-card-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:14.5px;font-weight:600;overflow:hidden}.mob-card-artist{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mob-card-korea{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.mob-card-inline{color:var(--fg-4);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.mob-sep{opacity:.5}.mob-lv{background:var(--surface-2);color:var(--fg-2);letter-spacing:.02em;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:600}.mob-lv[data-cat=star]{color:oklch(82% .14 145);background:oklch(82% .14 145/.14)}.mob-lv[data-cat=moon]{color:oklch(82% .15 85);background:oklch(82% .15 85/.14)}.mob-lv[data-cat=sun]{color:oklch(75% .18 25);background:oklch(75% .18 25/.14)}.mob-fav-btn{width:36px;height:36px;color:var(--fg-4);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;transition:all .12s;display:grid}.mob-fav-btn.on{color:var(--warn)}.mob-fav-btn:active{background:var(--surface-2);transform:scale(.9)}.mob-music-btn{width:36px;height:36px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:19px;transition:all .12s;display:grid}.mob-music-btn:active{background:var(--surface-2);transform:scale(.9)}.mob-empty{color:var(--fg-4);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:13px;display:flex}.mob-empty-icon{opacity:.5;font-size:40px}.mob-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);background:oklch(0% 0 0/.55);animation:.18s ease-out fadeIn;display:none;position:fixed;inset:0}.mob-backdrop.open{display:block}.mob-sheet{z-index:51;background:var(--surface-0);border-top:1px solid var(--line);padding:8px 18px calc(20px + var(--safe-bot));border-radius:20px 20px 0 0;max-height:82vh;transition:transform .28s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -20px 60px oklch(0% 0 0/.5)}.mob-sheet.open{transform:translateY(0)}.mob-sheet-handle{background:var(--line);border-radius:999px;width:36px;height:4px;margin:8px auto 14px}.mob-sheet-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mob-sheet-title{letter-spacing:-.01em;font-size:17px;font-weight:700}.mob-sheet-actions{align-items:center;gap:8px;display:flex}.mob-sheet-reset{color:var(--fg-3);padding:6px 2px;font-size:12.5px}.mob-sheet-reset:active{color:var(--fg)}.mob-sheet-close{width:32px;height:32px;color:var(--fg-2);background:var(--surface-1);border-radius:50%;place-items:center;font-size:20px;line-height:1;display:grid}.mob-sheet-close:active{background:var(--surface-2);color:var(--fg)}.mob-sheet-group{margin-bottom:22px}.mob-sheet-label{color:var(--fg-4);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10.5px;font-weight:600;display:flex}.mob-sheet-val{color:var(--fg-2);text-transform:none;letter-spacing:0;font-family:JetBrains Mono,monospace;font-size:11px}.mob-range-row{align-items:center;gap:10px;display:flex}.mob-range-num{background:var(--surface-1);border:1px solid var(--line-soft);font-variant-numeric:tabular-nums;text-align:center;color:var(--fg);border-radius:10px;outline:none;flex:1;padding:11px 12px;font-size:14.5px;font-weight:500;transition:border-color .1s}.mob-range-num:focus{border-color:var(--accent);background:var(--surface-0)}.mob-range-num::-webkit-outer-spin-button{-webkit-appearance:none}.mob-range-num::-webkit-inner-spin-button{-webkit-appearance:none}.mob-range-num[type=number]{-moz-appearance:textfield}.mob-range-dash{color:var(--fg-4)}.mob-sort-rows{flex-direction:column;gap:6px;display:flex}.mob-sort-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mob-sort-row-label{color:var(--fg-3);flex-shrink:0;min-width:52px;font-size:13px}.mob-sort-toggle{background:var(--surface-1);border-radius:8px;flex:1;gap:2px;padding:3px;display:flex}.mob-sort-tog{color:var(--fg-3);text-align:center;white-space:nowrap;border-radius:6px;flex:1;padding:8px 6px;font-size:13px;transition:background .15s,color .15s}.mob-sort-tog:active{background:var(--surface-2)}.mob-sort-tog.on{background:var(--accent-dim);color:var(--accent);font-weight:600}.mob-sheet-apply{background:var(--accent);width:100%;color:var(--accent-ink);letter-spacing:-.005em;border-radius:12px;margin-top:6px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;display:block}.mob-sheet-apply:active{transform:scale(.98)}.mob-detail{z-index:60;background:var(--bg);transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;inset:0;transform:translate(100%)}.mob-detail.open{transform:translate(0)}.mob-detail-body{overscroll-behavior:contain;width:100%;height:100%;padding-bottom:calc(40px + var(--safe-bot));flex-direction:column;display:flex;overflow-y:auto}.mob-detail-top{z-index:10;padding:calc(var(--safe-top) + 10px) 14px 10px;-webkit-backdrop-filter:blur(12px);background:oklch(15.5% .012 270/.85);border-bottom:1px solid #0000;align-items:center;gap:10px;transition:border-color .2s;display:flex;position:sticky;top:0}.mob-detail-top.scrolled{border-color:var(--line-soft)}.mob-detail-top-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;opacity:0;flex:1;font-size:15px;font-weight:600;transition:opacity .2s;overflow:hidden}.mob-detail-top.scrolled .mob-detail-top-title{opacity:1}.mob-hero{padding:20px 20px 24px}.mob-hero-art{aspect-ratio:2;border-radius:14px;place-items:center;width:100%;max-height:180px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08),0 10px 30px -5px oklch(0% 0 0/.5)}.mob-hero-init{color:oklch(98% .01 270/.88);letter-spacing:.02em;font-family:JetBrains Mono,monospace;font-size:44px;font-weight:700}.mob-hero-title{letter-spacing:-.02em;margin:16px 0 5px;font-size:24px;font-weight:700;line-height:1.2}.mob-hero-linked-name{color:var(--accent);letter-spacing:-.005em;margin:-1px 0 5px;font-size:12.5px;font-weight:600}.mob-hero-sub{color:var(--fg-3);margin-bottom:14px;font-size:14px}.mob-hero-tags{flex-wrap:wrap;gap:6px;display:flex}.mob-h-tag{background:var(--surface-1);color:var(--fg-2);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:inline-flex}.mob-h-tag-accent{background:var(--accent-dim);color:var(--accent)}.mob-h-tag-new{color:var(--new);background:oklch(72% .18 25/.18)}.mob-actions{flex-wrap:wrap;gap:8px;padding:0 20px 20px;display:flex}.mob-act-btn{letter-spacing:-.005em;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px;font-family:inherit;font-size:13.5px;font-weight:600;transition:transform .1s;display:flex}.mob-act-btn:active{transform:scale(.97)}.mob-act-primary{background:var(--accent);color:var(--accent-ink)}.mob-act-ghost{background:var(--surface-1);color:var(--fg-2);border:1px solid var(--line-soft)}.mob-act-ghost.on{color:var(--warn)}.mob-actions .pcat-mobile-action,.mob-actions .mob-difficulty-action{flex-basis:100%}.mob-difficulty-backdrop{z-index:70;background:oklch(0% 0 0/.42);align-items:flex-end;display:flex;position:fixed;inset:0}.mob-difficulty-sheet{width:100%;max-height:min(58vh,440px);padding:10px 14px calc(14px + var(--safe-bot));background:var(--surface-0);border-top:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 -20px 60px oklch(0% 0 0/.42)}.mob-difficulty-head{justify-content:space-between;align-items:center;padding:6px 2px 12px;display:flex}.mob-difficulty-head b{color:var(--fg);font-size:15px;line-height:1.2;display:block}.mob-difficulty-head span{color:var(--fg-4);margin-top:3px;font-family:JetBrains Mono,monospace;font-size:11px;display:block}.mob-difficulty-head button{color:var(--fg-3);padding:8px 4px;font-size:13px;font-weight:600}.mob-difficulty-list{flex-direction:column;gap:6px;max-height:calc(min(58vh,440px) - 76px);display:flex;overflow-y:auto}.mob-difficulty-row{background:var(--surface-1);border:1px solid var(--line-soft);width:100%;color:var(--fg-2);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.mob-difficulty-row:active{transform:scale(.985)}.mob-difficulty-info{flex-direction:column;gap:4px;min-width:0;display:flex}.mob-difficulty-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg);font-size:13.5px;font-weight:800;overflow:hidden}.mob-difficulty-level{color:var(--fg);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:999px;flex:none;padding:4px 9px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.mob-difficulty-row[data-cat=star] .mob-difficulty-level{color:oklch(82% .16 90);background:oklch(40% .12 90/.2);border-color:oklch(82% .16 90/.38)}.mob-difficulty-row[data-cat=moon] .mob-difficulty-level{color:oklch(78% .15 220);background:oklch(38% .1 220/.2);border-color:oklch(78% .15 220/.38)}.mob-difficulty-row[data-cat=sun] .mob-difficulty-level{color:oklch(78% .18 20);background:oklch(40% .14 20/.2);border-color:oklch(78% .18 20/.38)}.mob-difficulty-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-3);font-family:JetBrains Mono,monospace;font-size:12.5px;overflow:hidden}.mob-stats{background:var(--line-soft);border:1px solid var(--line-soft);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 14px 24px;display:grid;overflow:hidden}.mob-stat{background:var(--surface-0);text-align:center;padding:14px 6px}.mob-stat-val{font-variant-numeric:tabular-nums;color:var(--fg);letter-spacing:-.01em;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600;line-height:1}.mob-stat-val[data-cat=star]{color:oklch(82% .14 145)}.mob-stat-val[data-cat=moon]{color:oklch(82% .15 85)}.mob-stat-val[data-cat=sun]{color:oklch(75% .18 25)}.mob-stat-lbl{color:var(--fg-4);letter-spacing:.04em;text-transform:uppercase;font-size:9.5px;font-weight:600}.mob-combo-warning{color:oklch(74% .2 25);background:oklch(68% .2 25/.08);border:1px solid oklch(68% .2 25/.32);border-radius:12px;margin:-12px 14px 24px;padding:11px 13px;font-size:12.5px;font-weight:700;line-height:1.45}.mob-tabs{border-bottom:1px solid var(--line-soft);scrollbar-width:none;padding:0 20px;display:flex;overflow-x:auto}.mob-tabs::-webkit-scrollbar{display:none}.mob-tab{color:var(--fg-3);white-space:nowrap;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:13px 14px;font-family:inherit;font-size:13px;font-weight:500}.mob-tab:active{color:var(--fg-2)}.mob-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.mob-tab-body{padding:0 0 20px}.mob-section{padding:20px 20px 0}.mob-section-title{color:var(--fg-2);letter-spacing:-.01em;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.mob-section-aside{color:var(--fg-4);font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500}.mob-bpm-list{background:var(--surface-1);border-radius:12px;flex-direction:column;gap:0;display:flex;overflow:hidden}.mob-bpm-entry{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:10px 14px;font-family:JetBrains Mono,monospace;display:flex}.mob-bpm-entry:last-child{border-bottom:none}.mob-bpm-time{color:var(--fg-4);min-width:52px;font-size:12px}.mob-bpm-sep{color:var(--line);font-size:12px}.mob-bpm-val{color:var(--fg);flex:1;font-size:15px;font-weight:700}.mob-bpm-delta{font-size:11px;font-weight:600}.mob-section .bpm-graph{height:110px}.mob-meta-grid{border:1px solid var(--line-soft);border-radius:10px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.mob-meta-row{background:var(--surface-1);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.mob-meta-lbl{color:var(--fg-4);font-size:11.5px}.mob-meta-val{color:var(--fg);font-family:JetBrains Mono,monospace;font-size:12.5px}.user-chip{background:var(--surface-1);border:1px solid var(--line);color:var(--fg);border-radius:8px;align-items:center;gap:4px;padding:3px 4px 3px 3px;font-size:12.5px;display:inline-flex}.user-chip-open{color:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:2px 6px 2px 3px;transition:background .1s;display:inline-flex}.user-chip-open:hover{background:var(--surface-2)}.user-avatar{background:linear-gradient(135deg, var(--accent), oklch(60% .22 340));width:24px;height:24px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:500;overflow:hidden}.user-logout{width:24px;height:24px;color:var(--fg-3);background:0 0;border-radius:6px;place-items:center;display:grid}.user-logout:hover{background:var(--surface-2);color:var(--fg)}.reg-btn{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;margin-right:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:transform .1s,filter .1s;display:inline-flex}.reg-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.rr-modal{background:var(--surface-0);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:min(920px,96vw);max-height:90vh;animation:.22s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 30px 80px oklch(0% 0 0/.5)}.rr-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:14px;padding:16px 22px;display:flex}.rr-head h3{margin:0;font-size:16px;font-weight:600}.rr-head .rr-prog{color:var(--fg-3);background:var(--surface-1);border:1px solid var(--line-soft);border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:12px}.rr-head .rr-close{background:var(--surface-1);width:30px;height:30px;color:var(--fg-3);border:1px solid var(--line-soft);border-radius:8px;place-items:center;margin-left:auto;display:grid}.rr-head .rr-close:hover{background:var(--surface-2);color:var(--fg)}.rr-body{flex:1;padding:22px;overflow:auto}.rr-drop{border:2px dashed var(--line);text-align:center;background:var(--surface-1);cursor:pointer;border-radius:14px;padding:48px 24px;transition:all .15s}.rr-drop:hover{border-color:var(--accent);background:var(--accent-dim)}.rr-drop.drag{border-color:var(--accent);background:var(--accent-dim);transform:scale(1.01)}.rr-drop .ico{background:var(--accent-dim);width:56px;height:56px;color:var(--accent);border-radius:14px;place-items:center;margin:0 auto 14px;display:grid}.rr-drop h4{margin:0 0 6px;font-size:16px;font-weight:600}.rr-drop p{color:var(--fg-3);margin:0;font-size:12.5px}.rr-drop .sel-btn{background:var(--accent);color:var(--accent-ink);border-radius:8px;margin-top:14px;padding:8px 18px;font-size:13px;font-weight:500;display:inline-block}.rr-list-wrap{margin-top:18px}.rr-list-head{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px;display:flex}.rr-list-head .lbl{color:var(--fg-4);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.rr-list-head .cnt{color:var(--fg-3);font-family:JetBrains Mono,monospace;font-size:11.5px}.rr-thumbs{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:320px;padding-right:4px;display:grid;overflow-y:auto}.rr-thumb{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:8px;position:relative;overflow:hidden}.rr-thumb img{object-fit:cover;width:100%;height:100%;display:block}.rr-thumb .ph{width:100%;height:100%;color:var(--fg-3);place-items:center;font-size:22px;display:grid}.rr-thumb .status{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:oklch(0% 0 0/.6);align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.rr-thumb .status .dot{background:var(--fg-3);border-radius:50%;width:6px;height:6px}.rr-thumb.s-waiting .dot{background:var(--fg-4)}.rr-thumb.s-reading .dot{background:var(--warn,oklch(82% .15 85));animation:1s infinite pulse}.rr-thumb.s-done .dot{background:var(--ok,oklch(78% .14 150))}.rr-thumb.s-failed .dot{background:oklch(70% .19 25)}.rr-thumb.s-done .status{background:oklch(40% .14 150/.85)}.rr-thumb.s-failed .status{background:oklch(40% .19 25/.85)}.rr-thumb .rm{color:#fff;opacity:0;background:oklch(0% 0 0/.6);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;transition:opacity .1s;display:grid;position:absolute;top:4px;right:4px}.rr-thumb:hover .rm{opacity:1}.rr-thumb .idx{color:#fff;background:oklch(0% 0 0/.55);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;top:4px;left:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.rr-foot{border-top:1px solid var(--line-soft);background:var(--surface-0);justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;display:flex}.rr-foot .left{color:var(--fg-3);font-size:12.5px}.rr-foot .right{gap:8px;display:flex}.rr-reg{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rr-reg-preview{border:1px solid var(--line-soft);aspect-ratio:16/9;background-color:#000;border-radius:12px;position:relative;overflow:hidden}.rr-preview-img{display:block}.rr-reg-preview .ph{color:var(--fg-4);text-align:center;justify-content:center;align-items:center;padding:40px;font-size:14px;display:flex;position:absolute;inset:0}.rr-reg-preview .idx-chip{color:#fff;background:oklch(0% 0 0/.6);border-radius:4px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;top:10px;left:10px}.rr-reg-form{flex-direction:column;gap:14px;min-width:0;display:flex}.rr-field label{color:var(--fg-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10.5px;display:block}.rr-field .label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.rr-field .label-row label{margin:0}.rr-field .ai-chip{letter-spacing:.06em;background:var(--accent-dim);color:var(--accent);border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:9.5px;font-weight:600;display:inline-flex}.rr-field .ai-chip.failed{color:oklch(70% .19 25);background:oklch(40% .19 25/.22)}.rr-field input{background:var(--surface-1);border:1px solid var(--line-soft);width:100%;color:var(--fg);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .1s}.rr-field input:focus{border-color:var(--accent)}.rr-field input.mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.rr-field input.big{color:var(--accent);padding:12px 14px;font-size:22px;font-weight:700}.rr-field .unit{color:var(--fg-4);pointer-events:none;font-size:12px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.rr-field .with-unit{position:relative}.rr-field .hint{color:var(--fg-4);margin-top:5px;font-size:10.5px}.rr-song-search{position:relative}.rr-song-dropdown{z-index:200;background:var(--surface-0);border:1px solid var(--line);border-radius:10px;display:none;overflow-y:auto;box-shadow:0 20px 40px oklch(0% 0 0/.4)}.rr-song-dropdown.open{display:block}.rr-song-item{cursor:pointer;border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:9px 12px;display:flex}.rr-song-item:last-child{border-bottom:none}.rr-song-item:hover,.rr-song-item.highlight{background:var(--surface-1)}.rr-song-art{object-fit:cover;background:linear-gradient(135deg, var(--surface-2), var(--surface-1));border-radius:5px;flex-shrink:0;width:40px;height:40px}.rr-song-art.ph{background:var(--surface-2)}.rr-song-item .t{flex:1;min-width:0}.rr-song-item .t-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.rr-song-item .t-sub{color:var(--fg-4);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.rr-song-item .lv-pill{background:var(--surface-2);color:var(--fg-2);border-radius:4px;flex-shrink:0;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px}.rr-song-item.highlight .lv-pill{background:var(--accent-dim);color:var(--accent)}.rr-song-empty{text-align:center;color:var(--fg-4);padding:22px;font-size:12px}.rr-selected{background:var(--accent-dim);border:1px solid oklch(78% .15 220/.4);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.rr-selected-art{object-fit:cover;background:var(--surface-0);border-radius:6px;flex-shrink:0;width:40px;height:40px}.rr-selected-art.ph{background:var(--surface-0)}.rr-selected .m{flex:1;min-width:0}.rr-selected .m b{font-size:13px;display:block}.rr-selected .m span{color:var(--fg-3);font-size:11.5px}.rr-selected .lv-pill{background:var(--surface-0);color:var(--accent);border-radius:5px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.rr-selected .clear{background:var(--surface-0);width:22px;height:22px;color:var(--fg-3);border-radius:50%;place-items:center;display:grid}.rr-vis-row{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.rr-vis-opt{background:var(--surface-1);border:1px solid var(--line-soft);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:all .1s;display:flex}.rr-vis-opt:hover{background:var(--surface-2)}.rr-vis-opt.on{border-color:var(--accent);background:var(--accent-dim)}.rr-vis-opt input{width:auto;accent-color:var(--accent)}.rr-vis-opt b{font-size:12px;display:block}.rr-vis-opt span{color:var(--fg-4);font-size:10.5px}.rr-done{text-align:center;padding:40px 20px}.rr-done .big{width:64px;height:64px;color:var(--ok,oklch(78% .14 150));background:oklch(40% .14 150/.22);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.rr-done h3{margin:0 0 8px;font-size:20px;font-weight:700}.rr-done p{color:var(--fg-3);margin:0 0 22px;font-size:13px}.rr-done .sum{justify-content:center;gap:18px;max-width:320px;margin:22px auto;display:flex}.rr-done .sum .box{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:10px;flex:1;padding:14px}.rr-done .sum .v{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}.rr-done .sum .l{color:var(--fg-4);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:11px}.rr-btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface-1);color:var(--fg-2);border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.rr-btn:hover{background:var(--surface-2);color:var(--fg)}.rr-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.rr-btn.primary:hover{filter:brightness(1.05)}.rr-btn.ghost{background:0 0}.rr-btn.ghost:hover{background:var(--surface-1)}.rr-btn:disabled{opacity:.5;cursor:not-allowed}.rr-btn.lg{padding:11px 22px;font-size:13.5px}.rk-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rk-title{color:var(--fg);font-size:15px;font-weight:700}.rk-sub{color:var(--fg-4);margin-top:2px;font-size:11.5px}.rk-list{flex-direction:column;gap:6px;display:flex}.rk-row{background:var(--surface-0);border:1px solid var(--line-soft);border-radius:8px;grid-template-columns:48px 1fr auto auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.rk-row.top{background:linear-gradient(90deg, var(--accent-dim), var(--surface-0) 60%);border-color:var(--accent)}.rk-row.me{box-shadow:inset 3px 0 0 var(--accent)}.rk-rank{color:var(--fg-4);text-align:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.rk-rank.medal{font-size:20px}.rk-player{align-items:center;gap:10px;min-width:0;display:flex}.rk-avatar{background:var(--surface-2);width:28px;height:28px;color:var(--fg-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.rk-nick{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex;overflow:hidden}.rk-me-tag{letter-spacing:.4px;color:var(--accent-ink);background:var(--accent);border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:600}.rk-ss-btn{background:var(--surface-2);width:22px;height:22px;color:var(--fg-3);border:1px solid var(--line-soft);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;margin-left:4px;display:inline-flex}.rk-ss-btn:hover{background:var(--accent-dim);color:var(--accent)}.rk-yt-btn{background:var(--surface-2);color:#f03;border:1px solid var(--line-soft);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;margin-left:4px;text-decoration:none;display:inline-flex}.rk-yt-btn:hover{color:#ff334d;background:oklch(70% .22 25/.18)}.ss-viewer{background:var(--surface-0);border:1px solid var(--line);border-radius:10px;max-width:95vw;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 30px 80px oklch(0% 0 0/.5)}.ss-viewer img{object-fit:contain;max-width:95vw;max-height:90vh;display:block}.ss-viewer-close{color:#fff;cursor:pointer;background:oklch(0% 0 0/.6);border:none;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:8px}.ss-viewer-close:hover{background:oklch(0% 0 0/.85)}.onb-checkbox{color:var(--fg-2);cursor:pointer;text-transform:none;letter-spacing:0;align-items:center;gap:12px;font-size:12.5px;line-height:1.4;display:flex}.onb-checkbox input{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:16px;height:16px}.onb-checkbox.disabled{cursor:not-allowed;color:var(--fg-4)}.onb-checkbox.disabled input{cursor:not-allowed;opacity:.5}.search-mode-toggle{background:var(--surface-1);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.smt-btn{color:var(--fg-3);border-radius:6px;padding:7px 0;font-size:12.5px;font-weight:500}.smt-btn.on{background:var(--surface-2);color:var(--fg);box-shadow:inset 0 1px oklch(100% 0 0/.04)}.user-list{flex-direction:column;gap:1px;max-height:280px;margin-top:8px;display:flex;overflow-y:auto}.user-list-empty{text-align:center;color:var(--fg-4);padding:14px 8px;font-size:12px}.user-list-item{text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.user-list-item:hover{background:var(--surface-1)}.user-list-avatar{background:var(--surface-2);width:22px;height:22px;color:var(--fg-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.user-list-avatar.me{background:var(--accent);color:var(--accent-ink)}.user-list-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.user-list-me{color:var(--accent);margin-left:4px;font-size:11px}.user-list-count{color:var(--fg-4);flex-shrink:0;font-size:11px}.user-pin{background:var(--accent-dim);border:1px solid var(--accent);border-radius:10px;align-items:center;gap:10px;margin:0 0 18px;padding:12px;display:flex}.user-pin-medal{flex-shrink:0;font-size:18px}.user-pin-main{flex:1;min-width:0}.user-pin-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.user-pin-sub{color:var(--fg-3);margin-top:1px;font-size:11px}.user-pin-close{width:22px;height:22px;color:var(--fg-3);border-radius:6px;flex-shrink:0;place-items:center;font-size:16px;line-height:1;display:grid}.user-pin-close:hover{color:var(--fg);background:oklch(100% 0 0/.08)}.search{position:relative}.search-mode-tag{background:var(--accent-dim);color:var(--accent);letter-spacing:.05em;pointer-events:none;border-radius:5px;padding:3px 7px;font-size:10.5px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.user-search-popover{background:var(--surface-0);border:1px solid var(--line);z-index:20;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 8px 24px #00000040}.user-search-popover .user-list{margin-top:0}.fb-page-body{flex:1;width:100%;max-width:880px;padding:24px 28px 60px;overflow:auto}.fb-tabs{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:10px;gap:4px;width:fit-content;margin-bottom:18px;padding:4px;display:flex}.fb-tabs button{color:var(--fg-3);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.fb-tabs button:hover{color:var(--fg-2)}.fb-tabs button.on{background:var(--surface-2);color:var(--fg)}.fb-tab-ct{color:var(--fg-4);font-size:10.5px}.fb-tabs button.on .fb-tab-ct{color:var(--accent)}.fb-card{background:var(--surface-0);border:1px solid var(--line-soft);border-radius:12px;padding:22px 24px}.fb-card-title{margin:0 0 4px;font-size:15px;font-weight:700}.fb-card-desc{color:var(--fg-3);margin:0 0 18px;font-size:12.5px;line-height:1.55}.fb-field{margin-bottom:0}.fb-field-label{color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;font-weight:500;display:flex}.fb-counter{color:var(--fg-4);text-transform:none;letter-spacing:0;font-size:10.5px}.fb-muted{color:var(--fg-4);text-transform:none;letter-spacing:0;font-size:11px}.fb-input,.fb-textarea,.fb-select{background:var(--surface-1);border:1px solid var(--line-soft);width:100%;color:var(--fg);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px}.fb-textarea{resize:vertical;min-height:120px;line-height:1.55}.fb-input:focus,.fb-textarea:focus,.fb-select:focus{border-color:var(--accent);background:var(--surface-0)}.fb-type-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.fb-type-item{background:var(--surface-1);border:1px solid var(--line-soft);cursor:pointer;text-align:left;color:inherit;border-radius:8px;flex-direction:column;gap:3px;width:100%;padding:12px 14px;font-family:inherit;transition:all .12s;display:flex}.fb-type-item:hover{background:var(--surface-2);border-color:var(--line)}.fb-type-item.on{background:var(--accent-dim);border-color:var(--accent)}.fb-type-item.on .fb-type-lbl{color:var(--fg)}.fb-type-lbl{color:var(--fg-2);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.fb-type-ico{font-size:14px}.fb-type-desc{color:var(--fg-4);font-size:11px;line-height:1.4}.fb-bug-extra{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.fb-song-suggest{background:var(--surface-1);border:1px solid var(--line);z-index:10;border-radius:8px;margin-top:4px;position:relative;overflow:hidden;box-shadow:0 12px 24px oklch(10% .01 270/.45)}.fb-song-row{cursor:pointer;border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:8px;padding:8px 12px;font-size:12px;display:flex}.fb-song-row:last-child{border-bottom:none}.fb-song-row:hover{background:var(--surface-2)}.fb-validity{background:var(--surface-1);border:1px dashed var(--line-soft);border-radius:8px;flex-wrap:wrap;gap:12px;margin-top:14px;padding:10px 12px;font-size:11.5px;display:flex}.fb-validity .ok{color:oklch(78% .14 150)}.fb-validity .no{color:var(--fg-4)}.fb-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.fb-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .12s}.fb-btn.primary{background:var(--accent);color:var(--accent-ink)}.fb-btn.primary:hover:not([data-disabled=true]):not(:disabled){background:oklch(.82 .15 var(--accent-h));transform:translateY(-1px)}.fb-btn.primary:disabled,.fb-btn.primary[data-disabled=true]{opacity:.5;cursor:not-allowed}.fb-btn.ghost{background:var(--surface-2);color:var(--fg-2);border-color:var(--line-soft)}.fb-btn.ghost:hover{background:var(--surface-1);color:var(--fg)}.fb-filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.fb-seg{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:8px;padding:3px;display:flex}.fb-seg button{color:var(--fg-3);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px}.fb-seg button.on{background:var(--surface-2);color:var(--fg)}.fb-list{flex-direction:column;gap:8px;display:flex}.fb-item{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:10px;grid-template-columns:56px 1fr;align-items:flex-start;gap:14px;padding:14px 16px;display:grid}.fb-vote{background:var(--surface-2);color:var(--fg-3);cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 0;font-family:inherit;transition:all .12s;display:flex}.fb-vote:hover{background:var(--bg);color:var(--fg)}.fb-vote.on{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.fb-vote .mono{font-size:13px;font-weight:600}.fb-main{min-width:0}.fb-meta{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.fb-badge{background:var(--surface-2);color:var(--fg-3);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:500}.fb-badge.type{background:var(--surface-2);color:var(--fg-2)}.fb-badge.sev-low{color:oklch(78% .14 150);background:oklch(78% .14 150/.18)}.fb-badge.sev-med{color:oklch(82% .15 85);background:oklch(82% .15 85/.18)}.fb-badge.sev-high{color:oklch(70% .2 25);background:oklch(70% .2 25/.18)}.fb-badge.status.open{color:oklch(82% .15 85);background:oklch(82% .15 85/.18)}.fb-badge.status.in_review{background:var(--accent-dim);color:var(--accent)}.fb-badge.status.resolved{color:oklch(78% .14 150);background:oklch(78% .14 150/.18)}.fb-badge.status.rejected{background:var(--surface-2);color:var(--fg-4)}.fb-badge.status.received{color:oklch(82% .15 85);background:oklch(82% .15 85/.18)}.fb-badge.status.processing{background:var(--accent-dim);color:var(--accent)}.fb-badge.status.completed{color:oklch(78% .14 150);background:oklch(78% .14 150/.18)}.fb-badge.song{color:oklch(78% .1 300);background:oklch(40% .1 300/.2)}.fb-title{color:var(--fg);margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.4}.fb-item .fb-body,p.fb-body{color:var(--fg-2);white-space:pre-wrap;word-break:break-word;margin:0 0 8px;font-size:12.5px;line-height:1.55}.fb-foot{align-items:center;gap:6px;font-size:11px;display:flex}.fb-song-feedback-item{grid-template-columns:64px 1fr}.fb-song-feedback-id{background:var(--surface-2);color:var(--fg-4);border-radius:8px;align-self:stretch;place-items:center;font-size:12px;font-weight:700;display:grid}.fb-song-feedback-sub{color:var(--fg-4);margin:-2px 0 8px;font-size:11px}.fb-admin-note{background:var(--surface-0);border:1px dashed var(--line-soft);color:var(--fg-3);border-radius:8px;margin-top:8px;padding:8px 10px}.fb-mine-tag{background:var(--accent);color:var(--accent-ink);border-radius:4px;margin-left:auto;padding:2px 7px;font-size:9.5px;font-weight:700}.fb-empty{text-align:center;color:var(--fg-4);background:var(--surface-1);border:1px dashed var(--line);border-radius:12px;margin:30px 0;padding:40px 20px}.fb-empty-icon{margin-bottom:10px;font-size:48px}.fb-empty h3{color:var(--fg);margin:0 0 6px;font-size:15px;font-weight:600}.fb-empty p{margin:0;font-size:12.5px}.onboarding-modal{background:var(--surface-0);border:1px solid var(--line);border-radius:16px;width:min(460px,92vw);max-width:100%;padding:28px 26px;animation:.22s ease-out slideUp;box-shadow:0 30px 80px oklch(0% 0 0/.5)}.onboarding-modal h3{font-size:18px;font-weight:700}.onb-close{background:var(--surface-1);width:28px;height:28px;color:var(--fg-3);border:1px solid var(--line-soft);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.onb-close:hover{background:var(--surface-2);color:var(--fg)}.onb-field{margin-bottom:16px}.onb-field label{color:var(--fg-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10.5px;display:block}.onb-field input[type=text]{background:var(--surface-1);border:1px solid var(--line);width:100%;color:var(--fg);border-radius:8px;outline:none;padding:10px 12px;font-size:13px}.onb-field input[type=text]:focus{border-color:var(--accent)}.onb-vis-col{flex-direction:column;gap:6px;display:flex}.onb-vis-opt{background:var(--surface-1);border:1px solid var(--line-soft);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .1s;display:flex}.onb-vis-opt:hover{background:var(--surface-2)}.onb-vis-opt.on{border-color:var(--accent);background:var(--accent-dim)}.onb-vis-opt input{accent-color:var(--accent)}.onb-vis-opt b{font-size:13px;display:block}.onb-vis-opt span{color:var(--fg-4);font-size:11px}.onb-hint{color:var(--fg-4);margin-top:6px;font-size:11.5px}.onb-hint.ok{color:var(--ok,oklch(78% .14 150))}.onb-hint.bad{color:oklch(78% .18 25)}.onb-err{color:oklch(85% .15 25);background:oklch(40% .19 25/.16);border:1px solid oklch(40% .19 25/.4);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:12px}.onb-submit{background:var(--accent);width:100%;color:var(--accent-ink);border-radius:10px;margin-top:6px;padding:12px 16px;font-size:14px;font-weight:600}.onb-submit:disabled{opacity:.6;cursor:not-allowed}.grp-select{background:var(--surface-1);width:100%;color:var(--fg);border:1px solid var(--line-soft);border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:12.5px}.grp-select:focus{border-color:var(--accent);background:var(--surface-0)}.grp-body{flex:1;padding:24px 28px 60px;overflow:auto}.grp-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.grp-card{background:var(--surface-0);border:1px solid var(--line-soft);cursor:pointer;border-radius:14px;flex-direction:column;gap:12px;padding:18px 18px 14px;transition:border-color .12s,transform .12s;display:flex}.grp-card:hover{border-color:var(--line);transform:translateY(-2px)}.grp-card-head{align-items:flex-start;gap:12px;display:flex}.grp-card-ic{background:var(--surface-2);width:44px;height:44px;color:var(--fg-2);border-radius:10px;flex-shrink:0;place-items:center;font-size:18px;font-weight:700;display:grid}.grp-card-title-area{flex:1;min-width:0}.grp-card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grp-card-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.grp-card-code{color:var(--fg-4);margin-top:3px;font-size:11px}.grp-card-desc{color:var(--fg-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.grp-card-stats{background:var(--line-soft);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.grp-card-stat{background:var(--surface-1);padding:8px 10px}.grp-card-stat .lbl{color:var(--fg-4);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:9.5px}.grp-card-stat .val{color:var(--fg);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.grp-card-stat .val.dim{color:var(--fg-3);font-size:13px}.grp-role-chip{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:9.5px;font-weight:700}.grp-role-chip.owner{background:var(--gold);color:oklch(18% .06 80)}.grp-role-chip.manager{background:var(--accent);color:var(--accent-ink)}.grp-role-chip.member{background:var(--surface-2);color:var(--fg-3);border:1px solid var(--line-soft)}.grp-role-chip.admin{color:oklch(98% .01 270);background:oklch(50% .18 320)}.grp-empty{text-align:center;background:var(--surface-1);border:1px dashed var(--line);max-width:520px;color:var(--fg-3);border-radius:16px;margin:60px auto;padding:48px 28px}.grp-empty-icon{margin-bottom:12px;font-size:48px}.grp-empty h3{color:var(--fg);margin:0 0 6px;font-size:16px;font-weight:600}.grp-empty p{margin:0 0 18px;font-size:13px;line-height:1.6}.grp-mini-list{flex-direction:column;gap:2px;max-height:340px;display:flex;overflow-y:auto}.grp-mini-item{cursor:pointer;border-radius:6px;align-items:center;gap:9px;padding:7px 9px;transition:background .1s;display:flex}.grp-mini-item:hover{background:var(--surface-1)}.grp-mini-ic{background:var(--surface-2);width:24px;height:24px;color:var(--fg-2);border-radius:6px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.grp-mini-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.grp-mini-ct{color:var(--fg-4);font-size:10.5px}.grp-mini-own{background:var(--gold);color:oklch(18% .06 80);border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.grp-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.grp-btn.primary{background:var(--accent);color:var(--accent-ink)}.grp-btn.primary:hover:not(:disabled){background:oklch(.82 .15 var(--accent-h));transform:translateY(-1px)}.grp-btn.primary:disabled{opacity:.5;cursor:not-allowed}.grp-btn.ghost{background:var(--surface-2);color:var(--fg-2);border-color:var(--line-soft)}.grp-btn.ghost:hover:not(:disabled){background:var(--surface-1);color:var(--fg)}.grp-btn.ghost:disabled{opacity:.5;cursor:not-allowed}.grp-btn.warn{color:oklch(82% .15 85);background:oklch(82% .15 85/.18);border-color:oklch(82% .15 85/.4)}.grp-btn.warn:hover{background:oklch(82% .15 85/.28)}.grp-btn.danger{color:oklch(70% .2 25);background:oklch(70% .2 25/.18);border-color:oklch(70% .2 25/.4)}.grp-btn.danger:hover{background:oklch(70% .2 25/.28)}.grp-modal{background:var(--surface-0);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:min(560px,100%);max-height:calc(100vh - 80px);display:flex;box-shadow:0 30px 80px oklch(0% 0 0/.5)}.grp-modal.lg{width:min(720px,100%)}.grp-modal-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 14px;display:flex}.grp-modal-head h3{margin:0;font-size:18px;font-weight:700}.grp-modal-sub{color:var(--fg-3);margin-top:3px;font-size:12.5px}.grp-modal-x{width:32px;height:32px;color:var(--fg-3);background:var(--surface-1);cursor:pointer;border:none;border-radius:8px;place-items:center;font-size:18px;display:grid}.grp-modal-x:hover{background:var(--surface-2);color:var(--fg)}.grp-modal-body{flex:1;padding:18px 24px 6px;overflow-y:auto}.grp-modal-foot{justify-content:flex-end;gap:8px;padding:14px 24px 20px;display:flex}.grp-field{margin-bottom:16px}.grp-field label{color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:500;display:block}.grp-field input[type=text],.grp-field textarea{background:var(--surface-1);border:1px solid var(--line-soft);width:100%;color:var(--fg);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13.5px}.grp-field input[type=text]:focus,.grp-field textarea:focus{border-color:var(--accent);background:var(--surface-0)}.grp-field textarea{resize:vertical;min-height:80px;line-height:1.5}.grp-toggle-row{background:var(--surface-1);border:1px solid var(--line-soft);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.grp-toggle-row:hover{background:var(--surface-2)}.grp-toggle-meta{flex:1}.grp-toggle-meta b{color:var(--fg);margin-bottom:3px;font-size:13px;font-weight:500;display:block}.grp-toggle-meta span{color:var(--fg-3);font-size:11.5px;line-height:1.4}.grp-toggle{background:var(--surface-2);border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .15s;position:relative}.grp-toggle:after{content:"";background:var(--fg-3);border-radius:50%;width:18px;height:18px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.grp-toggle.on{background:var(--accent)}.grp-toggle.on:after{background:var(--accent-ink);left:18px}.grp-code-input{background:var(--surface-1);border:1px solid var(--line);width:100%;color:var(--fg);letter-spacing:.1em;text-align:center;text-transform:uppercase;border-radius:10px;outline:none;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600}.grp-code-input:focus{border-color:var(--accent);background:var(--surface-0)}.grp-code-box{background:var(--surface-1);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:14px 16px;display:flex}.grp-code-box.empty{justify-content:center}.grp-code{color:var(--fg);letter-spacing:.08em;text-align:center;flex:1;font-size:18px;font-weight:600}.grp-tabs{border-bottom:1px solid var(--line-soft);gap:4px;padding:6px 24px 0;display:flex}.grp-tab{color:var(--fg-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:500}.grp-tab:hover{color:var(--fg-2)}.grp-tab.on{color:var(--fg);border-bottom-color:var(--accent)}.grp-badge{color:oklch(18% .04 80);background:oklch(82% .15 85);border-radius:999px;margin-left:5px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.grp-member-row{background:var(--surface-1);border:1px solid #0000;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;display:grid}.grp-member-row:hover{background:var(--surface-2);border-color:var(--line-soft)}.grp-member-av{background:var(--surface-2);width:34px;height:34px;color:var(--fg-2);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.grp-member-meta{min-width:0}.grp-member-name{color:var(--fg);flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;font-weight:500;display:flex}.grp-member-bio{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;overflow:hidden}.grp-tag-me{background:var(--accent);color:var(--accent-ink);border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.grp-member-actions{gap:6px;display:flex}.grp-member-actions button{background:var(--surface-2);color:var(--fg-3);border:1px solid var(--line-soft);cursor:pointer;border-radius:6px;padding:5px 9px;font-family:inherit;font-size:11.5px}.grp-member-actions button:hover{background:var(--bg);color:var(--fg)}.grp-member-actions button.danger:hover{color:oklch(70% .2 25);border-color:oklch(70% .2 25/.4)}.grp-app-row{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:10px;grid-template-columns:34px 1fr auto;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 14px;display:grid}.grp-app-meta{min-width:0}.grp-app-name{color:var(--fg);font-size:13px;font-weight:500}.grp-app-bio{color:var(--fg-3);border-left:2px solid var(--line);margin-top:4px;padding-left:10px;font-size:12px;line-height:1.45}.grp-app-actions{gap:6px;display:flex}.grp-app-actions button{cursor:pointer;border:none;border-radius:7px;padding:6px 10px;font-family:inherit;font-size:11.5px;font-weight:500}.grp-app-actions button.ok{background:var(--ok);color:oklch(18% .06 150)}.grp-app-actions button.ok:hover{background:oklch(82% .14 150)}.grp-app-actions button.no{background:var(--surface-2);color:var(--fg-3);border:1px solid var(--line-soft)}.grp-app-actions button.no:hover{color:oklch(70% .2 25);border-color:oklch(70% .2 25/.4)}.grp-info-block{color:var(--fg-3);font-size:12px;line-height:1.7}.grp-info-block b{color:var(--fg)}.grp-danger-zone{background:oklch(70% .2 25/.06);border:1px solid oklch(70% .2 25/.3);border-radius:12px;margin-top:8px;padding:14px 16px}.grp-danger-zone.safe{border-color:var(--line);background:var(--surface-1)}.grp-danger-zone h4{text-transform:uppercase;letter-spacing:.06em;color:oklch(70% .2 25);margin:0 0 4px;font-size:12px}.grp-danger-zone.safe h4{color:var(--fg-3)}.grp-danger-zone p{color:var(--fg-3);margin:0 0 10px;font-size:12px;line-height:1.5}.gd-blocked{text-align:center;background:var(--surface-1);border:1px dashed var(--line);max-width:480px;color:var(--fg-3);border-radius:16px;margin:80px auto;padding:48px 28px}.gd-blocked h3{color:var(--fg);margin:0 0 12px;font-size:18px;font-weight:600}.gd-blocked p{margin:0 0 18px;font-size:13px;line-height:1.6}.gd-empty-icon{margin-bottom:12px;font-size:48px}.gd-back-link{color:var(--fg-3);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;width:100%;padding:7px 9px;font-family:inherit;font-size:12px;display:flex}.gd-back-link:hover{background:var(--surface-1);color:var(--fg)}.gd-crumb{border-bottom:1px solid var(--line-soft);background:var(--bg);z-index:5;color:var(--fg-4);align-items:center;gap:6px;padding:14px 28px;font-size:12px;display:flex;position:sticky;top:0}.gd-crumb .sep{color:var(--fg-4)}.gd-crumb span:hover{color:var(--fg)}.gd-body{flex:1;padding:0 28px 60px;overflow:auto}.gd-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.gd-btn:hover:not(:disabled){transform:translateY(-1px)}.gd-btn:disabled{cursor:not-allowed}.gd-btn.primary{background:var(--accent);color:var(--accent-ink)}.gd-btn.primary:hover:not(:disabled){background:oklch(.82 .15 var(--accent-h))}.gd-btn.ghost{color:var(--fg);background:oklch(100% 0 0/.06);border-color:oklch(100% 0 0/.1)}.gd-btn.ghost:hover:not(:disabled){background:oklch(100% 0 0/.1)}.gd-btn.warn{color:oklch(82% .15 85);background:oklch(82% .15 85/.18);border-color:oklch(82% .15 85/.4)}.gd-btn.warn:hover:not(:disabled){background:oklch(82% .15 85/.28)}.gd-btn.danger{color:oklch(70% .2 25);background:oklch(70% .2 25/.18);border-color:oklch(70% .2 25/.4)}.gd-btn.danger:hover:not(:disabled){background:oklch(70% .2 25/.28)}.gd-btn.sm{border-radius:7px;padding:6px 11px;font-size:12px}.gd-hero{background:linear-gradient(135deg, oklch(.3 .1 var(--group-h,220) / .9) 0%, oklch(.2 .06 var(--group-h,220) / .95) 60%, var(--surface-0) 120%);border:1px solid oklch(.4 .1 var(--group-h,220) / .4);border-radius:18px;margin:24px 0 18px;padding:32px 32px 28px;position:relative;overflow:hidden}.gd-hero:after{content:"";background:radial-gradient(circle, oklch(.65 .18 var(--group-h,220) / .18), transparent 70%);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:-40%;right:-15%}.gd-hero-row{z-index:1;align-items:flex-start;gap:22px;display:flex;position:relative}.gd-hero-ic{background:linear-gradient(135deg, oklch(.78 .16 var(--group-h,220)), oklch(.65 .2 var(--group-h,220)));width:84px;height:84px;color:oklch(.18 .06 var(--group-h,220));box-shadow:0 8px 24px oklch(.18 .05 var(--group-h,220) / .4);border-radius:18px;flex-shrink:0;place-items:center;font-size:38px;font-weight:700;display:grid}.gd-hero-meta{flex:1;min-width:0}.gd-hero-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.gd-hero-meta h1{letter-spacing:-.02em;color:var(--fg);margin:0;font-size:30px;font-weight:700}.gd-hero-desc{color:var(--fg-2);max-width:680px;margin:0 0 14px;font-size:14px;line-height:1.55}.gd-hero-stats{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:16px;display:flex}.gd-hero-stat{align-items:baseline;gap:7px;display:flex}.gd-hero-stat .lbl{color:var(--fg-3);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}.gd-hero-stat .val{color:var(--fg);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600}.gd-hero-stat .val.dim{color:var(--fg-2);letter-spacing:.04em;font-size:14px}.gd-hero-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gd-role-chip{letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:2px 8px;font-size:9.5px;font-weight:700}.gd-role-chip.owner{background:var(--gold);color:oklch(18% .06 80)}.gd-role-chip.manager{background:var(--accent);color:var(--accent-ink)}.gd-role-chip.member{background:var(--surface-2);color:var(--fg-2);border:1px solid var(--line-soft)}.gd-role-chip.admin{color:oklch(98% .01 270);background:oklch(50% .18 320)}.gd-code-pill{color:var(--fg);letter-spacing:.06em;background:oklch(0% 0 0/.25);border:1px solid oklch(100% 0 0/.12);border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.gd-tabs{border-bottom:1px solid var(--line-soft);background:var(--bg);z-index:4;gap:24px;margin-bottom:18px;display:flex;position:sticky;top:49px}.gd-tab{color:var(--fg-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 2px;font-family:inherit;font-size:13px;font-weight:500}.gd-tab:hover{color:var(--fg-2)}.gd-tab.on{color:var(--fg);border-bottom-color:var(--accent)}.gd-tab-badge{color:oklch(18% .04 80);background:oklch(82% .15 85);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.gd-tab-pane{padding-top:4px}.gd-empty{text-align:center;color:var(--fg-4);background:var(--surface-1);border:1px dashed var(--line);border-radius:12px;margin:40px 0;padding:36px 20px;font-size:13px}.gd-myrank{background:linear-gradient(180deg, var(--accent-dim), var(--surface-0));border:1px solid oklch(.4 .1 var(--accent-h) / .5);border-radius:12px;margin-bottom:18px;padding:16px 20px}.gd-myrank-head{color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.gd-myrank-num{color:var(--fg-4);font-size:16px}.gd-myrank-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.gd-myrank-grid .lbl{color:var(--fg-4);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:10.5px}.gd-myrank-grid .val{font-size:18px;font-weight:600}.gd-lb{border-collapse:collapse;background:var(--surface-0);border:1px solid var(--line-soft);border-radius:12px;width:100%;overflow:hidden}.gd-lb th{text-align:left;background:var(--surface-1);border-bottom:1px solid var(--line);color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:11px;font-weight:600}.gd-lb th.center{text-align:center}.gd-lb th.right{text-align:right}.gd-lb th:hover,.gd-lb th.sorted{color:var(--fg)}.gd-arrow{color:var(--accent);margin-left:4px;font-size:10px}.gd-lb td{border-bottom:1px solid var(--line-soft);padding:11px 14px;font-size:13px}.gd-lb tbody tr:last-child td{border-bottom:none}.gd-lb tbody tr{cursor:pointer;transition:background .1s}.gd-lb tbody tr:hover{background:var(--surface-1)}.gd-lb tbody tr.me{background:var(--accent-dim)}.gd-lb tbody tr.me:hover{background:oklch(.38 .1 var(--accent-h) / .32)}.gd-rank-cell{color:var(--fg-2);text-align:center;width:54px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.gd-rank-cell.gold{color:var(--gold);font-size:18px}.gd-rank-cell.silver{color:var(--silver);font-size:16px}.gd-rank-cell.bronze{color:var(--bronze);font-size:16px}.gd-nm-cell{align-items:center;gap:10px;min-width:0;display:flex}.gd-nm-av{background:var(--surface-2);width:30px;height:30px;color:var(--fg-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.gd-nm-av.me{background:var(--accent);color:var(--accent-ink)}.gd-nm-name{color:var(--fg);flex-wrap:wrap;align-items:center;gap:6px;font-weight:500;display:flex}.gd-nm-sub{color:var(--fg-4);font-family:JetBrains Mono,monospace;font-size:10.5px}.gd-tag-me{background:var(--accent);color:var(--accent-ink);border-radius:3px;margin-left:4px;padding:1px 5px;font-size:9px;font-weight:700}.gd-judge{font-family:JetBrains Mono,monospace;font-weight:600}.gd-judge.gold{color:var(--gold)}.gd-judge.high{color:var(--accent)}.gd-judge.empty{color:var(--fg-4)}.gd-num{text-align:right;color:var(--fg-2);font-family:JetBrains Mono,monospace}.gd-num.dim{color:var(--fg-4)}.gd-bar-wrap{justify-content:flex-end;align-items:center;gap:8px;display:flex}.gd-bar-track{background:var(--surface-2);border-radius:99px;width:80px;height:5px;overflow:hidden}.gd-bar-fill{background:var(--accent);border-radius:99px;height:100%}.gd-feed{background:var(--surface-0);border:1px solid var(--line-soft);border-radius:12px;overflow:hidden}.gd-feed-empty{text-align:center;color:var(--fg-4);padding:36px 20px;font-size:13px}.gd-feed-day{border-top:1px solid var(--line-soft);color:var(--fg-4);letter-spacing:.06em;text-transform:uppercase;background:var(--surface-1);padding:10px 16px 6px;font-size:10.5px}.gd-feed-day:first-child{border-top:none}.gd-feed-item{border-top:1px solid var(--line-soft);grid-template-columns:36px 1fr auto auto;align-items:center;gap:12px;padding:10px 16px;display:grid}.gd-feed-actions{align-items:center;gap:4px;display:flex}.gd-feed-icon-btn{background:var(--surface-2);width:28px;height:28px;color:var(--fg-3);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;text-decoration:none;transition:all .12s;display:inline-flex}.gd-feed-icon-btn:hover{background:var(--bg);color:var(--fg);border-color:var(--line-soft)}.gd-feed-icon-btn.yt:hover{color:oklch(65% .22 25)}.gd-feed-item:hover{background:var(--surface-1)}.gd-feed-ic{background:var(--surface-2);width:32px;height:32px;color:var(--fg-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;display:grid}.gd-feed-ic.score{color:var(--accent);background:oklch(40% .14 220/.3)}.gd-feed-ic.score.gold{color:var(--gold);background:oklch(50% .18 90/.3)}.gd-feed-ic.join{color:var(--ok);background:oklch(40% .14 150/.25)}.gd-feed-msg{color:var(--fg-2);min-width:0;font-size:13px;line-height:1.45}.gd-feed-msg .gd-feed-clickable{color:var(--fg);cursor:pointer;font-weight:600}.gd-feed-msg .gd-feed-clickable:hover{color:var(--accent);text-decoration:underline}.gd-feed-song{color:var(--fg);font-style:italic}.gd-feed-song-clickable{cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:2px}.gd-feed-song-clickable:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.gd-feed-score{color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:600}.gd-feed-score.gold{color:var(--gold)}.gd-feed-time{color:var(--fg-4);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:10.5px}.gd-dist-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.gd-dist-card{background:var(--surface-0);border:1px solid var(--line-soft);cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px 12px;transition:border-color .12s,transform .12s;display:flex}.gd-dist-card:hover{border-color:var(--line);transform:translateY(-1px)}.gd-dist-head{align-items:center;gap:10px;display:flex}.gd-dist-av{background:var(--surface-2);width:34px;height:34px;color:var(--fg-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.gd-dist-av.me{background:var(--accent);color:var(--accent-ink)}.gd-dist-meta{flex:1;min-width:0}.gd-dist-meta .nm{color:var(--fg);align-items:center;gap:4px;font-size:13.5px;font-weight:600;display:flex}.gd-dist-meta .sub{color:var(--fg-4);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:11px}.gd-dist-count{color:var(--fg);letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700;line-height:1}.gd-dist-count .unit{color:var(--fg-3);margin-left:3px;font-size:12px;font-weight:400}.gd-dist-bar{background:var(--surface-2);border-radius:99px;height:5px;margin-top:2px;overflow:hidden}.gd-dist-bar-fill{background:linear-gradient(90deg, var(--accent), oklch(.65 .2 var(--accent-h)));border-radius:99px;height:100%}.gd-member-list{flex-direction:column;gap:4px;display:flex}.gd-member-row{background:var(--surface-1);border:1px solid #0000;border-radius:9px;grid-template-columns:34px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.gd-member-row:hover{background:var(--surface-2);border-color:var(--line-soft)}.gd-member-av{background:var(--surface-2);width:34px;height:34px;color:var(--fg-2);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.gd-member-meta{min-width:0}.gd-member-name{color:var(--fg);flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;font-weight:500;display:flex}.gd-member-bio{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;overflow:hidden}.gd-member-stat{color:var(--fg-4);font-size:10.5px}.gd-member-since{color:var(--fg-4);text-align:right;font-size:11px}.gd-member-actions{gap:6px;display:flex}.gd-member-actions button{background:var(--surface-2);color:var(--fg-3);border:1px solid var(--line-soft);cursor:pointer;border-radius:6px;padding:5px 9px;font-family:inherit;font-size:11.5px}.gd-member-actions button:hover{background:var(--bg);color:var(--fg)}.gd-member-actions button.danger:hover{color:oklch(70% .2 25);border-color:oklch(70% .2 25/.4)}.gd-app-list{flex-direction:column;gap:8px;display:flex}.gd-app-row{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:10px;grid-template-columns:34px 1fr auto;align-items:flex-start;gap:12px;padding:12px 14px;display:grid}.gd-app-meta{min-width:0}.gd-app-name{color:var(--fg);font-size:13px;font-weight:500}.gd-app-time{color:var(--fg-4);margin-left:6px;font-size:10.5px}.gd-app-bio{color:var(--fg-3);border-left:2px solid var(--line);margin-top:4px;padding-left:10px;font-size:12px;line-height:1.45}.gd-app-actions{gap:6px;display:flex}.gd-app-actions button{cursor:pointer;border:none;border-radius:7px;padding:6px 10px;font-family:inherit;font-size:11.5px;font-weight:500}.gd-app-actions button.ok{background:var(--ok);color:oklch(18% .06 150)}.gd-app-actions button.no{background:var(--surface-2);color:var(--fg-3);border:1px solid var(--line-soft)}.gd-app-actions button.no:hover{color:oklch(70% .2 25);border-color:oklch(70% .2 25/.4)}.gd-settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.gd-set-card{background:var(--surface-0);border:1px solid var(--line-soft);border-radius:12px;padding:18px 20px}.gd-set-card h4{margin:0 0 12px;font-size:13px;font-weight:600}.gd-set-card label{color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.gd-set-card input[type=text],.gd-set-card textarea{background:var(--surface-1);border:1px solid var(--line-soft);width:100%;color:var(--fg);border-radius:7px;outline:none;padding:9px 11px;font-family:inherit;font-size:13px}.gd-set-card input[type=text]:focus,.gd-set-card textarea:focus{border-color:var(--accent)}.gd-toggle-row{background:var(--surface-1);border:1px solid var(--line-soft);cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:11px 13px;display:flex}.gd-toggle-meta{flex:1}.gd-toggle-meta b{color:var(--fg);margin-bottom:3px;font-size:13px;font-weight:500;display:block}.gd-toggle-meta span{color:var(--fg-3);font-size:11.5px;line-height:1.4}.gd-toggle{background:var(--surface-2);border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .15s;position:relative}.gd-toggle:after{content:"";background:var(--fg-3);border-radius:50%;width:18px;height:18px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.gd-toggle.on{background:var(--accent)}.gd-toggle.on:after{background:var(--accent-ink);left:18px}.gd-code-row{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.gd-danger-zone{background:oklch(70% .2 25/.06);border:1px solid oklch(70% .2 25/.3);border-radius:12px;margin-top:14px;padding:14px 16px}.gd-danger-zone.safe{border-color:var(--line);background:var(--surface-1)}.gd-danger-zone h4{color:oklch(70% .2 25);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:11px;font-weight:600}.gd-danger-zone.safe h4{color:var(--fg-3)}.gd-danger-zone p{color:var(--fg-3);margin:0 0 10px;font-size:12px;line-height:1.5}.grp-mini-item.active{background:var(--accent-dim)}.grp-mini-item.active .grp-mini-name{color:var(--fg)}.grp-mini-item.active .grp-mini-ct{color:var(--accent)}.pcat-visibility{border:1px solid var(--line-soft);min-height:20px;color:var(--fg-2);background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.pcat-visibility.public{color:var(--ok);background:oklch(40% .14 150/.2);border-color:oklch(70% .14 150/.35)}.pcat-visibility.private{color:oklch(84% .13 80);background:oklch(40% .1 80/.18);border-color:oklch(80% .12 80/.32)}.pcat-role{border:1px solid var(--line-soft);min-height:20px;color:var(--fg-3);background:var(--surface-1);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.pcat-role.owner{color:var(--gold);background:oklch(42% .12 80/.2);border-color:oklch(82% .16 80/.38)}.pcat-role.editor{color:var(--accent);background:var(--accent-dim);border-color:oklch(.72 .14 var(--accent-h) / .4)}.pcat-role.viewer{color:var(--fg-2)}.pcat-role.admin{color:oklch(78% .14 315);background:oklch(42% .14 315/.18);border-color:oklch(72% .14 315/.35)}.pcat-tabs-wrap{border-bottom:1px solid var(--line-soft);background:var(--bg);padding:12px 28px 0}.pcat-tabs{align-items:center;gap:6px;display:flex;overflow-x:auto}.pcat-tab{height:34px;color:var(--fg-3);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;display:inline-flex}.pcat-tab:hover:not(.disabled){color:var(--fg);background:var(--surface-1)}.pcat-tab.on{color:var(--fg);background:var(--surface-0);border-color:var(--line-soft)}.pcat-tab.disabled{opacity:.45;cursor:not-allowed}.pcat-tab .mono{color:var(--fg-4);font-size:11px}.pcat-card-ic{color:oklch(88% .08 190);background:oklch(38% .12 190/.4)}.pcat-card-actions{grid-column:span 1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.pcat-card-btn{background:var(--surface-2);height:28px;color:var(--fg-2);border:1px solid var(--line-soft);font:inherit;cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;display:inline-flex}.pcat-card-btn:hover{background:var(--surface-0);color:var(--fg)}.pcat-collaboration-settings{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.pcat-collaboration-toggle{width:100%;color:inherit;font:inherit;text-align:left;margin:0}.pcat-collaboration-toggle:disabled{opacity:.72;cursor:not-allowed}.pcat-collaboration-toggle:disabled:hover{background:var(--surface-1)}.pcat-song-search{border-bottom:1px solid var(--line-soft);background:var(--bg);flex-shrink:0;align-items:center;gap:14px;padding:10px 28px;display:flex}.pcat-song-search-row{flex:1;align-items:center;gap:8px;min-width:0;max-width:760px;display:flex}.pcat-song-search-row>select{border:1px solid var(--line-soft);background:var(--surface-1);width:150px;height:36px;color:var(--fg-2);font:inherit;border-radius:8px;flex-shrink:0;padding:0 10px;font-size:12px}.pcat-song-search-field{background:var(--surface-1);min-width:0;height:36px;color:var(--fg-4);border:1px solid #0000;border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.pcat-song-search-field:focus-within{border-color:var(--accent);background:var(--surface-0)}.pcat-song-search-field input{width:100%;min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.pcat-song-search-field input::placeholder{color:var(--fg-4)}.pcat-song-search-field input::-webkit-search-cancel-button{display:none}.pcat-song-search-field button{width:24px;height:24px;color:var(--fg-4);border-radius:6px;flex:0 0 24px;place-items:center;display:grid}.pcat-song-search-field button:hover{background:var(--surface-2);color:var(--fg)}.pcat-song-search-exclude{color:var(--fg-3);white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.pcat-song-search-exclude input{accent-color:var(--accent)}.pcat-song-search-exclude.disabled{opacity:.45}.pcat-category-icon{flex:0 0 13px;place-items:center;width:13px;height:13px;display:inline-grid}.pcat-category-icon svg{width:13px;height:13px}.pcat-mini-empty{text-align:center;color:var(--fg-4);padding:10px;font-size:11.5px}.pcat-top-title{align-items:center;gap:9px;min-width:0;display:flex}.pcat-top-title h2{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin:0;font-size:16px;font-weight:700;overflow:hidden}.pcat-code{color:var(--fg-4);letter-spacing:.04em;font-size:11px}.pcat-detail-body{flex-direction:column;flex:1;min-height:0;display:flex}.pcat-empty-list{flex:1}.pcat-song-delete{border:1px solid var(--line-soft);background:var(--surface-1);width:28px;height:28px;color:var(--fg-3);cursor:pointer;border-radius:8px;place-items:center;display:grid}.pcat-song-delete:hover:not(:disabled){color:oklch(70% .2 25);background:var(--surface-2);border-color:oklch(70% .2 25/.42)}.pcat-song-delete:disabled{opacity:.45;cursor:not-allowed}.pcat-row-btn{border:1px solid var(--line-soft);background:var(--surface-2);width:26px;height:26px;color:var(--fg-3);opacity:0;visibility:hidden;cursor:pointer;border-radius:7px;flex:0 0 26px;place-items:center;transition:opacity .12s,background .12s,color .12s;display:inline-grid}.tbl-row:hover .pcat-row-btn{opacity:1;visibility:visible}.tbl-row[data-restored-focus=true]:hover .pcat-row-btn{opacity:0;visibility:hidden}.pcat-row-btn:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.pcat-picker-backdrop{z-index:120;-webkit-backdrop-filter:blur(6px);background:oklch(0% 0 0/.52);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pcat-picker{background:var(--surface-0);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(420px,100%);max-height:min(520px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 70px oklch(0% 0 0/.55)}.pcat-picker-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.pcat-picker-head h3{color:var(--fg);margin:0;font-size:17px;font-weight:700}.pcat-picker-head p{color:var(--fg-3);margin:4px 0 0;font-size:12.5px}.pcat-picker-close{width:30px;height:30px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.pcat-picker-close:hover{background:var(--surface-2);color:var(--fg)}.pcat-picker-list{flex-direction:column;gap:4px;padding:8px;display:flex;overflow-y:auto}.pcat-picker-item{width:100%;min-height:58px;color:var(--fg);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;display:flex}.pcat-picker-item:hover:not(:disabled){background:var(--surface-1);border-color:var(--line-soft)}.pcat-picker-item:disabled{opacity:.65;cursor:wait}.pcat-picker-avatar{background:var(--accent-dim);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;font-weight:800;display:grid}.pcat-picker-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pcat-picker-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.pcat-picker-meta span{color:var(--fg-4);font-size:11.5px}.pcat-picker-code{color:var(--fg-4);flex-shrink:0;font-size:10.5px}.pcat-toast{z-index:2200;border:1px solid var(--line-soft);background:var(--surface-0);max-width:min(360px,100vw - 32px);color:var(--fg);border-radius:8px;padding:11px 14px;font-size:13px;font-weight:650;line-height:1.35;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 48px oklch(0% 0 0/.38)}.pcat-mobile-copy,.pcat-copy-icon{background:var(--surface-1);width:34px;height:34px;color:var(--fg-2);border:1px solid var(--line-soft);cursor:pointer;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.pcat-mobile-copy:active,.pcat-copy-icon:active{transform:scale(.97)}.pcat-mobile-body{flex:1;min-height:0;padding:14px;overflow-y:auto}.pcat-detail-mobile-head{border-bottom:1px solid var(--line-soft);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 12px;display:flex}.pcat-detail-title-row{align-items:center;gap:8px;min-width:0;display:flex}.pcat-detail-title-row h1{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;font-weight:750;overflow:hidden}.pcat-detail-meta{color:var(--fg-3);margin-top:4px;font-size:12px}.pcat-detail-head-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pcat-detail-mobile-table{flex-direction:column;flex:1;min-height:0;display:flex}.pcat-detail-mobile-actions{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:10px 14px;display:flex;overflow-x:auto}.pcat-mobile-filters{border-bottom:1px solid var(--line-soft);background:var(--bg);flex-direction:column;gap:8px;padding:8px 14px 10px;display:flex}.pcat-mobile-filters .mob-chips{padding:0}.pcat-mobile-range-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pcat-mobile-range-grid label{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:8px;flex-direction:column;gap:5px;min-width:0;padding:8px;display:flex}.pcat-mobile-range-grid label>span{color:var(--fg-4);letter-spacing:.04em;font-size:10.5px;font-weight:700}.pcat-mobile-range-grid label>div{grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;display:grid}.pcat-mobile-range-grid input{border:1px solid var(--line-soft);background:var(--bg);width:100%;min-width:0;height:28px;color:var(--fg);font:inherit;border-radius:6px;padding:0 6px;font-size:12px}.pcat-mobile-range-grid b{color:var(--fg-4);font-size:11px}.pcat-editor-panel{border-bottom:1px solid var(--line-soft);background:var(--surface-0);flex-direction:column;gap:12px;padding:16px 28px;display:flex}.pcat-editor-main{grid-template-columns:minmax(220px,1fr) minmax(260px,1fr) auto;align-items:end;gap:12px;min-width:0;display:grid}.pcat-editor-main .grp-field{margin-bottom:0}.pcat-editor-main .grp-toggle-row{min-height:48px;margin:0}.pcat-editor-main>.pcat-collaboration-settings{grid-area:2/1/auto/-1;margin-top:0}.pcat-editor-actions{grid-area:1/3;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pcat-member-panel{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:8px;max-height:220px;padding:10px;overflow-y:auto}.pcat-member-title{color:var(--fg-3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.pcat-member-empty{color:var(--fg-4);padding:10px 2px;font-size:12px}.pcat-member-row{border-radius:7px;align-items:center;gap:9px;padding:7px 4px;display:flex}.pcat-member-row:hover{background:var(--surface-2)}.pcat-member-avatar{background:var(--accent-dim);width:28px;height:28px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.pcat-member-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pcat-member-meta b{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.pcat-member-meta span{color:var(--fg-4);font-size:10.5px}.pcat-member-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.pcat-member-actions button{border:1px solid var(--line-soft);background:var(--surface-0);width:26px;height:26px;color:var(--fg-3);cursor:pointer;border-radius:7px;place-items:center;display:grid}.pcat-member-actions button:hover:not(:disabled){background:var(--surface-2);color:var(--fg)}.pcat-member-actions button.active{color:var(--accent);background:var(--accent-dim);border-color:oklch(72% .14 185/.36)}.pcat-member-actions button.danger:hover:not(:disabled){color:oklch(70% .2 25);border-color:oklch(70% .2 25/.42)}.pcat-member-actions button:disabled{opacity:.55;cursor:default}.pcat-subscriber-body{flex:1;min-height:0;padding:18px 28px;overflow-y:auto}.pcat-subscriber-mobile-body{flex:1;min-height:0;padding:14px;overflow-y:auto}.pcat-subscriber-list{flex-direction:column;gap:6px;max-width:820px;display:flex}.pcat-subscriber-row{border:1px solid var(--line-soft);background:var(--surface-0);border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.pcat-subscriber-row:hover{background:var(--surface-1)}.pcat-role-picker{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pcat-role-picker button{background:var(--surface-1);border:1px solid var(--line-soft);min-height:76px;color:var(--fg-2);font:inherit;cursor:pointer;border-radius:9px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;font-size:13px;font-weight:700;display:flex}.pcat-role-picker button span{color:var(--fg-4);font-size:11px;font-weight:400;line-height:1.35}.pcat-role-picker button.on{border-color:var(--accent);background:var(--accent-dim);color:var(--fg)}@media (width<=767px){.pcat-tabs{margin-top:2px;padding-bottom:2px}.pcat-tab{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:999px;flex-shrink:0;height:32px;font-size:12px}.pcat-tab.on{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.pcat-editor-panel{flex-shrink:0;max-height:46vh;padding:12px 14px;display:block;overflow-y:auto}.pcat-editor-main{grid-template-columns:1fr;gap:10px;display:grid}.pcat-editor-main>.pcat-collaboration-settings{grid-area:auto/1}.pcat-editor-actions{grid-area:auto/1;justify-content:stretch}.pcat-editor-actions .gd-btn{flex:1;justify-content:center}.pcat-member-panel{max-height:none;margin-top:12px}.pcat-role-picker{grid-template-columns:1fr}.pcat-toast{max-width:none;bottom:18px;left:16px;right:16px}.pcat-mobile-range-grid{grid-template-columns:1fr}.pcat-detail-head-actions .gd-btn{height:34px;padding:0 10px}.pcat-subscriber-list{max-width:none}.pcat-subscriber-row{grid-template-columns:30px minmax(0,1fr)}.pcat-subscriber-row .pcat-member-actions{grid-column:1/-1;justify-content:flex-end}.pcat-collaboration-settings{grid-template-columns:1fr}.pcat-song-search{flex-direction:column;align-items:stretch;gap:7px;padding:10px 14px}.pcat-song-search-row{width:100%;max-width:none}.pcat-song-search-row>select{width:120px;font-size:11.5px}.pcat-song-search-exclude{padding-left:2px}}.rank-judge-cell{flex-direction:column;align-items:flex-end;gap:2px;line-height:1.2;display:flex}.judge{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:13.5px;font-weight:600}.judge .pct{color:var(--fg-3);margin-left:1px;font-weight:400}.judge.gold{color:var(--gold)}.judge.high{color:var(--accent)}.judge.mid{color:var(--fg)}.judge.empty{color:var(--fg-4);font-weight:400}.delta{font-size:11px}.delta.up{color:var(--ok)}.delta.down{color:var(--new)}.delta.same{color:var(--fg-4)}.ranker{color:var(--fg-3);align-items:center;gap:4px;max-width:100%;font-size:11px;display:inline-flex}.ranker-medal{flex-shrink:0;font-size:12px}.ranker-name{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.ranker:hover .ranker-name{color:var(--accent);text-decoration:underline}.ranker-me{background:var(--accent-dim);color:var(--accent);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.ranker-add{color:var(--fg-4);font-family:JetBrains Mono,monospace;font-size:10.5px}.rk-empty{color:var(--fg-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:60px 20px;display:flex}.rk-empty-icon{font-size:36px}.rk-empty-title{color:var(--fg);font-size:16px;font-weight:600}.rk-empty-sub{color:var(--fg-3);font-size:13px}.rk-modal-back{z-index:1000;background:oklch(0% 0 0/.6);justify-content:center;align-items:center;padding:24px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.rk-modal{background:var(--surface-0);border:1px solid var(--line-soft);border-radius:16px;width:min(560px,100%);max-height:86vh;padding:28px;animation:.22s slideUp;position:relative;overflow-y:auto;box-shadow:0 30px 80px oklch(0% 0 0/.5)}.rk-modal-close{width:30px;height:30px;color:var(--fg-3);border-radius:8px;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.rk-modal-close:hover{background:var(--surface-1);color:var(--fg)}.rk-modal-head{gap:14px;margin-bottom:20px;display:flex}.rk-modal-thumb{border-radius:10px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.rk-modal-thumb img{object-fit:cover;width:100%;height:100%}.rk-modal-meta{flex:1;min-width:0}.rk-modal-title{color:var(--fg);word-break:break-word;margin-bottom:2px;font-size:18px;font-weight:700}.rk-modal-artist{color:var(--fg-2);margin-bottom:8px;font-size:13px}.rk-modal-stats{color:var(--fg-3);gap:6px;font-size:12px;display:flex}.rk-modal-section{margin-top:20px}.rk-modal-section-title{color:var(--fg-3);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.rk-modal-empty{text-align:center;color:var(--fg-3);padding:20px;font-size:13px}.rk-lb{flex-direction:column;gap:2px;display:flex}.rk-lb-row{background:var(--surface-1);border-radius:8px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.rk-lb-row.me{background:var(--accent-dim)}.rk-lb-rank{text-align:center;color:var(--fg-3);font-size:14px}.rk-lb-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.rk-lb-name:hover{color:var(--accent)}.rk-lb-me-tag{background:var(--accent);color:var(--accent-ink);border-radius:4px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:600}.rk-lb-jp{color:var(--fg);font-size:13.5px;font-weight:600}.rk-modal-actions{justify-content:flex-end;margin-top:20px;display:flex}.rk-btn-primary{background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600}.rk-btn-primary:hover{background:var(--accent-2)}.mob-mode-tag{background:var(--accent-dim);color:var(--accent);border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.mob-search-mode{background:var(--surface-1);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px;padding:3px;display:grid}.mob-sm-btn{color:var(--fg-3);border-radius:6px;padding:8px 0;font-size:12.5px;font-weight:500}.mob-sm-btn.on{background:var(--surface-2);color:var(--fg)}.mob-user-pin{background:var(--accent-dim);border:1px solid var(--accent);border-radius:10px;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;display:flex}.mob-user-pin-medal{flex-shrink:0;font-size:16px}.mob-user-pin-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.mob-user-pin-close{width:22px;height:22px;color:var(--fg-2);border-radius:6px;flex-shrink:0;place-items:center;font-size:16px;line-height:1;display:grid}.mob-rk-card{border-bottom:1px solid var(--line-soft);cursor:pointer;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.mob-rk-card:active{background:var(--surface-1)}.mob-rk-top{align-items:center;gap:12px;display:flex}.mob-rk-main{flex:1;min-width:0}.mob-rk-rows{flex-direction:column;gap:4px;display:flex}.mob-rk-line{align-items:center;gap:8px;font-size:12.5px;display:flex}.mob-rk-line.empty{color:var(--fg-4)}.mob-rk-icon{text-align:center;flex-shrink:0;width:16px}.mob-rk-nick{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mob-rk-me{background:var(--accent-dim);color:var(--accent);border-radius:4px;margin-left:4px;padding:1px 5px;font-size:10px;font-style:normal;font-weight:600}.mob-rk-jp{flex-shrink:0;font-size:13px}.mob-rk-add{color:var(--fg-4);flex-shrink:0;font-size:11px}.mob-rk-delta{flex-shrink:0;font-size:11.5px}.mob-rk-delta.up{color:var(--ok)}.mob-rk-delta.down{color:var(--new)}.mob-rk-delta.same{color:var(--fg-4)}.mob-pnav{-webkit-overflow-scrolling:touch;gap:6px;margin:0 -14px;padding:0 14px 8px;display:flex;overflow-x:auto}.mob-pnav::-webkit-scrollbar{display:none}.mob-pnav-item{color:var(--fg-3);background:var(--surface-1);border:1px solid var(--line-soft);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .12s}.mob-pnav-item:active{transform:scale(.96)}.mob-pnav-item.on{background:var(--cat-accent-dim);border-color:var(--cat-accent);color:var(--cat-accent);font-weight:600}[data-cat=star] .mob-chip.on,[data-cat=star] .mob-pnav-item.on{color:oklch(82% .16 90);background:oklch(40% .12 90/.22);border-color:oklch(82% .16 90)}[data-cat=sun] .mob-chip.on,[data-cat=sun] .mob-pnav-item.on{color:oklch(78% .18 20);background:oklch(40% .14 20/.22);border-color:oklch(78% .18 20)}@media (width<=767px){.mob-action-row{align-items:center;gap:8px;padding-bottom:8px;display:flex}.mob-action-btn{background:var(--surface-1);border:1px solid var(--line-soft);color:var(--fg-2);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:500;transition:transform .1s;display:inline-flex}.mob-action-btn:active{transform:scale(.97)}.mob-action-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.mob-action-pending{background:var(--accent-dim);color:var(--accent);border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11px}.grp-mob-body{-webkit-overflow-scrolling:touch;flex:1;padding:12px 14px 40px;overflow-y:auto}.grp-mob-empty{text-align:center;color:var(--fg-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.grp-mob-empty h3{color:var(--fg);margin:0;font-size:15px}.grp-mob-empty p{color:var(--fg-3);margin:0;font-size:12.5px;line-height:1.55}.grp-mob-list{flex-direction:column;gap:10px;display:flex}.grp-mob-card{background:var(--surface-0);border:1px solid var(--line-soft);cursor:pointer;border-radius:12px;padding:12px 14px;transition:background .1s,transform .1s}.grp-mob-card:active{background:var(--surface-1);transform:scale(.99)}.grp-mob-card-head{align-items:flex-start;gap:10px;display:flex}.grp-mob-card-ic{background:var(--accent-dim);width:36px;height:36px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid}.grp-mob-card-titles{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.grp-mob-card-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.grp-mob-card-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14.5px;font-weight:600;overflow:hidden}.grp-mob-card-meta{color:var(--fg-4);letter-spacing:.02em;font-size:10.5px}.grp-mob-card-desc{color:var(--fg-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.grp-mob-card-stats{border-top:1px solid var(--line-soft);gap:16px;margin-top:10px;padding-top:10px;display:flex}.grp-mob-stat{flex-direction:column;flex:1;gap:2px;display:flex}.grp-mob-stat .lbl{color:var(--fg-4);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.grp-mob-stat .val{color:var(--fg-2);font-size:14px;font-weight:600}.grp-mob-stat .val.hot{color:var(--accent)}.grp-modal{flex-direction:column;display:flex;max-width:100%!important;max-height:100%!important;padding-top:var(--safe-top)!important;padding-bottom:var(--safe-bot)!important;border-radius:0!important;position:fixed!important;inset:0!important}.grp-modal-body{flex:1;overflow-y:auto}.gd-mob-top{background:linear-gradient(135deg, oklch(.3 .18 var(--group-h,280) / .18), oklch(15.5% .012 270/.92) 70%), oklch(15.5% .012 270/.92)}.gd-mob-title-area{flex:1;min-width:0}.gd-mob-title{letter-spacing:-.01em;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.gd-mob-meta{color:var(--fg-3);align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.gd-mob-desc{color:var(--fg-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-bottom:2px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.gd-mob-actions{-webkit-overflow-scrolling:touch;gap:6px;margin:0 -14px 4px;padding:0 14px 8px;display:flex;overflow-x:auto}.gd-mob-actions::-webkit-scrollbar{display:none}.gd-mob-action{white-space:nowrap;border:1px solid var(--line-soft);background:var(--surface-1);color:var(--fg-2);border-radius:10px;flex-shrink:0;padding:7px 12px;font-size:12.5px;font-weight:500;transition:transform .1s}.gd-mob-action:active{transform:scale(.97)}.gd-mob-action.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.gd-mob-action.ghost{background:var(--surface-1)}.gd-mob-body{-webkit-overflow-scrolling:touch;flex:1;padding:0 0 40px;overflow-y:auto}.gd-mob-body .gd-tab-pane{padding:12px 14px 0}.gd-mob-body .gd-tabs{z-index:5;background:var(--bg);-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--line-soft);margin:0;padding:8px 14px;position:sticky;top:0;overflow-x:auto}.gd-mob-body .gd-tabs::-webkit-scrollbar{display:none}.gd-mob-body .gd-tab{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:13px}.gd-mob-menu{flex-direction:column;gap:2px;padding-bottom:8px;display:flex}.gd-mob-menu button{color:var(--fg-2);border-bottom:1px solid var(--line-soft);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:14px 4px;font-family:inherit;font-size:14px;display:flex}.gd-mob-menu button:active{color:var(--fg)}.gd-mob-menu button:last-child{border-bottom:none}.gd-lb-mob{flex-direction:column;gap:8px;padding-top:4px;display:flex}.gd-lb-mob-card{background:var(--surface-0);border:1px solid var(--line-soft);cursor:pointer;border-radius:10px;padding:10px 12px}.gd-lb-mob-card:active{background:var(--surface-1)}.gd-lb-mob-card.me{border-color:var(--accent);background:var(--accent-dim)}.gd-lb-mob-top{align-items:center;gap:8px;display:flex}.gd-lb-mob-rank{text-align:center;min-width:28px;color:var(--fg-3);flex-shrink:0;font-size:15px;font-weight:700}.gd-lb-mob-rank.gold{color:var(--gold)}.gd-lb-mob-rank.silver{color:var(--fg-2)}.gd-lb-mob-rank.bronze{color:oklch(65% .12 50)}.gd-lb-mob-name{min-width:0;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:5px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.gd-lb-mob-avg{flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:13px}.gd-lb-mob-stats{color:var(--fg-3);align-items:center;gap:14px;font-size:11.5px;display:flex}.gd-lb-mob-stats b{color:var(--fg-2)}.gd-lb-mob-stats .dim{color:var(--fg-4);margin-left:auto}.gd-mob-body .gd-member-row,.gd-mob-body .gd-app-row{flex-wrap:wrap;padding:12px 0}.gd-mob-body .gd-member-since,.gd-mob-body .gd-app-time{margin-left:auto}.gd-mob-body .gd-member-actions,.gd-mob-body .gd-app-actions{flex-wrap:wrap;gap:6px;width:100%;margin-top:8px}.gd-mob-body .gd-member-actions button,.gd-mob-body .gd-app-actions button{flex:1;min-width:0;padding:8px 10px;font-size:12px}.gd-mob-body .gd-feed-item{padding:10px 0}.gd-mob-body .gd-myrank-grid{grid-template-columns:repeat(4,1fr);gap:8px}.app-mobile .gd-blocked{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.fb-mob-tabs{background:var(--surface-1);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:4px;margin-bottom:4px;padding:3px;display:grid}.fb-mob-tabs button{color:var(--fg-3);background:0 0;border:none;border-radius:6px;padding:8px 0;font-family:inherit;font-size:12.5px;font-weight:500}.fb-mob-tabs button.on{background:var(--surface-2);color:var(--fg);font-weight:600}.fb-mob-body{-webkit-overflow-scrolling:touch;flex:1;padding:14px 14px 40px;overflow-y:auto}.fb-mob-cta{background:var(--accent);width:100%;color:var(--accent-ink);letter-spacing:-.005em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:13px;font-family:inherit;font-size:14.5px;font-weight:600;transition:transform .1s;display:flex}.fb-mob-cta:active{transform:scale(.98)}.fb-mob-status{-webkit-overflow-scrolling:touch;gap:6px;margin:0 -14px 10px;padding:0 14px;display:flex;overflow-x:auto}.fb-mob-status::-webkit-scrollbar{display:none}.fb-mob-status-chip{background:var(--surface-1);border:1px solid var(--line-soft);color:var(--fg-3);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:500}.fb-mob-status-chip.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.fb-mob-count{color:var(--fg-4);margin-bottom:10px;font-size:11px}.fb-mob-list{flex-direction:column;gap:10px;display:flex}.fb-mob-list .fb-item{border:1px solid var(--line-soft);background:var(--surface-0);border-radius:10px;padding:12px}.fb-mob-list .fb-song-feedback-item{grid-template-columns:48px 1fr}.fb-mob-list .fb-song-feedback-id{font-size:10.5px}.fb-mob-sheet{z-index:70;background:var(--bg);flex-direction:column;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.fb-mob-sheet-top{z-index:5;padding:calc(var(--safe-top) + 10px) 14px 10px;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);background:oklch(15.5% .012 270/.92);align-items:center;gap:10px;display:flex;position:sticky;top:0}.fb-mob-sheet-title{color:var(--fg);flex:1;font-size:16px;font-weight:700}.fb-mob-sheet-body{-webkit-overflow-scrolling:touch;flex:1;padding:16px 14px;overflow-y:auto}.fb-mob-desc{color:var(--fg-3);margin-bottom:14px;font-size:12.5px;line-height:1.55}.fb-mob-field{margin-bottom:14px}.fb-mob-type-list{flex-direction:column;gap:6px;display:flex}.fb-mob-type-item{text-align:left;background:var(--surface-1);border:1px solid var(--line-soft);color:var(--fg-2);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;transition:background .1s;display:flex}.fb-mob-type-item:active{background:var(--surface-2)}.fb-mob-type-item.on{background:var(--accent-dim);border-color:var(--accent)}.fb-mob-type-ico{flex-shrink:0;font-size:18px}.fb-mob-type-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fb-mob-type-lbl{color:var(--fg);font-size:13.5px;font-weight:600}.fb-mob-type-desc{color:var(--fg-4);font-size:11.5px;line-height:1.4}.fb-mob-suggest{background:var(--surface-0);border:1px solid var(--line-soft);border-radius:8px;max-height:200px;margin-top:4px;position:relative;overflow-y:auto}.fb-mob-sheet-foot{padding:12px 14px calc(12px + var(--safe-bot));border-top:1px solid var(--line-soft);background:var(--bg);gap:8px;display:flex}.fb-mob-sheet-foot .fb-btn{flex:1;padding:12px}}.ana-main{min-width:0;padding:28px;overflow-y:auto}.ana-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.ana-eyebrow{color:var(--accent);letter-spacing:.12em;font-size:11px;font-weight:800}.ana-head h1{margin:2px 0 4px;font-size:24px;line-height:1.15}.ana-head p{color:var(--fg-3);margin:0;font-size:13px}.ana-range{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:8px;gap:6px;padding:4px;display:flex}.ana-range button{min-width:52px;color:var(--fg-3);border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700}.ana-range button:hover,.ana-range button.on{background:var(--accent-dim);color:var(--accent)}.ana-loading{color:var(--fg-3);text-align:center;padding:36px}.ana-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.ana-stat,.ana-panel{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:8px}.ana-stat{padding:14px}.ana-stat-label{color:var(--fg-4);font-size:11px;font-weight:700}.ana-stat-value{color:var(--fg);margin-top:5px;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:800;line-height:1}.ana-stat-sub{color:var(--fg-4);margin-top:6px;font-size:11px}.ana-panel{padding:16px}.ana-panel h2{color:var(--fg);margin:0 0 12px;font-size:14px}.ana-wide{margin-bottom:14px}.ana-chart{align-items:flex-end;gap:5px;height:190px;padding-top:10px;display:flex}.ana-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:8px;height:100%;display:flex}.ana-bar{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:4px 4px 0 0;width:100%;min-height:4px}.ana-bar-wrap span{color:var(--fg-4);writing-mode:vertical-rl;font-family:JetBrains Mono,monospace;font-size:9px}.ana-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.ana-list{gap:2px;display:grid}.ana-list-row,.ana-recent-row{min-height:34px;color:var(--fg-2);border-radius:6px;align-items:center;gap:10px;display:grid}.ana-list-row{grid-template-columns:28px minmax(0,1fr) 72px 64px;padding:0 6px}.ana-list-row:hover,.ana-recent-row:hover{background:var(--surface-2)}.ana-rank{color:var(--fg-4);font-family:JetBrains Mono,monospace;font-size:11px}.ana-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ana-num,.ana-subnum{text-align:right;font-family:JetBrains Mono,monospace;font-size:12px}.ana-num{color:var(--fg);font-weight:700}.ana-subnum{color:var(--fg-4)}.ana-empty{color:var(--fg-4);padding:20px 4px;font-size:12px}.ana-recent{gap:2px;display:grid}.ana-recent-row{grid-template-columns:150px minmax(0,1fr) 64px 76px;padding:0 8px}.ana-time{color:var(--fg-4);font-family:JetBrains Mono,monospace;font-size:11px}.ana-pill{background:var(--accent-dim);min-width:44px;color:var(--accent);text-align:center;border-radius:999px;justify-self:start;padding:3px 8px;font-size:11px;font-weight:800}.ana-pill.muted{background:var(--surface-2);color:var(--fg-3)}@media (width<=1100px){.ana-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.ana-main{flex:1;min-height:0;padding:14px;overflow-y:auto}.ana-head{flex-direction:column;gap:12px;margin-bottom:16px}.ana-head h1{font-size:22px}.ana-range{width:100%}.ana-range button{flex:1}.ana-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ana-stat-value{font-size:21px}.ana-grid{grid-template-columns:1fr}.ana-chart{height:150px}.ana-list-row{grid-template-columns:24px minmax(0,1fr) 64px 52px}.ana-recent-row{grid-template-columns:minmax(0,1fr) 54px 66px;padding:7px 8px}.ana-time{grid-column:1/-1}}.detailed-filter-trigger{border:1px solid var(--line);background:var(--surface-1);width:100%;min-height:40px;color:var(--fg);border-radius:6px;align-items:center;gap:9px;padding:10px;font-size:13px;display:flex}.detailed-filter-trigger:hover{border-color:var(--accent)}.detailed-filter-trigger .filter-count{background:var(--accent-dim);color:var(--accent);border-radius:4px;margin-left:auto;padding:1px 6px;font-size:11px}.detailed-filter-overlay{z-index:2000;background:oklch(8% .01 270/.65);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.detailed-filter-dialog{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid var(--line);background:var(--surface-1);width:820px;max-width:100%;max-height:calc(100dvh - 48px);color:var(--fg);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 48px oklch(0% 0 0/.3)}.detailed-filter-dialog *{box-sizing:border-box;letter-spacing:0}.detailed-filter-dialog h3{margin:0 0 10px;font-size:12px;font-weight:600}.detailed-filter-header{border-bottom:1px solid var(--line-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.detailed-filter-header h2{align-items:center;gap:9px;margin:0;font-size:15px;display:flex}.detailed-filter-header h2 svg{color:var(--accent)}.detailed-close{width:36px;height:36px;color:var(--fg-3);border-radius:5px;place-items:center;display:grid}.detailed-close:hover{background:var(--surface-2);color:var(--fg)}.detailed-filter-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.detailed-quick-section{border-bottom:1px solid var(--line-soft);padding:18px 20px}.detailed-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.detailed-quick-option{border:1px solid var(--line-soft);background:var(--surface-0);cursor:pointer;border-radius:5px;align-items:center;gap:7px;min-height:40px;padding:8px;font-size:12px;display:flex}.detailed-quick-option span{word-break:keep-all;min-width:0}.detailed-quick-option svg{color:var(--fg-4);flex-shrink:0}.detailed-filter-dialog input[type=radio],.detailed-filter-dialog input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;width:14px;height:14px;margin:0}.detailed-quick-option:has(input:checked){border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.detailed-quick-option.locked{opacity:.5;cursor:not-allowed}.detailed-personal-category-section{min-width:0}.detailed-personal-category-section select{border:1px solid var(--line-soft);background:var(--surface-0);width:100%;min-height:38px;color:var(--fg);border-radius:5px;padding:8px 34px 8px 10px;font-size:12px}.detailed-personal-category-section select:focus{border-color:var(--accent);outline:1px solid var(--accent)}.detailed-filter-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:20px;display:grid}.detailed-conditions{flex-direction:column;gap:18px;min-width:0;display:flex}.detailed-channels{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.detailed-channels button{border:1px solid var(--line-soft);background:var(--surface-0);border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:36px;font-size:12px;display:flex}.detailed-channels button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-dim)}.detailed-channels [data-channel=star] svg{color:oklch(82% .16 90)}.detailed-channels [data-channel=moon] svg{color:oklch(78% .15 220)}.detailed-channels [data-channel=sun] svg{color:oklch(78% .18 20)}.detailed-range{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);align-items:center;gap:8px;display:grid}.detailed-range>span{color:var(--fg-4);text-align:center}.detailed-range input{border:1px solid var(--line-soft);background:var(--surface-0);font-variant-numeric:tabular-nums;border-radius:5px;width:100%;min-width:0;height:36px;padding:7px 10px;font-size:13px}.detailed-listen-option{border-top:1px solid var(--line-soft);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding-top:12px;font-size:12px;display:flex}.detailed-filter-dialog .detailed-listen-option input{appearance:none;background:var(--line);border-radius:10px;width:30px;height:18px;position:relative}.detailed-listen-option input:before{content:"";background:var(--fg-3);border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:3px}.detailed-listen-option input:checked{background:var(--accent)}.detailed-listen-option input:checked:before{background:var(--accent-ink);transform:translate(12px)}.detailed-ai-options{border:1px solid var(--line-soft);background:var(--surface-0);border-radius:5px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.detailed-ai-options label{cursor:pointer;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 4px;font-size:12px;display:flex}.detailed-ai-options label+label{border-left:1px solid var(--line-soft)}.detailed-ai-options label:has(input:checked){background:var(--accent-dim);color:var(--accent)}.detailed-artists{border-left:1px solid var(--line-soft);min-width:0;padding-left:22px}.detailed-artist-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.detailed-artist-heading h3{margin:0}.detailed-artist-heading h3 span{color:var(--accent);margin-left:6px;font-size:11px;font-weight:400}.detailed-artist-heading button{color:var(--fg-3);font-size:11px}.detailed-artist-heading button:disabled{opacity:.4;cursor:default}.detailed-artist-search{border:1px solid var(--line-soft);background:var(--surface-0);min-height:38px;color:var(--fg-4);border-radius:5px;align-items:center;gap:8px;padding:8px 10px;display:flex}.detailed-artist-search input{background:0 0;border:0;width:100%;min-width:0;font-size:13px}.detailed-artist-list{min-width:0;margin-top:8px}.detailed-artist-list>div{overscroll-behavior:contain}.detailed-artist-row{cursor:pointer;align-items:center;gap:8px;padding:0 12px 0 4px;font-size:12px;display:flex}.detailed-artist-row:hover{background:var(--surface-2)}.detailed-artist-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.detailed-artist-count{color:var(--fg-4);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:11px}.detailed-empty{text-align:center;color:var(--fg-4);padding:28px 0}.detailed-sort-section{border-top:1px solid var(--line-soft);padding:16px 20px}.detailed-filter-footer{border-top:1px solid var(--line-soft);background:var(--surface-0);color:var(--fg-3);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:12px;display:flex}.detailed-filter-footer b{color:var(--accent);font-variant-numeric:tabular-nums}.detailed-reset{align-items:center;gap:7px;min-height:32px;display:flex}@media (width<=850px){.detailed-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.detailed-filter-overlay{padding:12px}.detailed-filter-dialog{max-height:calc(100dvh - 24px)}.detailed-filter-header,.detailed-filter-footer{padding-inline:16px}.detailed-quick-section{padding:16px}.detailed-personal-category-section select{font-size:16px}.detailed-filter-body{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px}.detailed-artists{border-left:0;border-top:1px solid var(--line-soft);padding:16px 0 0}.detailed-range input,.detailed-artist-search input{font-size:16px}}@media (pointer:coarse){.detailed-close{width:44px;height:44px}.detailed-quick-option,.detailed-channels button,.detailed-ai-options label,.detailed-reset,.detailed-artist-heading button{min-height:44px}}