*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#1a1c22;color:#e8e8ea}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#00000059;border-radius:6px}::-webkit-scrollbar-thumb{background:#3d424d;border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#4b515e;border:2px solid transparent;background-clip:padding-box}@supports (-moz-appearance: none){*{scrollbar-width:thin;scrollbar-color:#3d424d rgba(0,0,0,.35)}}.custom-scroll{scrollbar-width:none}.custom-scroll::-webkit-scrollbar{display:none}.scroll-wrap{position:relative;min-width:0}.scroll-track{position:absolute;top:2px;bottom:2px;right:0;width:10px;background:#0e1014;border-radius:6px;touch-action:none}.scroll-thumb{position:absolute;left:1px;width:8px;background:#464c58;border-radius:5px}.scroll-track:hover .scroll-thumb{background:#565d6b}#app{position:fixed;inset:0}#app canvas{display:block}#add-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}input,button,select{font:inherit;color:inherit}select{background:#23262e;border:1px solid #383c46;border-radius:8px;padding:7px 10px;outline:none;cursor:pointer}input[type=text],#add-form input,#radio-url{width:100%;padding:8px 10px;background:#23262e;border:1px solid #383c46;border-radius:8px;outline:none}#add-form input:focus,#radio-url:focus{border-color:#6b7280}#radio-thumb{display:block;width:100%;border-radius:8px;margin:10px 0 4px}.radio-now a{color:#7aa2ff;text-decoration:none}.radio-now a:hover{text-decoration:underline}button{cursor:pointer;background:#2b2f38;border:1px solid #3d424d;border-radius:8px;padding:8px 10px;transition:background .15s}button:hover:not(:disabled){background:#363b46}button:disabled{opacity:.45;cursor:default}button.primary{background:#3b5bdb;border-color:#3b5bdb}button.primary:hover:not(:disabled){background:#4263eb}button.danger{color:#f87171}button.link{background:none;border:none;padding:6px 0 0;font-size:.85rem;text-decoration:underline}.muted{color:#9ca3af;font-size:.82rem}.hint{color:#9ca3af;font-size:.78rem;margin:4px 0 12px}.backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20}.modal{position:relative;width:min(460px,92vw);max-height:86vh;overflow-y:auto;background:#16181f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}.modal h2{margin:0 0 4px;font-size:1.15rem;padding-right:28px}.modal h3{margin:16px 0 8px;font-size:.95rem}.modal .close{position:absolute;top:10px;right:10px;width:30px;height:30px;padding:0;border-radius:50%;font-size:1.1rem;line-height:1}.modal label{display:block;margin:12px 0 6px;font-size:.9rem;font-weight:600}.vol-head{display:flex;gap:14px;align-items:flex-start}.vol-head img{width:92px;border-radius:6px;flex-shrink:0}.desc{font-size:.88rem;line-height:1.5;color:#c6c8cd;max-height:180px;overflow-y:auto}.status-row{display:flex;flex-direction:column;gap:6px}.status-btn{display:flex;align-items:center;gap:10px;text-align:left}.status-btn.active{border-color:#6b7fe8;background:#262c3f}.status-btn.active:disabled{opacity:1}.dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.35)}.cand-list{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto;padding-right:16px}.cand{display:flex;gap:12px;align-items:flex-start;text-align:left;background:#20232b;border:1px solid #383c46;border-radius:10px;padding:10px 12px}.cand:hover:not(:disabled){border-color:#6b7fe8;background:#232a3d}.cand.loading,.cand.loading:disabled{border-color:#6b7fe8;background:#232a3d;opacity:1;animation:cand-pulse 1s ease-in-out infinite}@keyframes cand-pulse{50%{opacity:.65}}.cand img,.cand-noimg{width:48px;height:68px;object-fit:cover;border-radius:5px;flex-shrink:0}.cand-noimg{display:flex;align-items:center;justify-content:center;background:#2b2f38;color:#6b7280;font-size:1.4rem}.cand-body{display:flex;flex-direction:column;gap:2px;min-width:0}.cand-orig{font-size:.75rem;color:#7d8590;font-style:italic}.series-meta{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.master-row{display:flex;align-items:center;gap:8px;margin:4px 0 10px;font-size:.9rem;font-weight:600;cursor:pointer}.master-row input[type=checkbox]{width:17px;height:17px;accent-color:#2f9e5f;cursor:pointer}.vol-list{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow-y:auto;padding-right:16px}.vol-item{display:flex;align-items:flex-start;gap:14px;background:#20232b;border:1px solid #383c46;border-radius:10px;padding:8px 10px;cursor:pointer;min-width:0;user-select:none}.vol-item-body{display:flex;flex-direction:column;gap:2px;margin-top:16px;min-width:0}.vol-item:hover{border-color:#4b515e}.vol-item.selected{border-color:#2f9e5f;background:#1d2e23}.vol-item img,.vol-item-noimg{width:72px;height:104px;object-fit:cover;border-radius:6px;flex-shrink:0}.vol-item-noimg{display:flex;align-items:center;justify-content:center;background:#2b2f38;color:#6b7280;font-size:1.1rem}.vol-item-title{font-size:.95rem;font-weight:600;min-width:0}.schedule-row{display:flex;gap:8px}#sched-time{flex:1;padding:8px 10px;background:#23262e;border:1px solid #383c46;border-radius:8px;color:inherit;outline:none;color-scheme:dark}.full-width{width:100%}.color-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.color-row label{margin:0}input[type=color]{width:56px;height:36px;padding:2px;background:#23262e;border:1px solid #383c46;border-radius:8px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}input[type=color]::-moz-color-swatch{border:none;border-radius:5px}.modal-actions{display:flex;gap:8px;margin-top:18px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.confirm-backdrop{z-index:30;background:#00000073}.confirm-modal{width:min(380px,90vw)}.danger-solid{background:#b91c1c;border-color:#b91c1c;color:#fff}.danger-solid:hover:not(:disabled){background:#d92b2b}.ink-controls{display:flex;align-items:center;gap:10px}.ink-controls input[type=checkbox]{width:17px;height:17px;accent-color:#3b5bdb;cursor:pointer}#now-playing{position:fixed;top:14px;right:16px;z-index:10;width:240px;display:flex;flex-direction:column;gap:6px;background:#111318d9;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px}#now-playing .np-text{font-size:.82rem;color:#9ca3af}#np-link{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#now-playing a{color:#7aa2ff;text-decoration:none}#now-playing a:hover{text-decoration:underline}.np-volume-row{display:flex;align-items:center;gap:8px}.np-volume-row .muted{flex-shrink:0;min-width:38px;text-align:right}#np-volume{flex:1;min-width:0}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);padding:10px 18px;border-radius:10px;background:#23262e;border:1px solid #3d424d;opacity:0;pointer-events:none;transition:all .25s;z-index:30;max-width:80vw}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#toast.error{border-color:#b91c1c;background:#2c1a1c}