.modal-shell-mask[data-v-210e046e]{background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:modalFadeIn-210e046e .18s ease}.modal-shell-card[data-v-210e046e]{background:#101522fa;border:1px solid rgba(255,255,255,.06);animation:modalSlideUp-210e046e .22s ease;box-shadow:0 20px 50px #00000073}@keyframes modalFadeIn-210e046e{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp-210e046e{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:767px){.modal-shell-mask[data-v-210e046e]{align-items:flex-end!important;padding:0!important}.modal-shell-card[data-v-210e046e]{width:100%!important;max-width:100%!important;max-height:92vh!important;border-radius:20px 20px 0 0!important;animation:sheetSlideUp-210e046e .32s cubic-bezier(.22,1,.36,1)!important}.modal-shell-card[data-v-210e046e]:before{content:"";display:block;width:36px;height:4px;background:#3a3a3c;border-radius:2px;margin:10px auto 0;flex-shrink:0}}@keyframes sheetSlideUp-210e046e{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ai-drag-modal[data-v-69bfd61d] ::-webkit-scrollbar{display:none}.ai-drag-modal[data-v-69bfd61d]{position:fixed;background:var(--color-card);border-radius:16px;overflow:hidden;z-index:9999;display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 12px 40px #0000008c;border:1px solid var(--color-border)}.ai-drag-header[data-v-69bfd61d]{height:48px;background:var(--color-surface);display:flex;align-items:center;justify-content:space-between;padding:0 18px;cursor:move;border-bottom:1px solid var(--color-border);flex-shrink:0}.ai-drag-header .title[data-v-69bfd61d]{font-size:15px;font-weight:500;color:var(--color-text);display:flex;align-items:center}.ai-drag-header .actions[data-v-69bfd61d]{display:flex;align-items:center;gap:14px;font-size:14px}.ai-drag-header .chover[data-v-69bfd61d]{cursor:pointer;color:var(--color-text-muted);transition:color .2s}.ai-drag-header .chover[data-v-69bfd61d]:hover{color:var(--color-primary)}.ai-drag-body[data-v-69bfd61d]{flex:1;padding:16px;overflow:auto;display:flex;flex-direction:column;align-items:center;background:var(--color-card);min-height:0}.robot-icon[data-v-69bfd61d]{margin:10px 0 20px;opacity:.9}.robot-icon img[data-v-69bfd61d]{width:96px;height:96px}.quick-questions[data-v-69bfd61d]{width:100%;margin-bottom:20px}.question-item[data-v-69bfd61d]{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer;font-size:14px;color:var(--color-text-secondary);transition:all .2s}.question-item[data-v-69bfd61d]:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);color:var(--color-text)}.question-item>div[data-v-69bfd61d]{display:flex;align-items:center;gap:8px}.question-item .star[data-v-69bfd61d],.question-item .jt[data-v-69bfd61d]{font-size:13px;color:var(--color-primary)}.chat-messages[data-v-69bfd61d]{width:100%;overflow-y:auto;scrollbar-width:none;flex:1;padding-bottom:10px}.message-item[data-v-69bfd61d]{display:flex;gap:8px;margin-bottom:12px}.message-item.user[data-v-69bfd61d]{flex-direction:row-reverse}.message-item.ai[data-v-69bfd61d]{flex-direction:column}.avatar[data-v-69bfd61d]{display:flex;align-items:center;gap:6px;color:var(--color-primary);font-size:13px}.avatar .txt[data-v-69bfd61d]{font-size:13px;color:var(--color-text-muted)}.message-content[data-v-69bfd61d]{max-width:85%;padding:10px 14px;border-radius:12px;line-height:1.6;font-size:14px;word-break:break-word}.message-item.user .message-content[data-v-69bfd61d]{background:var(--color-primary);color:#fff;border-top-right-radius:4px}.message-item.ai .message-content[data-v-69bfd61d]{background:var(--color-surface);color:var(--color-text-secondary);border-top-left-radius:4px}.chat-content.loading[data-v-69bfd61d]{color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.loading-dot[data-v-69bfd61d]{animation:ai-dot-69bfd61d 1.2s infinite step-start}@keyframes ai-dot-69bfd61d{0%,to{opacity:0}50%{opacity:1}}.error-tip[data-v-69bfd61d]{color:var(--color-danger);font-size:13px;margin-top:4px;display:flex;align-items:center;gap:8px}.retry-btn[data-v-69bfd61d]{padding:2px 8px;border:1px solid color-mix(in srgb,var(--color-danger) 40%,transparent);border-radius:4px;background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger);font-size:12px;cursor:pointer}.retry-btn[data-v-69bfd61d]:hover{background:color-mix(in srgb,var(--color-danger) 22%,transparent)}.input-area[data-v-69bfd61d]{margin-top:auto;width:100%;border-radius:16px;background:transparent;padding:12px 16px;border:1px solid var(--color-border);transition:all .2s;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.input-area textarea[data-v-69bfd61d]{width:100%;border:none;resize:none;background-color:transparent!important;outline:none;font-size:14px;line-height:1.5;min-height:26px;color:var(--color-text);background:transparent;font-family:inherit}.input-active[data-v-69bfd61d]{box-shadow:none}.send-btn[data-v-69bfd61d]{align-self:flex-end;border:none;width:32px;height:32px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.send-btn[data-v-69bfd61d]:hover:not(:disabled){filter:brightness(1.1)}.send-btn[data-v-69bfd61d]:disabled{opacity:.4;cursor:not-allowed}.input-area[data-v-69bfd61d] ::-moz-placeholder{color:var(--color-text-muted)}.input-area[data-v-69bfd61d] ::placeholder{color:var(--color-text-muted)}.md-body[data-v-69bfd61d] .md-p{margin:0 0 6px}.md-body[data-v-69bfd61d] .md-p:last-child{margin-bottom:0}.md-body[data-v-69bfd61d] .md-h{font-weight:600;color:var(--color-text);margin:8px 0 6px}.md-body[data-v-69bfd61d] .md-h1{font-size:17px}.md-body[data-v-69bfd61d] .md-h2{font-size:16px}.md-body[data-v-69bfd61d] .md-h3,.md-body[data-v-69bfd61d] .md-h4,.md-body[data-v-69bfd61d] .md-h5,.md-body[data-v-69bfd61d] .md-h6{font-size:15px}.md-body[data-v-69bfd61d] .md-ul,.md-body[data-v-69bfd61d] .md-ol{margin:4px 0 6px;padding-left:20px}.md-body[data-v-69bfd61d] .md-ul li,.md-body[data-v-69bfd61d] .md-ol li{margin:2px 0}.md-body[data-v-69bfd61d] .md-hr{border:none;border-top:1px solid var(--color-border);margin:8px 0}.md-body[data-v-69bfd61d] .md-quote{border-left:3px solid var(--color-primary);padding:4px 10px;margin:6px 0;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-primary) 6%,transparent);border-radius:0 6px 6px 0}.md-body[data-v-69bfd61d] .md-code{background:#00000059;padding:1px 5px;border-radius:4px;font-size:13px;font-family:Consolas,Monaco,monospace;color:var(--color-accent)}.md-body[data-v-69bfd61d] .md-pre{background:#00000059;padding:10px 12px;border-radius:8px;overflow-x:auto;margin:6px 0}.md-body[data-v-69bfd61d] .md-pre code{font-size:13px;font-family:Consolas,Monaco,monospace;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word}.md-body[data-v-69bfd61d] .md-link{color:var(--color-primary-light);text-decoration:underline}.md-body[data-v-69bfd61d] .md-img{max-width:100%;max-height:70vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:block;margin:8px auto;border-radius:8px}.md-body[data-v-69bfd61d] p{margin:0 0 8px}.md-body[data-v-69bfd61d] p:last-child{margin-bottom:0}.md-body[data-v-69bfd61d] img{max-width:100%;max-height:70vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:block;margin:8px auto;border-radius:8px}.md-body[data-v-69bfd61d] a{color:var(--color-primary-light);text-decoration:underline;word-break:break-all}.md-body[data-v-69bfd61d] span{color:inherit}.md-body[data-v-69bfd61d] strong,.md-body[data-v-69bfd61d] b{color:var(--color-text)}.md-body[data-v-69bfd61d] ul,.md-body[data-v-69bfd61d] ol{padding-left:20px;margin:4px 0 8px}.resize-handle[data-v-69bfd61d]{position:absolute;z-index:10}.resize-t[data-v-69bfd61d],.resize-b[data-v-69bfd61d]{left:10px;right:10px;height:6px;cursor:ns-resize}.resize-t[data-v-69bfd61d]{top:0}.resize-b[data-v-69bfd61d]{bottom:0}.resize-l[data-v-69bfd61d],.resize-r[data-v-69bfd61d]{top:10px;bottom:10px;width:6px;cursor:ew-resize}.resize-l[data-v-69bfd61d]{left:0}.resize-r[data-v-69bfd61d]{right:0}.route-progress[data-v-1bf7e686]{position:fixed;top:0;left:0;right:0;height:2px;z-index:9999;overflow:hidden;pointer-events:none}.route-progress-bar[data-v-1bf7e686]{height:100%;width:35%;background:#007aff;box-shadow:0 0 8px #007affcc;animation:route-progress-slide-1bf7e686 .9s ease-in-out infinite}@keyframes route-progress-slide-1bf7e686{0%{transform:translate(-110%)}to{transform:translate(400%)}}:root,[data-theme=midnight-blue]{--color-bg: #0A0F1C;--color-card: #151E30;--color-surface: #1E2A40;--color-primary: #4F8CFF;--color-primary-light: #7AA8FF;--color-primary-lighter: #A8C4FF;--color-text: #FFFFFF;--color-text-secondary: #D4DCE8;--color-text-muted: #8B9BB4;--color-border: #2A3A55;--color-border-light: #3D5270;--color-success: #4ADE80;--color-warning: #FBBF24;--color-danger: #F87171;--color-accent: #38BDF8;--font-family: "Inter", "Noto Sans SC", -apple-system, sans-serif}[data-theme=midnight-purple]{--color-bg: #0D0B18;--color-card: #181428;--color-surface: #221D38;--color-primary: #9F7AEA;--color-primary-light: #B794F4;--color-primary-lighter: #D6BCFA;--color-text: #FFFFFF;--color-text-secondary: #E2D8F0;--color-text-muted: #9B8AB8;--color-border: #352D50;--color-border-light: #4A3F6E;--color-success: #48BB78;--color-warning: #F6AD55;--color-danger: #FC8181;--color-accent: #4FD1C5;--font-family: "Noto Sans SC", "PingFang SC", sans-serif}[data-theme=graphite-dark]{--color-bg: #121214;--color-card: #1E1E20;--color-surface: #2A2A2D;--color-primary: #007AFF;--color-primary-light: #409CFF;--color-primary-lighter: #64B5FF;--color-text: #FFFFFF;--color-text-secondary: #E5E5EA;--color-text-muted: #8E8E93;--color-border: #38383A;--color-border-light: #48484A;--color-success: #30D158;--color-warning: #FF9F0A;--color-danger: #FF453A;--color-accent: #64D2FF;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=deep-teal]{--color-bg: #081414;--color-card: #102424;--color-surface: #183232;--color-primary: #2DD4BF;--color-primary-light: #5EEAD4;--color-primary-lighter: #99F6E4;--color-text: #FFFFFF;--color-text-secondary: #CCFBF1;--color-text-muted: #5EEAD4;--color-border: #1E4E4E;--color-border-light: #2D6B6B;--color-success: #34D399;--color-warning: #FBBF24;--color-danger: #F87171;--color-accent: #22D3EE;--font-family: "Poppins", "Noto Sans SC", sans-serif}[data-theme=espresso-gold]{--color-bg: #14100C;--color-card: #221A14;--color-surface: #30251C;--color-primary: #E0B080;--color-primary-light: #EDC9A0;--color-primary-lighter: #F5DEC0;--color-text: #FFF8F0;--color-text-secondary: #F5E6D3;--color-text-muted: #C4A882;--color-border: #4A3A2A;--color-border-light: #6B5540;--color-success: #48BB78;--color-warning: #F6AD55;--color-danger: #FC8181;--color-accent: #F6E05E;--font-family: "Playfair Display", "Noto Serif SC", serif}[data-theme=forest-dark]{--color-bg: #0A120E;--color-card: #122018;--color-surface: #1A2E22;--color-primary: #34D399;--color-primary-light: #6EE7B7;--color-primary-lighter: #A7F3D0;--color-text: #FFFFFF;--color-text-secondary: #D1FAE5;--color-text-muted: #6EE7B7;--color-border: #2D5A42;--color-border-light: #3D7A58;--color-success: #4ADE80;--color-warning: #FBBF24;--color-danger: #F87171;--color-accent: #2DD4BF;--font-family: "Roboto", "Noto Sans SC", sans-serif}[data-theme=space-black]{--color-bg: #000000;--color-card: #0A0A0F;--color-surface: #14141F;--color-primary: #00D4FF;--color-primary-light: #4DE5FF;--color-primary-lighter: #99F0FF;--color-text: #FFFFFF;--color-text-secondary: #B8C5D6;--color-text-muted: #6B7A8F;--color-border: #1A1A2E;--color-border-light: #2A2A45;--color-success: #00FF88;--color-warning: #FFD700;--color-danger: #FF3366;--color-accent: #FF00FF;--font-family: "Orbitron", "Noto Sans SC", sans-serif}[data-theme=rose-gold]{--color-bg: #160E10;--color-card: #24161A;--color-surface: #331F25;--color-primary: #E8A0B0;--color-primary-light: #F0B8C5;--color-primary-lighter: #F7D4DC;--color-text: #FFF5F7;--color-text-secondary: #F5DDE3;--color-text-muted: #D4A0AE;--color-border: #4A2A33;--color-border-light: #6B3D48;--color-success: #68D391;--color-warning: #F6AD55;--color-danger: #FC8181;--color-accent: #F687B3;--font-family: "Playfair Display", "Noto Serif SC", serif}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--color-border)}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.btn-modal-cancel{background:#1a2133cc;border:1px solid rgba(102,116,143,.4);color:#d1d1d6;border-radius:8px;padding:9px 22px;font-size:13px;cursor:pointer;transition:all .15s ease}.btn-modal-cancel:hover{background:#242c40f2;border-color:#66748fb3;color:#fff}.btn-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-modal-primary{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:9px 22px;font-size:13px;cursor:pointer;transition:all .15s ease}.btn-modal-primary:hover{filter:brightness(1.1)}.btn-modal-primary:disabled{opacity:.6;cursor:not-allowed}.btn-modal-danger{background:#ff3b30;color:#fff;border:none;border-radius:8px;padding:9px 22px;font-size:13px;cursor:pointer;transition:all .15s ease}.btn-modal-danger:hover{filter:brightness(1.1)}.btn-modal-danger:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:#141a29cc;border:1px solid rgba(102,116,143,.3);color:#d1d1d6;border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);color:#fff}.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{filter:brightness(1.1)}.btn-danger-ghost{background:#ff3b301f;color:#ff5757;border:1px solid rgba(255,59,48,.3);border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn-danger-ghost:hover{background:#ff3b302e;border-color:#ff3b3080}.btn-ai{background:linear-gradient(135deg,#007aff2e,#af52de2e);color:#d6dbe6;border:1px solid rgba(0,122,255,.3);border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn-ai:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 28%,transparent),#af52de47);color:#fff}.form-label{display:block;font-size:12px;color:#b6bccd;margin-bottom:6px;font-weight:500}.form-input{width:100%;background:#141a29cc;border:1px solid rgba(102,116,143,.4);color:#fff;border-radius:8px;padding:9px 12px;font-size:13px;transition:all .15s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 12%,transparent)}.form-textarea{min-height:80px;resize:vertical}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 12%,transparent)}.form-select{width:100%;background:#141a29cc;border:1px solid rgba(102,116,143,.4);color:#fff;border-radius:8px;padding:9px 12px;font-size:13px;transition:all .15s ease;cursor:pointer}.form-select option{background:#1a2235;color:#fff}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 12%,transparent)}.form-hint{font-size:11px;color:#8e96ab;line-height:1.5;margin-top:4px}.sub-modal-mask,.vue-modal-mask{position:fixed;inset:0;z-index:70;background:#0000008c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.sub-modal-card{background:#141a29f5;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 50px #00000080;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalIn .2s cubic-bezier(.22,1,.36,1)}.check-list-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;transition:background .15s;font-size:13px}.check-list-item:hover{background:#3b82f614}.check-list-item input[type=checkbox]{accent-color:var(--color-primary);width:15px;height:15px}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder,.form-select::-moz-placeholder{color:#48484a!important}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:#48484a!important}.btn-ghost-sm{background:#1a2133cc;border:1px solid rgba(102,116,143,.4);border-radius:6px;padding:6px 12px;font-size:12.5px;color:#d1d1d6;cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-ghost-sm:hover{border-color:var(--color-primary);color:#fff;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.btn-primary-sm{background:var(--color-primary);border-radius:6px;padding:7px 16px;font-size:12.5px;color:#fff;cursor:pointer;border:none;white-space:nowrap}.btn-primary-sm:hover{opacity:.88}.btn-danger-sm{background:#ff453a1f;border:1px solid rgba(255,69,58,.3);border-radius:6px;padding:6px 14px;font-size:12.5px;color:#ff453a;cursor:pointer;white-space:nowrap}.btn-danger-sm:hover{background:#ff453a33}.selected-tag{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:4px 10px;font-size:12px;color:#d1d1d6;margin:2px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}.selected-tag .remove-tag{cursor:pointer;color:#8e8e93;transition:color .15s}.selected-tag .remove-tag:hover{color:#ff453a}.selected-tag-device{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}.selected-tag-device .fa-desktop{color:#0a84ff;font-size:12px}.selected-tag-group{background:#ff7d0014;border:1px solid rgba(255,125,0,.3)}.selected-tag-group .fa-folder{color:#ff9f0a;font-size:12px}.selected-tag-label{background:#af52de1a;border:1px solid rgba(175,82,222,.3)}.selected-tag-label .fa-tags{color:#af52de;font-size:12px}.volume-num-input{width:64px;background:#1a2133d9;border:1px solid rgba(102,116,143,.4);border-radius:6px;padding:6px 8px;font-size:12.5px;color:#e5e5ea;outline:none;text-align:center}.volume-num-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 12%,transparent)}.playlist-chip{display:inline-flex;align-items:center;gap:5px;background:#165dff1a;border:1px solid rgba(22,93,255,.28);border-radius:6px;padding:3px 8px;font-size:11.5px;color:#d1d1d6}.playlist-chip .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.playlist-chip .remove{cursor:pointer;color:#8e8e93;flex-shrink:0}.playlist-chip .remove:hover{color:#ff453a}.sub-modal-header{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sub-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.sub-modal-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.sub-modal-close{color:#8e96ab;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.sub-modal-close:hover{color:#fff;background:#ffffff0d}.drawer-mask{position:fixed;inset:0;z-index:80;background:#0000008c;backdrop-filter:blur(4px)}.drawer-panel{position:fixed;top:0;right:0;bottom:0;z-index:81;width:100%;background:#141a29fa;border-left:1px solid rgba(255,255,255,.05);box-shadow:-8px 0 30px #00000080;display:flex;flex-direction:column}.drawer-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.drawer-body{flex:1;overflow-y:auto;padding:20px}.drawer-footer{padding:14px 20px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.data-table th{background:#ffffff08;color:#8e96ab;font-weight:500;padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.03);color:#d6dbe6;vertical-align:middle}.data-table tr:hover td{background:#ffffff05}.data-table tr:last-child td{border-bottom:none}.data-table input[type=checkbox],.file-check,.store-check,.song-check{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;background:#fff;border:1.5px solid #c8cdd6;border-radius:2px;cursor:pointer;transition:all .15s ease;position:relative;flex-shrink:0;box-sizing:border-box;accent-color:transparent}.data-table input[type=checkbox]:hover,.file-check:hover,.store-check:hover,.song-check:hover{border-color:var(--color-primary);background:#fff}.data-table input[type=checkbox]:checked,.file-check:checked,.store-check:checked,.song-check:checked{background:var(--color-primary);border-color:var(--color-primary)}.data-table input[type=checkbox]:checked:after,.file-check:checked:after,.store-check:checked:after,.song-check:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.data-table input[type=checkbox]:indeterminate,.file-check:indeterminate,.store-check:indeterminate,.song-check:indeterminate{background:var(--color-primary);border-color:var(--color-primary)}.data-table input[type=checkbox]:indeterminate:after,.file-check:indeterminate:after,.store-check:indeterminate:after,.song-check:indeterminate:after{content:"";position:absolute;top:50%;left:3px;right:3px;height:2px;background:#fff;transform:translateY(-50%);border:none;width:auto}.data-table input[type=checkbox]:disabled,.file-check:disabled,.store-check:disabled,.song-check:disabled{background:#3a3a3c;border-color:#48484a;cursor:not-allowed}.task-row input[type=checkbox],.min-w-\[860px\] .grid input[type=checkbox],.sub-modal-card .rounded-lg.border input[type=checkbox],.glass table input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;background:#fff;border:1.5px solid #c8cdd6;border-radius:2px;cursor:pointer;transition:all .15s ease;position:relative;flex-shrink:0;box-sizing:border-box;accent-color:transparent}.task-row input[type=checkbox]:hover,.min-w-\[860px\] .grid input[type=checkbox]:hover,.sub-modal-card .rounded-lg.border input[type=checkbox]:hover,.glass table input[type=checkbox]:hover{border-color:var(--color-primary);background:#fff}.task-row input[type=checkbox]:checked,.min-w-\[860px\] .grid input[type=checkbox]:checked,.sub-modal-card .rounded-lg.border input[type=checkbox]:checked,.glass table input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.task-row input[type=checkbox]:checked:after,.min-w-\[860px\] .grid input[type=checkbox]:checked:after,.sub-modal-card .rounded-lg.border input[type=checkbox]:checked:after,.glass table input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.task-row input[type=checkbox]:indeterminate,.min-w-\[860px\] .grid input[type=checkbox]:indeterminate,.sub-modal-card .rounded-lg.border input[type=checkbox]:indeterminate,.glass table input[type=checkbox]:indeterminate{background:var(--color-primary);border-color:var(--color-primary)}.task-row input[type=checkbox]:indeterminate:after,.min-w-\[860px\] .grid input[type=checkbox]:indeterminate:after,.sub-modal-card .rounded-lg.border input[type=checkbox]:indeterminate:after,.glass table input[type=checkbox]:indeterminate:after{content:"";position:absolute;top:50%;left:3px;right:3px;height:2px;background:#fff;transform:translateY(-50%);border:none;width:auto}.task-row input[type=checkbox]:disabled,.min-w-\[860px\] .grid input[type=checkbox]:disabled,.sub-modal-card .rounded-lg.border input[type=checkbox]:disabled,.glass table input[type=checkbox]:disabled{background:#3a3a3c;border-color:#48484a;cursor:not-allowed}.page-tab{padding:8px 16px;font-size:13px;color:#b6bccd;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease}.page-tab:hover{color:#fff}.page-tab-active{color:#007aff;border-bottom-color:#007aff;font-weight:500}.module-tab{padding:10px 20px;font-size:13px;color:#8e96ab;cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent}.module-tab:hover{color:#d6dbe6}.module-tab-active{color:#007aff;border-bottom-color:#007aff;font-weight:500}.dropdown-menu{background:#141a29f5;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:4px;min-width:160px;box-shadow:0 10px 30px #00000080}.dropdown-item{padding:8px 12px;border-radius:6px;font-size:13px;color:#d6dbe6;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .15s ease}.dropdown-item:hover{background:#ffffff0a}.dropdown-item.danger{color:#ff5757}.dropdown-item.danger:hover{background:#ff3b3014}.dropdown-item.disabled{opacity:.5;cursor:not-allowed}.radio-card{background:#141a29cc;border:1px solid rgba(102,116,143,.3);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s ease}.radio-card.active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(102,116,143,.6);flex-shrink:0;position:relative;transition:all .15s ease}.radio-card.active .radio-dot,.task-type-card.active .radio-dot{border-color:var(--color-primary)}.radio-card.active .radio-dot:after,.task-type-card.active .radio-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.switch{position:relative;display:inline-block;width:38px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:#66748f80;border-radius:22px;transition:.2s}.slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:#007aff}.switch input:checked+.slider:before{transform:translate(16px)}.status-active,.status-scheduled,.status-expired{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.status-active i,.status-scheduled i,.status-expired i{font-size:7px}.status-active{background:#00b42a1f;color:#30d158}.status-scheduled{background:#ff7d001f;color:#ff9f0a}.status-expired{background:#86909c1f;color:#8e8e93}.breadcrumb-item{color:#8e96ab;font-size:12px;cursor:pointer;transition:color .15s ease}.breadcrumb-item:hover{color:#d6dbe6}.breadcrumb-current{color:#d6dbe6;font-size:12px}.tag-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#007aff1f;color:#4ca8ff;border-radius:10px;font-size:11px}.btn-add-device{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-primary, #4ca8ff);background:transparent;padding:2px 8px;border-radius:8px;cursor:pointer;transition:background .15s}.btn-add-device:hover{background:#007aff1a}.priority-chip{position:relative}.priority-chip .tag-pill{display:inline-block;padding:2px 8px;font-size:11px;font-weight:500;border:1px solid transparent;opacity:.6;transform:scale(1);transition:all .18s ease;cursor:pointer}.priority-chip:hover{transform:translateY(-1px) scale(1.03)}.priority-chip:hover .tag-pill{transform:scale(1.06);opacity:1;border-color:#22d3eea6!important;box-shadow:0 0 0 1.5px #22d3ee66,0 4px 16px #22d3ee40}.upload-area{background:#141a29cc;border:1.5px dashed rgba(102,116,143,.4);border-radius:12px;padding:32px 16px;text-align:center;cursor:pointer;transition:all .15s ease}.upload-area:hover{border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);background:color-mix(in srgb,var(--color-primary) 4%,transparent)}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translateY(-12px)}}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-green{0%{box-shadow:0 0 #00b42a8c}70%{box-shadow:0 0 0 8px #00b42a00}to{box-shadow:0 0 #00b42a00}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fa.fa-robot:before,.fa.fa-palette:before,.fa.fa-folder-plus:before{font-family:"Font Awesome 6 Free";font-weight:900}*{box-sizing:border-box}html,body{height:100%}html{font-family:var(--font-family)}:where(html.route-device-management){font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}body{background-color:var(--color-bg);background-image:radial-gradient(ellipse at 25% 0%,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 55%),radial-gradient(ellipse at 75% 100%,rgba(139,92,246,.05) 0,transparent 55%);color:var(--color-text);margin:0;padding:0}.bare-layout{height:100vh;overflow:hidden}.bare-layout .register-page,.bare-layout .login-page{height:100vh;overflow-y:auto}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--color-bg) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--color-bg);border-radius:4px}.scrollbar-thin::-webkit-scrollbar-button{display:none}.menu-active{background-color:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);border-left:2px solid var(--color-primary)}.sidebar-animate{transition:transform .3s ease-in-out}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0a0e18f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(102,116,143,.22);display:flex;justify-content:space-around;padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:40}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;color:#48484a;text-decoration:none;transition:color .2s;font-size:10px;min-width:48px}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item i{font-size:18px}@media(max-width:767px){.modal-mask,.sub-modal-mask{align-items:flex-end!important;padding:0!important}.modal-card,.sub-modal-card{width:100%!important;max-width:100%!important;max-height:92vh!important;border-radius:20px 20px 0 0!important;animation:slideUp .32s cubic-bezier(.22,1,.36,1)!important}.modal-card:before,.sub-modal-card:before{content:"";display:block;width:36px;height:4px;background:#3a3a3c;border-radius:2px;margin:10px auto 0}main{padding-bottom:76px!important}}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:20000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;max-width:calc(100% - 32px)}.toast{background:#101522f5;backdrop-filter:blur(16px);border:1px solid rgba(102,116,143,.3);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;color:#e5e5ea;box-shadow:0 12px 40px #00000073;animation:toastIn .3s ease;pointer-events:auto}.toast.success{background:#30d158f2!important;backdrop-filter:blur(12px)!important;border-color:#30d158f2!important;color:#fff!important}.toast.success i{color:#fff!important}.toast.error{border-color:#f53f3f73}.toast.error i{color:#ff453a}.toast.warning{border-color:#ff7d0073}.toast.warning i{color:#ff9f0a}.toast.info i{color:#007aff}.toast.out{animation:toastOut .3s ease forwards}.fab-btn{position:fixed;bottom:84px;right:16px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;box-shadow:0 8px 28px color-mix(in srgb,var(--color-primary) 45%,transparent);display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;z-index:35;transition:transform .2s,box-shadow .2s}.fab-btn:active{transform:scale(.9);box-shadow:0 4px 14px color-mix(in srgb,var(--color-primary) 30%,transparent)}.action-sheet-mask{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);z-index:80;display:none;align-items:flex-end;justify-content:center}.action-sheet-mask.show{display:flex}.action-sheet{width:100%;max-width:500px;background:#101522fa;backdrop-filter:blur(20px);border-radius:20px 20px 0 0;padding:8px 0 calc(12px + env(safe-area-inset-bottom));animation:slideUp .3s cubic-bezier(.22,1,.36,1);max-height:80vh;overflow-y:auto;position:relative}.action-sheet:before{content:"";display:block;width:36px;height:4px;background:#3a3a3c;border-radius:2px;margin:10px auto 0;pointer-events:none}.action-sheet.no-handle:before{display:none}.action-sheet-title{text-align:center;font-size:15px;font-weight:600;color:#f2f2f7;padding:12px 16px 8px;border-bottom:1px solid rgba(0,0,0,.08)}.action-sheet-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;font-size:15px;color:#f2f2f7;border-bottom:1px solid rgba(102,116,143,.1);cursor:pointer;transition:background .15s}.action-sheet-item:active{background:#0000000f}.action-sheet-item i{width:20px;text-align:center;color:#48484a}.action-sheet-item i.text-primary{color:#007aff}.action-sheet-item i.text-success{color:#30d158}.action-sheet-item i.text-warning{color:#ff9f0a}.action-sheet-item i.text-danger{color:#ff453a}.action-sheet-item i.fa-angle-right{width:auto;margin-left:auto;color:#8e8e93}.action-sheet-item.danger,.action-sheet-item.danger i{color:#ff453a}.action-sheet-cancel{text-align:center;padding:14px 20px;font-size:15px;color:#ff453a;border-top:8px solid rgba(0,0,0,.3);cursor:pointer}.action-sheet-form{display:flex;flex-direction:column;padding:0;overflow:hidden}.action-sheet-form-header{flex-shrink:0}.action-sheet-form-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.action-sheet-form-footer{flex-shrink:0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}@media(min-width:768px){.action-sheet-mask{align-items:center;justify-content:center;padding:16px;animation:modalFadeIn .18s ease}.action-sheet{width:auto;min-width:280px;max-width:400px;border-radius:20px;background:#101522fa;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #00000059;padding:0;overflow:hidden;animation:modalScaleIn .22s cubic-bezier(.22,1,.36,1)}.action-sheet:before{display:none}.action-sheet-title{padding:12px 16px 8px;color:#f2f2f7;border-bottom:1px solid rgba(0,0,0,.08);font-size:15px;font-weight:600}.action-sheet-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;font-size:15px;border-bottom:1px solid rgba(102,116,143,.1);border-radius:0;margin:0;transition:background .15s;color:#f2f2f7}.action-sheet-item:hover{background:#0000000f}.action-sheet-item i,.action-sheet-item i.text-primary,.action-sheet-item i.text-warning,.action-sheet-item i.text-success,.action-sheet-item i.text-danger{color:#48484a!important}.action-sheet-cancel{margin:0;border-radius:0;border-top:8px solid rgba(0,0,0,.3);background:#101522fa;padding:14px 20px;font-size:15px;color:#ff453a}.action-sheet-cancel:hover{background:#4a4a4c}.action-sheet-form{max-height:80vh}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.skeleton{background:linear-gradient(90deg,#1a213380 25%,#1a2133e6,#1a213380 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:6px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.empty-state i{font-size:44px;color:#2a3348;margin-bottom:14px}.empty-state .empty-title{font-size:14px;color:#48484a;margin-bottom:4px}.empty-state .empty-desc{font-size:12px;color:#3d4659}.btn-ghost,.btn-primary-sm,.btn-danger-sm,.btn-query,.modal-footer-btn,.btn-ghost-sm{transition:all .18s}.btn-ghost:active,.btn-primary-sm:active,.btn-danger-sm:active,.btn-query:active,.modal-footer-btn:active,.btn-ghost-sm:active{transform:scale(.95)}.playlist-card:active,.card-hover:active{transform:scale(.98)}.filter-tag{display:inline-flex;align-items:center;gap:4px;background:#165dff1f;border:1px solid rgba(22,93,255,.3);color:#0a84ff;border-radius:14px;padding:3px 10px;font-size:11px;margin:2px}.filter-tag .remove{cursor:pointer;opacity:.7}.filter-tag .remove:hover{opacity:1;color:#ff453a}.tab-indicator{position:relative}.tab-indicator:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#007aff;transform:scaleX(0);transition:transform .25s ease}.tab-indicator.active:after{transform:scaleX(1)}.count-up{font-variant-numeric:tabular-nums}#sidebar{transition:width .3s cubic-bezier(.25,.1,.25,1);background:color-mix(in srgb,var(--color-card) 90%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(255,255,255,.06)}@media(min-width:1024px){#sidebar{position:relative;overflow:hidden}}@media(max-width:1023px){#sidebar{position:fixed;overflow-y:auto;overflow-x:hidden}}.sidebar-logo-container{transition:all .3s cubic-bezier(.25,.1,.25,1)}.sidebar-logo-icon{transition:transform .3s ease}.nav-item{position:relative;transition:background-color .18s ease;border-radius:8px;margin:2px 8px}.nav-item:hover{background:color-mix(in srgb,var(--color-text) 5%,transparent)}.nav-item.menu-active{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary-light)}.nav-item.menu-active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-primary);border-radius:0 2px 2px 0}.sidebar-group-title{font-size:11px;letter-spacing:.5px;text-transform:uppercase;opacity:.6;padding:16px 16px 6px;margin:0}#sidebar.sidebar-collapsed .nav-item i{margin-right:0!important}#sidebar.sidebar-collapsed .nav-item{position:relative}@media(min-width:1024px){html.sidebar-collapsed-global #sidebar,#sidebar.sidebar-collapsed{width:64px!important}html.sidebar-collapsed-global #sidebar .sidebar-text,html.sidebar-collapsed-global #sidebar .sidebar-logo-text,html.sidebar-collapsed-global #sidebar .sidebar-group-title,#sidebar.sidebar-collapsed .sidebar-text,#sidebar.sidebar-collapsed .sidebar-logo-text,#sidebar.sidebar-collapsed .sidebar-group-title{display:none!important}html.sidebar-collapsed-global #sidebar .sidebar-logo-container,#sidebar.sidebar-collapsed .sidebar-logo-container{justify-content:center}html.sidebar-collapsed-global #sidebar .nav-item,#sidebar.sidebar-collapsed .nav-item{justify-content:center;padding-left:8px!important;padding-right:8px!important;margin-left:8px!important;margin-right:8px!important}html.sidebar-collapsed-global #sidebar .nav-item i,#sidebar.sidebar-collapsed .nav-item i{margin-right:0!important}}.sidebar-drawer-btn{position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:28px;height:52px;background:linear-gradient(135deg,#3b82f6,#818cf8);border:1px solid rgba(255,255,255,.25);border-left:none;border-radius:0 14px 14px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .25s ease;color:#fff;font-size:12px;padding:0;box-shadow:0 0 20px color-mix(in srgb,var(--color-primary) 50%,transparent),2px 0 12px #0000004d}.sidebar-drawer-btn:hover{background:linear-gradient(135deg,#60a5fa,#a5b4fc);color:#fff;border-color:#fff6;width:32px;box-shadow:0 0 30px color-mix(in srgb,var(--color-primary) 70%,transparent),4px 0 16px #0006;transform:translateY(-50%) scale(1.05)}.sidebar-drawer-btn:active{transform:translateY(-50%) scale(.95)}html.sidebar-collapsed-global .sidebar-drawer-btn i,#sidebar.sidebar-collapsed .sidebar-drawer-btn i{transform:rotate(180deg)}.sidebar-drawer-btn i{transition:transform .3s ease}#sidebar::-webkit-scrollbar{width:3px}#sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}#sidebar::-webkit-scrollbar-track{background:transparent}.glass{background:color-mix(in srgb,var(--color-card) 90%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.modal-skin{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-card))}.modal-skin.border-white\/5,.modal-skin.border-white\/10{border-color:color-mix(in srgb,var(--color-primary) 22%,transparent)}.glass-overlay{background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card-hover{transition:all .24s ease;cursor:pointer}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 18%,transparent);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)!important}@media(max-width:1023px){html.sidebar-collapsed-global #sidebar,#sidebar.sidebar-collapsed{width:256px!important}html.sidebar-collapsed-global #sidebar .sidebar-text,html.sidebar-collapsed-global #sidebar .sidebar-logo-text,html.sidebar-collapsed-global #sidebar .sidebar-group-title,#sidebar.sidebar-collapsed .sidebar-text,#sidebar.sidebar-collapsed .sidebar-logo-text,#sidebar.sidebar-collapsed .sidebar-group-title{display:block!important}.sidebar-drawer-btn{display:none!important}}:where(html.route-account-management) .sidebar-animate{transition:transform .3s ease-in-out}:where(html.route-account-management,html.route-audit-management,html.route-custom-features,html.route-data-statistics,html.route-enterprise-info,html.route-monitor-management,html.route-org-structure) body{background-color:var(--color-bg);background-image:radial-gradient(ellipse at 25% 0%,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 55%),radial-gradient(ellipse at 75% 100%,rgba(139,92,246,.05) 0,transparent 55%);color:var(--color-text);margin:0;padding:0}:where(html.route-audit-management,html.route-custom-features,html.route-data-statistics,html.route-enterprise-info,html.route-monitor-management,html.route-org-structure) .sidebar-animate{transition:transform .3s ease-in-out}:where(html.route-account-management) .page-tab-active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,transparent);font-weight:600}:where(html.route-account-management,html.route-audit-management,html.route-data-statistics,html.route-traffic-query) .page-tab{border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}:where(html.route-account-management,html.route-audit-management,html.route-data-statistics,html.route-traffic-query) .page-tab:hover{color:#d1d1d6}:where(html.route-account-management,html.route-audit-management,html.route-data-statistics,html.route-enterprise-info,html.route-monitor-management) .data-table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}:where(html.route-account-management,html.route-audit-management,html.route-data-statistics,html.route-enterprise-info,html.route-monitor-management,html.route-org-structure) .data-table th{text-align:left;padding:10px 12px;background:#1a213399;color:#8e8e93;font-weight:500;font-size:12px;border-bottom:1px solid rgba(102,116,143,.25);white-space:nowrap}:where(html.route-account-management,html.route-audit-management,html.route-data-statistics,html.route-enterprise-info,html.route-monitor-management,html.route-my-playlists,html.route-org-structure) .data-table td{padding:10px 12px;border-bottom:1px solid rgba(102,116,143,.15);color:#d1d1d6}:where(html.route-account-management,html.route-audit-management,html.route-data-statistics,html.route-enterprise-info,html.route-monitor-management,html.route-my-broadcast,html.route-my-materials,html.route-my-playlists,html.route-org-structure,html.route-broadcast-folder-detail) .data-table tr:hover td{background:color-mix(in srgb,var(--color-primary) 4%,transparent)}:where(html.route-account-management,html.route-audit-management,html.route-interrupt-task,html.route-monitor-management,html.route-multi-screen,html.route-my-broadcast,html.route-my-materials,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .form-label{display:block;font-size:13px;color:#d1d1d6;font-weight:600;margin-bottom:6px}:where(html.route-account-management,html.route-audit-management,html.route-data-statistics,html.route-enterprise-info,html.route-interrupt-task,html.route-monitor-management,html.route-multi-screen,html.route-my-broadcast,html.route-my-materials,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .sub-modal-mask{background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}:where(html.route-account-management,html.route-audit-management,html.route-data-statistics,html.route-enterprise-info,html.route-monitor-management) .sub-modal-card{box-shadow:0 20px 60px #00000080;animation:modalIn .2s cubic-bezier(.22,1,.36,1)}:where(html.route-account-management) .role-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}:where(html.route-account-management) .perm-group{background:#1a213380;border:1px solid rgba(102,116,143,.2);border-radius:8px;padding:10px 12px;margin-bottom:8px}:where(html.route-account-management) .perm-group-title{font-size:12px;font-weight:600;color:#d1d1d6;margin-bottom:6px;display:flex;align-items:center;gap:6px}:where(html.route-account-management) .perm-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#8e8e93;padding:3px 0}:where(html.route-account-management) .account-card-mobile{display:flex;align-items:center;padding:14px 16px;gap:12px;background:#141a2959}:where(html.route-account-management) .account-card-body{flex:1;min-width:0}:where(html.route-account-management) .account-card-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}:where(html.route-account-management) .account-action-btn{display:flex;align-items:center;justify-content:center;gap:3px;padding:4px 6px;border:none;cursor:pointer;font-size:11px;transition:all .15s;white-space:nowrap;background:transparent;border-radius:4px}:where(html.route-account-management) .account-action-btn.edit{color:#0a84ff}:where(html.route-account-management) .account-action-btn.edit:active{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}:where(html.route-account-management) .account-action-btn.delete{color:#ff453a}:where(html.route-account-management) .account-action-btn.delete:active{background:#ff453a1f}:where(html.route-account-management) .mobile-filter-bar{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:#2c2c2e;border:1px solid rgba(102,116,143,.55);border-radius:8px;color:#d1d1d6;cursor:pointer}:where(html.route-account-management) .mobile-filter-bar i{color:#007aff;font-size:13px}:where(html.route-account-management) .mobile-filter-bar:active{background:#141a29e6}:where(html.route-account-management) .mobile-filter-sheet{position:absolute;left:0;right:0;bottom:0;background:#141a29;border-top-left-radius:18px;border-top-right-radius:18px;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom);max-height:80vh;display:flex;flex-direction:column;z-index:81}:where(html.route-account-management) .mobile-filter-sheet.sheet-show{transform:translateY(0)}:where(html.route-account-management) .sheet-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:10px auto 6px;flex-shrink:0}:where(html.route-account-management) .sheet-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 14px;border-bottom:1px solid rgba(102,116,143,.15);flex-shrink:0}:where(html.route-account-management) .sheet-body{padding:20px 20px 8px;overflow-y:auto;flex:1}:where(html.route-account-management) .sheet-footer{display:flex;gap:12px;padding:16px 20px 20px;flex-shrink:0}:where(html.route-audit-management,html.route-data-statistics,html.route-traffic-query) .page-tab-active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,transparent);font-weight:600}:where(html.route-audit-management,html.route-data-statistics,html.route-my-playlists) .sub-tab-active{background:var(--color-primary);color:#fff}:where(html.route-audit-management,html.route-data-statistics) .sub-tab{transition:all .15s}:where(html.route-audit-management,html.route-custom-features) .switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}:where(html.route-audit-management,html.route-custom-features,html.route-device-management,html.route-play-task-management) .switch input{opacity:0;width:0;height:0}:where(html.route-audit-management,html.route-custom-features) .slider{position:absolute;cursor:pointer;inset:0;background:#3a3a3c;border-radius:22px;transition:.3s}:where(html.route-audit-management,html.route-custom-features) .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}:where(html.route-audit-management,html.route-custom-features) .switch input:checked+.slider{background:#007aff}:where(html.route-audit-management,html.route-custom-features,html.route-device-management,html.route-play-task-management) .switch input:checked+.slider:before{transform:translate(18px)}:where(html.route-audit-management) .status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}:where(html.route-custom-features) .feature-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;transition:background .15s}:where(html.route-custom-features) .feature-item:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}:where(html.route-custom-features) .feature-item .feat-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}:where(html.route-custom-features) .category-card{background:#1a213366;border:1px solid rgba(102,116,143,.25);border-radius:12px;padding:16px;transition:all .2s}:where(html.route-custom-features) .category-card:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}:where(html.route-custom-features) .hidden-by-search{display:none!important}:where(html.route-custom-features) .category-tip{font-size:12px;color:#8e8e93;margin:8px 0 16px;padding:10px 14px;background:#007aff0f;border-radius:8px;border-left:3px solid #007AFF;line-height:1.6}:where(html.route-custom-features) .feature-desc{font-size:11px;color:#8e8e93;margin-top:4px;line-height:1.5}:where(html.route-data-statistics) .stat-card{background:#1a213399;border:1px solid rgba(102,116,143,.25);border-radius:10px;padding:14px;transition:all .2s}:where(html.route-data-statistics) .stat-card:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);transform:translateY(-1px)}:where(html.route-device-management,html.route-home) .glass-overlay{background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}:where(html.route-device-management,html.route-home) .card-hover{transition:all .24s ease;cursor:pointer}:where(html.route-device-management,html.route-home) .card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 18%,transparent);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)!important}:where(html.route-device-management) .collapse-height{max-height:0;overflow:hidden;transition:max-height .26s ease}:where(html.route-device-management) .collapse-height.open{max-height:700px;overflow:visible}:where(html.route-device-management) .group-sub-item{border-left:1px solid #3A3A3C}:where(html.route-device-management) .group-panel-animate{transition:transform .3s ease}:where(html.route-device-management) .detail-drawer-mask{background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}:where(html.route-device-management) .detail-drawer{transition:transform .32s cubic-bezier(.22,1,.36,1);box-shadow:-12px 0 40px #00000080}:where(html.route-device-management) .detail-tab-active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,transparent)}:where(html.route-device-management) .detail-tab{border-bottom:2px solid transparent;transition:all .18s ease}:where(html.route-device-management) .detail-tab:hover{color:#d1d1d6}:where(html.route-device-management) .kv-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed rgba(102,116,143,.25);font-size:13px}:where(html.route-device-management) .kv-row:last-child{border-bottom:none}:where(html.route-device-management) .kv-label{color:var(--color-text-secondary);flex-shrink:0}:where(html.route-device-management) .kv-value{color:var(--color-text-secondary);text-align:right;word-break:break-all;margin-left:12px}:where(html.route-device-management) .section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin:14px 0 8px;padding-left:8px;border-left:3px solid var(--color-primary)}:where(html.route-device-management) .section-title:first-child{margin-top:0}:where(html.route-device-management) .section-title i{color:var(--color-primary)}:where(html.route-device-management) .sub-card{background:#1a21338c;border:1px solid rgba(102,116,143,.22);border-radius:10px;padding:12px 14px;margin-bottom:12px}:where(html.route-device-management,html.route-play-task-management) .switch{position:relative;display:inline-block;width:38px;height:20px;flex-shrink:0}:where(html.route-device-management) .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg);transition:.25s;border-radius:20px}:where(html.route-device-management,html.route-play-task-management) .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.25s;border-radius:50%}:where(html.route-device-management) .switch input:checked+.slider{background-color:var(--color-primary)}:where(html.route-device-management) .progress-bar{height:6px;background:var(--color-bg);border-radius:4px;overflow:hidden;flex:1}:where(html.route-device-management) .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:4px;transition:width .4s ease}:where(html.route-device-management) .song-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:6px;font-size:12.5px}:where(html.route-device-management) .song-row:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}:where(html.route-device-management) .song-row.playing{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}:where(html.route-device-management) .song-index{width:22px;text-align:center;color:#8e8e93;flex-shrink:0}:where(html.route-device-management) .song-info{flex:1;min-width:0}:where(html.route-device-management) .song-name{color:#e5e5ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(html.route-device-management) .song-meta{color:#8e8e93;font-size:11px;margin-top:2px}:where(html.route-device-management) .song-duration{color:#8e8e93;font-size:11.5px;flex-shrink:0}:where(html.route-device-management) input[type=range].vol-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--color-bg);border-radius:4px;outline:none}:where(html.route-device-management) input[type=range].vol-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:2px solid #fff}:where(html.route-device-management) .detail-input{background:#0f172acc;border:1px solid rgba(102,116,143,.35);border-radius:6px;padding:6px 10px;font-size:12.5px;color:var(--color-text-secondary);width:100%;outline:none}:where(html.route-device-management) .detail-input:focus{border-color:var(--color-primary)}:where(html.route-device-management) .detail-input::-moz-placeholder{color:#4a5468;opacity:1}:where(html.route-device-management) .detail-input::placeholder{color:#4a5468;opacity:1}:where(html.route-device-management) .group-caret{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#8e8e93;cursor:pointer;transition:background-color .15s,color .15s}:where(html.route-device-management) .group-caret:hover{background:#ffffff1f;color:#fff}:where(html.route-device-management) .group-caret i{font-size:13px;transition:transform .18s ease}:where(html.route-device-management) .group-caret.is-open i{transform:rotate(90deg)}:where(html.route-device-management) .group-caret.is-empty{cursor:inherit;pointer-events:none}:where(html.route-device-management) .group-caret.is-empty i{opacity:0}:where(html.route-device-management) .detail-select{background:#1a2133cc;border:1px solid rgba(102,116,143,.35);border-radius:6px;padding:6px 10px;font-size:12.5px;color:#e5e5ea;outline:none}:where(html.route-device-management) .btn-ghost{background:#1a2133b3;border:1px solid rgba(102,116,143,.35);border-radius:6px;padding:6px 12px;font-size:12.5px;color:#d1d1d6;cursor:pointer;transition:all .18s}:where(html.route-device-management) .btn-ghost:hover{border-color:var(--color-primary);color:#fff}:where(html.route-device-management) .btn-primary-sm{background:#007aff;border-radius:6px;padding:6px 14px;font-size:12.5px;color:#fff;cursor:pointer;border:none;transition:opacity .18s}:where(html.route-device-management) .btn-primary-sm:hover{opacity:.85}:where(html.route-device-management) .btn-danger-sm{background:#f53f3f1f;border:1px solid rgba(245,63,63,.4);border-radius:6px;padding:6px 12px;font-size:12.5px;color:#ff453a;cursor:pointer;transition:all .18s}:where(html.route-device-management,html.route-play-task-management) .btn-danger-sm:hover{background:#f53f3f33}:where(html.route-device-management) .tag-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;background:#165dff1f;color:#0a84ff;border:1px solid rgba(22,93,255,.25)}:where(html.route-device-management) .tag-pill.task-type-tag{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1px 6px;font-size:10px;font-weight:500;line-height:1.4;border-radius:999px;border:1px solid transparent;vertical-align:middle;flex-shrink:0;white-space:nowrap}:where(html.route-device-management) .label-set-group{padding:10px 12px;border-radius:10px;background:#1a213373;border:1px solid rgba(102,116,143,.28)}:where(html.route-device-management) .label-set-group__title{display:flex;align-items:center;gap:6px;font-size:13px;color:#e5e5ea}:where(html.route-device-management) .label-set-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 11px;border-radius:999px;font-size:12px;line-height:1.5;color:#9aa0ae;background:#ffffff0b;border:1px solid rgba(102,116,143,.4);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s}:where(html.route-device-management) .label-set-chip:hover{border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);color:#e5e5ea;background:#ffffff17}:where(html.route-device-management) .label-set-chip.is-checked{background:#007aff;border-color:#007aff;color:#fff;font-weight:600}:where(html.route-device-management) .label-set-chip.is-checked:hover{background:#0a84ff;border-color:#0a84ff;color:#fff}:where(html.route-device-management) .label-set-chip .tick{font-size:10px}:where(html.route-device-management) .pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;position:relative}:where(html.route-device-management) .pulse-dot.online{background:#30d158;box-shadow:0 0 #00b42a99;animation:pulse-green 2s infinite}:where(html.route-device-management) .pulse-dot.idle{background:#ff9f0a}:where(html.route-device-management) .pulse-dot.offline{background:#ff453a}:where(html.route-device-management,html.route-interrupt-task,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .batch-dropdown-menu{box-shadow:0 8px 32px #00000073}:where(html.route-device-management,html.route-interrupt-task,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .batch-item{transition:background .15s ease}:where(html.route-device-management,html.route-interrupt-task,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .batch-item:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:#fff}:where(html.route-device-management,html.route-interrupt-task,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .batch-item.danger:hover{background:#f53f3f1f;color:#ff453a}:where(html.route-device-management) .modal-mask{background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}:where(html.route-device-management) .modal-card{box-shadow:0 20px 60px #00000080;animation:modalIn .25s cubic-bezier(.22,1,.36,1)}:where(html.route-device-management) .add-tab-active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);font-weight:600}:where(html.route-device-management) .add-tab{border-bottom:2px solid transparent;transition:all .18s ease}:where(html.route-device-management) .form-label{display:block;font-size:12.5px;color:#8e8e93;margin-bottom:6px}:where(html.route-device-management) .form-label .required{color:#ff453a;margin-right:2px}:where(html.route-device-management) .io-switch{position:relative;width:46px;height:27px;background:#78788052;border-radius:14px;cursor:pointer;transition:background .2s;flex-shrink:0}:where(html.route-device-management) .io-switch.on{background:#4ade80}:where(html.route-device-management) .io-switch:after{content:"";position:absolute;top:2px;left:2px;width:23px;height:23px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 5px #00000040}:where(html.route-device-management) .io-switch.on:after{transform:translate(19px)}:where(html.route-device-management) .loc-tag{display:inline-block;font-size:9px;padding:0 5px;border-radius:8px;margin-right:3px;border:1px solid;line-height:16px}:where(html.route-device-management) .loc-tag i{margin-right:2px}:where(html.route-device-management) .loc-tag.in-store{background:#0a84ff1f;color:var(--color-primary-light);border-color:#60a5fa4d}:where(html.route-device-management) .loc-tag.out-store{background:#f59e0b1f;color:#f59e0b;border-color:#f59e0b4d}:where(html.route-device-management) .tag-cat-tab{transition:all .18s;position:relative}:where(html.route-device-management) .tag-cat-tab.active{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary-light)}:where(html.route-device-management) .tag-cat-tab:hover .cat-actions{display:flex!important}:where(html.route-device-management) .form-select{width:100%;background-color:#1a2133cc;border:1px solid rgba(102,116,143,.35);border-radius:8px;padding:9px 32px 9px 12px;font-size:13px;color:#e5e5ea;outline:none;cursor:pointer;color-scheme:dark;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1.4 1.2 6 5.8l4.6-4.6 1.1 1.1L6 8 0.3 2.3z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px 7px;transition:border-color .18s,box-shadow .18s}:where(html.route-device-management) .form-select:disabled{cursor:not-allowed;opacity:.55;background-image:none;pointer-events:none}:where(html.route-device-management,html.route-my-playlists) .form-select option{background:#1a2133;color:#e5e5ea}:where(html.route-device-management) .form-textarea{width:100%;background:#1a2133cc;border:1px solid rgba(102,116,143,.35);border-radius:8px;padding:10px 6px 10px 12px;font-size:13px;line-height:1.7;color:#e5e5ea;outline:none;resize:none;overflow-y:auto;min-height:140px;max-height:260px;font-family:inherit;color-scheme:dark;scrollbar-width:thin;scrollbar-color:rgba(142,142,147,.5) transparent;transition:border-color .18s,box-shadow .18s}:where(html.route-device-management) .form-textarea::-webkit-scrollbar{width:8px}:where(html.route-device-management) .form-textarea::-webkit-scrollbar-track{background:transparent;margin:6px 0}:where(html.route-device-management) .form-textarea::-webkit-scrollbar-thumb{background:#8e8e9373;border-radius:8px;border:2px solid transparent;background-clip:content-box}:where(html.route-device-management) .form-textarea::-webkit-scrollbar-thumb:hover{background:#8e8e93bf;background-clip:content-box}:where(html.route-device-management) .btn-query{background:#165dff1f;border:1px solid rgba(22,93,255,.4);color:#0a84ff;border-radius:8px;padding:9px 16px;font-size:13px;cursor:pointer;transition:all .18s;white-space:nowrap}:where(html.route-device-management) .btn-query:hover{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:#fff}:where(html.route-device-management) .pre-notice{background:#ff7d0014;border:1px solid rgba(255,125,0,25);border-radius:8px;padding:10px 12px;font-size:12px;color:#ffb366;line-height:1.6}:where(html.route-device-management) .pre-notice i{margin-right:6px}:where(html.route-device-management) .name-list-box{background:#1a213399;border:1px solid rgba(102,116,143,.3);border-radius:8px;min-height:100px;max-height:160px;overflow-y:auto;padding:8px}:where(html.route-device-management) .name-tag{display:inline-flex;align-items:center;gap:6px;background:#165dff1f;border:1px solid rgba(22,93,255,.3);color:#d1d1d6;border-radius:6px;padding:4px 10px;font-size:12px;margin:3px}:where(html.route-device-management) .name-tag .remove-name{cursor:pointer;color:#8e8e93;transition:color .15s}:where(html.route-device-management) .name-tag .remove-name:hover{color:#ff453a}:where(html.route-device-management) .upload-area{border:1.5px dashed rgba(102,116,143,.4);border-radius:8px;padding:14px;text-align:center;cursor:pointer;transition:all .18s;background:#1a21334d}:where(html.route-device-management) .upload-area:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}:where(html.route-device-management) .upload-area i{font-size:20px;color:#007aff;margin-bottom:4px}:where(html.route-device-management) .upload-area .upload-text{font-size:12.5px;color:#d1d1d6}:where(html.route-device-management) .upload-area .upload-hint{font-size:11px;color:#8e8e93;margin-top:3px}:where(html.route-device-management) .template-link{color:#0a84ff;font-size:12px;cursor:pointer;text-decoration:none}:where(html.route-device-management) .template-link:hover{text-decoration:underline}:where(html.route-device-management) .modal-footer-btn{padding:9px 22px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .18s;border:none}:where(html.route-device-management) .modal-cancel{background:#1a2133cc;border:1px solid rgba(102,116,143,.35);color:#d1d1d6}:where(html.route-device-management) .modal-cancel:hover{border-color:var(--color-primary);color:#fff}:where(html.route-device-management) .modal-confirm{background:var(--color-primary);color:#fff}:where(html.route-device-management) .modal-confirm:hover{opacity:.88}:where(html.route-device-management) .device-icon-box{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0b;border-radius:4px;transition:background .18s}:where(html.route-device-management) .device-icon-box:hover{background:#ffffff14}:where(html.route-device-management) .device-icon-img{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;pointer-events:none}:where(html.route-device-management) .detail-icon-img{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;pointer-events:none}:where(html.route-device-management) .detail-icon-box{position:relative;overflow:visible}:where(html.route-device-management) .detail-icon-box .device-icon-overlay{z-index:1;border-radius:12px;gap:12px}:where(html.route-device-management) .device-icon-overlay{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center;gap:8px;background:#00000073;border-radius:inherit}:where(html.route-device-management) .device-icon-box:hover .device-icon-overlay,:where(html.route-device-management) .detail-icon-box:hover .device-icon-overlay{display:flex}:where(html.route-device-management) .device-icon-btn{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#fff;font-size:14px;line-height:1;cursor:pointer;opacity:.9;transition:color .15s,opacity .15s,transform .15s}:where(html.route-device-management) .device-icon-btn:hover{color:#5aa9ff;opacity:1;transform:scale(1.12)}:where(html.route-device-management) .detail-icon-box .device-icon-btn{font-size:16px}@media(hover:none){:where(html.route-device-management) .device-icon-overlay{display:flex;background:none;justify-content:flex-end;align-items:flex-end}:where(html.route-device-management) .device-icon-overlay .device-icon-btn-eye{display:none}:where(html.route-device-management) .device-icon-overlay .device-icon-btn-edit{width:16px;height:16px;border-radius:50%;background:#0a0e18d9;border:1px solid rgba(0,122,255,.5);color:#5aa9ff;font-size:9px}}:where(html.route-device-management) .icon-preview-mask{background:#04070ebd;backdrop-filter:blur(4px)}:where(html.route-device-management) .icon-preview-card{border:1px solid rgba(102,116,143,.35);box-shadow:0 24px 60px #0009}:where(html.route-device-management) .icon-preview-img{width:min(220px,56vw);height:min(220px,56vw);-o-object-fit:contain;object-fit:contain}:where(html.route-device-management) .screenshot-preview-card{border:1px solid rgba(102,116,143,.35);box-shadow:0 24px 60px #0009}:where(html.route-device-management) .screenshot-preview-img{max-width:100%;max-height:65vh;border-radius:6px;display:block}:where(html.route-device-management) .hidden.lg\:grid input[type=checkbox],:where(html.route-device-management) .lg\:hidden.p-4 input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;background:#fff;border:1.5px solid #c8cdd6;border-radius:2px;cursor:pointer;transition:all .15s ease;position:relative;flex-shrink:0;box-sizing:border-box;accent-color:transparent}:where(html.route-device-management) .hidden.lg\:grid input[type=checkbox]:hover,:where(html.route-device-management) .lg\:hidden.p-4 input[type=checkbox]:hover{border-color:var(--color-primary);background:#fff}:where(html.route-device-management) .hidden.lg\:grid input[type=checkbox]:checked,:where(html.route-device-management) .lg\:hidden.p-4 input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}:where(html.route-device-management) .hidden.lg\:grid input[type=checkbox]:checked:after,:where(html.route-device-management) .lg\:hidden.p-4 input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.dm-store-check{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:13.33px;height:13.33px;background:#fff;border:1.5px solid #c8cdd6;border-radius:2px;cursor:pointer;transition:all .15s ease;position:relative;flex-shrink:0;accent-color:transparent}.dm-store-check:hover{border-color:var(--color-primary);background:#fff}.dm-store-check:checked{border-color:var(--color-primary);background:var(--color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l2.6 2.6L9 0.8' stroke='%23ffffff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / 9px 7px no-repeat}@media(max-width:639px){:where(html.route-device-management) .lg\:hidden.p-4 .text-\[10px\]{font-size:12px}:where(html.route-device-management) .lg\:hidden.p-4 .text-\[11px\]{font-size:12px}:where(html.route-device-management) .lg\:hidden.p-4 .text-xs{font-size:12.5px}}:where(html.route-device-management) input,:where(html.route-device-management) select,:where(html.route-device-management) textarea{color-scheme:dark}:where(html.route-device-management) select:not(.form-select){color-scheme:dark}:where(html.route-device-management) input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.label-filter-search):focus,:where(html.route-device-management) select:focus,:where(html.route-device-management) textarea:not(.label-filter-search):focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 85%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 12%,transparent)}:where(html.route-enterprise-info) .info-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(102,116,143,.15)}:where(html.route-enterprise-info) .info-item:last-child{border-bottom:none}:where(html.route-enterprise-info) .info-label{color:#8e8e93;font-size:13px;min-width:90px;flex-shrink:0}:where(html.route-enterprise-info) .info-value{color:#e5e5ea;font-size:13px;font-weight:500;flex:1}:where(html.route-enterprise-info) .mobile-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;background:#2c2c2e;border:1px solid rgba(102,116,143,.5);border-radius:8px;padding:9px 14px;font-size:13px;color:#d1d1d6;cursor:pointer;transition:all .18s}:where(html.route-enterprise-info) .mobile-export-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#2c2c2e;border:1px solid rgba(102,116,143,.5);border-radius:8px;padding:9px 14px;font-size:13px;color:#d1d1d6;cursor:pointer;transition:opacity .18s;white-space:nowrap}:where(html.route-enterprise-info) .mobile-export-btn:active{opacity:.8}:where(html.route-enterprise-info) .mobile-log-list{display:flex;flex-direction:column;background:#1f1f23;border:1px solid rgba(102,116,143,.3);border-radius:10px;overflow:hidden}:where(html.route-enterprise-info) .mobile-log-card{padding:14px 15px;border-bottom:1px solid rgba(102,116,143,.2)}:where(html.route-enterprise-info) .mobile-log-card:last-child{border-bottom:none}:where(html.route-enterprise-info) .mobile-log-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}:where(html.route-enterprise-info) .mobile-log-name{color:#fff;font-size:14px;font-weight:700}:where(html.route-enterprise-info) .mobile-log-account{color:#8e8e93;font-size:12px}:where(html.route-enterprise-info) .mobile-log-detail{color:#0a84ff;font-size:13px;line-height:1.55;margin-bottom:8px;font-weight:500}:where(html.route-enterprise-info) .mobile-log-row-meta{display:flex;align-items:center;gap:14px;color:#636366;font-size:11.5px}:where(html.route-enterprise-info) .mobile-log-meta-item{display:inline-flex;align-items:center;gap:4px}:where(html.route-enterprise-info) .mobile-log-meta-item i{font-size:11px;color:#8e8e93}:where(html.route-enterprise-info) .mobile-log-empty{text-align:center;color:#8e8e93;padding:32px 0;font-size:13px}:where(html.route-account-management,html.route-audit-management,html.route-custom-features,html.route-data-statistics,html.route-device-management,html.route-enterprise-info,html.route-interrupt-task,html.route-monitor-management,html.route-multi-screen,html.route-my-broadcast,html.route-my-materials,html.route-my-playlists,html.route-org-structure,html.route-play-task-management,html.route-screen-task) .form-input{width:100%;background:#0f172ad9;border:1px solid rgba(102,116,143,.4);border-radius:8px;padding:9px 12px;font-size:13px;color:#e5e5ea;outline:none;transition:border-color .18s}:where(html.route-my-programs) .form-input{width:100%;background:#1a2133d9;border:1px solid rgba(102,116,143,.4);border-radius:6px;padding:6px 10px;font-size:12px;color:#e5e5ea;outline:none}:where(html.route-my-playlists) .mp-searchbar .form-input{background:var(--color-surface);border-color:#94a3b866;border-radius:6px;padding-top:6px;padding-bottom:6px;font-size:14px;line-height:20px}:where(html.route-my-playlists) .mp-searchbar .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 12%,transparent)}:where(html.route-my-playlists) .mp-searchbar .form-input::-moz-placeholder{color:#8e8e93}:where(html.route-my-playlists) .mp-searchbar .form-input::placeholder{color:#8e8e93}:where(html.route-interrupt-task,html.route-play-task-management,html.route-screen-task) .status-active{background:#00b42a1f;color:#30d158;border:1px solid rgba(0,180,42,.3)}:where(html.route-interrupt-task,html.route-play-task-management,html.route-screen-task) .status-scheduled{background:#ff7d001f;color:#ff9f0a;border:1px solid rgba(255,125,0,.3)}:where(html.route-interrupt-task,html.route-play-task-management,html.route-screen-task) .status-expired{background:#86909c1f;color:#8e8e93;border:1px solid rgba(134,144,156,.3)}:where(html.route-interrupt-task,html.route-my-programs,html.route-screen-task) .tab-active{background:var(--color-primary);color:#fff}:where(html.route-interrupt-task,html.route-screen-task) .tab-inactive{background:#1a213399;color:#8e8e93}:where(html.route-interrupt-task,html.route-screen-task) .tab-inactive:hover{color:#d1d1d6}:where(html.route-interrupt-task,html.route-screen-task) .btn-ghost-sm{background:#1a2133cc;border:1px solid rgba(102,116,143,.4);border-radius:6px;padding:6px 12px;font-size:12px;color:#d1d1d6;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}:where(html.route-interrupt-task,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .btn-ghost-sm:hover{border-color:var(--color-primary);color:#fff;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}:where(html.route-interrupt-task,html.route-multi-screen,html.route-my-broadcast,html.route-my-materials,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .form-hint{font-size:11.5px;color:#8e8e93;margin-top:5px;line-height:1.5}:where(html.route-interrupt-task,html.route-my-broadcast,html.route-my-materials,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .form-select{width:100%;background:#1a2133d9;border:1px solid rgba(102,116,143,.4);border-radius:8px;padding:9px 12px;font-size:13px;color:#e5e5ea;outline:none;cursor:pointer}:where(html.route-interrupt-task,html.route-multi-screen,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .radio-card{border:1.5px solid rgba(102,116,143,.35);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .18s;background:#1a213380}:where(html.route-interrupt-task,html.route-monitor-management,html.route-multi-screen,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .radio-card:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,transparent)}:where(html.route-interrupt-task,html.route-monitor-management,html.route-multi-screen,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .radio-card.active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}:where(html.route-interrupt-task,html.route-monitor-management,html.route-multi-screen,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .radio-card.active .radio-dot{border-color:var(--color-primary)}:where(html.route-interrupt-task,html.route-monitor-management,html.route-multi-screen,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .radio-card.active .radio-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--color-primary)}:where(html.route-interrupt-task,html.route-monitor-management,html.route-multi-screen,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .radio-dot{position:relative;width:16px;height:16px;border:2px solid #48484A;border-radius:50%;flex-shrink:0}:where(html.route-interrupt-task,html.route-screen-task) .drawer-mask{background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}:where(html.route-interrupt-task,html.route-screen-task) .drawer-panel{box-shadow:-12px 0 40px #0006;transition:transform .3s cubic-bezier(.22,1,.36,1)}:where(html.route-interrupt-task) .slot-mode{flex-shrink:0;display:flex;align-items:center;gap:6px}:where(html.route-interrupt-task) .slot-broadcast{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px}:where(html.route-interrupt-task) .slot-broadcast-chips{display:flex;flex-wrap:wrap;gap:6px}:where(html.route-interrupt-task) .broadcast-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#165dff1a;border:1px solid rgba(22,93,255,.3);border-radius:6px;font-size:12px;color:#d1d1d6;max-width:180px}:where(html.route-interrupt-task) .broadcast-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(html.route-interrupt-task) .broadcast-chip-remove{cursor:pointer;color:#8e8e93}:where(html.route-interrupt-task) .broadcast-chip-remove:hover{color:#ff453a}:where(html.route-interrupt-task,html.route-screen-task) .week-tab-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}:where(html.route-interrupt-task,html.route-play-task-management,html.route-screen-task) .week-tab{padding:8px 14px;font-size:12.5px;border-radius:8px 8px 0 0;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;color:#8e8e93;white-space:nowrap}:where(html.route-interrupt-task,html.route-play-task-management,html.route-screen-task) .week-tab:hover{color:#d1d1d6}:where(html.route-interrupt-task,html.route-play-task-management,html.route-screen-task) .week-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,transparent);font-weight:600}:where(html.route-interrupt-task,html.route-multi-screen,html.route-my-broadcast,html.route-my-materials,html.route-my-playlists,html.route-play-task-management,html.route-screen-task) .sub-modal-card{box-shadow:0 20px 60px #00000080;animation:modalIn .2s cubic-bezier(.22,1,.36,1)}:where(html.route-interrupt-task,html.route-screen-task) .detail-row{padding:10px 0;border-bottom:1px solid rgba(102,116,143,.15)}:where(html.route-interrupt-task,html.route-screen-task) .detail-row:last-child{border-bottom:none}:where(html.route-monitor-management) .radio-card{border:1.5px solid rgba(102,116,143,.35);border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .18s;background:#1a213380}:where(html.route-multi-screen,html.route-my-materials) .cat-tab-active{background:var(--color-primary);color:#fff}:where(html.route-multi-screen,html.route-my-materials) .cat-tab-inactive{background:#0f172a99;color:var(--color-text-secondary)}:where(html.route-multi-screen,html.route-my-materials) .cat-tab-inactive:hover{color:var(--color-text-secondary)}:where(html.route-multi-screen) .sub-tab-active{background:var(--color-primary);color:#fff}:where(html.route-multi-screen,html.route-my-playlists) .sub-tab{transition:all .15s}:where(html.route-multi-screen) .sub-tab:hover{color:#d6dbe6}:where(html.route-multi-screen) .orient-tab{border-bottom:2px solid transparent;transition:all .15s}:where(html.route-multi-screen) .orient-tab:hover{color:var(--color-text-secondary)}:where(html.route-multi-screen) .orient-tab-active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,transparent);font-weight:600}:where(html.route-multi-screen) .orient-tag{display:inline-flex;align-items:center;gap:4px}:where(html.route-multi-screen) .orient-glyph{display:inline-block;flex:none;border:1.5px solid currentColor;border-radius:2px}:where(html.route-multi-screen) .orient-landscape .orient-glyph{width:10px;height:6px}:where(html.route-multi-screen) .orient-portrait .orient-glyph{width:6px;height:10px}:where(html.route-multi-screen) .spec-tag.orient-landscape{background:#165dff1f;color:#0a84ff;border-color:#165dff40}:where(html.route-multi-screen) .spec-tag.orient-portrait{background:#ff9f0a1f;color:#ff9f0a;border-color:#ff9f0a4d}:where(html.route-multi-screen) .group-card{background:#1a213399;border:1px solid rgba(102,116,143,.25);border-radius:14px;overflow:hidden;transition:all .2s ease;position:relative}:where(html.route-multi-screen) .group-card:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 15%,transparent)}:where(html.route-multi-screen) .group-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f666,0 8px 24px #3b82f633}:where(html.route-multi-screen) .group-checkbox{position:absolute;top:12px;left:12px;z-index:20;cursor:pointer}:where(html.route-multi-screen) .group-checkbox>div{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000004d}:where(html.route-multi-screen) .group-checkbox:hover>div{border-color:var(--color-primary);background:#3b82f640;transform:scale(1.1);box-shadow:0 0 0 4px #3b82f626,0 4px 12px #3b82f64d}:where(html.route-multi-screen) .group-card.selected .group-checkbox>div{background:linear-gradient(135deg,var(--color-primary),#3b82f6);border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633,0 4px 12px #3b82f666}:where(html.route-multi-screen) .group-checkbox i{font-size:12px;color:#fff;opacity:0;transform:scale(.5);transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:700}:where(html.route-multi-screen) .group-card.selected .group-checkbox i{opacity:1;transform:scale(1)}:where(html.route-multi-screen) .group-action-btn{transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;transform-origin:center center}:where(html.route-multi-screen) .group-action-btn:hover{transform:scale(1.25)!important;z-index:10!important;position:relative!important}:where(html.route-multi-screen) .group-action-btn.edit-btn:hover{background:#60a5fa40!important;box-shadow:0 0 12px #60a5fa80!important}:where(html.route-multi-screen) .group-action-btn.delete-btn:hover{background:#f8717140!important;box-shadow:0 0 12px #f8717180!important}:where(html.route-multi-screen) .group-thumb{aspect-ratio:16/9;background:#0a0e1a;display:flex;align-items:center;justify-content:center;padding:12px;position:relative}:where(html.route-multi-screen) .screen-grid{display:grid;gap:3px;width:100%;height:100%}:where(html.route-multi-screen) .screen-block{background:linear-gradient(135deg,#165dff4d,#4080ff26);border:1px solid rgba(22,93,255,.4);border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;gap:2px;padding:4px 2px}:where(html.route-multi-screen) .screen-block:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%)}:where(html.route-multi-screen) .screen-block.has-device{background:linear-gradient(135deg,#22c55e40,#22c55e1a);border-color:#22c55e80}:where(html.route-multi-screen) .screen-block.has-device .screen-block-label{color:#22c55ee6}:where(html.route-multi-screen) .screen-block-label{font-size:10px;color:#fff9;font-family:monospace;z-index:1;font-weight:600;line-height:1}:where(html.route-multi-screen) .screen-block-device{font-size:11px;color:#fffffff2;font-weight:700;z-index:1;line-height:1.1;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}:where(html.route-multi-screen) .screen-block-device-id{font-size:8px;color:#fff6;z-index:1;line-height:1;font-family:monospace;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(html.route-multi-screen) .add-group-card{background:#1a213366;border:2px dashed rgba(102,116,143,.35);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;min-height:220px}:where(html.route-multi-screen) .add-group-card:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}:where(html.route-multi-screen) .spec-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-family:monospace;background:#165dff1f;color:#0a84ff;border:1px solid rgba(22,93,255,.25)}:where(html.route-multi-screen) .type-merge{background:#722ed11f;color:#9254de;border:1px solid rgba(114,46,209,.25)}:where(html.route-multi-screen) .type-sync{background:#00b42a1f;color:#30d158;border:1px solid rgba(0,180,42,.25)}:where(html.route-multi-screen) .grid-picker{display:inline-grid;gap:3px;padding:8px;background:#1a213399;border-radius:8px;border:1px solid rgba(102,116,143,.3)}:where(html.route-multi-screen) .grid-picker-cell{width:24px;height:24px;background:#66748f33;border:1px solid rgba(102,116,143,.3);border-radius:3px;cursor:pointer;transition:all .1s}:where(html.route-multi-screen) .grid-picker-cell:hover,.grid-picker-cell.hovered{background:color-mix(in srgb,var(--color-primary) 40%,transparent);border-color:var(--color-primary)}:where(html.route-multi-screen) .grid-picker-cell.selected{background:color-mix(in srgb,var(--color-primary) 60%,transparent);border-color:var(--color-primary)}:where(html.route-multi-screen) .preset-grid-btn{padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s;background:#0f172acc;border:1px solid rgba(102,116,143,.4);color:var(--color-text-secondary);font-family:monospace}:where(html.route-multi-screen) .preset-grid-btn:hover{border-color:var(--color-primary);color:#fff}:where(html.route-multi-screen) .preset-grid-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}:where(html.route-multi-screen) .preview-grid{display:grid;gap:4px;width:100%;max-width:320px;margin:0 auto;aspect-ratio:16/9;background:#0a0e1a;padding:10px;border-radius:8px;border:1px solid rgba(102,116,143,.3);overflow:hidden}:where(html.route-multi-screen) .preview-screen{background:linear-gradient(135deg,#165dff40,#4080ff1a);border:1px solid rgba(22,93,255,.4);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:#fff6;font-family:monospace;position:relative;cursor:pointer;transition:all .2s;overflow:hidden}:where(html.route-multi-screen) .preview-screen:hover{border-color:color-mix(in srgb,var(--color-primary) 80%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 40%,transparent),#4080ff33)}:where(html.route-multi-screen) .preview-screen.has-device{background:linear-gradient(135deg,#22c55e40,#22c55e1a);border-color:#22c55e80}:where(html.route-multi-screen) .preview-screen.has-device:hover{border-color:#22c55ecc}:where(html.route-multi-screen) .screen-select-icon{width:24px;height:24px;border-radius:50%;background:#165dff99;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;margin-bottom:4px;transition:all .2s}:where(html.route-multi-screen) .preview-screen:hover .screen-select-icon{background:color-mix(in srgb,var(--color-primary) 90%,transparent);transform:scale(1.1)}:where(html.route-multi-screen) .preview-screen.has-device .screen-select-icon{background:#22c55e99}:where(html.route-multi-screen) .preview-screen.has-device:hover .screen-select-icon{background:#22c55ee6}:where(html.route-multi-screen) .screen-label{font-size:9px;color:#ffffff80}:where(html.route-multi-screen) .screen-device-info{display:none;width:100%;padding:4px;text-align:center}:where(html.route-multi-screen) .preview-screen.has-device .screen-device-info{display:block}:where(html.route-multi-screen) .preview-screen.has-device .screen-select-icon,:where(html.route-multi-screen) .preview-screen.has-device .screen-label{display:none}:where(html.route-multi-screen) .device-name{font-size:9px;color:#fffffff2;font-weight:700;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(html.route-multi-screen) .device-id{font-size:8px;color:#ffffff73;font-family:monospace;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(html.route-multi-screen) .device-edit-icon{position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#00000080;display:none;align-items:center;justify-content:center;color:#fff;font-size:7px}:where(html.route-multi-screen) .preview-screen.has-device:hover .device-edit-icon{display:flex}:where(html.route-multi-screen) .preview-grid.mode-merge{gap:0;background:transparent;padding:0;border:0;border-radius:0;overflow:visible}:where(html.route-multi-screen) .preview-grid.mode-merge .preview-screen{border-radius:0;border:1px solid rgba(22,93,255,.35);background-color:#165dff2e;background-image:linear-gradient(135deg,#165dff4d,#4080ff1a);background-size:calc(100% * var(--mcols, 2)) calc(100% * var(--mrows, 2));background-position:var(--mposx, 50%) var(--mposy, 50%);background-repeat:no-repeat}:where(html.route-multi-screen) .preview-grid.mode-merge .preview-screen:hover{border-color:color-mix(in srgb,var(--color-primary) 80%,transparent);background-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}:where(html.route-multi-screen) .preview-grid.mode-merge .preview-screen.has-device{background-image:none;background-color:#22c55e40;border-color:#22c55e80}:where(html.route-multi-screen) .preview-grid.mode-merge .screen-select-icon{background:#165dffb3}:where(html.route-multi-screen) .preview-grid.mode-merge .screen-label{background:#00000040;padding:1px 4px;border-radius:3px;color:#fff}:where(html.route-multi-screen) .preview-grid.mode-merge .screen-device-info{background:#0003}:where(html.route-multi-screen) .preview-grid.mode-sync{gap:6px}:where(html.route-multi-screen) .preview-grid.mode-sync .preview-screen{background:linear-gradient(135deg,#165dff38,#4080ff14);border-color:#165dff80}:where(html.route-multi-screen) .preview-grid.mode-sync .preview-screen:hover{border-color:color-mix(in srgb,var(--color-primary) 80%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 40%,transparent),#4080ff26)}:where(html.route-multi-screen) .preview-grid.mode-sync .preview-screen.has-device{background:linear-gradient(135deg,#22c55e4d,#22c55e1f)}:where(html.route-multi-screen) .preview-grid.mode-sync .screen-select-icon{background:#165dffb3}:where(html.route-multi-screen) .preview-grid.mode-sync .screen-select-icon i{color:#fff}:where(html.route-multi-screen) #bindHintText.shake{animation:bindHintShake .5s ease}:where(html.route-multi-screen) #bindHintText.error{color:#ef4444!important}:where(html.route-multi-screen) #bindHintText.error i{color:#ef4444!important}@keyframes bindHintShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}:where(html.route-multi-screen) .screen-config-layout{display:flex;gap:20px}:where(html.route-multi-screen) .screen-config-left{flex:1;min-width:0}:where(html.route-multi-screen) .screen-config-right{width:280px;flex-shrink:0}@media(max-width:768px){:where(html.route-multi-screen) .screen-config-layout{flex-direction:column}:where(html.route-multi-screen) .screen-config-right{width:100%}}@media(max-width:767px){:where(html.route-multi-screen) .group-card{display:flex!important;flex-direction:column;border-radius:12px}:where(html.route-multi-screen) .group-card .group-thumb{width:100%!important;height:120px;aspect-ratio:auto;flex-shrink:0;padding:8px}:where(html.route-multi-screen) .group-card>.p-3{padding:8px!important}:where(html.route-multi-screen) .group-card .p-3>div:first-child{margin-bottom:6px!important}:where(html.route-multi-screen) .group-card .p-3>div:first-child>div:first-child{font-size:13px}:where(html.route-multi-screen) .group-card .p-3>div:nth-child(2){flex-wrap:wrap;gap:4px!important;margin-bottom:8px!important}:where(html.route-multi-screen) .group-card .spec-tag{font-size:10px;padding:1px 6px;border-radius:8px;white-space:nowrap}:where(html.route-multi-screen) .group-card .p-3>div:nth-child(3){gap:4px!important}:where(html.route-multi-screen) .group-card .group-action-btn{font-size:11px;padding:4px 6px!important}:where(html.route-multi-screen) .group-card .screen-block-label{font-size:9px}:where(html.route-multi-screen) .group-card .screen-block-device{font-size:9px}:where(html.route-multi-screen) .group-card .screen-block-device-id{font-size:7px}:where(html.route-multi-screen) .group-card .group-checkbox{top:8px;left:8px}:where(html.route-multi-screen) .group-card .group-checkbox>div{width:20px;height:20px}}:where(html.route-my-broadcast,html.route-my-materials) .type-audio{background:#165dff1f;color:#0a84ff;border:1px solid rgba(22,93,255,.25)}:where(html.route-my-broadcast,html.route-my-materials) .type-video{background:#722ed11f;color:#9254de;border:1px solid rgba(114,46,209,.25)}:where(html.route-my-broadcast,html.route-my-materials) .type-image{background:#00b42a1f;color:#30d158;border:1px solid rgba(0,180,42,.25)}:where(html.route-my-broadcast) .type-folder,:where(html.route-my-broadcast) .type-file{background:#ff7d001f;color:#ff9f0a;border:1px solid rgba(255,125,0,.25)}:where(html.route-my-broadcast,html.route-my-materials,html.route-playlist-detail) .btn-ghost{background:#0f172acc;border:1px solid rgba(102,116,143,.4);border-radius:8px;padding:8px 16px;font-size:13px;color:var(--color-text-secondary);cursor:pointer;transition:all .18s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}:where(html.route-my-broadcast,html.route-my-materials) .btn-ghost:hover{border-color:var(--color-primary);color:#fff;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}:where(html.route-my-broadcast,html.route-my-materials,html.route-playlist-detail) .btn-primary{background:var(--color-primary);border-radius:8px;padding:8px 18px;font-size:13px;color:#fff;cursor:pointer;border:none;transition:opacity .18s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}:where(html.route-my-broadcast,html.route-my-materials,html.route-playlist-detail,html.route-broadcast-folder-detail) .btn-primary:hover{opacity:.88}:where(html.route-my-broadcast) .btn-ai{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:8px;padding:8px 18px;font-size:13px;color:#fff;cursor:pointer;border:none;transition:opacity .18s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}:where(html.route-my-broadcast) .btn-ai:hover{opacity:.88}:where(html.route-my-broadcast) .action-publish-btn,:where(html.route-my-broadcast) .action-history-btn,:where(html.route-my-broadcast) .action-more-btn,:where(html.route-my-broadcast) .action-folder-btn{transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;transform-origin:center center;display:inline-flex!important;align-items:center;justify-content:center;padding:4px 8px;border-radius:6px}:where(html.route-my-broadcast) .action-publish-btn:hover,:where(html.route-my-broadcast) .action-folder-btn:hover{transform:scale(1.2)!important;color:#60a5fa!important;background:#60a5fa26;text-shadow:0 0 8px rgba(96,165,250,.6);z-index:10;position:relative}:where(html.route-my-broadcast,html.route-my-materials) .action-folder-btn.action-folder-btn-danger:hover{transform:scale(1.2)!important;color:#f87171!important;background:#f8717126;text-shadow:0 0 8px rgba(248,113,113,.6);z-index:10;position:relative}:where(html.route-my-broadcast) .action-history-btn:hover{transform:scale(1.25)!important;color:#34d399!important;background:#34d39926;text-shadow:0 0 8px rgba(52,211,153,.6);z-index:10;position:relative}:where(html.route-my-broadcast,html.route-my-materials) .action-more-btn:hover{transform:scale(1.25)!important;color:#fff!important;background:#ffffff1a;box-shadow:0 0 10px #fff3;z-index:10;position:relative}:where(html.route-my-broadcast,html.route-my-materials,html.route-my-programs,html.route-playlist-detail) .dropdown-menu{box-shadow:0 8px 32px #00000073}:where(html.route-my-broadcast,html.route-my-materials,html.route-my-programs,html.route-playlist-detail) .dropdown-item{transition:background .15s ease}:where(html.route-my-broadcast,html.route-my-materials,html.route-my-programs,html.route-playlist-detail) .dropdown-item:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:#fff}:where(html.route-my-broadcast,html.route-my-materials) .dropdown-item.danger:hover{background:#f53f3f1f;color:#ef4444}:where(html.route-my-broadcast,html.route-my-materials,html.route-my-playlists,html.route-playlist-detail,html.route-broadcast-folder-detail) .data-table{width:100%;border-collapse:collapse;font-size:13px}:where(html.route-my-broadcast,html.route-my-materials,html.route-broadcast-folder-detail) .data-table th{text-align:left;padding:11px 14px;background:#1a213399;color:#8e8e93;font-weight:500;font-size:12px;border-bottom:1px solid rgba(102,116,143,.25);white-space:nowrap}:where(html.route-my-broadcast) .data-table td{padding:12px 14px;border-bottom:1px solid rgba(102,116,143,.15);color:#d1d1d6;vertical-align:middle}:where(html.route-my-broadcast) .form-textarea{width:100%;background:#1a2133d9;border:1px solid rgba(102,116,143,.4);border-radius:8px;padding:9px 12px;font-size:13px;color:#e5e5ea;outline:none;resize:vertical;min-height:100px;font-family:inherit}:where(html.route-my-broadcast,html.route-my-materials) .upload-area{border:2px dashed rgba(102,116,143,.4);border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .18s;background:#1a213366}:where(html.route-my-broadcast,html.route-my-materials) .upload-area:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}:where(html.route-my-broadcast) .voice-option{border:1.5px solid rgba(102,116,143,.35);border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .18s;background:#1a213380;text-align:center}:where(html.route-my-broadcast) .voice-option:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,transparent)}:where(html.route-my-broadcast) .voice-option.active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}:where(html.route-my-broadcast,html.route-my-materials) .breadcrumb-item{color:#8e8e93;cursor:pointer}:where(html.route-my-broadcast,html.route-my-materials) .breadcrumb-item:hover{color:#fff}:where(html.route-my-broadcast,html.route-my-materials) .breadcrumb-current{color:#fff}:where(html.route-my-materials) .type-folder{background:#ff7d001f;color:#ff9f0a;border:1px solid rgba(255,125,0,.25)}:where(html.route-my-materials) .action-publish-btn,:where(html.route-my-materials) .action-update-btn,:where(html.route-my-materials) .action-more-btn,:where(html.route-my-materials) .action-folder-btn{transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;transform-origin:center center;display:inline-flex!important;align-items:center;justify-content:center;padding:4px 8px;border-radius:6px}:where(html.route-my-materials) .action-publish-btn:hover,:where(html.route-my-materials) .action-folder-btn:hover{transform:scale(1.2)!important;color:#60a5fa!important;background:#60a5fa26;text-shadow:0 0 8px rgba(96,165,250,.6);z-index:10;position:relative}:where(html.route-my-materials) .action-update-btn:hover{transform:scale(1.2)!important;color:#34d399!important;background:#34d39926;text-shadow:0 0 8px rgba(52,211,153,.6);z-index:10;position:relative}:where(html.route-my-materials) .data-table td{padding:10px 14px;border-bottom:1px solid rgba(102,116,143,.15);color:#d1d1d6;vertical-align:middle}:where(html.route-my-materials) .material-thumb{width:56px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}:where(html.route-my-materials) .material-thumb .material-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}:where(html.route-my-materials) .thumb-image{background:linear-gradient(135deg,#30d158,#2dd85f)}:where(html.route-my-materials) .thumb-video{background:linear-gradient(135deg,#722ed1,#9254de)}:where(html.route-my-materials) .thumb-audio{background:linear-gradient(135deg,#3b82f6,#60a5fa)}:where(html.route-my-materials) .thumb-doc{background:linear-gradient(135deg,#5e5ce6,#7d7aff)}::where(html.route-my-materials) .type-doc{background:#5e5ce61f;color:#7d7aff;border:1px solid rgba(94,92,230,.25)}:where(html.route-my-materials) .thumb-folder{background:linear-gradient(135deg,#ff9f0a,#ffa64d)}:where(html.route-my-materials) .preview-image{max-width:100%;max-height:60vh;border-radius:8px;-o-object-fit:contain;object-fit:contain}:where(html.route-my-playlists) .tag-pill{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;background:#165dff1f;color:#0a84ff;border:1px solid rgba(22,93,255,.25)}:where(html.route-my-playlists) .type-daily{background:#165dff1f;color:#0a84ff;border:1px solid rgba(22,93,255,.25)}:where(html.route-my-playlists) .type-fav{background:#ff7d001f;color:#ff9f0a;border:1px solid rgba(255,125,0,.25)}:where(html.route-my-playlists) .type-radio{background:#00b42a1f;color:#30d158;border:1px solid rgba(0,180,42,.25)}:where(html.route-my-playlists) .type-audio{background:#165dff1f;color:#0a84ff;border:1px solid rgba(22,93,255,.25)}:where(html.route-my-playlists) .module-tab{border-bottom:2px solid transparent;transition:all .15s}:where(html.route-my-playlists,html.route-my-programs) .module-tab:hover{color:var(--color-text-secondary)}:where(html.route-my-playlists,html.route-my-programs) .module-tab-active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,transparent);font-weight:600}:where(html.route-my-playlists) .playlist-card{background:#1a213399;border:1px solid rgba(102,116,143,.25);border-radius:14px;padding:12px;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;position:relative}:where(html.route-my-playlists) .playlist-card:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 15%,transparent)}:where(html.route-my-playlists) .playlist-cover{width:100%;aspect-ratio:4/3;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}:where(html.route-my-playlists) .playlist-cover .play-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}:where(html.route-my-playlists) .playlist-card:hover .play-overlay{opacity:1}:where(html.route-my-playlists) .playlist-cover .cover-info-bar{position:absolute;bottom:0;left:0;right:0;padding:14px 10px 6px;background:linear-gradient(transparent,#000000c7);display:flex;align-items:center;justify-content:flex-start;gap:12px;font-size:11px;color:#fff;z-index:2;white-space:nowrap;overflow:hidden}:where(html.route-my-playlists) .playlist-cover .cover-info-bar .cover-info-item{flex-shrink:0;white-space:nowrap}:where(html.route-my-playlists) .playlist-cover .cover-info-bar .cover-info-item:last-child{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}:where(html.route-my-playlists) .card-action-bar{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px}:where(html.route-my-playlists) .btn-publish{flex:1;background:#165dff1f;border:1px solid rgba(22,93,255,.3);color:#0a84ff;border-radius:6px;padding:5px 8px;font-size:11.5px;cursor:pointer;transition:all .15s;white-space:nowrap;text-align:center}:where(html.route-my-playlists) .btn-publish:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}:where(html.route-my-playlists) .btn-more{background:#4f8cff26;border:1px solid rgba(79,140,255,.4);color:var(--color-primary-light);border-radius:6px;padding:5px 10px;font-size:11.5px;cursor:pointer;transition:all .15s;white-space:nowrap;font-weight:500;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}:where(html.route-my-playlists) .btn-more:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05)}:where(html.route-my-playlists) .btn-more:active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}:where(html.route-my-playlists) .btn-edit-inline,:where(html.route-my-playlists) .btn-delete-inline{flex:1;border-radius:6px;padding:5px 8px;font-size:11.5px;cursor:pointer;transition:all .15s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px}:where(html.route-my-playlists) .btn-edit-inline{background:#165dff1f;border:1px solid rgba(22,93,255,.3);color:#0a84ff}:where(html.route-my-playlists) .btn-edit-inline:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}:where(html.route-my-playlists) .btn-delete-inline{background:#ef44441a;border:1px solid rgba(239,68,68,.28);color:#f87171}:where(html.route-my-playlists) .btn-delete-inline:hover{background:#ef4444;color:#fff;border-color:#ef4444}:where(html.route-my-playlists) .more-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:4px;min-width:160px;background:#101522f2;backdrop-filter:blur(16px);border:1px solid rgba(102,116,143,.35);border-radius:8px;box-shadow:0 8px 32px #00000073;padding:4px 0;z-index:60;display:none}:where(html.route-my-playlists) .more-dropdown.show{display:block}:where(html.route-my-playlists) .more-dropdown-item{padding:8px 14px;font-size:12.5px;color:#d1d1d6;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .15s}:where(html.route-my-playlists) .more-dropdown-item:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:#fff}:where(html.route-my-playlists) .more-dropdown-item.danger:hover{background:#f53f3f1f;color:#ff453a}:where(html.route-my-playlists) .more-dropdown-item i{width:14px;text-align:center;font-size:12px}:where(html.route-my-playlists) select option{background:#1a2133;color:#e5e5ea}:where(html.route-my-playlists) .form-textarea{width:100%;background:#1a2133d9;border:1px solid rgba(102,116,143,.4);border-radius:8px;padding:9px 12px;font-size:13px;color:#e5e5ea;outline:none;resize:vertical;min-height:80px;font-family:inherit}:where(html.route-my-playlists) .btn-ghost-sm{background:#1a2133cc;border:1px solid rgba(102,116,143,.4);border-radius:6px;padding:5px 10px;font-size:12px;color:#d1d1d6;cursor:pointer;transition:all .15s;white-space:nowrap}:where(html.route-my-playlists) .btn-primary-sm{background:#007aff;border-radius:6px;padding:6px 14px;font-size:12.5px;color:#fff;cursor:pointer;border:none;transition:opacity .15s;white-space:nowrap}:where(html.route-my-playlists,html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .btn-primary-sm:hover{opacity:.88}:where(html.route-my-playlists) .tag-tree-item{padding:8px 10px;border-radius:6px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s;font-size:13px}:where(html.route-my-playlists) .tag-tree-item:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}:where(html.route-my-playlists) .tag-tree-children{margin-left:20px}:where(html.route-my-playlists) .data-table th{text-align:left;padding:10px 12px;background:#1a213399;color:#8e8e93;font-weight:500;font-size:12px;border-bottom:1px solid rgba(102,116,143,.25)}:where(html.route-my-playlists) .cover-upload-area{border:2px dashed rgba(102,116,143,.4);border-radius:10px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .18s;background:#1a213366}:where(html.route-my-playlists) .cover-upload-area:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}:where(html.route-my-playlists) .drawer-mask{position:fixed;inset:0;z-index:80;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none}:where(html.route-my-playlists) .drawer-mask.show{display:block}:where(html.route-my-playlists) .drawer-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:920px;background:#0a0e1af7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(102,116,143,.3);z-index:85;transform:translate(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}:where(html.route-my-playlists) .drawer-panel.show{transform:translate(0)}:where(html.route-my-playlists) .drawer-header{padding:16px 24px;border-bottom:1px solid rgba(102,116,143,.25);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}:where(html.route-my-playlists) .drawer-body{flex:1;overflow-y:auto;padding:20px 24px}:where(html.route-my-playlists) .drawer-footer{padding:14px 24px;border-top:1px solid rgba(102,116,143,.25);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}:where(html.route-my-playlists) .section-block{background:#1a213366;border:1px solid rgba(102,116,143,.2);border-radius:10px;padding:16px;margin-bottom:16px}:where(html.route-my-playlists) .section-title{font-size:14px;font-weight:600;color:#e5e5ea;margin-bottom:12px;display:flex;align-items:center;gap:8px}:where(html.route-my-playlists) .section-title i{color:#007aff}:where(html.route-my-playlists) .week-tab{padding:6px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s;background:#1a213399;color:#8e8e93;border:1px solid transparent}:where(html.route-my-playlists) .week-tab.active{background:var(--color-primary);color:#fff}:where(html.route-my-playlists) .week-tab:hover:not(.active){color:#d1d1d6}:where(html.route-my-playlists) .slot-row{display:grid;grid-template-columns:190px 1fr 90px 36px;gap:10px;align-items:center;padding:10px;background:#0a0e1a80;border-radius:8px;margin-bottom:8px}:where(html.route-my-playlists) .slot-time{display:flex;align-items:center;gap:4px}:where(html.route-my-playlists) .slot-time input{width:56px;background:#1a2133cc;border:1px solid rgba(102,116,143,.4);border-radius:5px;padding:5px 6px;font-size:12px;color:#e5e5ea;text-align:center}:where(html.route-my-playlists) .slot-time .tp-wrapper{width:84px!important}:where(html.route-my-playlists) .slot-playlist{background:#1a2133cc;border:1px solid rgba(102,116,143,.4);border-radius:6px;padding:6px 10px;font-size:12px;color:#d1d1d6;display:flex;align-items:center;gap:6px;cursor:pointer}:where(html.route-my-playlists) .slot-playlist:hover{border-color:var(--color-primary)}:where(html.route-my-playlists) .slot-volume input{width:100%;background:#1a2133cc;border:1px solid rgba(102,116,143,.4);border-radius:5px;padding:5px 6px;font-size:12px;color:#e5e5ea;text-align:center}:where(html.route-my-playlists) .slot-delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#8e8e93;cursor:pointer;transition:all .15s}:where(html.route-my-playlists) .slot-delete:hover{background:#f53f3f1f;color:#ff453a}:where(html.route-my-playlists) .add-slot-btn{width:100%;padding:8px;border:1px dashed rgba(102,116,143,.4);border-radius:8px;background:transparent;color:#8e8e93;font-size:12px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}:where(html.route-my-playlists) .add-slot-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}:where(html.route-my-playlists) .device-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#165dff1a;border:1px solid rgba(22,93,255,.25);border-radius:6px;font-size:12px;color:#0a84ff}:where(html.route-my-playlists) .device-chip i{cursor:pointer}:where(html.route-my-playlists) .device-chip i:hover{color:#ff453a}:where(html.route-my-playlists) .playlist-checkbox{position:absolute;top:8px;left:8px;z-index:10}:where(html.route-my-playlists) .playlist-checkbox input[type=checkbox]{display:none}:where(html.route-my-playlists) .playlist-checkbox label{display:block;width:20px;height:20px;background:#00000080;border:2px solid rgba(255,255,255,.6);border-radius:4px;cursor:pointer;position:relative;transition:all .2s}:where(html.route-my-playlists) .playlist-checkbox input[type=checkbox]:checked+label{background:var(--color-primary);border-color:var(--color-primary)}:where(html.route-my-playlists) .playlist-checkbox input[type=checkbox]:checked+label:after{content:"";font-family:FontAwesome;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}:where(html.route-my-playlists) .playlist-checkbox label:hover{border-color:var(--color-primary)}@media(max-width:639px){:where(html.route-my-playlists) .playlist-card{padding:8px;border-radius:10px}:where(html.route-my-playlists) .playlist-card:hover{transform:none;box-shadow:none}:where(html.route-my-playlists) .playlist-card:active{border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);transform:scale(.98)}:where(html.route-my-playlists) .playlist-cover{aspect-ratio:1;border-radius:8px}:where(html.route-my-playlists) .playlist-cover .cover-info-bar{padding:10px 6px 4px;font-size:9px;gap:8px;justify-content:flex-start}:where(html.route-my-playlists) .tag-pill{font-size:10px;padding:2px 8px;border-radius:10px}:where(html.route-my-playlists) .playlist-card .text-sm{font-size:12.5px}:where(html.route-my-playlists) .playlist-card .mt-2\.5{margin-top:6px}:where(html.route-my-playlists) .playlist-card .mt-1\.5{margin-top:4px}:where(html.route-my-playlists) .card-action-bar{gap:4px;padding-top:6px}:where(html.route-my-playlists) .btn-publish{padding:6px 4px;font-size:11px;border-radius:5px}:where(html.route-my-playlists) .btn-more{padding:6px 8px;font-size:12px;border-radius:5px}:where(html.route-my-playlists) .playlist-checkbox label{width:20px;height:20px;border-radius:5px}:where(html.route-my-playlists) .playlist-checkbox input[type=checkbox]:checked+label:after{font-size:11px}:where(html.route-my-playlists) .module-tab{padding-left:12px;padding-right:12px}:where(html.route-my-playlists) .sub-tab{font-size:11.5px;padding:5px 12px}:where(html.route-my-playlists) .module-panel .flex.w-fit{width:100%}:where(html.route-my-playlists) .cat-tab,:where(html.route-my-playlists) .file-tab,:where(html.route-my-playlists) .interact-tab,:where(html.route-my-playlists) .music-sub-tab{flex:1 1 0;min-width:0;flex-shrink:1;white-space:normal;text-align:center;line-height:1.3;padding:5px 4px}}:where(html.route-my-programs) .module-tab{border-bottom:2px solid transparent;transition:all .15s}:where(html.route-my-programs) .program-card{background:#1a213399;border:1px solid rgba(102,116,143,.25);border-radius:10px;overflow:hidden;transition:all .2s ease;cursor:pointer}:where(html.route-my-programs) .program-card:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 15%,transparent)}:where(html.route-my-programs) .program-card-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent),0 8px 24px color-mix(in srgb,var(--color-primary) 12%,transparent)}:where(html.route-my-programs) .program-card-selected:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 24%,transparent),0 10px 26px color-mix(in srgb,var(--color-primary) 18%,transparent)}:where(html.route-my-programs) .program-checkbox{position:absolute;top:8px;left:8px;z-index:5;width:20px;height:20px;border-radius:6px;background:#00000073;border:1.5px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;color:transparent;font-size:11px;line-height:1;transition:all .18s ease;pointer-events:none;backdrop-filter:blur(6px)}:where(html.route-my-programs) .program-card:hover .program-checkbox{border-color:var(--color-primary);background:#0009}:where(html.route-my-programs) .program-card-selected .program-checkbox{background:var(--color-primary);border-color:var(--color-primary);color:#fff}:where(html.route-my-programs) .program-thumb{aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}:where(html.route-my-programs) .resolution-badge{position:absolute;top:6px;right:6px;background:#000000a6;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-family:monospace}:where(html.route-my-programs) .add-program-card{background:#1a213366;border:2px dashed rgba(102,116,143,.35);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;min-height:200px}:where(html.route-my-programs) .add-program-card:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 15%,transparent)}@media(max-width:767px){:where(html.route-my-programs) .module-panel .grid{grid-template-columns:1fr}:where(html.route-my-programs) .program-card{display:flex;flex-direction:row;align-items:stretch}:where(html.route-my-programs) .program-card .program-thumb{width:96px;aspect-ratio:auto;flex-shrink:0;align-self:stretch;min-height:96px}:where(html.route-my-programs) .program-card>.p-3{flex:1;min-width:0;position:relative;min-height:96px;padding-right:74px}:where(html.route-my-programs) .program-card .card-actions{position:absolute;right:0;top:0;bottom:0;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid rgba(102,116,143,.25);padding:8px 10px;margin:0;gap:12px}:where(html.route-my-programs) .program-card .card-actions.mt-3{margin-top:0}:where(html.route-my-programs) .program-card .card-actions>.ml-auto{margin-left:0}:where(html.route-my-programs) .program-card .card-actions button,:where(html.route-my-programs) .program-card .card-actions .more-btn{white-space:nowrap}:where(html.route-my-programs) .program-checkbox{top:auto;bottom:8px;left:8px}:where(html.route-my-programs) .add-program-card{display:none}}:where(html.route-my-programs) .industry-tag{padding:4px 12px;border-radius:14px;font-size:12px;cursor:pointer;transition:all .15s;background:color-mix(in srgb,var(--color-card) 80%,transparent);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap}:where(html.route-my-programs) .industry-tag:hover{border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);color:var(--color-text-secondary)}:where(html.route-my-programs) .industry-tag.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}:where(html.route-my-programs) .dropdown-item.danger:hover{background:#f53f3f1f;color:var(--color-danger)}:where(html.route-my-programs) .editor-overlay{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column}:where(html.route-my-programs) .editor-toolbar{height:52px;background:#101522f2;border-bottom:1px solid rgba(102,116,143,.3);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0}:where(html.route-my-programs) .editor-body{flex:1;display:flex;overflow:hidden}:where(html.route-my-programs) .editor-left{width:72px;background:#101522e6;border-right:1px solid rgba(102,116,143,.3);display:flex;flex-direction:column;padding:10px 0;gap:4px;flex-shrink:0;overflow-y:auto}:where(html.route-my-programs) .material-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;cursor:pointer;transition:all .15s;border-radius:6px;margin:0 6px}:where(html.route-my-programs) .material-item:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}:where(html.route-my-programs) .material-item.active{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}:where(html.route-my-programs) .material-item i{font-size:18px}:where(html.route-my-programs) .material-item span{font-size:10px;color:#8e8e93;text-align:center;line-height:1.2}:where(html.route-my-programs) .material-item.active span{color:var(--color-primary)}:where(html.route-my-programs) .editor-canvas-area{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0e1a;padding:20px;overflow:auto;position:relative}:where(html.route-my-programs) .canvas-wrapper{position:relative}:where(html.route-my-programs) .canvas-ruler-h{position:absolute;top:-20px;left:0;right:0;height:20px;background:repeating-linear-gradient(to right,rgba(102,116,143,.3) 0,rgba(102,116,143,.3) 1px,transparent 1px,transparent 50px)}:where(html.route-my-programs) .canvas-ruler-v{position:absolute;top:0;bottom:0;left:-20px;width:20px;background:repeating-linear-gradient(to bottom,rgba(102,116,143,.3) 0,rgba(102,116,143,.3) 1px,transparent 1px,transparent 50px)}:where(html.route-my-programs) .editor-canvas{background:#1a1f2e;border:1px solid rgba(22,93,255,.3);box-shadow:0 0 40px #165dff1a;position:relative;overflow:hidden}:where(html.route-my-programs) .canvas-element{position:absolute;border:1px dashed rgba(22,93,255,.5);background:#165dff14;display:flex;align-items:center;justify-content:center;font-size:11px;color:#8e8e93;cursor:move}:where(html.route-my-programs) .canvas-element.selected{border:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}:where(html.route-my-programs) .editor-right{width:280px;background:#101522e6;border-left:1px solid rgba(102,116,143,.3);overflow-y:auto;flex-shrink:0}:where(html.route-my-programs) .panel-section{padding:14px;border-bottom:1px solid rgba(102,116,143,.2)}:where(html.route-my-programs) .panel-title{font-size:13px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:6px}:where(html.route-my-programs) .color-swatch{width:24px;height:24px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .15s}:where(html.route-my-programs) .color-swatch:hover{transform:scale(1.1)}:where(html.route-my-programs) .color-swatch.active{border-color:#fff}:where(html.route-my-programs) .btn-tool{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}:where(html.route-my-programs) .btn-tool:hover{border-color:var(--color-primary);color:#fff}:where(html.route-my-programs) .btn-tool.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}:where(html.route-my-programs) .card-action-btn{transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;transform-origin:center center;display:inline-flex!important;align-items:center;justify-content:center;padding:4px 10px!important;border-radius:6px!important}:where(html.route-my-programs) .card-action-btn:hover{transform:scale(1.25)!important;z-index:10!important;position:relative!important}:where(html.route-my-programs) .card-action-btn.publish-btn:hover{background:#60a5fa33!important;box-shadow:0 0 12px #60a5fa80!important}:where(html.route-my-programs) .card-action-btn.edit-btn:hover{background:#34d39933!important;box-shadow:0 0 12px #34d39980!important;color:#34d399!important}:where(html.route-my-programs) .card-action-btn.more-btn:hover{background:#ffffff1a!important;box-shadow:0 0 12px #ffffff4d!important}:where(html.route-my-programs) .form-select{background:#1a2133d9;border:1px solid rgba(102,116,143,.4);border-radius:6px;padding:6px 10px;font-size:12px;color:#e5e5ea;outline:none;cursor:pointer}:where(html.route-org-structure) .data-table{width:100%;border-collapse:collapse;font-size:13px;min-width:480px}:where(html.route-org-structure) .tree-item{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:6px;cursor:pointer;transition:background .15s;font-size:13px}:where(html.route-org-structure) .tree-item:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}:where(html.route-org-structure) .tree-item.active{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}:where(html.route-org-structure) .tree-children{margin-left:18px}:where(html.route-org-structure) .tree-caret{transition:transform .2s;cursor:pointer}:where(html.route-org-structure) .tree-caret.open{transform:rotate(90deg)}:where(html.route-org-structure) .tree-item-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}:where(html.route-org-structure) .tree-item:hover .tree-item-actions{opacity:1}:where(html.route-org-structure) textarea.form-input{resize:vertical;font-family:inherit}:where(html.route-org-structure) select.form-input{cursor:pointer}:where(html.route-org-structure) select.form-input option{background:#1c1c1e;color:#e5e5ea}:where(html.route-org-structure) .badge-device{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;background:#165dff1f;color:#007aff;border:1px solid rgba(22,93,255,.25)}:where(html.route-org-structure) .badge-device.zero{background:#66748f1f;color:#8e8e93;border-color:#66748f40}:where(html.route-play-task-management) .tag-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;background:#165dff1f;color:#0a84ff;border:1px solid rgba(22,93,255,.25)}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .task-detail{max-height:0;overflow:hidden;transition:max-height .3s ease}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .task-detail.open{max-height:600px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .rotate-icon{transition:transform .25s ease}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .rotate-icon.open{transform:rotate(180deg)}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task,html.route-device-management) .task-drawer-mask{background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task,html.route-device-management) .task-drawer{transition:transform .32s cubic-bezier(.22,1,.36,1);box-shadow:-12px 0 40px #00000080}:where(html.route-play-task-management) .slider{position:absolute;cursor:pointer;inset:0;background-color:#3a3a3c;transition:.25s;border-radius:20px}:where(html.route-play-task-management) .switch input:checked+.slider{background-color:#007aff}:where(html.route-play-task-management) .time-slot-row{background:#1a213399;border:1px solid rgba(102,116,143,.25);border-radius:10px;padding:14px 16px;margin-bottom:10px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:center}@media(min-width:768px){:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-grid{grid-template-columns:72px 1fr 36px;gap:14px}}:where(html.route-play-task-management) .slot-label{font-size:12px;color:#0a84ff;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:5px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-main{display:flex;flex-direction:column;gap:10px;min-width:0}@media(min-width:768px){:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-main{flex-direction:row;align-items:center;gap:14px}}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-time{display:flex;align-items:center;gap:6px;flex-shrink:0}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-time input{width:100px;padding:6px 8px;font-size:12.5px}:where(html.route-play-task-management) .slot-playlist{display:flex;align-items:center;gap:8px;flex:1;min-width:0;flex-wrap:wrap}:where(html.route-play-task-management) .slot-playlist .chips{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}:where(html.route-play-task-management) .slot-volume{display:flex;align-items:center;gap:5px;flex-shrink:0}:where(html.route-play-task-management) .slot-del{display:flex;justify-content:flex-end;flex-shrink:0}@media(max-width:767px){:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-grid{padding:12px;gap:8px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-label{font-size:11px;padding-top:0;margin-bottom:4px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-main{gap:8px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-time input{width:76px;padding:5px 6px;font-size:12px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-playlist{flex-direction:column;align-items:stretch;gap:6px;margin-top:6px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-playlist .btn-ghost-sm{align-self:flex-start;padding:5px 10px;font-size:11.5px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-playlist .chips{gap:5px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-playlist .playlist-chip{padding:4px 8px;font-size:11px;border-radius:8px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-playlist .playlist-chip .name{max-width:120px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-volume{gap:4px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .slot-volume .volume-num-input{width:56px;padding:4px 6px;font-size:11.5px}}:where(html.route-play-task-management) .btn-ghost-sm{background:#1a2133cc;border:1px solid rgba(102,116,143,.4);border-radius:6px;padding:6px 12px;font-size:12.5px;color:#d1d1d6;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}:where(html.route-play-task-management) .btn-danger-sm{background:#f53f3f1a;border:1px solid rgba(245,63,63,.35);border-radius:6px;padding:6px 10px;font-size:12px;color:#ff453a;cursor:pointer;transition:all .15s;white-space:nowrap}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .btn-primary-sm{background:#007aff;border-radius:6px;padding:7px 16px;font-size:12.5px;color:#fff;cursor:pointer;border:none;transition:opacity .15s;white-space:nowrap}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .selected-tag{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:4px 10px;font-size:12px;color:#d1d1d6;margin:2px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .selected-tag .remove-tag{cursor:pointer;color:#8e8e93;transition:color .15s}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .selected-tag .remove-tag:hover{color:#ff453a}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .selected-tag-device{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .selected-tag-device .fa-desktop{color:#0a84ff;font-size:12px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .selected-tag-group{background:#ff7d0014;border:1px solid rgba(255,125,0,.3)}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .selected-tag-group .fa-folder{color:#ff9f0a;font-size:12px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .selected-tag-label{background:#af52de1a;border:1px solid rgba(175,82,222,.3)}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .selected-tag-label .fa-tags{color:#af52de;font-size:12px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .tag-select-chip{display:inline-block;padding:4px;border-radius:8px;border:1px solid transparent;transition:all .18s;cursor:pointer}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .tag-select-chip:hover{background:#ffffff0d}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .tag-select-chip.selected{background:#af52de1f;border-color:#af52de66}:where(html.route-play-task-management) .playlist-chip{display:inline-flex;align-items:center;gap:5px;background:#165dff1a;border:1px solid rgba(22,93,255,.28);border-radius:6px;padding:3px 8px;font-size:11.5px;color:#d1d1d6}:where(html.route-play-task-management) .playlist-chip .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}:where(html.route-play-task-management) .playlist-chip .remove{cursor:pointer;color:#8e8e93;flex-shrink:0}:where(html.route-play-task-management) .playlist-chip .remove:hover{color:#ff453a}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .check-list-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;transition:background .15s;font-size:13px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .check-list-item:hover{background:#3b82f614}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .check-list-item input[type=checkbox]{accent-color:var(--color-primary);width:15px;height:15px}:where(html.route-play-task-management) .volume-num-input{width:64px;background:#1a2133d9;border:1px solid rgba(102,116,143,.4);border-radius:6px;padding:6px 8px;font-size:12.5px;color:#e5e5ea;outline:none;text-align:center}:where(html.route-play-task-management) .volume-num-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 12%,transparent)}:where(html.route-playlist-detail) .tag-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary-light);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent)}:where(html.route-playlist-detail) .type-daily{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary-light);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent)}:where(html.route-playlist-detail) .btn-ghost:hover{border-color:var(--color-primary);color:#fff;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}:where(html.route-playlist-detail) .btn-danger-ghost{background:#f53f3f14;border:1px solid rgba(245,63,63,.3);border-radius:8px;padding:8px 16px;font-size:13px;color:#ef4444;cursor:pointer;transition:all .18s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}:where(html.route-playlist-detail) .btn-danger-ghost:hover{background:#f53f3f26;border-color:#ef4444}:where(html.route-playlist-detail,html.route-broadcast-folder-detail) .btn-sm{padding:6px 12px!important;font-size:12.5px!important}:where(html.route-playlist-detail) .data-table th{text-align:left;padding:11px 14px;background:#0f172a99;color:var(--color-text-secondary);font-weight:500;font-size:12px;border-bottom:1px solid rgba(102,116,143,.25);white-space:nowrap}:where(html.route-playlist-detail) .data-table td{padding:11px 14px;border-bottom:1px solid rgba(102,116,143,.15);color:var(--color-text-secondary);vertical-align:middle}:where(html.route-playlist-detail) .data-table tr:hover td{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}:where(html.route-playlist-detail) .data-table .row-index{color:var(--color-text-secondary);font-size:12px;width:50px;text-align:center}:where(html.route-playlist-detail) .sort-active{color:var(--color-primary)!important}:where(html.route-playlist-detail) .data-table input[type=checkbox]:hover,:where(html.route-playlist-detail) .glass table input[type=checkbox]:hover{border-color:var(--color-primary)}:where(html.route-playlist-detail) .data-table input[type=checkbox]:checked,:where(html.route-playlist-detail) .data-table input[type=checkbox]:indeterminate,:where(html.route-playlist-detail) .glass table input[type=checkbox]:checked,:where(html.route-playlist-detail) .glass table input[type=checkbox]:indeterminate{background:var(--color-primary);border-color:var(--color-primary)}:where(html.route-playlist-detail) .playlist-cover-large{width:160px;height:160px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 32px color-mix(in srgb,var(--color-primary) 20%,transparent)}@media(max-width:640px){:where(html.route-playlist-detail) .playlist-cover-large{width:110px;height:110px}}:where(html.route-playlist-detail) .play-record-modal-mask{background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}:where(html.route-playlist-detail) .play-record-modal-card{box-shadow:0 20px 60px #00000080;animation:modalIn .2s cubic-bezier(.22,1,.36,1)}:where(html.route-playlist-detail) .playlist-detail-header{position:relative;border-radius:16px;overflow:hidden;margin-bottom:20px}:where(html.route-playlist-detail) .playlist-detail-header .cover-bg{width:100%;height:200px;background-size:cover;background-position:center}:where(html.route-playlist-detail) .playlist-detail-header .cover-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,transparent 100%)}:where(html.route-playlist-detail) .playlist-detail-header .cover-content{position:absolute;bottom:0;left:0;right:0;padding:20px}@media(min-width:768px){:where(html.route-playlist-detail) .playlist-detail-header{display:flex;align-items:flex-end;background:linear-gradient(135deg,#1c1c1e,#2c2c2e)}:where(html.route-playlist-detail) .playlist-detail-header .cover-bg{width:200px;height:200px;border-radius:12px;margin:24px;flex-shrink:0}:where(html.route-playlist-detail) .playlist-detail-header .cover-overlay{position:static;background:none}:where(html.route-playlist-detail) .playlist-detail-header .cover-content{position:static;flex:1;padding:0 24px 24px 0}}:where(html.route-screen-task) .slot-material{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px}:where(html.route-screen-task) .slot-material-chips{display:flex;flex-wrap:wrap;gap:6px}:where(html.route-screen-task) .material-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#722ed11a;border:1px solid rgba(114,46,209,.3);border-radius:6px;font-size:12px;color:#d1d1d6;max-width:200px}:where(html.route-screen-task) .material-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(html.route-screen-task) .material-chip-remove{cursor:pointer;color:#8e8e93}:where(html.route-screen-task) .material-chip-remove:hover{color:#ff453a}:where(html.route-screen-task) .material-thumb{aspect-ratio:16/9;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}:where(html.route-screen-task) .material-type-image{background:linear-gradient(135deg,#30d158,#2dd85f)}:where(html.route-screen-task) .material-type-video{background:linear-gradient(135deg,#722ed1,#9254de)}:where(html.route-screen-task) .material-type-program{background:linear-gradient(135deg,#007aff,#0a84ff)}html.route-device-management,html.route-home,html.route-interrupt-task,html.route-play-task-management,html.route-playlist-detail{.text-purple{color:unset}.bg-purple{background-color:unset}.border-purple{border-color:currentColor}.from-purple,.via-purple,.to-purple{--tw-gradient-from:unset;--tw-gradient-to:unset;--tw-gradient-stops:unset;--tw-gradient-from-position:unset;--tw-gradient-to-position:unset;--tw-gradient-via-position:unset}}:where(html.route-broadcast-folder-detail) .btn-ghost{background:#1a2133cc;border:1px solid rgba(102,116,143,.4);border-radius:8px;padding:8px 16px;font-size:13px;color:#d1d1d6;cursor:pointer;transition:all .18s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}:where(html.route-broadcast-folder-detail) .btn-ghost:hover{border-color:var(--color-primary);color:#fff;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}:where(html.route-broadcast-folder-detail) .btn-primary{background:#007aff;border-radius:8px;padding:8px 18px;font-size:13px;color:#fff;cursor:pointer;border:none;transition:all .18s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}:where(html.route-broadcast-folder-detail) .btn-danger-ghost{background:#f53f3f14;border:1px solid rgba(245,63,63,.3);border-radius:8px;padding:8px 16px;font-size:13px;color:#ff453a;cursor:pointer;transition:all .18s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}:where(html.route-broadcast-folder-detail) .btn-danger-ghost:hover{background:#f53f3f26;border-color:#ff453a}:where(html.route-broadcast-folder-detail) .btn-danger-ghost:disabled{opacity:.4;cursor:not-allowed}:where(html.route-broadcast-folder-detail) .data-table td{padding:11px 14px;border-bottom:1px solid rgba(102,116,143,.15);color:#d1d1d6;vertical-align:middle}:where(html.route-broadcast-folder-detail) .data-table .row-index{color:#8e8e93;font-size:12px;width:50px;text-align:center}:where(html.route-broadcast-folder-detail) .folder-cover{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#ff9500,#ff6b00)}:where(html.route-broadcast-folder-detail) input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer}html.route-broadcast-folder-detail{.text-purple{color:unset}.bg-purple{background-color:unset}.border-purple{border-color:currentColor}.from-purple,.via-purple,.to-purple{--tw-gradient-from:unset;--tw-gradient-to:unset;--tw-gradient-stops:unset;--tw-gradient-from-position:unset;--tw-gradient-to-position:unset;--tw-gradient-via-position:unset}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.mobile-task-card{background:#1c1c1e;border-radius:14px;border:none;padding:14px;box-shadow:0 2px 8px #0003}.mobile-card-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#165dff40,#0a84ff26);border:1px solid rgba(22,93,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:#0a84ff}.mobile-action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:12px;color:#0a84ff;background:#165dff1a;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.mobile-action-btn:active{background:color-mix(in srgb,var(--color-primary) 20%,transparent);transform:scale(.97)}.mobile-action-btn i{font-size:12px}@media(max-width:767px){html.route-play-task-management .filter-bar .filter-row{flex-wrap:wrap;gap:8px}html.route-play-task-management .filter-bar .filter-group.status-filters,html.route-play-task-management .filter-bar .filter-group.type-filters{display:none!important}html.route-play-task-management .filter-bar .search-group{flex:1 0 100%;gap:8px}html.route-play-task-management .filter-bar .code-input-wrapper,html.route-play-task-management .filter-bar .group-select-wrap,html.route-play-task-management .filter-bar .reset-btn,html.route-play-task-management .filter-bar .refresh-btn,html.route-play-task-management .filter-bar .create-btn{display:none!important}html.route-play-task-management .filter-bar .search-input-wrapper{flex:1;min-width:0}html.route-play-task-management .filter-bar .search-btn{flex-shrink:0;padding:8px 14px!important}html.route-play-task-management .filter-bar .action-row{margin-top:10px;flex-wrap:wrap;gap:8px}html.route-play-task-management .filter-bar .action-section{margin-left:0!important;gap:8px}html.route-play-task-management .filter-bar .stats-section{font-size:12px;width:100%;margin-bottom:4px}}@keyframes publishPulse{0%,to{box-shadow:0 0 #3b82f680,0 8px 24px #3b82f659}50%{box-shadow:0 0 0 10px #3b82f600,0 8px 32px #3b82f680}}html.route-play-task-management .btn.publish-btn-music{display:inline-flex;align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);color:#fff;border:2px solid rgba(255,255,255,.2);padding:10px 22px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;position:relative;animation:publishPulse 2s ease-in-out infinite;transition:all .3s ease}html.route-play-task-management .btn.publish-btn-music:hover{transform:translateY(-2px) scale(1.05);background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb);box-shadow:0 12px 36px #3b82f680}html.route-play-task-management .btn.publish-btn-music i{margin-right:6px;font-size:15px}@keyframes publishPulseOrange{0%,to{box-shadow:0 0 #f9731680,0 8px 24px #f9731659}50%{box-shadow:0 0 0 10px #f9731600,0 8px 32px #f9731680}}html.route-interrupt-task .btn.publish-btn-broadcast{display:inline-flex;align-items:center;background:linear-gradient(135deg,#f97316,#ea580c,#c2410c);color:#fff;border:2px solid rgba(255,255,255,.2);padding:10px 22px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;position:relative;animation:publishPulseOrange 2s ease-in-out infinite;transition:all .3s ease}html.route-interrupt-task .btn.publish-btn-broadcast:hover{transform:translateY(-2px) scale(1.05);background:linear-gradient(135deg,#fb923c,#f97316,#ea580c);box-shadow:0 12px 36px #f9731680}html.route-interrupt-task .btn.publish-btn-broadcast i{margin-right:6px;font-size:15px}@keyframes publishPulseCyan{0%,to{box-shadow:0 0 #06b6d480,0 8px 24px #06b6d459}50%{box-shadow:0 0 0 10px #06b6d400,0 8px 32px #06b6d480}}html.route-screen-task .btn.publish-btn-screen{display:inline-flex;align-items:center;background:linear-gradient(135deg,#06b6d4,#0ea5e9,#3b82f6);color:#fff;border:2px solid rgba(255,255,255,.2);padding:10px 22px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;position:relative;animation:publishPulseCyan 2s ease-in-out infinite;transition:all .3s ease}html.route-screen-task .btn.publish-btn-screen:hover{transform:translateY(-2px) scale(1.05);background:linear-gradient(135deg,#22d3ee,#38bdf8,#60a5fa);box-shadow:0 12px 36px #06b6d480}html.route-screen-task .btn.publish-btn-screen i{margin-right:6px;font-size:15px}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .task-row-clickable{cursor:pointer;transition:background-color .2s,box-shadow .2s,border-left-width .2s,border-left-color .2s;border-left:0 solid transparent}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .task-row-clickable:hover{background:#ffffff26;box-shadow:0 20px 25px -5px color-mix(in srgb,var(--color-primary) 10%,transparent),0 8px 10px -6px color-mix(in srgb,var(--color-primary) 10%,transparent);border-left:4px solid var(--color-primary)}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .task-detail-card{border-color:#94a3b84d}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .device-count-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary-light);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);transition:all .2s ease;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .device-count-badge:hover{transform:scale(1.22);background:color-mix(in srgb,var(--color-primary) 32%,transparent);border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--color-primary) 45%,transparent),0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent);color:#fff;z-index:5}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .device-count-badge:active{transform:scale(.98)}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .validity-edit-btn,:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .edit-task-btn,:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .copy-task-btn,:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .delete-task-btn{display:inline-flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);transform-origin:center center}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .validity-edit-btn{width:22px;height:22px;border-radius:6px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent)}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .validity-edit-btn:hover{transform:scale(1.5);color:#fff;background:color-mix(in srgb,var(--color-primary) 38%,transparent);border-color:color-mix(in srgb,var(--color-primary) 70%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--color-primary) 60%,transparent),0 4px 12px #0000004d;z-index:20;position:relative}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .edit-task-btn:hover{transform:scale(1.35);color:#fff;z-index:10;position:relative}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .copy-task-btn:hover{transform:scale(1.35);color:#fff;z-index:10;position:relative}:where(html.route-play-task-management,html.route-interrupt-task,html.route-screen-task) .delete-task-btn:hover{transform:scale(1.35);color:#f87171;z-index:10;position:relative}.stepper{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;margin:0 -24px 16px;border-bottom:1px solid color-mix(in srgb,var(--color-text) 5%,transparent);position:sticky;top:0;z-index:10;background:var(--color-bg)}.step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;cursor:pointer;transition:opacity .2s}.step:hover{opacity:.8}.step:hover .step-circle{border-color:var(--color-primary)}.step-circle{width:32px;height:32px;border-radius:50%;background:var(--color-surface);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .3s;border:2px solid var(--color-border);position:relative;z-index:2}.step.active .step-circle{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 12px color-mix(in srgb,var(--color-primary) 40%,transparent)}.step.completed .step-circle{background:var(--color-success);color:#fff;border-color:var(--color-success)}.step-label{font-size:12px;color:var(--color-text-secondary);margin-top:8px;text-align:center;transition:color .3s}.step.active .step-label{color:var(--color-text);font-weight:500}.step.completed .step-label{color:var(--color-success)}.step-connector{position:absolute;top:16px;left:50%;width:calc(100% - 32px);height:2px;background-color:var(--color-bg);z-index:1}.step-connector:after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid var(--color-bg);border-top:5px solid transparent;border-bottom:5px solid transparent}.step:last-child .step-connector{display:none}.step.completed .step-connector{background-color:var(--color-success)}.step.completed .step-connector:after{border-left-color:var(--color-success)}.step.active .step-connector{background:linear-gradient(to right,var(--color-success),var(--color-bg))}.wizard-pane{display:none;animation:fadeIn .3s ease}.wizard-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.play-rules-btn{font-size:11px;padding:2px 8px;border-radius:4px;border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-primary);background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:4px;vertical-align:middle;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.play-rules-btn:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.wizard-footer{display:flex;justify-content:space-between;align-items:center}.wizard-btn{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.wizard-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-btn-primary{background:var(--color-primary);color:#fff}.wizard-btn-primary:hover:not(:disabled){opacity:.9}.wizard-btn-secondary{background:color-mix(in srgb,var(--color-text) 10%,transparent);color:var(--color-text-secondary);border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent)}.wizard-btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 15%,transparent)}.task-section-card{background:#1c1c1e99;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-bottom:14px;overflow:hidden}.task-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05}.task-section-title-wrap{display:flex;align-items:center;gap:8px;min-width:0}.task-section-icon{width:28px;height:28px;border-radius:7px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--color-primary-light);font-size:13px}.task-section-title{font-size:13.5px;font-weight:600;color:var(--color-text);white-space:nowrap}.task-section-required{color:var(--color-danger);font-size:13px;margin-left:2px}.task-section-body{padding:14px 16px}.task-type-card{background:color-mix(in srgb,var(--color-surface) 80%,transparent);border:1px solid var(--color-border);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .18s ease}.task-type-card:hover,.radio-card:hover{transform:translateY(-2px) scale(1.025)!important;border-color:#22d3eeb3!important;box-shadow:0 0 0 1px #22d3ee47,0 8px 24px #22d3ee29,inset 0 0 14px #22d3ee0d;background:color-mix(in srgb,var(--color-primary) 10%,rgba(15,23,42,.55))}.task-type-card.active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 35%,transparent)}.confirm-summary{background:color-mix(in srgb,var(--color-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:12px;padding:20px}.confirm-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.confirm-row:last-child{border-bottom:none}.confirm-label{color:var(--color-text-secondary);font-size:13px;flex-shrink:0}.confirm-value{color:var(--color-text);font-size:13px;font-weight:500;text-align:right;max-width:60%;word-break:break-all}@keyframes fieldErrorFlash{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-danger) 60%,transparent),0 0 20px color-mix(in srgb,var(--color-danger) 30%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-danger) 85%,transparent),0 0 34px color-mix(in srgb,var(--color-danger) 55%,transparent)}}.field-error{animation:fieldErrorFlash .5s ease-in-out 4;border-radius:10px;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-danger) 50%,transparent);background:color-mix(in srgb,var(--color-danger) 5%,transparent)}.field-error .form-input,.field-error .form-select,.field-error .form-textarea{border-color:var(--color-danger)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-danger) 45%,transparent)}.field-error .form-hint{color:var(--color-danger)}.field-error .form-label{color:var(--color-text)}.input-error{border-color:var(--color-danger)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-danger) 45%,transparent)!important;animation:fieldErrorFlash .5s ease-in-out 4}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.-top-3{top:-.75rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-2\.5{bottom:.625rem}.bottom-24{bottom:6rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-9{left:2.25rem}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-7{right:1.75rem}.right-8{right:2rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[100\]{z-index:100}.z-\[200\]{z-index:200}.z-\[60\]{z-index:60}.z-\[61\]{z-index:61}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[85\]{z-index:85}.z-\[87\]{z-index:87}.z-\[900\]{z-index:900}.z-\[90\]{z-index:90}.z-\[95\]{z-index:95}.z-\[9999\]{z-index:9999}.z-\[999\]{z-index:999}.order-last{order:9999}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1 / 1}.h-0{height:0px}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[2px\]{height:2px}.h-\[34px\]{height:34px}.h-\[38px\]{height:38px}.h-\[52px\]{height:52px}.h-\[68vh\]{height:68vh}.h-\[7px\]{height:7px}.h-\[80vh\]{height:80vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-10{max-height:2.5rem}.max-h-16{max-height:4rem}.max-h-24{max-height:6rem}.max-h-44{max-height:11rem}.max-h-52{max-height:13rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-\[240px\]{max-height:240px}.max-h-\[55vh\]{max-height:55vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[65vh\]{max-height:65vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[75vh\]{max-height:75vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.min-h-0{min-height:0px}.min-h-\[180px\]{min-height:180px}.min-h-\[200px\]{min-height:200px}.min-h-\[38px\]{min-height:38px}.min-h-\[440px\]{min-height:440px}.min-h-\[60px\]{min-height:60px}.w-0{width:0px}.w-1{width:.25rem}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[10px\]{width:10px}.w-\[110px\]{width:110px}.w-\[120px\]{width:120px}.w-\[180px\]{width:180px}.w-\[32\%\]{width:32%}.w-\[360px\]{width:360px}.w-\[38px\]{width:38px}.w-\[520px\]{width:520px}.w-\[52px\]{width:52px}.w-\[92\%\]{width:92%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[100px\]{min-width:100px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[155px\]{min-width:155px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[300px\]{min-width:300px}.min-w-\[56px\]{min-width:56px}.min-w-\[860px\]{min-width:860px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[140px\]{max-width:140px}.max-w-\[220px\]{max-width:220px}.max-w-\[340px\]{max-width:340px}.max-w-\[40vw\]{max-width:40vw}.max-w-\[500px\]{max-width:500px}.max-w-\[700px\]{max-width:700px}.max-w-\[90vw\]{max-width:90vw}.max-w-\[92vw\]{max-width:92vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[slideUp_0\.3s_cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{animation:slideUp .3s cubic-bezier(.22,1,.36,1)}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-px{gap:1px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-slate-500\/30>:not([hidden])~:not([hidden]){border-color:#64748b4d}.divide-slate-500\/45>:not([hidden])~:not([hidden]){border-color:#64748b73}.divide-slate-700\/30>:not([hidden])~:not([hidden]){border-color:#3341554d}.divide-slate-700\/45>:not([hidden])~:not([hidden]){border-color:#33415573}.divide-white\/5>:not([hidden])~:not([hidden]){border-color:#ffffff0d}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[9px\]{border-radius:9px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-8{border-left-width:8px}.border-r{border-right-width:1px}.border-r-8{border-right-width:8px}.border-t{border-top-width:1px}.border-t-8{border-top-width:8px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[rgba\(102\,116\,143\,0\.35\)\]{border-color:#66748f59}.border-blue-500\/40{border-color:#3b82f666}.border-orange-400{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.border-orange-400\/15{border-color:#fb923c26}.border-orange-400\/20{border-color:#fb923c33}.border-orange-400\/50{border-color:#fb923c80}.border-orange-500\/30{border-color:#f973164d}.border-primary{border-color:var(--color-primary)}.border-purple-500\/30{border-color:#a855f74d}.border-slate-400{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.border-slate-400\/25{border-color:#94a3b840}.border-slate-400\/30{border-color:#94a3b84d}.border-slate-400\/40{border-color:#94a3b866}.border-slate-500\/30{border-color:#64748b4d}.border-slate-500\/40{border-color:#64748b66}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-slate-600\/30{border-color:#4755694d}.border-slate-600\/40{border-color:#47556966}.border-slate-600\/50{border-color:#47556980}.border-slate-600\/60{border-color:#47556999}.border-slate-700\/20{border-color:#33415533}.border-slate-700\/30{border-color:#3341554d}.border-slate-700\/40{border-color:#33415566}.border-slate-700\/50{border-color:#33415580}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-white\/25{border-color:#ffffff40}.border-white\/5{border-color:#ffffff0d}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-l-transparent{border-left-color:transparent}.border-r-transparent{border-right-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[\#16181d\]\/95{background-color:#16181df2}.bg-\[\#22D3EE\]\/20{background-color:#22d3ee33}.bg-\[\#3A3A3C\]{--tw-bg-opacity: 1;background-color:rgb(58 58 60 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(15\,23\,42\,0\.97\)\]{background-color:#0f172af7}.bg-\[rgba\(26\,33\,51\,0\.6\)\]{background-color:#1a213399}.bg-\[rgba\(26\,33\,51\,0\.95\)\]{background-color:#1a2133f2}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/65{background-color:#000000a6}.bg-black\/70{background-color:#000000b3}.bg-blue-500\/15{background-color:#3b82f626}.bg-blue-500\/20{background-color:#3b82f633}.bg-danger{background-color:var(--color-danger)}.bg-darkCard{background-color:var(--color-card)}.bg-darkSurface{background-color:var(--color-surface)}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/20{background-color:#6366f133}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.bg-orange-400\/20{background-color:#fb923c33}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-500\/10{background-color:#f973161a}.bg-orange-500\/15{background-color:#f9731626}.bg-orange-500\/20{background-color:#f9731633}.bg-primary{background-color:var(--color-primary)}.bg-purple-500\/10{background-color:#a855f71a}.bg-purple-500\/15{background-color:#a855f726}.bg-purple-500\/20{background-color:#a855f733}.bg-red-500\/15{background-color:#ef444426}.bg-slate-700\/30{background-color:#3341554d}.bg-slate-700\/45{background-color:#33415573}.bg-success{background-color:var(--color-success)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-white\/\[0\.02\]{background-color:#ffffff05}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/20{background-color:#eab30833}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#0A84FF\]{--tw-gradient-from: #0A84FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(10 132 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary,.from-purple{--tw-gradient-from: var(--color-primary) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-700{--tw-gradient-from: #334155 var(--tw-gradient-from-position);--tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-success{--tw-gradient-from: var(--color-success) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-warning{--tw-gradient-from: var(--color-warning) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-black\/30{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#60A5FA\]{--tw-gradient-to: #60A5FA var(--tw-gradient-to-position)}.to-blue-400{--tw-gradient-to: #60a5fa var(--tw-gradient-to-position)}.to-green-400{--tw-gradient-to: #4ade80 var(--tw-gradient-to-position)}.to-indigo-400{--tw-gradient-to: #818cf8 var(--tw-gradient-to-position)}.to-purple{--tw-gradient-to: var(--color-primary) var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to: #C084FC var(--tw-gradient-to-position)}.to-slate-800{--tw-gradient-to: #1e293b var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-yellow-400{--tw-gradient-to: #facc15 var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[3px\]{padding:3px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.\!pb-3{padding-bottom:.75rem!important}.pb-1{padding-bottom:.25rem}.pb-11{padding-bottom:2.75rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-48{padding-left:12rem}.pl-5{padding-left:1.25rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-0{padding-right:0}.pr-1\.5{padding-right:.375rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-\[1px\]{padding-top:1px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.text-\[22px\]{font-size:22px}.text-\[4px\]{font-size:4px}.text-\[6px\]{font-size:6px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#0A84FF\]{--tw-text-opacity: 1;color:rgb(10 132 255 / var(--tw-text-opacity, 1))}.text-\[\#22D3EE\]{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-\[\#60A5FA\]{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-\[\#C084FC\]{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-\[\#E2E8F0\]{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-\[\#F59E0B\]{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-200\/80{color:#fde68acc}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-danger{color:var(--color-danger)}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-gray-200\/85{color:#e5e7ebd9}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-primary,.text-purple{color:var(--color-primary)}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-success{color:var(--color-success)}.text-textMuted{color:var(--color-text-muted)}.text-transparent{color:transparent}.text-warning{color:var(--color-warning)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/20{color:#fff3}.text-white\/40{color:#fff6}.text-white\/80{color:#fffc}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.placeholder-slate-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}.placeholder-textMuted::-moz-placeholder{color:var(--color-text-muted)}.placeholder-textMuted::placeholder{color:var(--color-text-muted)}.accent-\[\#3b82f6\]{accent-color:#3b82f6}.accent-danger{accent-color:var(--color-danger)}.accent-primary{accent-color:var(--color-primary)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(0\,122\,255\,0\.4\)\]{--tw-shadow: 0 0 12px rgba(0,122,255,.4);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_-1px_0_var\(--color-border\)\]{--tw-shadow: inset 0 -1px 0 var(--color-border);--tw-shadow-colored: inset 0 -1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-primary{--tw-ring-color: var(--color-primary)}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-darkBg{--tw-ring-offset-color: var(--color-bg)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}:where(.modal-card,.sub-modal-card,.play-record-modal-card,.detail-drawer,.group-panel,.drawer-panel,.glass-card,.industry-sheet,.action-sheet,.tts-menu,.tts-mask,.modal-mask-mobile,.input-wrap-mobile){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:where(.modal-card,.sub-modal-card,.play-record-modal-card,.detail-drawer,.group-panel,.drawer-panel){background:var(--color-card)!important}:where(.glass-card){background:var(--color-card)!important}html.perf-lite *,html.perf-lite *:before,html.perf-lite *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.perf-lite :where(.glass,#sidebar){background:color-mix(in srgb,var(--color-card) 90%,transparent)!important}html.perf-lite :where(.glass-card){background:#1c1e24fa!important}html.perf-lite :where(.more-dropdown,.tts-menu){background:#101522fc!important}html.perf-lite :where(.modal-card,.sub-modal-card,.play-record-modal-card,.detail-drawer,.group-panel,.drawer-panel){background:#17191ffa!important}html.perf-lite :where(.pulse-dot,.floating-shape,.skeleton){animation:none!important}:is(#app,body) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]),select,textarea):not(.glass-input):not([multiple]){border-radius:8px!important}:is(#app,body) select:not(.glass-input):not([multiple]){-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;padding-right:32px!important;color-scheme:dark;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1.4 1.2 6 5.8l4.6-4.6 1.1 1.1L6 8 0.3 2.3z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:10px 7px!important}:is(#app,body) :is(input,textarea,select):not(.glass-input)::-moz-placeholder{color:#e2e8f0!important;opacity:.85!important;font-size:13px!important}:is(#app,body) :is(input,textarea,select):not(.glass-input)::placeholder{color:#e2e8f0!important;opacity:.85!important;font-size:13px!important}:is(#app,body) :is(input,textarea,select):not(.glass-input)::-webkit-input-placeholder{color:#e2e8f0!important;opacity:.85!important;font-size:13px!important}:is(#app,body) :is(.label-filter-trigger,button.form-input){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1.4 1.2 6 5.8l4.6-4.6 1.1 1.1L6 8 0.3 2.3z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:10px 7px!important}:is(#app,body) button.form-input{padding-right:32px!important}:is(#app,body) .label-filter-trigger>.caret{display:none!important}:is(#app,body) button.form-input>:is(.fa-chevron-down,.fa-caret-down){display:none!important}:is(#app,body) .label-tree-trigger{min-height:34px!important;font-size:13px!important;background-color:var(--color-surface)!important;border-color:#66748f59!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1.4 1.2 6 5.8l4.6-4.6 1.1 1.1L6 8 0.3 2.3z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:10px 7px!important;padding-right:32px!important}:is(#app,body) .label-tree-trigger>.fa-chevron-down{display:none!important}:is(#app,body) :is(html.route-my-playlists) .label-tree-trigger{background-color:var(--color-surface)!important;border-color:#94a3b866!important;font-size:14px!important}::is(#app,body) .mp-tag-select.label-tree-trigger{background-color:var(--color-surface)!important;border-color:#94a3b866!important;font-size:14px!important}:is(#app,body) :is(.label-filter-placeholder,.label-filter-trigger .text-textMuted,button.form-input .text-textMuted,.label-tree-trigger .text-textMuted){color:#e5e5ea!important;opacity:1!important;font-size:13px!important}:is(#app,body) :is(.tp-input,.drp-input){border-radius:8px!important;background-color:#0f172ad9!important;border-color:#66748f59!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1.4 1.2 6 5.8l4.6-4.6 1.1 1.1L6 8 0.3 2.3z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:10px 7px!important;padding-right:32px!important}:is(#app,body) :is(.tp-input,.drp-input) :is(.tp-arrow,.drp-arrow){display:none!important}:is(#app,body) button.form-input:has(>.fa-times-circle){background-image:none!important}:is(#app,body) .label-tree-trigger:has(>.fa-times-circle){background-image:none!important}:is(#app,body) :is(.tp-input.has-value,.drp-input.has-value){background-image:none!important}:is(#app,body) :is(button.form-input,.label-tree-trigger){position:relative!important}:is(#app,body) button.form-input>.fa-times-circle,:is(#app,body) .label-tree-trigger>.fa-times-circle{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;margin-left:0!important}:is(#app,body) :is(.tp-placeholder,.drp-placeholder){color:#e2e8f0!important;opacity:.85!important;font-size:13px!important}:is(#app,body) :is([class*=modal],[class*=sheet],[class*=drawer]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]),select:not([multiple]),textarea,button.form-input,.tp-input,.drp-input,.label-filter-trigger){font-size:13px!important;height:-moz-max-content;height:max-content;padding-top:9px!important;padding-bottom:9px!important;background-color:#0f172ad9}:is(#app,body) :is([class*=modal],[class*=sheet],[class*=drawer]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not(.border-primary),select:not([multiple]),textarea,button.form-input,.tp-input,.drp-input){border-color:#66748f59}:is(#app,body) :is([class*=modal],[class*=sheet],[class*=drawer]) .sheet-field{background-color:#0f172ad9!important;border-color:#66748f59!important}.sort-item{-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:grab;position:relative;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,border-color .15s ease,background .15s ease}.sort-item:active{cursor:grabbing}.sort-item .fa-bars{transition:all .15s ease;opacity:.5}.sort-item:hover .fa-bars{opacity:1;color:var(--color-primary)}.sort-item:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)!important;background:color-mix(in srgb,var(--color-primary) 5%,transparent)!important}.sort-item.dragging{opacity:.25!important;transform:scale(.92) rotate(1deg);box-shadow:0 12px 35px color-mix(in srgb,var(--color-primary) 30%,transparent),0 4px 15px #0006!important;z-index:1000;border-color:var(--color-primary)!important}.sort-item.dragging .fa-bars{color:var(--color-primary);opacity:1}.sort-item.drag-over-top{border-top:3px solid var(--color-primary)!important;margin-top:-2px;background:color-mix(in srgb,var(--color-primary) 8%,transparent)!important}.sort-item.drag-over-top:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-primary);z-index:10}.sort-item.drag-over-bottom{border-bottom:3px solid var(--color-primary)!important;margin-bottom:-2px;background:color-mix(in srgb,var(--color-primary) 8%,transparent)!important}.sort-item.drag-over-bottom:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--color-primary);z-index:10}.drp-input,.tp-input{position:relative;display:flex;align-items:center;gap:6px;width:100%;min-height:34px;box-sizing:border-box;background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid var(--color-border);color:#fff;border-radius:10px;padding:7px 11px;font-size:12.5px;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.drp-input:hover,.tp-input:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,transparent);background:#181f30eb}.drp-input:focus-visible,.tp-input:focus-visible,.drp-wrapper.is-open .drp-input,.tp-wrapper.is-open .tp-input{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 16%,transparent)}.drp-wrapper.is-open .drp-icon,.drp-wrapper.is-open .drp-arrow,.tp-wrapper.is-open .tp-icon,.tp-wrapper.is-open .tp-arrow{color:var(--color-primary)}.drp-wrapper.is-disabled .drp-input,.tp-wrapper.is-disabled .tp-input{opacity:.55;cursor:not-allowed}.drp-icon,.tp-icon{color:#8e96ab;font-size:13px;flex-shrink:0;transition:color .18s}.drp-separator,.tp-separator{color:#6c7593;font-size:12px;padding:0 2px;flex-shrink:0}.drp-tail,.tp-tail{position:absolute;top:0;right:0;bottom:0;width:32px;display:flex;align-items:center;justify-content:center}.drp-panel,.tp-panel{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 18px 50px #0000008c,0 0 0 1px #007aff1a;overflow:hidden;box-sizing:border-box}.col-resizer{position:absolute;top:50%;height:18px;transform:translateY(-50%);right:-7px;width:14px;cursor:col-resize;z-index:5;border-radius:3px}.col-resizer:before{content:"";position:absolute;left:50%;top:50%;width:2px;transform:translate(-50%,-50%);background:var(--color-primary, #4F8CFF);opacity:0;pointer-events:none;transition:opacity .15s,height .15s}.col-resizer:hover{background:#ffffff1a}.placeholder\:text-textMuted::-moz-placeholder{color:var(--color-text-muted)}.placeholder\:text-textMuted::placeholder{color:var(--color-text-muted)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0px}.hover\:flex:hover{display:flex}.hover\:-translate-y-px:hover{--tw-translate-y: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-danger:hover{border-color:var(--color-danger)}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-white\/15:hover{border-color:#ffffff26}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:border-white\/30:hover{border-color:#ffffff4d}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500\/20:hover{background-color:#3b82f633}.hover\:bg-danger:hover{background-color:var(--color-danger)}.hover\:bg-darkSurface:hover{background-color:var(--color-surface)}.hover\:bg-orange-500\/25:hover{background-color:#f9731640}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-purple-500\/25:hover{background-color:#a855f740}.hover\:bg-red-400\/10:hover{background-color:#f871711a}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-500\/25:hover{background-color:#ef444440}.hover\:bg-slate-700\/40:hover{background-color:#33415566}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.02\]:hover{background-color:#ffffff05}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-blue-400:hover{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.hover\:text-danger:hover{color:var(--color-danger)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-success:hover{color:var(--color-success)}.hover\:text-warning:hover{color:var(--color-warning)}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.focus\:ring-primary:focus{--tw-ring-color: var(--color-primary)}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-slate-500\/40:disabled{border-color:#64748b66}.disabled\:text-textMuted:disabled{color:var(--color-text-muted)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-primary{color:var(--color-primary)}.group:hover .group-hover\:text-success{color:var(--color-success)}.group:hover .group-hover\:opacity-100{opacity:1}@media(min-width:640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-12{height:3rem}.sm\:w-12{width:3rem}.sm\:w-40{width:10rem}.sm\:w-48{width:12rem}.sm\:w-52{width:13rem}.sm\:w-56{width:14rem}.sm\:w-64{width:16rem}.sm\:w-72{width:18rem}.sm\:w-\[560px\]{width:560px}.sm\:w-\[820px\]{width:820px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-0\.5{gap:.125rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}}@media(min-width:768px){.md\:left-\[var\(--player-bar-left\)\]{left:var(--player-bar-left)}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:mb-0{margin-bottom:0}.md\:mb-4{margin-bottom:1rem}.md\:mr-1{margin-right:.25rem}.md\:mt-1\.5{margin-top:.375rem}.md\:mt-2{margin-top:.5rem}.md\:line-clamp-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:table-cell{display:table-cell}.md\:hidden{display:none}.md\:h-40{height:10rem}.md\:h-44{height:11rem}.md\:h-48{height:12rem}.md\:h-\[75vh\]{height:75vh}.md\:max-h-\[70vh\]{max-height:70vh}.md\:max-h-\[75vh\]{max-height:75vh}.md\:max-h-\[80vh\]{max-height:80vh}.md\:max-h-\[85vh\]{max-height:85vh}.md\:max-h-\[90vh\]{max-height:90vh}.md\:max-h-\[calc\(100vh-280px\)\]{max-height:calc(100vh - 280px)}.md\:w-1\/3{width:33.333333%}.md\:w-2\/5{width:40%}.md\:w-3\/5{width:60%}.md\:w-40{width:10rem}.md\:w-80{width:20rem}.md\:w-\[110px\]{width:110px}.md\:w-\[520px\]{width:520px}.md\:w-\[96px\]{width:96px}.md\:w-full{width:100%}.md\:max-w-2xl{max-width:42rem}.md\:max-w-3xl{max-width:48rem}.md\:max-w-4xl{max-width:56rem}.md\:max-w-5xl{max-width:64rem}.md\:max-w-lg{max-width:32rem}.md\:max-w-md{max-width:28rem}.md\:max-w-xl{max-width:36rem}.md\:flex-initial{flex:0 1 auto}.md\:flex-none{flex:none}.md\:flex-shrink-0{flex-shrink:0}.md\:animate-\[modalIn_0\.2s_cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{animation:modalIn .2s cubic-bezier(.22,1,.36,1)}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[1\.6fr_1fr_1fr_1fr\]{grid-template-columns:1.6fr 1fr 1fr 1fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-2{gap:.5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-5{gap:1.25rem}.md\:gap-6{gap:1.5rem}.md\:rounded-2xl{border-radius:1rem}.md\:rounded-xl{border-radius:.75rem}.md\:border-b-0{border-bottom-width:0px}.md\:border-r{border-right-width:1px}.md\:border-t-0{border-top-width:0px}.md\:p-4{padding:1rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pl-20{padding-left:5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media(min-width:1024px){.lg\:relative{position:relative}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:mt-4{margin-top:1rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:table-cell{display:table-cell}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:w-\[620px\]{width:620px}.lg\:w-\[920px\]{width:920px}.lg\:flex-none{flex:none}.lg\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:pl-20{padding-left:5rem}}@media(min-width:1280px){.xl\:sticky{position:sticky}.xl\:top-0{top:0}.xl\:col-span-1{grid-column:span 1 / span 1}.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:table-cell{display:table-cell}.xl\:w-\[980px\]{width:980px}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.top-actions{position:fixed;top:16px;right:16px;z-index:200;display:flex;align-items:center;gap:10px}.theme-switch{position:relative}.theme-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:color-mix(in srgb,var(--color-card) 85%,transparent);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--color-border);border-radius:50%;color:var(--color-primary);font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}.theme-btn:hover{background:color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary)}.theme-panel{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:color-mix(in srgb,var(--color-card) 96%,transparent);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 12px 40px #00000080;padding:16px;animation:themeFadeIn .18s ease-out}@keyframes themeFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.theme-panel-title{font-size:13px;font-weight:600;color:var(--color-text);margin:0}.theme-panel-close{width:26px;height:26px;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.theme-panel-close:hover{background:var(--color-surface);color:var(--color-text)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-item{display:flex;flex-direction:column;align-items:flex-start;padding:12px;border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .18s ease;background:transparent}.theme-item:hover{border-color:var(--color-border-light)}.theme-item.active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.theme-item-preview{display:flex;gap:4px;margin-bottom:8px}.theme-dot{width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 1px #ffffff1f}.theme-item-info{width:100%;min-width:0}.theme-item-name{font-size:14px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-item-desc{font-size:12px;color:var(--color-text-muted);margin-top:4px;line-height:1.4}.theme-item-current{font-size:12px;color:var(--color-primary);margin-top:4px;display:flex;align-items:center;gap:4px}.theme-item-current i{font-size:11px}.lang-switch{position:relative}.lang-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:color-mix(in srgb,var(--color-card) 85%,transparent);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.lang-btn:hover{background:color-mix(in srgb,var(--color-card) 92%,transparent);border-color:var(--color-primary)}.lang-btn i{font-size:13px}.lang-arrow{font-size:10px;transition:transform .2s}.lang-arrow-up{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:140px;background:color-mix(in srgb,var(--color-card) 96%,transparent);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 32px #00000080;padding:6px;animation:langFadeIn .15s ease-out}@keyframes langFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:transparent;border:none;border-radius:8px;color:var(--color-text-muted);font-size:13px;cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left}.lang-option:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-text)}.lang-option.active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.lang-option i{font-size:11px}.floating-shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:float 8s ease-in-out infinite;pointer-events:none}.shape-1{width:384px;height:384px;background:color-mix(in srgb,var(--color-primary) 20%,transparent);top:-100px;left:-100px}.shape-2{width:320px;height:320px;background:#a855f726;bottom:-80px;right:-80px;animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.brand-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(to bottom right,var(--color-primary),#2563eb);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px color-mix(in srgb,var(--color-primary) 30%,transparent),0 8px 10px -6px #0000004d;flex-shrink:0}.brand-icon i{color:#fff;font-size:20px}.brand-title{font-size:20px;font-weight:600;color:var(--color-text);margin:0 0 2px}.brand-sub{font-size:13px;color:var(--color-text-muted);margin:0}.phone-icon{font-size:18px}.code-row{display:flex;gap:12px}.code-input-wrap{flex:1}.code-btn{padding:0 16px;background:color-mix(in srgb,var(--color-primary) 18%,transparent);border:none;border-radius:12px;color:var(--color-primary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;min-width:110px;transition:all .2s ease;font-family:inherit}.code-btn:not(:disabled):hover{background:color-mix(in srgb,var(--color-primary) 28%,transparent)}.code-btn:disabled{opacity:.5;cursor:not-allowed}.custom-cb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid color-mix(in srgb,var(--color-text-secondary) 35%,transparent);border-radius:5px;background:color-mix(in srgb,var(--color-surface) 70%,transparent);cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0;margin-top:1px}.custom-cb:checked{background:var(--color-primary);border-color:var(--color-primary)}.custom-cb:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.agree-text{font-size:12px;color:var(--color-text-muted);line-height:1.6}