body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--app-bg:linear-gradient(135deg,#667eea,#764ba2);--text-primary:#fff;--text-secondary:#fffc;--text-muted:#ffffffb3;--text-dim:#ffffff80;--navbar-bg:#0000004d;--navbar-border:#ffffff1a;--surface:#ffffff1a;--surface-hover:#ffffff26;--surface-strong:#fff3;--surface-deep:#0003;--surface-deep-hover:#0000004d;--surface-card:#2d1f5e;--border:#fff3;--border-subtle:#ffffff1a;--border-strong:#ffffff4d;--input-bg:#ffffff1a;--input-bg-focus:#ffffff26;--input-border:#fff3;--input-text:#fff;--input-placeholder:#ffffff80;--select-option-bg:#1a1a2e;--settings-select-bg:#0000004d;--settings-select-border:#fff3;--settings-select-color:#fff;--settings-option-bg:#4a4a7a;--dropdown-bg:#fff;--dropdown-text:#333;--dropdown-hover:#f5f5f5;--tabs-bg:linear-gradient(135deg,#667eea,#764ba2);--tabs-border:#fff3;--tab-text:#ffffffb3;--tab-hover-bg:#ffffff1a;--tab-active-text:#fff;--code-bg:#0000004d;--code-text:#a3be8c;--code-border:#ffffff1a;--btn-ghost-bg:#ffffff26;--btn-ghost-bg-hover:#ffffff40;--btn-ghost-border:#ffffff4d;--btn-ghost-text:#fff;--error-bg:#ff3b3033;--error-border:#ff3b3080;--success-bg:#3ba55d33;--success-border:#3ba55d80;--warning-bg:#ffc10733;--warning-border:#ffc10780;--skeleton-start:#ffffff14;--skeleton-mid:#ffffff38}[data-theme=dark]{--app-bg:#1a1a2e;--text-primary:#e2e8f0;--text-secondary:#cbd5e0;--text-muted:#a0aec0;--text-dim:#718096;--navbar-bg:#16213e;--navbar-border:#2d3748;--surface:#1e293b;--surface-hover:#263348;--surface-strong:#2d3748;--surface-deep:#0f172a;--surface-deep-hover:#1a2438;--surface-card:#1e293b;--border:#2d3748;--border-subtle:#1e293b;--border-strong:#3d4f68;--input-bg:#2d3748;--input-bg-focus:#374151;--input-border:#4a5568;--input-text:#e2e8f0;--input-placeholder:#718096;--select-option-bg:#1e293b;--settings-select-bg:#0f172a;--settings-select-border:#2d3748;--settings-select-color:#e2e8f0;--settings-option-bg:#1e293b;--dropdown-bg:#1e293b;--dropdown-text:#e2e8f0;--dropdown-hover:#2d3748;--tabs-bg:#16213e;--tabs-border:#2d3748;--tab-text:#a0aec0;--tab-hover-bg:#ffffff0d;--tab-active-text:#e2e8f0;--code-bg:#0f172a;--code-text:#86efac;--code-border:#2d3748;--btn-ghost-bg:#ffffff14;--btn-ghost-bg-hover:#ffffff1f;--btn-ghost-border:#ffffff26;--btn-ghost-text:#e2e8f0;--error-bg:#ef444426;--error-border:#ef444466;--success-bg:#22c55e26;--success-border:#22c55e66;--warning-bg:#eab30826;--warning-border:#eab30866;--skeleton-start:#ffffff0a;--skeleton-mid:#ffffff1a}[data-theme=light]{--app-bg:#f0f4ff;--text-primary:#1a202c;--text-secondary:#2d3748;--text-muted:#4a5568;--text-dim:#718096;--navbar-bg:#fff;--navbar-border:#e2e8f0;--surface:#fff;--surface-hover:#f8faff;--surface-strong:#eef2ff;--surface-deep:#f0f4ff;--surface-deep-hover:#e8eeff;--surface-card:#fff;--border:#c7d2fe;--border-subtle:#e0e7ff;--border-strong:#a5b4fc;--input-bg:#fff;--input-bg-focus:#f8faff;--input-border:#c7d2fe;--input-text:#1a202c;--input-placeholder:#a0aec0;--select-option-bg:#f0f4ff;--settings-select-bg:#f8faff;--settings-select-border:#c7d2fe;--settings-select-color:#1a202c;--settings-option-bg:#f0f4ff;--dropdown-bg:#fff;--dropdown-text:#1a202c;--dropdown-hover:#eef2ff;--tabs-bg:#fff;--tabs-border:#c7d2fe;--tab-text:#6366f1;--tab-hover-bg:#eef2ff;--tab-active-text:#1a202c;--code-bg:#eef2ff;--code-text:#4338ca;--code-border:#c7d2fe;--btn-ghost-bg:#eef2ff;--btn-ghost-bg-hover:#e0e7ff;--btn-ghost-border:#c7d2fe;--btn-ghost-text:#4338ca;--error-bg:#ef444414;--error-border:#ef44444d;--success-bg:#22c55e14;--success-border:#22c55e4d;--warning-bg:#eab30814;--warning-border:#eab3084d;--skeleton-start:#0000000a;--skeleton-mid:#00000017}.App{background:var(--app-bg);color:var(--text-primary);min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-content,.navbar-left{align-items:center;display:flex}.navbar-left{gap:2rem}.navbar-title{font-size:1.5rem;font-weight:700;margin:0}.manage-quotes-view{display:flex;flex-direction:column}.back-btn{align-items:center;align-self:flex-start;background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);border-radius:6px;color:var(--btn-ghost-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.4rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.back-btn:hover{background:var(--btn-ghost-bg-hover);transform:translateX(-2px)}.navbar-right{align-items:center;display:flex;gap:1rem}.user-menu-wrapper{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.user-info-compact{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;display:flex;gap:.75rem;padding:.4rem .9rem;transition:background .2s ease}.user-info-compact:hover{background:var(--surface-hover)}.user-avatar-small{border:2px solid var(--border-strong);border-radius:50%;height:28px;width:28px}.user-avatar-placeholder{align-items:center;background:#5865f2;border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.username{font-size:.9rem;font-weight:600}.dropdown-arrow{font-size:.6rem;opacity:.7}.user-dropdown{animation:dropdownIn .15s ease-out;background:var(--dropdown-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px #0000004d;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.dropdown-divider{background:var(--border);height:1px;margin:0}.dropdown-theme-section{padding:.6rem 1rem}.dropdown-theme-label{color:var(--dropdown-text);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.4rem;opacity:.6;text-transform:uppercase}.dropdown-theme-options{display:flex;gap:.35rem}.dropdown-theme-option{background:var(--surface-deep);border:1px solid var(--border);border-radius:5px;color:var(--dropdown-text);cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:.3rem 0;text-align:center;transition:all .15s ease}.dropdown-theme-option:hover{background:var(--dropdown-hover)}.dropdown-theme-option.active{background:#5865f2;border-color:#5865f2;color:#fff}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:none;border:none;color:var(--dropdown-text);cursor:pointer;display:block;font-size:.95rem;padding:.75rem 1rem;text-align:left;transition:background .15s ease;width:100%}.dropdown-item:hover{background:var(--dropdown-hover)}.App-header{padding:4rem 2rem;text-align:center}.App-header h1{font-size:3rem;font-weight:700;margin:0 0 1rem}.discord-login-btn{background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.discord-login-btn:hover{background:#4752c4;box-shadow:0 4px 12px #5865f266;transform:translateY(-2px)}.App-main{margin:0 auto;max-width:1400px;padding:2rem}.dashboard{display:flex;flex-direction:column;gap:2rem}.welcome-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center}.welcome-section h2{font-size:2rem;margin:0 0 .5rem}.welcome-section p{color:var(--text-muted);font-size:1.1rem;margin:0}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{background:var(--surface-hover);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.stat-icon{font-size:2.5rem;line-height:1}.stat-content{flex:1 1}.stat-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:var(--text-muted);font-size:.9rem}.stat-skeleton{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,var(--skeleton-start) 25%,var(--skeleton-mid) 50%,var(--skeleton-start) 75%);background-size:200% 100%;border-radius:6px;display:inline-block;height:2rem;vertical-align:middle;width:3rem}.guilds-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.guilds-section-header h3{font-size:1.75rem;margin:0}.guilds-header-actions{align-items:center;display:flex;gap:.75rem}.refresh-btn{background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);border-radius:8px;color:var(--btn-ghost-text);cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease}.refresh-btn:hover{background:var(--btn-ghost-bg-hover)}.invite-btn{background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease}.invite-btn:hover{background:#4752c4;box-shadow:0 4px 12px #5865f266;transform:translateY(-2px)}.guilds-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-deep);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem}.guilds-section h3{font-size:1.75rem;margin:0 0 1.5rem}.no-guilds{background:var(--surface);border-radius:12px;margin:0 auto;max-width:600px;padding:2rem;text-align:center}.guilds-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.guild-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:all .3s ease}.guild-card:hover{background:var(--surface-hover);box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.guild-icon,.guild-icon-placeholder{border:3px solid var(--border-strong);border-radius:50%;height:80px;margin-bottom:1rem;width:80px}.guild-icon-placeholder{align-items:center;background:var(--surface-strong);display:flex;font-size:2rem;font-weight:700;justify-content:center}.guild-card h4{word-wrap:break-word;font-size:1.1rem;-webkit-hyphens:auto;hyphens:auto;margin:0 0 1rem;overflow-wrap:break-word}.guild-counts{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:.75rem}.guild-counts span{background:var(--surface);border-radius:12px;color:var(--text-muted);font-size:.8rem;padding:.25rem .6rem}.manage-btn{background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.manage-btn:hover{background:#4752c4;box-shadow:0 4px 12px #5865f266;transform:scale(1.05)}.error{background:var(--error-bg);border:2px solid var(--error-border);border-radius:12px;margin:2rem auto;max-width:500px;padding:2rem}.error button{background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);border-radius:8px;color:var(--btn-ghost-text);cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.error button:hover{transform:scale(1.05)}@media (max-width:768px){.navbar-content{flex-direction:column;gap:1rem;padding:0 1rem}.navbar-left{flex-direction:column;gap:.5rem;text-align:center}.navbar-title{font-size:1.25rem}.navbar-right{justify-content:center;width:100%}.App-main{padding:1rem}.welcome-section{padding:1.5rem}.welcome-section h2{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.guilds-grid{grid-template-columns:1fr}.guilds-section{padding:1rem}.guilds-section-header{flex-wrap:wrap;gap:.75rem}.guilds-header-actions{justify-content:flex-end;width:100%}.App-main{overflow-x:hidden}}.quote-manager{box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:clip;padding:2rem;width:100%}.image-skeleton{animation:shimmer 1.4s infinite;aspect-ratio:1;background:linear-gradient(90deg,var(--skeleton-start) 25%,var(--skeleton-mid) 50%,var(--skeleton-start) 75%);background-size:200% 100%;border-radius:8px;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.quote-manager-header{margin-bottom:2rem}.quote-manager-header h2{color:var(--text-primary);font-size:2rem;margin:0}.error-banner{align-items:center;background:var(--error-bg);border:2px solid var(--error-border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;width:100%}.error-banner button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.5rem;padding:0 .5rem}.tabs{-webkit-overflow-scrolling:touch;background:var(--tabs-bg);border-bottom:2px solid var(--tabs-border);box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:0;justify-content:space-between;margin-bottom:2rem;overflow-x:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;width:100%;z-index:10}.tabs::-webkit-scrollbar{display:none}.tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--tab-text);cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;min-width:0;padding:1rem 0;text-align:center;transition:color .2s ease,border-color .2s ease,background .2s ease;white-space:nowrap}.tab:hover{background:var(--tab-hover-bg)}.tab.active,.tab:hover{color:var(--tab-active-text)}.tab.active{border-bottom-color:#5865f2}.tab-content{box-sizing:border-box;min-height:600px;overflow-x:hidden;width:100%}.generate-section.standalone{margin:0 auto;max-width:600px}.themes-divider{border-top:1px solid var(--border);color:var(--text-dim);font-size:.85rem;font-weight:600;grid-column:1/-1;letter-spacing:1px;margin-top:.5rem;padding:.5rem 0;text-transform:uppercase}.generate-tab{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr}.generate-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem}.generate-section h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.generate-section>p{color:var(--text-muted);font-size:.95rem;margin:0 0 1.5rem}.divider{align-items:center;color:var(--text-dim);display:flex;font-size:1.2rem;font-weight:700;justify-content:center;padding-top:3rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;color:var(--input-text);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--input-bg-focus);border-color:#5865f2;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--input-placeholder)}.form-group small{color:var(--text-dim);display:block;font-size:.85rem;margin-top:.25rem}.form-group select{cursor:pointer}.form-group select option{background:var(--select-option-bg);color:var(--input-text)}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#5865f2;color:#fff}.btn-primary:hover:not(:disabled){background:#4752c4;box-shadow:0 4px 12px #5865f266;transform:translateY(-2px)}.btn-success{background:#3ba55d;color:#fff}.btn-success:hover:not(:disabled){background:#2d8049}.btn-secondary{background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);color:var(--btn-ghost-text)}.btn-secondary:hover:not(:disabled){background:var(--btn-ghost-bg-hover)}.btn-danger{background:#ed4245;color:#fff}.btn-danger:hover:not(:disabled){background:#c03537}.btn-twitter{background:#000;border:1px solid var(--border);color:#fff}.btn-twitter:hover:not(:disabled){background:#1a1a1a;box-shadow:0 4px 12px #0009;transform:translateY(-2px)}.quotes-list{display:flex;flex-direction:column;gap:1.5rem}.loading{color:var(--text-muted);font-size:1.1rem;padding:2rem;text-align:center}.empty-state{background:var(--surface-deep);border:2px dashed var(--border);border-radius:12px;padding:3rem;text-align:center}.empty-state p:first-child{font-size:3rem;margin:0 0 1rem}.empty-state p:last-child{color:var(--text-muted);margin:0}.quote-card{grid-gap:1.5rem;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:12px;contain-intrinsic-size:auto 200px;content-visibility:auto;display:grid;gap:1.5rem;grid-template-columns:300px 1fr auto;padding:1.5rem;transition:all .3s ease}.quote-card:hover{background:var(--surface-hover);box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.quote-card.approved{border-color:#3ba55d80}.quote-image{align-items:center;background:var(--surface-deep);border-radius:8px;display:flex;justify-content:center;max-height:400px;min-height:150px;overflow:hidden;width:300px}.quote-image img{display:block;height:auto;object-fit:contain;width:100%}.quote-content{flex:1 1}.quote-content blockquote{color:var(--text-primary);font-size:1.2rem;font-style:italic;line-height:1.6;margin:0 0 1rem}.quote-content .author{color:var(--text-secondary);font-weight:600;margin:0 0 .5rem}.quote-content .meta{color:var(--text-muted);font-size:.9rem;margin:0}.quote-actions{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.quote-actions .btn{width:100%}@media (max-width:1200px){.generate-tab{grid-template-columns:1fr}.divider{padding:1rem 0}}@media (max-width:768px){.quote-manager{padding:1rem}.tabs{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:auto}.tab{flex:0 0 auto;font-size:.85rem;min-width:80px;padding:.75rem .5rem}.quote-card{gap:1rem;grid-template-columns:1fr}.quote-image{height:auto;width:100%}.quote-actions{min-width:0;min-width:auto}}.success-banner{align-items:center;animation:slideIn .3s ease-out;background:var(--success-bg);border:2px solid var(--success-border);border-radius:8px;color:var(--text-primary);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-banner button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.5rem;padding:0 .5rem}.warning-banner{animation:slideIn .3s ease-out;background:var(--warning-bg);border:2px solid var(--warning-border);border-radius:8px;color:var(--text-primary);margin-bottom:1rem;padding:1rem}.warning-banner code{background:var(--code-bg);border-radius:4px;color:#ffc107;font-family:Monaco,Menlo,monospace;padding:.2rem .5rem}.settings-tab{margin:0 auto;max-width:1000px}.settings-container{display:flex;flex-direction:column;gap:2rem}.settings-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;position:relative;z-index:1}.settings-section h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 1.5rem}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.setting-item{background:var(--surface-deep);border:1px solid var(--border-subtle);border-radius:8px;padding:1rem}.setting-label{color:var(--text-dim);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.setting-value{color:var(--text-primary);font-size:1rem;word-break:break-word}.setting-value.status-active{color:#43b581;font-weight:600}.setting-value.status-inactive{color:#ed4245;font-weight:600}.text-muted{color:var(--text-dim);font-style:italic}.settings-hint{color:var(--text-dim);font-size:.9rem;margin:-.75rem 0 1.25rem}.setting-hint{color:var(--text-dim);font-size:.8rem;margin-bottom:.5rem}.settings-select{background:var(--settings-select-bg);border:1px solid var(--settings-select-border);border-radius:8px;color:var(--settings-select-color);cursor:pointer;font-size:.95rem;margin-top:.5rem;padding:.6rem .75rem;width:100%}.settings-select option{background:var(--settings-option-bg);color:var(--settings-select-color)}.settings-select:focus{border-color:#5865f2;outline:none}.theme-toggle-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:1rem}.theme-toggle-btn{align-items:flex-start;background:var(--surface-deep);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1rem;position:relative;text-align:left;transition:all .15s ease}.theme-toggle-btn:hover{background:#5865f233;border-color:#5865f266;color:var(--text-primary)}.theme-toggle-btn.active{background:#5865f259;border-color:#5865f2;color:var(--text-primary)}.theme-check{color:#43b581;font-weight:700;position:absolute;right:.75rem;top:.5rem}.theme-toggle-name{font-size:.9rem;font-weight:600}.theme-toggle-desc{color:var(--text-dim);font-size:.75rem}.role-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.role-select-wrapper{margin-top:.75rem;position:relative}.role-select-trigger{align-items:center;background:var(--surface-deep);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.6rem .9rem;transition:border-color .15s;-webkit-user-select:none;user-select:none}.role-select-trigger:hover{border-color:#5865f2}.role-select-arrow{font-size:.7rem;margin-left:.5rem}.role-select-arrow,.role-select-label{color:var(--text-muted)}.role-select-dropdown{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 8px 24px #00000073;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.role-select-option{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.55rem .9rem;transition:background .1s}.role-select-option:hover{background:#5865f226}.role-select-option.checked{background:#5865f21a}.role-select-option input[type=checkbox]{accent-color:#5865f2;cursor:pointer;flex-shrink:0;height:15px;width:15px}.role-select-empty{color:var(--text-muted);font-size:.875rem;margin:0;padding:.75rem .9rem}.role-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.role-chip{align-items:center;background:#5865f240;border:1px solid #5865f280;border-radius:20px;color:var(--text-primary);display:inline-flex;font-size:.82rem;font-weight:500;gap:.35rem;padding:.3rem .5rem .3rem .65rem}.role-chip-remove{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;line-height:1;padding:0 0 0 .1rem}.role-chip-remove:hover{color:var(--text-primary)}.settings-save-row{display:flex;justify-content:flex-end;padding-top:.5rem;position:relative;z-index:0}.btn-save{font-size:1rem;padding:.75rem 2rem}.themes-grid{display:flex;flex-wrap:wrap;gap:.75rem}.theme-badge{background:#5865f24d;border:1px solid #5865f280;border-radius:6px;color:var(--text-primary);font-size:.9rem;font-weight:500;padding:.5rem 1rem}.settings-json{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;color:var(--code-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;overflow-x:auto;padding:1rem;white-space:pre}.settings-help{background:var(--warning-bg);border:2px solid var(--warning-border);border-radius:12px;padding:2rem}.settings-help h3{color:#ffc107;margin:0 0 1rem}.settings-help p{color:var(--text-secondary);margin:0 0 1rem}.settings-help ul{color:var(--text-secondary);margin:0;padding-left:1.5rem}.settings-help li{margin-bottom:.5rem}.settings-help code{background:var(--code-bg);border-radius:4px;color:var(--code-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:.2rem .5rem}.themes-tab{margin:0 auto;max-width:1400px}.themes-container{display:flex;flex-direction:column;gap:2.5rem}.themes-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem}.themes-section h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.themes-section>p{color:var(--text-muted);font-size:.95rem;margin:0 0 1.5rem}.configured-themes-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.all-themes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.theme-card{background:var(--surface-deep);border:2px solid var(--border);border-radius:10px;cursor:pointer;padding:1.25rem;transition:all .3s ease}.theme-card:hover{background:var(--surface);border-color:var(--border-strong);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.theme-card.configured{background:#5865f226;border-color:#5865f299}.theme-card.is-configured{border-left:4px solid #43b581}.theme-card.unknown{background:#ffc1071a;border-color:#ffc10799}.theme-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.theme-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.theme-badge-active{background:#43b581;color:#fff}.theme-badge-active,.theme-badge-unknown{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.theme-badge-unknown{background:#ffc107cc;color:#000}.theme-badge-small{background:#43b581;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.theme-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 .75rem}.theme-card-footer{display:flex;justify-content:flex-end}.theme-id{background:var(--code-bg);border-radius:6px;color:var(--code-text);font-family:Monaco,Menlo,monospace;font-size:.8rem;padding:.3rem .6rem}.themes-empty{background:var(--surface-deep);border:2px dashed var(--border);border-radius:8px;padding:2rem;text-align:center}.themes-empty p{color:var(--text-muted);margin:0 0 1rem}.themes-empty code{background:var(--code-bg);border-radius:4px;color:var(--code-text);font-family:Monaco,Menlo,monospace;padding:.3rem .6rem}.themes-filter{margin-bottom:1.5rem}.themes-search{background:var(--settings-select-bg);border:2px solid var(--input-border);border-radius:8px;color:var(--input-text);font-size:1rem;max-width:500px;padding:.75rem 1rem;transition:all .3s ease;width:100%}.themes-search:focus{background:var(--input-bg-focus);border-color:#5865f2;outline:none}.themes-search::placeholder{color:var(--input-placeholder)}.themes-help{background:#5865f21a;border:1px solid #5865f24d;border-radius:10px;margin-top:2rem;padding:1.5rem}.themes-help h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.themes-help ul{color:var(--text-secondary);margin:0;padding-left:1.5rem}.themes-help li{line-height:1.6;margin-bottom:.5rem}.themes-help code{background:var(--code-bg);border-radius:4px;color:var(--code-text);font-family:Monaco,Menlo,monospace;font-size:.9rem;padding:.2rem .5rem}.info-box{background:#5865f226;border:1px solid #5865f24d;border-radius:8px;margin-top:1.5rem;padding:1rem}.info-box p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.info-box code{background:var(--code-bg);border-radius:4px;color:var(--code-text);font-family:Monaco,Menlo,monospace;padding:.2rem .5rem}@media (max-width:768px){.all-themes-grid,.configured-themes-grid{grid-template-columns:1fr}.themes-search{max-width:100%}}.tab-hidden{display:none}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;padding:1rem 0}.page-indicator{color:var(--text-muted);font-size:.9rem;min-width:8rem;text-align:center}.share-page{align-items:center;background:var(--app-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem}.share-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:900px;padding:2rem;width:100%}.share-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.share-header h1{color:var(--text-primary);font-size:2rem;margin:0}.btn-home-small{background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);border-radius:8px;color:var(--btn-ghost-text);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.btn-home-small:hover{background:var(--btn-ghost-bg-hover);transform:translateY(-2px)}.share-content{display:flex;flex-direction:column;gap:2rem}.quote-display{align-items:center;display:flex;justify-content:center}.quote-image-large{border:3px solid var(--border-strong);border-radius:12px;box-shadow:0 8px 24px #0000004d;height:auto;max-width:100%}.quote-info{padding:1.5rem;text-align:center}.quote-text{color:var(--text-primary);font-size:1.8rem;font-style:italic;font-weight:300;line-height:1.6;margin:0 0 1rem}.quote-author{color:var(--text-secondary);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.quote-meta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.meta-badge{background:var(--surface-strong);border:1px solid var(--border);border-radius:20px;color:var(--text-primary);font-size:.9rem;padding:.5rem 1rem}.share-actions{background:var(--surface-deep);border:1px solid var(--border-subtle);border-radius:12px;padding:2rem}.share-actions h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 1.5rem;text-align:center}.share-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.share-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease}.share-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.share-btn.twitter{background:#000;border:1px solid var(--border)}.share-btn.twitter:hover{background:#1a1a1a}.share-btn.facebook{background:#1877f2}.share-btn.facebook:hover{background:#145dbf}.share-btn.linkedin{background:#0a66c2}.share-btn.linkedin:hover{background:#084d92}.share-btn.copy{background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);color:var(--btn-ghost-text)}.share-btn.copy:hover{background:var(--btn-ghost-bg-hover)}.error-page,.loading-page{color:var(--text-primary);text-align:center}.loading-spinner{animation:pulse 1.5s ease-in-out infinite;font-size:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-page h1{font-size:3rem;margin-bottom:1rem}.error-page p{color:var(--text-muted);font-size:1.2rem;margin-bottom:2rem}.btn-home{background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);border-radius:10px;color:var(--btn-ghost-text);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-home:hover{background:var(--btn-ghost-bg-hover);box-shadow:0 6px 20px #0003;transform:translateY(-3px)}@media (max-width:768px){.share-page{padding:1rem}.share-container{padding:1.5rem}.quote-text{font-size:1.3rem}.quote-author{font-size:1.1rem}.share-buttons{grid-template-columns:1fr}}.guide-page{background:var(--app-bg);color:var(--text-primary);min-height:100vh;padding:2rem}.guide-container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:860px}.guide-topbar{align-items:center;display:flex;justify-content:space-between}.guide-theme-switcher{display:flex;gap:.35rem}.guide-back-btn{align-items:center;background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);border-radius:6px;color:var(--btn-ghost-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:all .2s ease}.guide-back-btn:hover{background:var(--btn-ghost-bg-hover);transform:translateX(-2px)}.guide-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center}.guide-header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem}.guide-header p{color:var(--text-muted);font-size:1.05rem;margin:0}.guide-toggle{align-self:center;background:var(--surface-deep);border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:0;padding:4px}.guide-toggle-btn{background:#0000;border:none;border-radius:7px;color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:600;padding:.55rem 2rem;transition:all .2s ease}.guide-toggle-btn:hover{background:var(--surface);color:var(--text-primary)}.guide-toggle-btn.active{background:#5865f2;box-shadow:0 2px 8px #5865f280;color:#fff}.guide-section-title{font-size:1.4rem;font-weight:700;margin:0 0 .5rem}.guide-section-subtitle{color:var(--text-muted);font-size:.95rem;margin:0 0 1.5rem}.guide-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.guide-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;transition:background .2s ease}.guide-card:hover{background:var(--surface-hover)}.guide-card-header{margin-bottom:.6rem}.guide-command{background:var(--surface-deep);border:1px solid var(--border);border-radius:6px;color:#a5b4fc;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.95rem;padding:.3rem .7rem}.guide-tab-label{font-size:1.05rem;font-weight:700}.guide-card-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 .75rem}.guide-card-description:last-child{margin-bottom:0}.guide-steps{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.875rem;gap:.25rem;line-height:1.6;margin:0;padding-left:1.2rem}.guide-card-centered{margin:1rem auto 0;max-width:360px}.guide-subitems{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.875rem;gap:.25rem;line-height:1.6;margin:.5rem 0 0;padding-left:1.2rem}.guide-buttons-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.guide-button-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-align:center}.guide-button-label{font-size:1rem;font-weight:700;margin-bottom:.5rem}.guide-button-card p{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.guide-page{padding:1rem}.guide-header h1{font-size:1.5rem}.guide-toggle-btn{padding:.55rem 1.25rem}.guide-buttons-grid,.guide-cards{grid-template-columns:1fr}}
/*# sourceMappingURL=main.8d6161c3.css.map*/