.permission-management{margin:0 auto;max-width:1200px;padding:2rem}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.permission-management h1{color:var(--primary-purple);margin:0}.registration-toggle{align-items:center;color:var(--text-light);display:flex;font-size:.95rem;gap:.75rem}.toggle-btn{border:none;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s}.toggle-btn.open{background:var(--success-color);color:#fff}.toggle-btn.closed{background:var(--danger-color);color:#fff}.toggle-btn:hover{transform:scale(1.05)}.search-bar{margin-bottom:1.5rem}.search-bar form{display:flex;gap:.5rem}.search-bar input{background:var(--theme-input-surface);border:1px solid var(--theme-border-soft);border-radius:8px;color:var(--text-dark);flex:1 1;font-size:1rem;max-width:400px;padding:.75rem 1rem}.search-bar input::placeholder{color:var(--text-light)}.search-bar button{background:linear-gradient(135deg,var(--primary-purple),var(--dark-purple));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.search-bar button:hover{box-shadow:0 4px 12px var(--theme-shadow-hover);transform:translateY(-2px)}.error-message{background:color-mix(in srgb,var(--danger-color) 10%,#fff);color:var(--danger-color)}.error-message,.success-message{border-radius:8px;margin-bottom:1rem;padding:1rem}.success-message{background:color-mix(in srgb,var(--success-color) 12%,#fff);color:var(--success-color)}.loading{font-size:1.2rem;padding:3rem}.users-table{background:linear-gradient(180deg,var(--theme-card-surface) 0,var(--theme-card-surface-alt) 100%);border:1px solid var(--theme-glass-border);border-radius:12px;box-shadow:0 24px 48px #00000047;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:linear-gradient(135deg,var(--primary-purple),var(--dark-purple));color:#fff;font-weight:600;padding:1rem;text-align:left}.users-table td{border-bottom:1px solid var(--theme-border-soft);color:var(--text-dark);padding:1rem}.users-table tr:hover{background:var(--theme-surface-subtle)}.users-table tr.admin-row{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-card-surface) 82%,var(--primary-purple) 18%),color-mix(in srgb,var(--theme-card-surface-alt) 76%,var(--danger-color) 24%))}.role-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.role-badge.admin{background:linear-gradient(135deg,var(--primary-purple),var(--dark-purple));color:#fff}.role-badge.premium{background:linear-gradient(135deg,var(--warning-color),color-mix(in srgb,var(--warning-color) 70%,#000));color:#fff}.role-badge.user{background:var(--theme-surface-muted);color:var(--text-light)}.all-permissions{color:var(--primary-purple);font-weight:600}.permission-count,.room-count{color:var(--text-light);font-size:.9rem}.limit-badge{background:var(--theme-surface-muted);border-radius:12px;color:var(--text-light);display:inline-block;font-size:.85rem;padding:.25rem .5rem}.limit-badge.active{background:linear-gradient(135deg,var(--success-color),color-mix(in srgb,var(--success-color) 75%,#fff));color:#fff}.edit-btn{background:linear-gradient(135deg,var(--primary-purple),var(--dark-purple));border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:transform .2s}.edit-btn:hover{transform:translateY(-2px)}.admin-note{color:var(--text-light);font-size:.85rem;font-style:italic}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.pagination button{background:var(--primary-purple);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:opacity .2s}.pagination button:disabled{background:var(--theme-surface-muted);color:var(--text-light);cursor:not-allowed}.pagination span{color:var(--text-light)}.modal-overlay{background:#00000080;z-index:1000}.permission-modal{background:linear-gradient(180deg,var(--theme-card-surface) 0,var(--theme-card-surface-alt) 100%);border:1px solid var(--theme-glass-border);border-radius:16px;box-shadow:0 20px 60px var(--theme-shadow-hover);max-height:90vh;max-width:700px;overflow-y:auto;padding:2rem;width:100%}.permission-modal h2{color:var(--text-dark);margin-bottom:1rem}.user-info{background:var(--theme-surface-subtle);border-radius:8px;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem;padding:1rem}.user-info strong{color:var(--text-dark);font-size:1.1rem}.user-info span{color:var(--text-light);font-size:.9rem}.limits-section,.permissions-section,.role-section,.rooms-section{margin-bottom:1.5rem}.limits-section h3,.permissions-section h3,.role-section h3,.rooms-section h3{color:var(--primary-purple);font-size:1.1rem;margin-bottom:1rem}.limits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.limit-input-group{display:flex;flex-direction:column;gap:.5rem}.limit-input-group label{color:var(--text-dark);font-weight:500}.limit-input-wrapper{display:flex;flex-direction:column;gap:.25rem}.limit-input-wrapper input[type=number]{border:2px solid var(--theme-border-soft);border-radius:8px;font-size:1.1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.limit-input-wrapper input[type=number]:focus{border-color:var(--primary-purple);outline:none}.limit-hint{color:var(--text-light);font-size:.8rem}.room-assignment-toggle{border-top:1px dashed var(--theme-border-soft);display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;padding-top:1rem}.toggle-room-btn{background:none;border:none;color:var(--light-purple);cursor:pointer;font-size:.95rem;padding:.5rem 0;text-align:left;transition:color .2s}.toggle-room-btn:hover{color:var(--primary-purple)}.optional-hint{color:var(--text-light);font-size:.8rem;font-style:italic}.role-selector{display:flex;flex-wrap:wrap;gap:1rem}.role-option{align-items:center;background:var(--theme-surface-subtle);border:2px solid var(--theme-border-soft);border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.role-option:hover{background:var(--theme-surface-muted)}.role-option.selected{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-purple) 22%,var(--theme-card-surface) 78%),color-mix(in srgb,var(--danger-color) 18%,var(--theme-card-surface-alt) 82%));border-color:var(--primary-purple)}.role-option input{accent-color:var(--primary-purple)}.role-label{color:var(--text-dark);font-weight:500}.hint{color:var(--text-light);font-size:.85rem;margin-bottom:1rem}.permissions-grid,.rooms-grid{display:flex;flex-direction:column;gap:.75rem}.permission-item,.room-item{align-items:flex-start;background:var(--theme-surface-subtle);border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:background .2s,border-color .2s}.permission-item:hover,.room-item:hover{background:var(--theme-surface-muted);border-color:var(--theme-border-soft)}.permission-item input,.room-item input{accent-color:var(--primary-purple);height:18px;margin-top:.25rem;width:18px}.permission-info,.room-info{display:flex;flex-direction:column;gap:.25rem}.permission-name,.room-name{color:var(--text-dark);font-weight:500}.permission-desc,.room-id{color:var(--text-light);font-size:.85rem}.no-rooms{color:var(--text-light);font-style:italic;padding:1rem;text-align:center}.cancel-btn{background:var(--theme-surface-muted);border:1px solid var(--theme-border-soft);border-radius:8px;color:var(--text-dark);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s}.cancel-btn:hover{background:color-mix(in srgb,var(--theme-surface-muted) 76%,var(--light-purple) 24%)}.save-btn{background:linear-gradient(135deg,var(--primary-purple),var(--danger-color));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px var(--theme-shadow-hover);transform:translateY(-2px)}.save-btn:disabled{background:var(--theme-surface-muted);color:var(--text-light);cursor:not-allowed}@media (max-width:768px){.permission-management{padding:1rem}.users-table{overflow-x:auto}.users-table table{min-width:700px}.permission-modal{padding:1.5rem}.limits-grid{grid-template-columns:1fr}.room-assignment-toggle{flex-direction:column}}.site-config-page{margin:0 auto;max-width:1200px;padding:2rem}.site-config-page .loading{color:var(--text-light)}.site-config-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.site-config-header h1{color:var(--primary-purple);margin:0 0 .5rem}.site-config-header p{color:var(--text-light);margin:0}.site-config-card-heading,.site-config-section-heading{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.site-config-card-heading p,.site-config-section-heading p{color:var(--text-light);font-size:.92rem;margin:.4rem 0 0}.site-config-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.site-config-card{background:linear-gradient(180deg,var(--theme-card-surface) 0,var(--theme-card-surface-alt) 100%);border:1px solid var(--theme-glass-border);border-radius:16px;box-shadow:0 24px 48px #00000047;padding:1.5rem}.site-config-card-full{grid-column:1/-1}.site-config-card h2{color:var(--light-purple);margin-bottom:1rem}.site-config-card h3{color:var(--text-dark);font-size:1rem;margin:0}.site-config-section-group+.site-config-section-group{border-top:1px solid var(--theme-border-soft);margin-top:1.5rem;padding-top:1.5rem}.site-config-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.site-config-field span{color:var(--light-purple);font-weight:600}.site-config-field input,.site-config-field textarea{background:var(--theme-input-surface);border:1px solid var(--theme-border-soft);border-radius:10px;box-shadow:inset 0 1px 0 #ffffff08;color:var(--text-dark);font-size:.95rem;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s,background-color .2s;width:100%}.site-config-field input:focus,.site-config-field textarea:focus{background:var(--theme-card-surface);border-color:var(--primary-purple);box-shadow:0 0 0 3px var(--theme-focus-ring);outline:none}.site-config-field input::placeholder,.site-config-field textarea::placeholder{color:var(--text-light)}.site-config-color-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.site-config-color-field{margin-bottom:0}.site-config-color-input{align-items:center;display:flex;gap:.75rem}.site-config-color-input input[type=color]{height:48px;min-width:56px;padding:.25rem;width:56px}.site-config-preset-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.site-config-preset{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-card-surface) 92%,var(--primary-purple) 8%) 0,var(--theme-card-surface-alt) 100%);border:1px solid var(--theme-border-soft);border-radius:18px;cursor:pointer;padding:1rem;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s;width:100%}.site-config-preset:hover{box-shadow:0 18px 34px #00000047;transform:translateY(-2px)}.site-config-preset.active{border-color:var(--primary-purple);box-shadow:0 18px 36px #b83a4f3d}.site-config-preset-swatches{border:1px solid var(--theme-border-soft);border-radius:18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:72px;overflow:hidden}.site-config-preset-swatch{display:block;min-height:72px}.site-config-preset-copy{display:flex;flex-direction:column;gap:.35rem;margin-top:.85rem}.site-config-preset-copy strong{color:var(--text-dark);font-size:1rem}.site-config-preset-copy span{color:var(--text-light);font-size:.9rem}.site-config-preset-copy em{color:var(--primary-purple);font-size:.85rem;font-style:normal;font-weight:600}.site-config-preview{border:1px solid var(--theme-glass-border);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff08,0 24px 40px #0000003d;margin-top:1.5rem;padding:1.5rem}.site-config-preview-card{align-items:center;border-radius:16px;box-shadow:0 18px 32px #0000002e;display:flex;gap:1rem;padding:1rem 1.25rem}.site-config-preview-card p{margin:.35rem 0 0}.site-config-preview-navbar{align-items:center;background:var(--theme-nav-surface);border-radius:14px;box-shadow:0 18px 36px #0000003d;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.9rem 1.1rem}.site-config-preview-navbar-brand{align-items:center;display:flex;gap:.75rem;min-width:0}.site-config-preview-logo{border-radius:14px;flex-shrink:0;height:56px;width:56px}.site-config-preview-avatar{background:linear-gradient(135deg,var(--light-purple) 0,#d8c7cf33 100%);border:4px solid;border-radius:50%;box-shadow:0 0 0 8px #b83a4f29;flex-shrink:0;height:72px;width:72px}.site-config-preview-copy{min-width:0}.site-config-preview-panels{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.site-config-preview-panel{border-radius:14px;display:flex;flex-direction:column;gap:.45rem;padding:1rem}.site-config-preview-panel strong{font-size:.95rem}.site-config-preview-panel span{font-size:.88rem;line-height:1.5}.site-config-preview-statuses{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.site-config-status-chip{border-radius:999px;box-shadow:0 10px 18px #0000002e;color:#fff;font-size:.85rem;font-weight:600;padding:.45rem .95rem}.site-config-preview-records{align-items:center;color:var(--text-light);display:flex;flex-direction:column;font-size:.8rem;gap:.4rem;margin-top:1rem}@media (max-width:900px){.site-config-color-grid,.site-config-grid,.site-config-preset-grid,.site-config-preview-panels{grid-template-columns:1fr}}@media (max-width:640px){.site-config-page{padding:1rem}.site-config-header{align-items:stretch}.site-config-card-heading,.site-config-header,.site-config-section-heading{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#b83a4f38 0,#0000 30%),radial-gradient(circle at 84% 12%,#d8c7cf1a 0,#0000 18%),linear-gradient(180deg,#26181f,#151217 58%,#09070b);background:radial-gradient(circle at top,#b83a4f38 0,#0000 30%),radial-gradient(circle at 84% 12%,#d8c7cf1a 0,#0000 18%),linear-gradient(180deg,var(--bg-purple-light) 0,var(--bg-light) 58%,var(--dark-purple) 100%);background-attachment:fixed;color:#f6eef3;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}:root{--primary-purple:#b83a4f;--light-purple:#d8c7cf;--dark-purple:#09070b;--bg-light:#151217;--bg-purple-light:#26181f;--text-dark:#f6eef3;--text-light:#b6a8b1;--success-color:#4e8f69;--warning-color:#b98952;--danger-color:#d86172;--theme-border-soft:#3d3139;--theme-surface-subtle:#1d181e;--theme-surface-muted:#272129;--theme-shadow-hover:#b83a4f47;--theme-focus-ring:#b83a4f2e;--theme-nav-surface:linear-gradient(135deg,#09070beb,#26181ff0);--theme-nav-surface-mobile:linear-gradient(180deg,#09070bfa,#272129fa);--theme-card-surface:#1d181e;--theme-card-surface-alt:#272129;--theme-card-highlight:#d8c7cf14;--theme-glass-surface:#09070bad;--theme-glass-border:#d8c7cf24;--theme-overlay:#09070bc7;--theme-input-surface:#211b22;--theme-tag-default:#b83a4f;--theme-tag-text:#fff;--theme-time-badge-bg:#b83a4f29;--theme-time-badge-text:#d8c7cf;--theme-link-color:#d8c7cf;--theme-hero-ring:#b83a4f52;--theme-note-start:#d86172;--theme-note-end:#b83a4f;--white:#fff;--shadow:0 18px 36px #09070b57;--shadow-hover:0 30px 54px #09070b6b;--song-bubble-min-width:240px;--song-bubble-max-width:100%}.container{margin:0 auto;max-width:1200px;padding:20px}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#09070beb,#26181ff0);background:var(--theme-nav-surface);border-bottom:1px solid #d8c7cf24;border-bottom:1px solid var(--theme-glass-border);box-shadow:0 18px 40px #0000005c;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.navbar-header{gap:1rem}.navbar-brand,.navbar-header{align-items:center;display:flex}.navbar-brand{color:#d8c7cf;color:var(--light-purple);font-size:inherit;font-weight:700;gap:0;text-decoration:none}.navbar-logo{border-radius:8px;display:block;height:30px;width:auto}.navbar-site-title{color:#d8c7cf;color:var(--light-purple);font-size:clamp(1.55rem,2.15vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;white-space:nowrap}.navbar-links{align-items:center;display:flex;gap:2rem;list-style:none}.navbar-links a{color:#b6a8b1;color:var(--text-light);font-weight:500;text-decoration:none;transition:color .3s}.navbar-links a:hover{color:#f6eef3;color:var(--text-dark)}.menu-icon{cursor:pointer;display:none;flex-direction:column;gap:5px}.bar{background-color:#d8c7cf;background-color:var(--light-purple);height:3px;transition:all .3s ease;width:25px}@media (max-width:1024px){.navbar{padding:0}.navbar-header{align-items:center;background:linear-gradient(180deg,#09070bfa,#272129fa);background:var(--theme-nav-surface-mobile);display:flex;justify-content:space-between;padding:1rem;position:relative;width:100%;z-index:1002}.navbar-brand{font-size:inherit}.navbar-site-title{font-size:1.35rem;max-width:280px;overflow:hidden;text-overflow:ellipsis}.menu-icon{display:flex}.bar.open:first-child{transform:rotate(45deg) translate(5px,6px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar-links{align-items:center;background:linear-gradient(180deg,#09070bfa,#272129fa);background:var(--theme-nav-surface-mobile);border-top:1px solid #d8c7cf24;border-top:1px solid var(--theme-glass-border);box-shadow:0 18px 36px #00000059;flex-direction:column;gap:1.5rem;left:0;padding:2rem 0;position:absolute;top:100%;transform:translateY(-150%);transition:transform .3s ease-in-out;width:100%;z-index:1001}.navbar-links.active{transform:translateY(0)}.navbar-overlay{animation:fadeIn .3s ease;background-color:#09070bc7;background-color:var(--theme-overlay);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar-user{align-items:center;display:flex;gap:1rem}.user-points{background:#272129;background:var(--theme-card-surface-alt);border:1px solid #d8c7cf24;border:1px solid var(--theme-glass-border);border-radius:20px;color:#d8c7cf;color:var(--light-purple);font-weight:700;padding:.5rem 1rem}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#b83a4f,#d86172);background:linear-gradient(135deg,var(--primary-purple) 0,var(--danger-color) 100%);border:1px solid #d8c7cf29;color:#fff;color:var(--white)}.btn-primary:hover{box-shadow:0 14px 30px #b83a4f47;filter:brightness(1.05);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,color-mix(in srgb,#272129 88%,#d8c7cf 12%),#1d181e);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-card-surface-alt) 88%,var(--light-purple) 12%) 0,var(--theme-card-surface) 100%);border:1px solid #d8c7cf24;border:1px solid var(--theme-glass-border);color:#f6eef3;color:var(--text-dark)}.btn-secondary:hover{border-color:#b83a4f;border-color:var(--primary-purple);box-shadow:0 12px 28px #0000003d}.btn-outline{background:color-mix(in srgb,#b83a4f 10%,#0000);background:color-mix(in srgb,var(--primary-purple) 10%,#0000);border:1px solid #b83a4f;border:1px solid var(--primary-purple);color:#d8c7cf;color:var(--light-purple)}.btn-outline:hover{background:linear-gradient(135deg,#b83a4f,#d86172);background:linear-gradient(135deg,var(--primary-purple) 0,var(--danger-color) 100%);color:#fff;color:var(--white)}.card{background:linear-gradient(180deg,#1d181e,#272129);background:linear-gradient(180deg,var(--theme-card-surface) 0,var(--theme-card-surface-alt) 100%);border:1px solid #d8c7cf24;border:1px solid var(--theme-glass-border);border-radius:12px;box-shadow:0 18px 36px #09070b57;box-shadow:var(--shadow);padding:1.5rem;transition:all .3s}.card:hover{box-shadow:0 30px 54px #09070b6b,0 0 0 1px #b83a4f47;box-shadow:var(--shadow-hover),0 0 0 1px var(--theme-shadow-hover);transform:translateY(-4px)}.card-image{border-radius:8px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.card-title{color:#f6eef3;color:var(--text-dark);font-size:1.5rem;margin-bottom:.5rem}.card-description{color:#b6a8b1;color:var(--text-light);margin-bottom:1rem}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.form-container{background:linear-gradient(180deg,#1d181e,#272129);background:linear-gradient(180deg,var(--theme-card-surface) 0,var(--theme-card-surface-alt) 100%);border:1px solid #d8c7cf24;border:1px solid var(--theme-glass-border);border-radius:12px;box-shadow:0 18px 36px #09070b57;box-shadow:var(--shadow);margin:4rem auto;max-width:400px;padding:2rem}.form-input{border:2px solid #3d3139;border:2px solid var(--theme-border-soft);border-radius:8px;box-shadow:inset 0 1px 0 #ffffff05;transition:border-color .3s,box-shadow .3s,background-color .3s}.form-input:focus{background:#1d181e;background:var(--theme-card-surface)}.form-input::placeholder{color:#b6a8b1;color:var(--text-light)}.form-error{color:#d86172;color:var(--danger-color)}.form-error,.form-success{font-size:.875rem;margin-top:.5rem}.form-success{color:#4e8f69;color:var(--success-color)}.page-title{color:#b83a4f;color:var(--primary-purple);font-size:2.5rem;margin-bottom:1rem;text-align:center}.page-subtitle{color:#b6a8b1;color:var(--text-light);font-size:1.25rem;margin-bottom:2rem;text-align:center}.playlist-heading-block{margin-bottom:2rem;transform-origin:top center;transition:all .3s ease}.playlist-heading-block.collapsed{margin:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none}.playlist-bili-link{color:inherit;display:flex;justify-content:center;text-decoration:none;width:100%}.playlist-bili-card{margin-left:auto;margin-right:auto;max-width:860px;width:100%}.playlist-bili-card-static{text-decoration:none}.playlist-hero-copy{display:flex;flex-direction:column;gap:.35rem;justify-content:center;min-width:0}.playlist-hero-title{color:#d8c7cf;color:var(--light-purple);font-size:2rem;margin:0 0 .5rem;text-align:left;text-shadow:0 0 28px #b83a4f2e}.playlist-hero-subtitle{font-size:1rem;line-height:1.7;margin:0;max-width:34rem;text-align:left}.playlist-header{align-items:center;display:flex;justify-content:center;margin-bottom:1rem;margin-top:.5rem;position:relative}.playlist-admin-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;position:absolute;right:0}@media (max-width:1024px){.playlist-header{margin-top:1rem}.playlist-admin-controls{justify-content:center;position:static;width:100%}}.songs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-template-columns:repeat(auto-fill,minmax(var(--song-bubble-min-width),1fr));margin-top:1.5rem}.playlist-total-count{margin:2rem 0 0;text-align:center}.playlist-total-count,.site-records{color:#b6a8b1;color:var(--text-light)}.site-records{align-items:center;display:flex;flex-direction:column;font-size:.8rem;gap:.5rem;margin-top:4rem;padding:2rem 0 1rem}.site-record-link{color:inherit;text-decoration:none;transition:color .3s}.site-record-link:hover{color:#d8c7cf;color:var(--light-purple)}.song-bubble{align-items:center;background:linear-gradient(180deg,#1d181e,color-mix(in srgb,#272129 82%,#b83a4f 18%));background:linear-gradient(180deg,var(--theme-card-surface) 0,color-mix(in srgb,var(--theme-card-surface-alt) 82%,var(--primary-purple) 18%) 100%);border:1px solid #d8c7cf24;border:1px solid var(--theme-glass-border);border-radius:12px;box-shadow:0 18px 32px #0000004d;display:flex;flex-direction:row;max-width:100%;max-width:var(--song-bubble-max-width);min-width:240px;min-width:var(--song-bubble-min-width);overflow:hidden;padding:12px 12px 12px 16px;position:relative;transition:all .3s ease;width:100%}.song-bubble:before{background:linear-gradient(90deg,#d86172,#b83a4f 45%,#d8c7cf);background:linear-gradient(90deg,var(--danger-color) 0,var(--primary-purple) 45%,var(--light-purple) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.song-bubble:hover{border-color:#b83a4f;border-color:var(--primary-purple);box-shadow:0 24px 46px #00000061,0 0 0 1px #b83a4f47;box-shadow:0 24px 46px #00000061,0 0 0 1px var(--theme-shadow-hover);transform:translateY(-4px)}.song-bubble.batch-select-mode{cursor:pointer}.song-bubble.batch-select-mode:hover{border-color:color-mix(in srgb,#b83a4f 55%,#d8c7cf 45%);border-color:color-mix(in srgb,var(--primary-purple) 55%,var(--light-purple) 45%)}.song-bubble.selected{border-color:#b83a4f;border-color:var(--primary-purple);box-shadow:0 24px 46px #00000061,0 0 0 2px #b83a4f47;box-shadow:0 24px 46px #00000061,0 0 0 2px var(--theme-shadow-hover)}.song-bubble:active{box-shadow:0 14px 24px #00000047;transform:translateY(-1px);transition:all .1s ease}.song-number{align-items:center;background:radial-gradient(circle at 30% 30%,#d86172 0,#b83a4f 52%,color-mix(in srgb,#b83a4f 45%,#09070b) 100%);background:radial-gradient(circle at 30% 30%,var(--danger-color) 0,var(--primary-purple) 52%,color-mix(in srgb,var(--primary-purple) 45%,var(--dark-purple)) 100%);border:1px solid #d8c7cf3d;border-radius:50%;box-shadow:0 10px 20px #b83a4f47;color:#fff;color:var(--white);display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;margin-right:12px;width:32px}.song-bubble-content{display:flex;flex:1 1;flex-direction:column;gap:0;min-width:0;padding-top:4px}.song-bottom-row{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;min-width:0}.song-bubble-title{color:#f6eef3;color:var(--text-dark);font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:2px}.song-bubble-artist{color:#b6a8b1;color:var(--text-light);flex:1 1;font-size:.85rem;font-weight:500;margin-bottom:0;min-width:0}.artist-icon{font-size:1.2rem}.song-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.song-genre{background:#d8c7cf14;background:var(--theme-card-highlight);border:1px solid #d8c7cf24;border:1px solid var(--theme-glass-border);border-radius:12px;color:#d8c7cf;color:var(--light-purple)}.song-genre,.song-time{font-size:.8rem;font-weight:500;padding:.35rem .75rem}.song-time{background:#b83a4f29;background:var(--theme-time-badge-bg);border:1px solid #d8c7cf1f;border-radius:12px;color:#d8c7cf;color:var(--theme-time-badge-text)}.song-tags{display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px;justify-content:flex-end;margin-left:auto;margin-top:0}.song-tag{border-radius:10px;box-shadow:0 4px 10px #0003;color:#fff;color:var(--theme-tag-text);font-size:.7rem;font-weight:600;padding:2px 8px}.prize-card{text-align:center}.prize-cost{background:#b83a4f;background:var(--primary-purple);border-radius:20px;color:#fff;color:var(--white);display:inline-block;font-weight:700;margin:1rem 0;padding:.5rem 1rem}.prize-stock{color:#b6a8b1;color:var(--text-light);font-size:.875rem;margin-bottom:1rem}.empty-state,.loading{color:#b6a8b1;color:var(--text-light);padding:4rem;text-align:center}.empty-state{background:linear-gradient(180deg,#1d181e,#272129);background:linear-gradient(180deg,var(--theme-card-surface) 0,var(--theme-card-surface-alt) 100%);border:1px dashed #d8c7cf24;border:1px dashed var(--theme-glass-border);border-radius:24px;box-shadow:0 18px 36px #09070b57;box-shadow:var(--shadow)}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}@media (max-width:768px){:root{--song-bubble-min-width:120px}.navbar-container{gap:1rem}.grid{grid-template-columns:1fr}.page-title{font-size:2rem}}.toast-notification{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#b83a4f,#d86172);background:linear-gradient(135deg,var(--primary-purple) 0,var(--danger-color) 100%);border-radius:25px;box-shadow:0 30px 54px #09070b6b;box-shadow:var(--shadow-hover);color:#fff;color:var(--white);font-weight:500;left:50%;padding:12px 24px;position:fixed;top:100px;transform:translateX(-50%);z-index:2000}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.toast-notification.exiting{animation:slideUpFadeOut .3s ease-in forwards}@keyframes slideUpFadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.search-filter-container{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09070bad;background:var(--theme-glass-surface);border:1px solid #d8c7cf24;border:1px solid var(--theme-glass-border);border-radius:15px 15px 15px 15px;box-shadow:0 24px 36px #00000042;display:flex;flex-direction:column;gap:1rem;margin:0 auto 2rem;max-width:600px;padding:1rem;position:-webkit-sticky;position:sticky;top:8%;z-index:900}.search-input{background:#211b22;background:var(--theme-input-surface);border:2px solid #3d3139;border:2px solid var(--theme-border-soft);border-radius:25px;color:#f6eef3;color:var(--text-dark);font-size:1rem;outline:none;padding:12px 20px;transition:all .3s ease;width:100%}.search-input:focus{background:#1d181e;background:var(--theme-card-surface);border-color:#b83a4f;border-color:var(--primary-purple);box-shadow:0 0 0 3px #b83a4f2e;box-shadow:0 0 0 3px var(--theme-focus-ring)}.search-input::placeholder{color:#b6a8b1;color:var(--text-light)}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.filter-tag-btn{background:color-mix(in srgb,#272129 90%,#0000);background:color-mix(in srgb,var(--theme-card-surface-alt) 90%,#0000);border:1px solid #3d3139;border:1px solid var(--theme-border-soft);border-radius:20px;color:#b6a8b1;color:var(--text-light);cursor:pointer;font-size:.9rem;padding:6px 16px;transition:all .2s ease}.filter-tag-btn:hover{color:#f6eef3;color:var(--text-dark)}.filter-tag-btn.active,.filter-tag-btn:hover{border-color:#b83a4f;border-color:var(--primary-purple)}.filter-tag-btn.active{background:linear-gradient(135deg,#b83a4f,#d86172);background:linear-gradient(135deg,var(--primary-purple) 0,var(--danger-color) 100%);color:#fff}.edit-mode-btn{background:color-mix(in srgb,#b83a4f 8%,#0000);background:color-mix(in srgb,var(--primary-purple) 8%,#0000);border:2px solid #b83a4f;border:2px solid var(--primary-purple);border-radius:20px;color:#d8c7cf;color:var(--light-purple);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s}.edit-mode-btn.active{background:linear-gradient(135deg,#b83a4f,#d86172);background:linear-gradient(135deg,var(--primary-purple) 0,var(--danger-color) 100%);color:#fff}.batch-delete-toolbar{align-items:center;background:color-mix(in srgb,#272129 88%,#0000);background:color-mix(in srgb,var(--theme-card-surface-alt) 88%,#0000);border:1px solid #d8c7cf24;border:1px solid var(--theme-glass-border);border-radius:999px;display:inline-flex;gap:10px;padding:8px 12px}.batch-delete-count{color:#f6eef3;color:var(--text-dark);font-size:.9rem;font-weight:600}.song-select-toggle{align-items:center;background:#09070bc2;border:1px solid #3d3139;border:1px solid var(--theme-border-soft);border-radius:999px;color:#0000;cursor:pointer;display:inline-flex;height:28px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:28px;z-index:11}.song-select-toggle.selected{background:linear-gradient(135deg,#b83a4f,#d86172);background:linear-gradient(135deg,var(--primary-purple) 0,var(--danger-color) 100%);border-color:#0000;color:#fff;color:var(--white)}.song-select-toggle:hover{transform:scale(1.06)}.song-edit-btn{align-items:center;background:#272129;background:var(--theme-card-surface-alt);border:1px solid #3d3139;border:1px solid var(--theme-border-soft);border-radius:50%;bottom:10px;box-shadow:0 6px 16px #0000003d;color:#d8c7cf;color:var(--light-purple);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;position:absolute;right:10px;transition:all .2s;width:32px;z-index:10}.song-edit-btn:hover{background:color-mix(in srgb,#272129 76%,#b83a4f 24%);background:color-mix(in srgb,var(--theme-card-surface-alt) 76%,var(--primary-purple) 24%);transform:scale(1.1)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:modalSlideUp .3s ease-out;box-shadow:0 30px 80px #00000075;max-width:500px;padding:2rem;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:#f6eef3;color:var(--text-dark);margin-bottom:1.5rem;text-align:center}.tags-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-select-btn{background:#272129;background:var(--theme-card-surface-alt);border:1px solid #3d3139;border:1px solid var(--theme-border-soft);border-radius:15px;color:#f6eef3;color:var(--text-dark);cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.tag-select-btn:hover{transform:translateY(-1px)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:8px 20px}.modal-content{border-top:5px solid #b83a4f;border-top:5px solid var(--primary-purple)}.modal-content .form-group{margin-bottom:1.2rem}.modal-content .form-label{color:#f6eef3;color:var(--text-dark);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.modal-content .form-input{background-color:#1d181e;background-color:var(--theme-surface-subtle);border:2px solid #3d3139;border:2px solid var(--theme-border-soft);border-radius:8px;font-size:1rem;padding:10px 15px;transition:all .3s ease;width:100%}.modal-content .form-input:focus{background-color:#1d181e;background-color:var(--theme-card-surface);border-color:#b83a4f;border-color:var(--primary-purple);box-shadow:0 0 0 3px #b83a4f2e;box-shadow:0 0 0 3px var(--theme-focus-ring)}.tags-selector{background:#1d181e;background:var(--theme-surface-subtle);border:1px solid #3d3139;border:1px solid var(--theme-border-soft);border-radius:8px;padding:1rem}.tag-select-btn{box-shadow:0 2px 4px #0000000d;font-weight:500;padding:8px 16px}.tag-select-btn.selected{box-shadow:0 4px 8px #b83a4f47;box-shadow:0 4px 8px var(--theme-shadow-hover);transform:translateY(-1px)}.modal-actions{border-top:1px solid #3d3139;border-top:1px solid var(--theme-border-soft);margin-top:2.5rem;padding-top:1.5rem}.modal-actions .btn{border-radius:25px;font-weight:600;padding:10px 24px}.song-note-badge{background:linear-gradient(135deg,#d86172,#b83a4f);background:linear-gradient(135deg,var(--theme-note-start),var(--theme-note-end));border-bottom-left-radius:10px;box-shadow:-10px 12px 20px #00000038;color:#fff;font-size:.7rem;font-weight:700;max-width:40%;overflow:hidden;padding:0 8px;position:absolute;right:0;top:0;white-space:nowrap;z-index:2}.scrolling-text-container{overflow:hidden;position:relative;white-space:nowrap}.scrolling-text-container.is-overflowing{mask-image:linear-gradient(90deg,#0000 0,#000 5%,#000 95%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 5%,#000 95%,#0000)}.scrolling-text-content{display:inline-block;white-space:nowrap}.scrolling-text-content.animate{animation:scroll-text 10s linear infinite;padding-right:20px}.scrolling-text-content.animate-bounce{animation:scroll-bounce 8s linear infinite}.scrolling-text-padding{padding-left:20px}@keyframes scroll-text{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scroll-bounce{0%,15%{transform:translateX(0)}45%,55%{transform:translateX(calc(var(--scroll-amount)*-1 - 5px))}85%,to{transform:translateX(0)}}.back-to-top-btn{align-items:center;background:linear-gradient(135deg,#b83a4f,#d86172);background:linear-gradient(135deg,var(--primary-purple) 0,var(--danger-color) 100%);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;opacity:.9;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:1000}.back-to-top-btn:hover{background:linear-gradient(135deg,#d86172,#b83a4f);background:linear-gradient(135deg,var(--danger-color) 0,var(--primary-purple) 100%);box-shadow:0 6px 15px #0000004d;opacity:1;transform:translateY(-5px)}.session-expired-modal{max-width:400px;text-align:center}.session-expired-modal h3{color:#f6eef3;color:var(--text-dark);font-size:1.5rem;margin-bottom:1rem}.session-expired-modal p{color:#b6a8b1;color:var(--text-light);margin-bottom:1.5rem}.session-expired-modal .modal-actions{justify-content:center}.bili-profile-card{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#100d12e6,#27181ff0);border:1px solid #d8c7cf24;border:1px solid var(--theme-glass-border);border-radius:24px;box-shadow:0 28px 60px #00000061;display:inline-flex;gap:2rem;margin-bottom:3rem;min-width:380px;overflow:hidden;padding:1.5rem 2.5rem;position:relative;transition:all .3s ease}.bili-profile-card:hover{box-shadow:0 32px 70px #00000070;transform:translateY(-5px)}.bili-profile-card:before{background:radial-gradient(circle,#b83a4f2e 0,#0000 70%);right:-30px;top:-40px}.bili-profile-card:after,.bili-profile-card:before{content:"";height:180px;pointer-events:none;position:absolute;width:180px}.bili-profile-card:after{background:radial-gradient(circle,#d8c7cf14 0,#0000 70%);bottom:-60px;left:-20px}.bili-avatar-wrapper{flex-shrink:0;position:relative}.bili-avatar{border:3px solid #d8c7cf;border:3px solid var(--light-purple);border-radius:50%;box-shadow:0 0 0 8px #b83a4f52,0 12px 24px #00000047;box-shadow:0 0 0 8px var(--theme-hero-ring),0 12px 24px #00000047;height:90px;object-fit:cover;width:90px}.bili-info-content{flex-grow:1;text-align:left}.bili-username-row{align-items:center;display:flex;gap:.8rem;margin-bottom:.8rem}.bili-username{color:#d8c7cf;color:var(--light-purple);font-size:1.5rem;font-weight:700}.bili-badge{background:linear-gradient(135deg,#b83a4f,#d86172);background:linear-gradient(135deg,var(--primary-purple),var(--danger-color));border-radius:12px;box-shadow:0 8px 18px #b83a4f4d;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.bili-stats-row{display:flex;gap:2rem}.bili-stat-item{align-items:center;display:flex;flex-direction:column;min-width:50px}.bili-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#d8c7cf,#b83a4f);background:linear-gradient(45deg,var(--light-purple),var(--primary-purple));background-clip:text;-webkit-background-clip:text;font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:800}.bili-stat-label{color:#b6a8b1;color:var(--text-light);font-size:.85rem;font-weight:500;margin-top:4px}@media (max-width:600px){.bili-profile-card{flex-direction:column;gap:1rem;margin-bottom:2rem;max-width:340px;min-width:0;min-width:auto;padding:1.5rem;width:100%}.bili-info-content,.playlist-hero-copy{text-align:center;width:100%}.playlist-hero-subtitle,.playlist-hero-title{text-align:center}.bili-username-row{justify-content:center;margin-bottom:1rem}.bili-username{font-size:1.3rem}.bili-stats-row{gap:0;justify-content:space-between;padding:0 .5rem;width:100%}.bili-avatar{height:80px;width:80px}}.bot-status-indicator{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-connected{background-color:#4e8f69;background-color:var(--success-color);box-shadow:0 0 8px color-mix(in srgb,#4e8f69 60%,#0000);box-shadow:0 0 8px color-mix(in srgb,var(--success-color) 60%,#0000)}.status-disconnected{background-color:#d86172;background-color:var(--danger-color);box-shadow:0 0 8px color-mix(in srgb,#d86172 60%,#0000);box-shadow:0 0 8px color-mix(in srgb,var(--danger-color) 60%,#0000)}.status-text{color:#f6eef3;color:var(--text-dark);font-weight:500}.bot-config-editor{background:#fff;background:var(--white);border-radius:8px;box-shadow:0 18px 36px #09070b57;box-shadow:var(--shadow);margin:1.5rem 0;padding:1.5rem}.config-textarea{border:1px solid #3d3139;border:1px solid var(--theme-border-soft);min-height:500px;resize:vertical}.config-display,.config-textarea{background:#1d181e;background:var(--theme-surface-subtle);border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;padding:1rem;width:100%}.config-display{margin:0;max-height:600px;overflow:auto}.no-config{color:#b6a8b1;color:var(--text-light);padding:3rem;text-align:center}.bot-config-help{background:#fff;background:var(--white);border-radius:8px;box-shadow:0 18px 36px #09070b57;box-shadow:var(--shadow);margin-top:2rem;padding:1.5rem}.bot-config-help h3{color:#b83a4f;color:var(--primary-purple);margin-bottom:1rem}.bot-config-help ul{line-height:1.8;list-style-position:inside;margin:1rem 0}.bot-config-help li{color:#f6eef3;color:var(--text-dark);margin-bottom:.5rem}.bot-config-help strong{color:#b83a4f;color:var(--primary-purple);font-weight:600}.help-note{background:color-mix(in srgb,#b98952 18%,#fff);background:color-mix(in srgb,var(--warning-color) 18%,#fff);border-left:4px solid #b98952;border-left:4px solid var(--warning-color);border-radius:4px;color:color-mix(in srgb,#b98952 42%,#000);color:color-mix(in srgb,var(--warning-color) 42%,#000);margin-top:1rem;padding:1rem}.alert{border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem}.alert-error{background:color-mix(in srgb,#d86172 16%,#fff);background:color-mix(in srgb,var(--danger-color) 16%,#fff);border-left:4px solid #d86172;border-left:4px solid var(--danger-color);color:color-mix(in srgb,#d86172 42%,#000);color:color-mix(in srgb,var(--danger-color) 42%,#000)}.alert-success{background:color-mix(in srgb,#4e8f69 16%,#fff);background:color-mix(in srgb,var(--success-color) 16%,#fff);border-left:4px solid #4e8f69;border-left:4px solid var(--success-color);color:color-mix(in srgb,#4e8f69 40%,#000);color:color-mix(in srgb,var(--success-color) 40%,#000)}.alert-warning{background:color-mix(in srgb,#b98952 18%,#fff);background:color-mix(in srgb,var(--warning-color) 18%,#fff);border-left:4px solid #b98952;border-left:4px solid var(--warning-color);color:color-mix(in srgb,#b98952 42%,#000);color:color-mix(in srgb,var(--warning-color) 42%,#000)}@media (max-width:768px){.bot-config-actions{flex-direction:column}.bot-config-actions button{width:100%}.config-display,.config-textarea{font-size:.8rem}}.room-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:2rem 0}.room-card{background:#fff;background:var(--white);border:2px solid #0000;border-radius:12px;box-shadow:0 18px 36px #09070b57;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.room-card:hover{box-shadow:0 30px 54px #09070b6b;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.room-card.room-enabled{border-color:#b83a4f;border-color:var(--primary-purple)}.room-card.room-disabled{border-color:#ddd;opacity:.7}.room-card.room-new{background:linear-gradient(135deg,#10b9810d,#fff);border-color:#10b981}.new-room-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 2px 6px #10b9814d;color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;position:absolute;right:8px;top:8px;z-index:10}.locked-room-badge{background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:8px;color:#fff;cursor:not-allowed;font-size:.8rem;font-weight:500;padding:6px 12px;-webkit-user-select:none;user-select:none}.anchor-avatar{object-fit:cover}.anchor-avatar,.anchor-avatar-placeholder{border:3px solid #b83a4f;border:3px solid var(--primary-purple);border-radius:50%;box-shadow:0 2px 8px #00000026;flex-shrink:0;height:60px;width:60px}.anchor-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);display:flex;font-size:1.5rem;justify-content:center}.room-card-header{align-items:center;background:linear-gradient(135deg,#fafafa,#fff);border-bottom:1px solid #f0f0f0;display:flex;gap:1rem;padding:1.5rem}.room-card-title-area{display:flex;flex:1 1;flex-direction:column;gap:.4rem;min-width:0}.anchor-name{color:#b83a4f;color:var(--primary-purple);font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card-header h3{color:#666;font-size:.9rem;font-weight:500;margin:0}.room-card-body{background:#fff;padding:1.5rem;position:relative;z-index:1}.room-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feature-badge{border-radius:20px;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.feature-badge.feature-enabled{background:color-mix(in srgb,#4e8f69 16%,#fff);background:color-mix(in srgb,var(--success-color) 16%,#fff);border:1px solid color-mix(in srgb,#4e8f69 26%,#fff);border:1px solid color-mix(in srgb,var(--success-color) 26%,#fff);color:color-mix(in srgb,#4e8f69 40%,#000);color:color-mix(in srgb,var(--success-color) 40%,#000)}.feature-badge.feature-disabled{background:#1d181e;background:var(--theme-surface-subtle);border:1px solid #3d3139;border:1px solid var(--theme-border-soft);color:#b6a8b1;color:var(--text-light)}.room-card-footer{border-top:1px solid #3d3139;border-top:1px solid var(--theme-border-soft);margin-top:1rem;padding-top:1rem;text-align:right}.click-hint{color:#b83a4f;color:var(--primary-purple);font-size:.9rem;font-weight:500}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#b83a4f;background-color:var(--primary-purple)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.top-right-actions{align-items:center;display:flex;gap:1rem;margin-left:auto}.room-limit-hint{background:#f0f0f0;border-radius:12px;color:#666;font-size:.85rem;padding:.4rem .8rem}.room-quota-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.room-quota-badge .quota-icon{font-size:1.1rem}.room-quota-badge .quota-label{opacity:.9}.room-quota-badge .quota-value{background:#fff3;border-radius:12px;font-weight:600;padding:.2rem .6rem}.room-quota-badge .quota-value.at-limit{animation:pulse-warning 1.5s infinite;background:#e74c3c}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.qq-quota-badge{align-items:center;background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:20px;box-shadow:0 2px 8px #11998e4d;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.qq-quota-badge .quota-icon{font-size:1.1rem}.qq-quota-badge .quota-label{opacity:.9}.qq-quota-badge .quota-value{background:#fff3;border-radius:12px;font-weight:600;padding:.2rem .6rem}.qq-quota-badge .quota-value.at-limit{animation:pulse-warning 1.5s infinite;background:#e74c3c}.limit-hint{background:#f0f0f0;border-radius:12px;color:#666;font-size:.85rem;padding:.4rem .8rem}.section-header-actions{align-items:center;display:flex;gap:.75rem}.bot-config-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.room-detail{margin-top:2rem}.room-detail-header{align-items:center;border-bottom:2px solid #b83a4f;border-bottom:2px solid var(--primary-purple);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem}.room-detail-header h2{color:#b83a4f;color:var(--primary-purple);margin:0}.feature-card{background:#fff;background:var(--white);border:2px solid #0000;border-radius:12px;box-shadow:0 18px 36px #09070b57;box-shadow:var(--shadow);margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.feature-card:hover{box-shadow:0 30px 54px #09070b6b;box-shadow:var(--shadow-hover)}.feature-card.feature-card-enabled{border-color:#b83a4f;border-color:var(--primary-purple)}.feature-card.feature-card-disabled{opacity:.7}.feature-card-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1.5rem}.feature-card.feature-card-enabled .feature-card-header{background:linear-gradient(135deg,#e8f4f8,#d4e9f7)}.feature-card-title{align-items:center;display:flex;gap:.8rem}.feature-icon{font-size:1.5rem}.feature-card-title h3{color:#f6eef3;color:var(--text-dark);font-size:1.1rem;margin:0}.feature-card-actions{align-items:center;display:flex;gap:1rem}.toggle-with-label{align-items:center;display:flex;gap:.5rem}.toggle-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.feature-card-body{padding:1.5rem}.feature-summary p{color:#f6eef3;color:var(--text-dark);font-size:.95rem;margin:.5rem 0}.bilibili-account-card{background:linear-gradient(135deg,#00a1d60d,#0000);border-left:4px solid #00a1d6!important}.bilibili-account-info{align-items:center;display:flex;gap:12px}.account-avatar-small{border:2px solid #00a1d6;border-radius:50%;height:40px;object-fit:cover;width:40px}.bilibili-account-info .account-details{display:flex;flex:1 1;flex-direction:column}.bilibili-account-info .account-name{color:#f6eef3;color:var(--text-dark);font-weight:600}.bilibili-account-info .account-mid{color:var(--text-muted);font-size:.85rem}.account-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 10px}.account-badge.active{background:#e8f5e9;color:#2e7d32}.bilibili-account-empty{color:var(--text-muted);text-align:center}.bilibili-account-empty p{margin:.5rem 0}.bilibili-account-empty .hint{color:var(--text-muted);font-size:.85rem}.loading-text{color:var(--text-muted);font-style:italic}.bilibili-login-modal{max-width:440px;overflow:hidden;padding:0}.bilibili-login-modal .bilibili-qr-login{border-radius:12px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09070bc7;background:var(--theme-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:modalSlideIn .3s ease;background:linear-gradient(180deg,#1d181e,#272129);background:linear-gradient(180deg,var(--theme-card-surface) 0,var(--theme-card-surface-alt) 100%);border:1px solid #d8c7cf24;border:1px solid var(--theme-glass-border);border-radius:16px;box-shadow:0 28px 72px #0000006b;color:#f6eef3;color:var(--text-dark);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-small{max-width:500px}.modal-large{max-width:900px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:color-mix(in srgb,#272129 84%,#b83a4f 16%);background:color-mix(in srgb,var(--theme-card-surface-alt) 84%,var(--primary-purple) 16%);border-bottom:1px solid #d8c7cf24;border-bottom:1px solid var(--theme-glass-border);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#d8c7cf;color:var(--light-purple);font-size:1.3rem;margin:0}.modal-close{background:none;border:none;color:#b6a8b1;color:var(--text-light);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;transition:color .2s}.modal-close:hover{color:#f6eef3;color:var(--text-dark)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{background:color-mix(in srgb,#272129 90%,#0000);background:color-mix(in srgb,var(--theme-card-surface-alt) 90%,#0000);border-top:1px solid #d8c7cf24;border-top:1px solid var(--theme-glass-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#d8c7cf;color:var(--light-purple);display:block;font-weight:500;margin-bottom:.5rem}.form-input{background:#211b22;background:var(--theme-input-surface);border:1px solid #3d3139;border:1px solid var(--theme-border-soft);color:#f6eef3;color:var(--text-dark)}.form-input:focus{box-shadow:0 0 0 3px #b83a4f2e;box-shadow:0 0 0 3px var(--theme-focus-ring)}.modal-content h3{color:#d8c7cf;color:var(--light-purple)}.btn-sm{font-size:.85rem;padding:.4rem .8rem}.btn-danger{background:#d86172;background:var(--danger-color);border:none;color:#fff}.btn-danger:hover{background:color-mix(in srgb,#d86172 88%,#000);background:color-mix(in srgb,var(--danger-color) 88%,#000)}.btn-success{background:#4e8f69;background:var(--success-color);border:none;color:#fff}.btn-success:hover{background:color-mix(in srgb,#4e8f69 88%,#000);background:color-mix(in srgb,var(--success-color) 88%,#000)}.help-text{color:#b6a8b1;color:var(--text-light);font-size:.9rem;margin-top:.5rem}@media (max-width:768px){.room-list{grid-template-columns:1fr}.room-card-header{align-items:flex-start;flex-direction:column;gap:1rem;min-height:auto;padding:1rem}.anchor-avatar{height:50px;width:50px}.room-card-title-area{width:100%}.anchor-name{font-size:1rem}.feature-card-header,.room-detail-header{align-items:flex-start;flex-direction:column;gap:1rem}.feature-card-actions{justify-content:space-between;width:100%}.modal-content{margin:.5rem;max-height:95vh}.top-right-actions{margin-left:0;width:100%}.keyword-item{flex-direction:column;gap:.5rem}.keyword-arrow{display:none}.form-field-inline{align-items:flex-start;flex-direction:column}.form-field-inline .form-label{margin-bottom:.5rem}}.config-form{width:100%}.form-section{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.form-section h4{border-bottom:2px solid #b83a4f;border-bottom:2px solid var(--primary-purple);color:#b83a4f;color:var(--primary-purple);font-size:1.1rem;margin:0 0 1.5rem;padding-bottom:.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h4{border:none;margin:0;padding:0}.form-field{margin-bottom:1.5rem}.form-field-inline{align-items:center;display:flex;justify-content:space-between}.form-label{color:#f6eef3;color:var(--text-dark);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-field-inline .form-label{margin-bottom:0}.form-control{flex:1 1}.form-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:#b83a4f;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9b59b61a;outline:none}textarea.form-input{font-family:inherit;min-height:80px;resize:vertical}.checkbox-group{display:flex;flex-wrap:wrap;gap:1.5rem}.checkbox-group label{align-items:center;color:#f6eef3;color:var(--text-dark);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.keyword-list{display:flex;flex-direction:column;gap:1rem}.keyword-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.keyword-key{flex:1 1;min-width:150px}.keyword-arrow{color:#b83a4f;color:var(--primary-purple);flex-shrink:0;font-size:1.2rem;font-weight:700}.keyword-value{flex:2 1;min-width:200px}.keyword-item .btn{flex-shrink:0}.task-list{display:flex;flex-direction:column;gap:1.5rem}.task-item{background:#fff;border:2px solid #b83a4f;border:2px solid var(--primary-purple);border-radius:8px;padding:1.5rem}.task-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.task-header h5{color:#b83a4f;color:var(--primary-purple);font-size:1.05rem;margin:0}.message-list{display:flex;flex-direction:column;gap:.75rem}.message-item{align-items:flex-start;display:flex;gap:.75rem}.message-item textarea{flex:1 1}.message-item .btn{flex-shrink:0;margin-top:.75rem}.message-list>.btn{align-self:flex-start;margin-top:.5rem}.btn-qq-config{align-items:center;background:linear-gradient(135deg,#12b7f5,#0d9fd9);border:none;color:#fff;display:inline-flex;gap:.5rem;text-decoration:none}.btn-qq-config:hover{background:linear-gradient(135deg,#0d9fd9,#0a8bc2);transform:translateY(-1px)}.feature-badge.feature-qq-enabled{background:linear-gradient(135deg,#12b7f5,#0d9fd9);border:1px solid #0d9fd9;color:#fff}.qq-targets-summary{display:flex;flex-direction:column;gap:.75rem}.qq-targets-count{align-items:center;color:#f6eef3;color:var(--text-dark);display:flex;font-size:1rem;font-weight:500;gap:.5rem}.qq-icon{font-size:1.2rem}.qq-targets-preview{display:flex;flex-wrap:wrap;gap:.5rem}.qq-target-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.85rem;font-weight:500;padding:.3rem .6rem}.qq-target-badge.qq-target-more{background:#f5f5f5;color:#666}.qq-targets-section{margin-top:2rem}.section-header-row{align-items:center;border-bottom:2px solid #b83a4f;border-bottom:2px solid var(--primary-purple);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header-row h3{color:#b83a4f;color:var(--primary-purple);font-size:1.2rem;margin:0}.no-targets{background:#f8f9fa;border-radius:12px;color:#b6a8b1;color:var(--text-light);padding:3rem;text-align:center}.qq-targets-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.qq-target-card{background:#fff;background:var(--white);border:2px solid #e3f2fd;border-radius:12px;box-shadow:0 18px 36px #09070b57;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease}.qq-target-card:hover{border-color:#12b7f5;box-shadow:0 30px 54px #09070b6b;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.qq-target-card-header{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-bottom:1px solid #90caf9;display:flex;justify-content:space-between;padding:1rem 1.5rem}.qq-target-info{align-items:center;display:flex;gap:.75rem}.qq-target-type-badge{background:#12b7f5;border-radius:15px;color:#fff;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.qq-target-id{color:#f6eef3;color:var(--text-dark);font-size:1.1rem;font-weight:600}.qq-target-actions{display:flex;gap:.5rem}.qq-target-card-body{padding:1rem 1.5rem}.qq-target-features{margin-bottom:.75rem}.qq-target-extra,.qq-target-features{display:flex;flex-wrap:wrap;gap:.5rem}.qq-target-extra{align-items:center;border-top:1px solid #eee;margin-top:.75rem;padding-top:.75rem}.extra-badge{background:#fff3e0;border-radius:12px;color:#e65100;font-size:.85rem;font-weight:500;padding:.3rem .6rem}.extra-badge-secondary{background:#e3f2fd;color:#1565c0}.report-config-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:1rem;padding:1rem}.report-config-section h5{color:#333;font-size:1rem;margin:0 0 .5rem}.report-config-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.report-config-grid .form-field-inline{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:.5rem .75rem}@media (max-width:600px){.report-config-grid{grid-template-columns:1fr}}@media (max-width:768px){.qq-targets-list{grid-template-columns:1fr}.section-header-row{align-items:flex-start;flex-direction:column;gap:1rem}.section-header-row .btn{width:100%}.qq-target-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.qq-target-actions{justify-content:flex-end;width:100%}}.template-help{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:.5rem;padding:.75rem 1rem}.template-help .help-text{font-size:.85rem;line-height:1.5;margin:.25rem 0}.template-help .help-text strong{color:#b83a4f;color:var(--primary-purple)}.variable-tag{background:#e3f2fd;border-radius:4px;color:#1565c0;font-family:Courier New,monospace;font-size:.8rem;margin:0 .15rem;padding:.15rem .4rem}.variable-special{background:#fff3e0;color:#e65100}.template-reference{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7}.template-reference h4{border-bottom-color:#4caf50!important;color:#2e7d32!important}.reference-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.reference-item{align-items:center;background:#fff;border:1px solid #c8e6c9;border-radius:6px;display:flex;gap:.75rem;padding:.5rem .75rem}.reference-item code{background:#e8f5e9;border-radius:4px;color:#2e7d32;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.reference-item span{color:#f6eef3;color:var(--text-dark);font-size:.85rem}@media (max-width:768px){.reference-grid{grid-template-columns:1fr}}.permission-grid{display:flex;flex-direction:column;gap:.5rem}.permission-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s}.permission-item:hover{border-color:#b83a4f;border-color:var(--primary-purple);box-shadow:0 2px 4px #0000000d}.permission-info{display:flex;flex-direction:column;gap:.25rem}.permission-name{color:#f6eef3;color:var(--text-dark);font-family:Courier New,monospace;font-size:.95rem;font-weight:600}.permission-desc{color:#666;font-size:.8rem}.permission-controls{align-items:center;display:flex;gap:1rem}.permission-toggle{align-items:center;cursor:pointer;display:flex;gap:.4rem;-webkit-user-select:none;user-select:none}.permission-toggle input[type=checkbox]{accent-color:#b83a4f;accent-color:var(--primary-purple);cursor:pointer;height:16px;width:16px}.permission-toggle .toggle-label{color:#f6eef3;color:var(--text-dark);font-size:.85rem}.permission-toggle.admin-toggle .toggle-label{color:#e67e22}.permission-toggle input:disabled+.toggle-label{color:#ccc}.permission-toggle input:checked+.toggle-label{font-weight:500}@media (max-width:768px){.permission-item{align-items:flex-start;flex-direction:column;gap:.75rem}.permission-controls{justify-content:flex-start;width:100%}}.room-status-indicator{margin-top:.5rem}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.3rem;padding:.25rem .6rem}.status-badge.status-enabled{background:#e8f5e9;color:#2e7d32}.status-badge.status-disabled{background:#fff3e0;color:#e65100}.status-banner{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem}.status-banner-enabled{background:#e8f5e9;border:1px solid #c8e6c9}.status-banner-disabled{background:#fff3e0;border:1px solid #ffe0b2}.status-banner .status-icon{font-size:1.2rem}.status-banner .status-text{color:#f6eef3;color:var(--text-dark);flex:1 1;font-size:.9rem}.status-banner-enabled .status-text{color:#2e7d32}.status-banner-disabled .status-text{color:#e65100}.status-banner .status-link{color:#b83a4f;color:var(--primary-purple);font-size:.85rem;font-weight:500;text-decoration:none}.status-banner .status-link:hover{text-decoration:underline}
/*# sourceMappingURL=main.b70f9fac.css.map*/