:root{--nano-red: #9C1F35;--nano-beige: #CCB79C;--nano-black: #302E2F;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--font-serif: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "Hiragino Mincho ProN", serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-full: 9999px}:root,html[data-theme=light]{color-scheme:light;--bg: #fbf6f2;--surface: #ffffff;--surface-2: #f7ece8;--border: #eedcd6;--text: #2b2526;--muted: #75675f;--primary: #b52d47;--pl-bg: rgba(255, 250, 246, .92);--t1: #f3e3cf;--t1f: #7a5524;--t2: #f8dbe1;--t2f: #9a2440;--t3: #dbe8f5;--t3f: #2b5b86;--t4: #e0efe3;--t4f: #2f6a42;--t5: #ece2f5;--t5f: #64418a;--t6: #eeeeee;--t6f: #555;--danger: #b3261e;--ok: #2f7a4f;--on-primary: #fff;--on-semantic: #fff;--amber-ink: #8a5a0f;--amber: #d99a27;--amber-border: #d9a441}html[data-theme=dark]{color-scheme:dark;--bg: #1b1819;--surface: #242021;--surface-2: #2f292a;--border: #3d3536;--text: #f1e9e4;--muted: #a4958f;--primary: #ec7d93;--pl-bg: rgba(36, 32, 33, .92);--t1: #4a3a26;--t1f: #f0d3a8;--t2: #4d2630;--t2f: #f6b3c2;--t3: #22364a;--t3f: #a9cdf0;--t4: #253b2c;--t4f: #a8dbb6;--t5: #392b48;--t5f: #d4bdf0;--t6: #3a3a3a;--t6f: #ccc;--danger: #ef8a80;--ok: #7fc79c;--on-primary: #1b1819;--on-semantic: #1b1819;--amber-ink: #f0c26b;--amber: #d99a27;--amber-border: #d9a441}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4,h5,h6,b,strong,th{font-weight:600}html.theme-anim,html.theme-anim *{transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mode-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:96px}.ghost{border:1px solid var(--border);background:transparent;border-radius:999px;padding:5px 12px;font-size:12px}.ghost:hover{border-color:var(--primary);color:var(--primary)}.primary-btn{border:0;background:var(--primary);color:var(--on-primary);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.scroll{overflow:hidden;white-space:nowrap;min-width:0;flex:1}.scroll .inner{display:inline-block}.scroll.over .inner{text-overflow:ellipsis}.scroll.marq .inner{animation:marq var(--dur, 4s) linear .35s infinite alternate}@keyframes marq{0%{transform:translate(0)}to{transform:translate(var(--dist, 0))}}.tags{display:flex;gap:4px;flex-wrap:wrap}.tag{font-size:11px;padding:1px 8px;border-radius:999px;white-space:nowrap;background:var(--t6);color:var(--t6f)}.tag.c1{background:var(--t1);color:var(--t1f)}.tag.c2{background:var(--t2);color:var(--t2f)}.tag.c3{background:var(--t3);color:var(--t3f)}.tag.c4{background:var(--t4);color:var(--t4f)}.tag.c5{background:var(--t5);color:var(--t5f)}.tag.c6{background:var(--t6);color:var(--t6f)}.acts{display:flex;gap:2px;justify-content:flex-end;align-items:center}.act{width:28px;height:28px;border-radius:9px;border:1px solid transparent;background:transparent;display:grid;place-items:center;color:var(--muted);font-size:13px;position:relative}.act:hover{border-color:var(--border);color:var(--primary);background:var(--surface)}.act:disabled{opacity:.3;cursor:not-allowed}.act[data-tip]:hover:after,.act[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);right:0;background:#222;color:#fff;font-size:11px;padding:3px 7px;border-radius:5px;white-space:nowrap;z-index:5}@media (hover: none){.act[data-tip]:active:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);right:0;background:#222;color:#fff;font-size:11px;padding:3px 7px;border-radius:5px;white-space:nowrap;z-index:5}}.eq{display:inline-flex;gap:2px;align-items:end;height:12px}.eq i{width:3px;background:var(--primary);animation:eq 1s infinite ease-in-out}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}.paused .eq i{animation-play-state:paused}@keyframes eq{0%,to{height:3px}50%{height:12px}}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.banner{margin:0 0 12px;padding:10px 14px;border-radius:10px;font-size:13px;display:flex;gap:10px;align-items:center}.banner.err{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.banner.slow{background:var(--surface-2);color:var(--muted)}.banner button{margin-left:auto;border:1px solid currentColor;background:transparent;border-radius:999px;padding:3px 12px}.skel{height:40px;border-radius:8px;margin:6px 0;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:sk 1.2s infinite linear}@keyframes sk{to{background-position:-200% 0}}.cover{position:relative;overflow:hidden;border-radius:8px;background:var(--g, var(--nano-red));color:#f7eadb;flex:none}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover.gen:before{content:"";position:absolute;right:-35%;top:-35%;width:90%;height:90%;border-radius:50%;background:repeating-radial-gradient(circle,#00000059 0,#00000059 2px,#00000026 2px,#00000026 4px)}.cover.gen .gt{position:absolute;left:10%;bottom:9%;right:10%;font-family:var(--font-serif);line-height:1.1;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}input[type=range]{accent-color:var(--nano-red);width:100%}.toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%);background:#222;color:#fff;padding:7px 14px;border-radius:999px;font-size:13px;z-index:80;pointer-events:none;white-space:nowrap}.alt{font-weight:400;color:var(--muted);margin-left:5px}html.no-scroll,html.no-scroll body{overflow:hidden}.muted{color:var(--muted)}.small{font-size:12px}.act svg{width:16px;height:16px}.act.on{color:var(--primary);border-color:var(--border);background:var(--surface)}.warn-b{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--text);line-height:1.6}.tag.lnk{border:0;cursor:pointer;font:inherit;font-size:11px;line-height:1.6}.tag.lnk:hover{filter:brightness(.93);text-decoration:underline}@media (max-width: 640px){.app{padding-bottom:170px}}.utoast{position:fixed;left:50%;bottom:110px;transform:translate(-50%);background:#222;color:#fff;padding:6px 6px 6px 14px;border-radius:999px;font-size:13px;z-index:81;display:flex;gap:10px;align-items:center;white-space:nowrap;box-shadow:0 10px 30px #0000004d}.utoast button{border:0;background:#f0e6d8;color:#222;border-radius:999px;padding:3px 12px;font-weight:600}.utoast :focus-visible{outline-color:#fff}@media (max-width: 640px){.toast,.utoast{width:max-content;max-width:calc(100vw - 24px);white-space:normal;border-radius:16px}.toast{text-align:center}.utoast button{white-space:nowrap;flex:none}}@media (prefers-reduced-motion: reduce){html.theme-anim,html.theme-anim *{transition:none!important}.scroll.marq .inner{animation:none;display:inline}.scroll{text-overflow:ellipsis}.eq i{animation:none;height:8px}.skel{animation:none;background:var(--surface-2)}}.topbar{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:15}.brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:.02em}.brand img{width:28px;height:28px;border-radius:8px}.mode-tag{font-size:11px;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.nav-maint{font-size:13px;color:var(--muted);text-decoration:none;padding:5px 9px;border-radius:8px}.nav-maint:hover{background:var(--surface-2);color:var(--text)}.top-right{margin-left:auto;display:flex;align-items:center;gap:6px}.link-btn{border:0;background:transparent;color:var(--muted);padding:6px 8px;border-radius:8px;font-size:13px}.link-btn:hover{color:var(--text);background:var(--surface-2)}.icon-btn{width:32px;height:32px;border-radius:999px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center}.icon-btn:hover{border-color:var(--primary)}@media (max-width: 640px){.topbar{padding:10px 12px}.brand .txt{font-size:15px;white-space:nowrap}.topbar .lbl{display:none}.topbar{gap:6px}}.topbar{top:0}.nav-link{font-size:13px;color:var(--muted);padding:5px 10px;border-radius:8px;text-decoration:none;cursor:pointer}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.on{color:var(--primary);font-weight:600;background:color-mix(in srgb,var(--primary) 10%,transparent)}a.brand{color:inherit;text-decoration:none}.page{display:grid;grid-template-columns:250px minmax(0,1fr);flex:1;transition:grid-template-columns .25s ease}.page.side-hidden{grid-template-columns:0 minmax(0,1fr)}.side-backdrop{display:none}.side{border-right:1px solid var(--border);background:var(--surface);font-size:13px;overflow:hidden}.side-inner{width:250px;padding:16px;display:grid;gap:18px;align-content:start;position:sticky;top:53px}.side h4{margin:0 0 8px;font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}.side h4 button{border:0;background:none;color:var(--muted);font-size:11px;padding:0}.hist{display:grid;gap:2px}.hist .h{text-align:left;border:0;background:transparent;padding:6px 8px;border-radius:8px;font-size:12px;display:flex;gap:6px;align-items:center;width:100%}.hist .h .hrun{flex:1;min-width:0;display:flex;gap:6px;align-items:center;border:0;background:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.hist .h .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist .h .x{margin-left:auto;color:var(--muted);padding:0 4px;border-radius:4px}.hist .h .x:hover{background:var(--border)}.opt-group{display:grid;gap:6px}.chk{display:flex;gap:8px;align-items:center;font-size:13px}.chk input:disabled+span{color:var(--muted)}.chk small{color:var(--muted)}.maint-box{border-top:1px dashed var(--border);padding-top:10px;display:grid;gap:6px}.maint-box .lock{font-size:11px;color:var(--muted)}@media (max-width: 640px){.page,.page.side-hidden{grid-template-columns:1fr}.side{position:fixed;top:0;bottom:0;left:0;width:270px;z-index:50;box-shadow:10px 0 40px #00000040;transform:translate(0);transition:transform .25s ease}.page.side-hidden .side{transform:translate(-105%)}.side-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:#00000059}.page.side-hidden .side-backdrop{display:none}.side-inner{top:0}}.side-inner{top:53px;max-height:calc(100vh - 143px);overflow:auto;scrollbar-width:thin}.hist .h{cursor:pointer}.hist .h .ic{color:var(--muted);flex:none}.hist .h .scroll{flex:1}.hist .h .x{border:0;background:transparent;flex:none}.side-close-row{display:none}@media (max-width: 640px){.side,.side-backdrop{top:53px}.side-close-row{display:flex;justify-content:flex-end;margin:-6px -6px -10px}.side{overflow:auto}.side-inner{position:static;max-height:none;overflow:visible}}.side{position:sticky;top:53px;align-self:start;width:250px;height:calc(100vh - 53px);overflow-x:hidden;overflow-y:auto;padding:16px;display:grid;align-content:start;gap:18px;scrollbar-width:thin}.page.side-hidden .side{padding:0;border:0}.sblock,.hist,.hist .h{min-width:0}.hist .h{display:flex;gap:6px;align-items:center;padding:6px 8px;border-radius:8px;font-size:12px}.hist .h:hover{background:var(--surface-2)}.side h4{gap:8px}@media (max-width: 640px){.side{position:fixed;height:auto;bottom:0;width:270px}.page.side-hidden .side{padding:16px}}.page .side{transition:visibility .25s}@media (max-width: 640px){.page .side{transition:transform .25s ease,visibility .25s}}.side-panel{display:grid;align-content:start;gap:18px;min-width:0}@media (min-width: 641px){.page>.side{width:auto;min-width:0;padding:0;border-right:0;overflow:hidden;display:block}.side-panel{width:250px;height:100%;padding:16px;border-right:1px solid var(--border);background:var(--surface);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;transition:transform .25s ease}.page.side-hidden .side-panel{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){.page,.page .side,.side-panel{transition:none}}.content{padding:16px 22px 30px;min-width:0}.ctrl-line{display:flex;gap:10px;align-items:center;margin-bottom:12px}.switch{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.switch button{border:0;background:transparent;padding:5px 14px;border-radius:999px;color:var(--muted);font-weight:600;font-size:13px}.switch button.on{background:var(--nano-red);color:#fff}.switch button[data-view=random].on{background:var(--nano-beige);color:var(--nano-black)}.sbox-wrap{position:relative}.sbox{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:7px 10px;min-height:46px;background:var(--surface);border:1.5px solid var(--border);border-radius:12px}.sbox:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.sbox .glass{color:var(--muted);padding:0 2px 0 4px}.sbox input{flex:1;min-width:120px;border:0;outline:0;background:transparent;padding:6px 4px;font-size:15px}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 5px 3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:13px;white-space:nowrap;max-width:100%}.chip .attr{color:var(--muted)}.chip .val{overflow:hidden;text-overflow:ellipsis;max-width:220px}.chip .x{border:0;background:transparent;color:var(--muted);width:18px;height:18px;border-radius:999px;padding:0;line-height:1}.chip .x:hover{background:var(--border)}.chip.tagchip{border-color:transparent}.pending{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:13px}.pending button{border:0;background:none;color:var(--on-primary);padding:0 0 0 2px;opacity:.8}.conn{border:1px dashed var(--border);background:transparent;border-radius:6px;padding:2px 6px;font-size:12px;color:var(--primary);font-weight:600}.conn:hover{border-style:solid;border-color:var(--primary)}.conn.or{color:var(--amber-ink)}.dd{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #0000002e;padding:6px;max-height:400px;overflow:auto}.dd h6{margin:6px 8px 4px;font-size:11px;color:var(--muted);font-weight:600;display:flex;gap:8px;align-items:center}.dd .opt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:8px}.dd .opt:hover,.dd .opt.hi{background:var(--surface-2)}.dd .opt .ic{width:22px;text-align:center;color:var(--muted)}.dd .opt .sub{color:var(--muted);font-size:12px;margin-left:auto;white-space:nowrap}.dd .opt mark{background:color-mix(in srgb,var(--primary) 22%,transparent);color:inherit;border-radius:3px}.dd .foot{display:flex;justify-content:space-between;padding:6px 10px 2px;font-size:12px;color:var(--muted)}.dd .datebox{display:grid;gap:8px;padding:8px 10px;font-size:13px}.dd .datebox .inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.dd .datebox input{padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.dd .back{border:0;background:none;color:var(--muted);font-size:11px;padding:0}.res-head{display:flex;align-items:center;gap:10px;margin:12px 0 8px;font-size:13px;color:var(--muted);flex-wrap:wrap}.res-head .spacer{flex:1}.res-head select{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:4px 6px}@media (max-width: 640px){.content{padding:12px 12px 24px}}.dd .opt .optl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd .opt .alt,.res-head .note{font-size:12px}.tbl{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.tr{display:grid;grid-template-columns:38px 104px minmax(0,1.25fr) minmax(0,1fr) 104px;gap:10px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--border);font-size:13px;-webkit-user-select:none;user-select:none}.tr:last-child{border-bottom:0}.tr.body:nth-child(odd){background:color-mix(in srgb,var(--surface-2) 45%,transparent)}.tr.body:hover{background:var(--surface-2)}.tr.body.playing{background:color-mix(in srgb,var(--primary) 10%,transparent)}.tr.head{background:var(--surface-2);font-size:12px;color:var(--muted);padding:6px 12px}.th{border:0;background:none;color:inherit;padding:2px 0;text-align:left;font-size:12px;display:inline-flex;gap:4px;align-items:center}.th:hover{color:var(--text)}.th.on{color:var(--primary);font-weight:600}.idx{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.date-cell{border:0;background:none;padding:0;color:var(--muted);font-variant-numeric:tabular-nums;text-align:left}.date-cell:hover{color:var(--primary);text-decoration:underline}.date-cell>button{border:0;background:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.name-cell{min-width:0;display:flex;align-items:center;gap:6px}.nm{border:0;background:none;padding:0;font-weight:600;color:var(--text);text-align:left}.nm:hover{color:var(--primary)}.nm .cn{font-weight:400;color:var(--muted);margin-left:6px}.nm .perf{font-weight:400;color:var(--muted);font-size:11px;margin-left:6px}.tr.playing .nm{color:var(--primary)}.name-cell .warn{width:16px;height:16px;border-radius:999px;background:var(--amber);color:#2b2526;font-size:11px;font-weight:600;display:grid;place-items:center;flex:none;position:relative;cursor:help}.name-cell .warn:hover:after,.name-cell .warn:focus-visible:after{content:attr(data-tip);position:absolute;left:22px;top:-6px;width:250px;white-space:normal;background:#222;color:#fff;font-weight:400;font-size:12px;line-height:1.5;padding:7px 10px;border-radius:8px;z-index:10}.inq{font-size:11px;color:var(--ok);border:1px solid currentColor;border-radius:999px;padding:0 6px;white-space:nowrap;flex:none}.edit-btn{font-size:11px;border:1px solid var(--border);background:transparent;border-radius:6px;padding:2px 6px;color:var(--muted)}.sid{font-size:11px;color:var(--muted);opacity:.7;font-family:var(--font-mono);margin-left:6px}.pager{display:flex;gap:6px;justify-content:center;align-items:center;padding:14px;font-size:12px;color:var(--muted)}.pager button{min-width:30px;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:3px 7px}.pager button.on{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}@media (max-width: 640px){.tr{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:9px 10px}.tr.head,.tr .idx{display:none}.tr .date-cell{grid-row:2;grid-column:1;font-size:12px}.tr .name-cell{grid-row:1;grid-column:1}.tr .tags{grid-row:3;grid-column:1 / -1}.tr .acts{grid-row:1 / 3;grid-column:2}}.nm .alt{font-size:12px}.page-sep{padding:6px 12px;font-size:11px;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);letter-spacing:.1em}.pager{flex-wrap:wrap;gap:8px}.pages{display:inline-flex;gap:4px;flex-wrap:wrap}.pages button{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:2px 8px;font-size:12px}.pages button.on{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.pager .ghost{margin-left:8px}@media (max-width: 640px){.tr.head{display:flex;gap:16px;padding:7px 10px}.tr.head .idx,.tr.head .op-h{display:none}.tr .act{width:36px;height:36px}.pager button{min-width:36px;min-height:36px}}.row-more{opacity:0;flex:none}.row-more:before{content:"…"}.tr.body:hover .row-more,.tr.body:focus-within .row-more,.row-more[aria-expanded=true]{opacity:1}@media (hover: none){.row-more{opacity:1}}@media (max-width: 640px){.row-more{opacity:1}}.status-cell{flex-wrap:wrap;gap:4px}.st-pill{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:0 6px;white-space:nowrap;flex:none}.action-menu{min-width:150px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #0000002e;padding:6px}.action-menu-item{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;border-radius:8px;padding:7px 10px;font-size:13px;color:var(--text);text-align:left;cursor:pointer}.action-menu-item:hover,.action-menu-item:focus{background:var(--surface-2)}.action-menu-item.on{color:var(--primary)}.action-menu-item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.action-menu-item svg{width:16px;height:16px;flex:none}@media (min-width: 641px){.tbl>.tr{grid-template-columns:38px 104px minmax(0,1.25fr) 104px minmax(0,1fr)}}.status-cell{justify-content:flex-start}.page-jump{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.page-jump input{width:3.2em;box-sizing:content-box;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:2px 6px;font:inherit;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}.page-jump input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.player{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--pl-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);box-shadow:0 -6px 24px #00000014;transition:transform .35s ease}.player.hidden{transform:translateY(calc(100% - 6px))}.player .peek{position:absolute;left:50%;top:-22px;transform:translate(-50%);border:1px solid var(--border);border-bottom:0;background:var(--pl-bg);border-radius:10px 10px 0 0;padding:2px 14px;font-size:11px;color:var(--muted);display:none}.player.hidden .peek{display:block}.pl-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:center;padding:10px 20px 12px}.pl-left{display:flex;gap:12px;align-items:center;min-width:0}.pl-left .cover{width:52px;height:52px;cursor:pointer;box-shadow:0 4px 12px #0000002e}.pl-left .cover .gt{font-size:11px}.pl-text{min-width:0;display:grid;gap:1px}.pl-text button{border:0;background:none;padding:0;text-align:left;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pl-text button:hover{color:var(--primary);text-decoration:underline}.pl-text .t{font-weight:600;font-size:15px}.pl-text .t .cn{font-weight:400;color:var(--muted);font-size:12px;margin-left:6px}.pl-text .s,.pl-text .d{font-size:12px;color:var(--muted)}.pl-mid{display:grid;gap:4px;justify-items:center}.pl-ctrl{display:flex;gap:8px;align-items:center}.pc{width:34px;height:34px;border-radius:999px;border:0;background:transparent;font-size:15px;display:grid;place-items:center}.pc:hover{background:var(--surface-2)}.pc.big{width:42px;height:42px;background:var(--nano-red);color:#fff;font-size:15px}.pc.big:hover{background:var(--nano-red);transform:scale(1.06)}.pc.mode{font-size:12px;width:auto;padding:0 9px;white-space:nowrap;color:var(--muted)}.pl-prog{display:grid;grid-template-columns:40px 1fr 40px;gap:8px;align-items:center;width:100%;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.pl-right{display:flex;justify-content:flex-end;align-items:center;gap:6px}.pl-vol{display:flex;align-items:center;gap:6px;width:110px;font-size:13px}.qbtn{border:1px solid var(--border);background:transparent;border-radius:999px;padding:5px 11px;font-size:12px}.pin.on{color:var(--primary);background:var(--surface-2)}.qpanel{position:absolute;right:16px;bottom:calc(100% + 8px);width:min(380px,calc(100% - 32px));max-height:360px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 50px #00000040;padding:8px}.qpanel h5{margin:6px 8px 8px;display:flex;justify-content:space-between;font-size:13px}.qrow{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:8px;font-size:13px}.qrow:hover{background:var(--surface-2)}.qrow.cur{color:var(--primary);font-weight:600}.qrow button{border:0;background:transparent;color:var(--muted)}.qrow .qd{font-size:11px;color:var(--muted)}@media (max-width: 640px){.pl-inner{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:8px 12px 10px}.pl-mid{grid-column:1 / -1;grid-row:2}.pl-vol,.pc.mode{display:none}}.pl-ctrl{gap:6px}.pl-ctrl .pc{width:36px;height:36px;font-size:15px;position:relative;color:var(--text)}.pl-ctrl .pc.big{width:44px;height:44px;color:#fff}.pc .badge{position:absolute;top:-2px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:11px;line-height:16px}.vol-wrap{position:relative}.vol-pop{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 8px;box-shadow:0 12px 30px #0003;display:grid;justify-items:center;gap:6px;font-size:11px;color:var(--muted)}.vrange{writing-mode:vertical-lr;direction:rtl;width:24px!important;height:120px}@media (max-width: 640px){.vol-wrap{display:none}}.pc svg{width:18px;height:18px}.pc.big svg{width:20px;height:20px}.pl-right .pc{width:36px;height:36px;color:var(--text)}.pc.on{color:var(--primary);background:var(--surface-2)}.pl-text .s{font-size:12px}.qname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.pl-text .scroll{display:block}.pl-left .cover-open{border:0;background:none;padding:0;border-radius:8px;flex:none;line-height:0;cursor:pointer}.page .content{padding-bottom:calc(30px + var(--player-space, 96px))}.page.with-q .qdrawer{padding-bottom:var(--player-space, 84px)}@media (min-width: 641px){.page:not(.side-hidden) .side{padding-bottom:calc(16px + var(--player-space, 96px))}}@media (max-width: 640px){.page .content{padding-bottom:calc(24px + var(--player-space, 170px))}}.vol-pop:before{content:"";position:absolute;left:0;right:0;top:100%;height:10px}.ql{position:relative;display:grid}.qi{display:grid;grid-template-columns:18px 26px minmax(0,1fr) auto;gap:8px;align-items:center;height:50px;padding:0 6px 0 4px;border-radius:10px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;background:var(--surface)}.qi.with-cover{grid-template-columns:18px 38px minmax(0,1fr) auto;height:54px}.qi:hover{background:var(--surface-2)}.qi.cur{background:color-mix(in srgb,var(--primary) 11%,var(--surface))}.qi.cur .qtt{color:var(--primary)}.qi.played{opacity:.5}.qi.played:hover{opacity:.85}.ql.drag-on .qi{transition:transform .15s ease}.ql.drag-on .qi.dragging{transition:none;z-index:5;box-shadow:0 12px 30px #00000038;background:var(--surface);opacity:1}.grip{color:var(--muted);cursor:grab;touch-action:none;display:grid;place-items:center;height:100%;opacity:.35}.grip svg{width:15px;height:15px}.qi:hover .grip{opacity:1}.dragging .grip{cursor:grabbing}.no-grip .grip{visibility:hidden}.qno{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.qmain{min-width:0;display:grid;gap:2px}.qtt{font-weight:600}.qtt .alt{font-size:12px}.qsub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qacts{display:flex;gap:0;opacity:0}.qi:hover .qacts,.qi.cur .qacts{opacity:1}.qacts .act{width:26px;height:26px}.qacts .act svg{width:14px;height:14px}.qcov{width:38px;height:38px;position:relative}.qcov .cover{width:38px;height:38px;border-radius:7px}.qcov .cover .gt{font-size:7px}.qcov .eqo{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;border-radius:7px}.qcov .eqo .eq i{background:#fff}.badge-s{font-size:11px;font-weight:600;padding:0 6px;border-radius:999px;border:1px solid currentColor;color:var(--primary);margin-left:6px;vertical-align:1px}.badge-s.gold{color:var(--amber-ink)}.qhead{display:flex;align-items:center;gap:6px;padding:12px 12px 8px}.qhead h5{margin:0;font-size:15px;flex:1;display:flex;align-items:baseline;gap:6px}.qhead h5 small{font-weight:400;color:var(--muted);font-size:12px}.qtools{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 10px;align-items:center;border-bottom:1px solid var(--border)}.tbtn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);background:transparent;border-radius:999px;padding:4px 10px 4px 8px;font-size:12px;color:var(--text)}.tbtn svg{width:14px;height:14px}.tbtn:hover{border-color:var(--primary);color:var(--primary)}.tbtn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border);color:var(--muted)}.tbtn.danger:hover{border-color:var(--danger);color:var(--danger)}.tbtn.modeb{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.qfilter{display:flex;align-items:center;gap:6px;flex:1 1 140px;min-width:120px;border:1px solid var(--border);border-radius:999px;padding:2px 10px;color:var(--muted)}.qfilter svg{width:14px;height:14px;flex:none}.qfilter input{border:0;outline:0;background:transparent;padding:3px 0;font-size:12px;width:100%}.qfilter:focus-within{border-color:var(--primary)}.qscroll{overflow:auto;overflow-x:hidden;padding:6px;flex:1;min-height:0;scrollbar-width:thin;position:relative}.qfoot{font-size:11px;color:var(--muted);padding:8px 12px 10px;border-top:1px solid var(--border);display:flex;gap:6px;align-items:center}.qfoot svg{width:14px;height:14px;flex:none}.qempty{padding:32px 18px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}.qempty .big{font-size:32px}.qsec{display:flex;align-items:center;gap:6px;margin:10px 6px 4px;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.05em}.qsec button{border:0;background:none;color:var(--muted);font-size:11px;padding:0;display:inline-flex;align-items:center;gap:2px}.qsec button:hover{color:var(--text)}.qsec .line{flex:1;height:1px;background:var(--border)}.filter-note{font-size:11px;color:var(--muted);padding:2px 8px 6px}.qi.flash{animation:qflash 1.4s ease}@keyframes qflash{0%,55%{box-shadow:inset 0 0 0 2px var(--amber-border)}}.qsec .hintx{font-weight:400;letter-spacing:0}.page.with-q{grid-template-columns:250px minmax(0,1fr) 340px}.page.side-hidden.with-q{grid-template-columns:0 minmax(0,1fr) 340px}.qdrawer{position:sticky;top:53px;align-self:start;height:calc(100vh - 53px);border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;padding-bottom:84px;min-width:0}.qdrawer .qscroll{padding:4px 8px 8px}.nowcard{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;margin:8px 6px 4px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--primary) 8%,var(--surface-2));cursor:pointer}.nowcard .cover{width:64px;height:64px;border-radius:10px;box-shadow:0 6px 16px #0000002e}.nowcard .cover .gt{font-size:9px}.nowcard .k{font-size:11px;color:var(--primary);font-weight:600;letter-spacing:.05em}.nowcard .n{font-weight:600;font-size:13px}.nowcard .n .alt{font-size:12px}.nowcard .m{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nowcard.flash{animation:qflash 1.4s ease}.qdrawer.drop-ready{outline:2px dashed var(--primary);outline-offset:-6px}.drop-tip{display:none;margin:0 6px 6px;padding:8px 10px;border-radius:10px;font-size:12px;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);text-align:center}.qdrawer.drop-ready .drop-tip{display:block}.drop-line{position:absolute;left:10px;right:10px;height:3px;border-radius:3px;background:var(--primary);pointer-events:none;display:none;z-index:6}.drop-line:before{content:"";position:absolute;left:-4px;top:-3px;width:9px;height:9px;border-radius:999px;background:var(--primary)}.tr.body[draggable=true]{cursor:grab}.tr.body.drag-src{opacity:.45}.full .qbox{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:14px;display:flex;flex-direction:column;max-height:min(62vh,620px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.full .qbox .qhead h5 small,.full .qbox .qsec,.full .qbox .qsec button,.full .qbox .qfoot,.full .qbox .filter-note{color:#ffffffa6}.full .qbox .qtools,.full .qbox .qfoot{border-color:#ffffff24}.full .qbox .tbtn{color:#fff;border-color:#ffffff4d}.full .qbox .tbtn:hover{border-color:#fff}.full .qbox .tbtn.modeb{color:#fff;background:#ffffff24}.full .qbox .qfilter{border-color:#ffffff4d;color:#ffffffb3}.full .qbox .qfilter input{color:#fff}.full .qbox .qfilter input::placeholder{color:#ffffff80}.full .qbox .qsec .line{background:#ffffff26}.full .qi{background:transparent;color:#fff}.full .qi:hover{background:#ffffff1a}.full .qi.cur{background:#ffffff2e}.full .qi.cur .qtt{color:#fff}.full .qi .alt,.full .qsub,.full .qno,.full .grip{color:#fff9}.full .qacts .act{color:#ffffffbf}.full .qacts .act:hover{background:#ffffff24;border-color:transparent;color:#fff}.full .ql.drag-on .qi.dragging{background:#3c282df2}.full .badge-s{color:#fff}.full .qempty{color:#ffffffbf}@media (max-width: 640px){.qi .qacts{opacity:1}.full .qbox{max-height:none}}.qi:focus-within .qacts{opacity:1}@media (min-width: 641px){.page.q-dock:not(.with-q){grid-template-columns:250px minmax(0,1fr) 0}.page.side-hidden.q-dock:not(.with-q){grid-template-columns:0 minmax(0,1fr) 0}.page>.qdrawer{overflow:hidden;min-width:0;border-left:0;align-items:flex-end}.qdrawer-panel{width:340px;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface);transition:transform .25s ease}.page.q-dock:not(.with-q) .qdrawer-panel{transform:translate(100%)}}.page .qdrawer{transition:visibility .25s}@media (prefers-reduced-motion: reduce){.page .qdrawer,.qdrawer-panel{transition:none}}.full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;color:#fff;overflow:auto;animation:rise .3s ease}@keyframes rise{0%{transform:translateY(40px);opacity:0}}.full .bg{position:fixed;top:-60px;right:-60px;bottom:-60px;left:-60px;background:var(--g, #5a1a26);filter:blur(60px) saturate(1.3);transform:scale(1.2)}.full .bg img{width:100%;height:100%;object-fit:cover}.full .shade{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#0009)}.full .wrap{position:relative;min-height:100%;display:grid;grid-template-columns:minmax(260px,420px) minmax(0,460px);gap:48px;align-items:center;justify-content:center;padding:64px 40px 40px}.full .close{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:2;border:0;background:#ffffff2e;color:#fff;border-radius:999px;padding:6px 16px;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.full .close:hover{background:#ffffff4d}.full .cover{width:100%;aspect-ratio:1;border-radius:14px;box-shadow:0 30px 70px #00000073}.full .cover .gt{font-size:34px}.full .info{display:grid;gap:14px}.full h1{margin:0;font-size:32px;line-height:1.15}.full .cn{font-size:20px;opacity:.75;margin-top:-6px}.full .who{font-size:15px;opacity:.85}.full .ctrls{display:grid;gap:8px}.full .ctrls .pl-prog{color:#ffffffbf}.full .ctrls .pl-ctrl{justify-content:center;gap:18px}.full .pc{color:#fff;font-size:20px;width:44px;height:44px}.full .pc:hover{background:#ffffff24}.full .pc.big{width:62px;height:62px;background:#fff;color:#222;font-size:20px}.full .pc.mode{font-size:12px;color:#fffc;width:auto;padding:0 12px}.full input[type=range]{accent-color:#fff}.full .card{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 16px;display:grid;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.full .card h5{margin:0;font-size:12px;opacity:.7;font-weight:600;letter-spacing:.05em}.full .kv{display:grid;grid-template-columns:82px 1fr;gap:6px 10px;font-size:13px}.full .kv span:nth-child(odd){opacity:.65}.full .kv button{border:0;background:none;padding:0;color:#fff;text-align:left;text-decoration:underline dotted;text-underline-offset:3px}.full .kv button:hover{text-decoration-style:solid}.full .tag.tag{background:#ffffff2e;color:#fff}.full .next{display:grid;gap:4px;font-size:13px}.full .next div{display:flex;justify-content:space-between;opacity:.85;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08)}@media (max-width: 640px){.full .wrap{grid-template-columns:1fr;gap:22px;padding:58px 20px 30px}.full .cover{width:78%;justify-self:center}.full h1{font-size:20px}.full .close{top:14px}}.full{scrollbar-width:none}.full::-webkit-scrollbar{display:none}.full .titleline{font-size:32px;font-weight:600;line-height:1.2}.full .titleline .alt{color:#ffffffb3;font-size:20px;font-weight:400}.full .lnk{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer;border-radius:4px}.full .lnk:hover{text-decoration:underline;text-underline-offset:4px}.full .lnk.h1{font-weight:600}.full .lnk.u{text-decoration:underline dotted;text-underline-offset:3px}.full button.tag.lnk{font-size:11px;padding:1px 8px;border-radius:999px}.full .next div{cursor:pointer;padding:6px 8px;margin:0 -8px;border-radius:8px;border-bottom:0}.full .next div:hover{background:#ffffff1f}.full .next .alt{color:#fff9}.full .pl-ctrl .pc{color:#fff;width:46px;height:46px;font-size:20px}.full .pl-ctrl .pc.big{width:62px;height:62px;background:#fff;color:#222;font-size:20px}@media (max-width: 640px){.full .titleline{font-size:20px}.full .titleline .alt{font-size:15px}}.full .pc svg{width:22px;height:22px}.ftabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff1f;align-self:start}.ftabs button{border:0;background:transparent;color:#fffc;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.ftabs button.on{background:#fff;color:#222}.full.noplay .wrap{grid-template-columns:minmax(0,520px)}.full .more-link{border:0;background:none;color:#fffc;padding:0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.full :focus-visible{outline-color:#fff}@media (prefers-reduced-motion: reduce){.full{animation:none}}@media (min-width: 641px) and (min-height: 600px){.full{overflow:hidden}.full .wrap{height:100%;min-height:0;grid-template-rows:minmax(0,1fr)}.full .wrap>.info{height:min(100%,820px);min-height:0;display:flex;flex-direction:column;gap:14px}.full .wrap>.info>*{flex:none}.full .wrap>.info>.fpanel{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;gap:14px}.full .fpanel>.card{flex:none}.full .fpanel>.qbox{flex:1 1 auto;min-height:0;max-height:none}}.full .vol-pop .vrange{accent-color:var(--nano-red)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#1410118c;display:grid;place-items:center;padding:16px}.about{width:min(560px,100%);max-height:80vh;overflow:auto;background:var(--surface);border-radius:16px;padding:20px 22px;box-shadow:0 30px 80px #0006}.about h3{margin:0 0 12px;font-size:15px}.about details{border-top:1px solid var(--border);padding:10px 0}.about summary{cursor:pointer;font-weight:600}.about p,.about li{color:var(--muted);font-size:13px;line-height:1.7}