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}:root[data-design=v7],:root[data-design=v7][data-theme=light]{--v7-app-bg:#fdf2de;--v7-card:#fffaf0;--v7-deep:#f5e6cb;--v7-text:#1b3350;--v7-sub:#34496a;--v7-faint:#5a6a82;--v7-line:#ecdcbf;--v7-line-strong:#d6c29f;--v7-accent:#f26a2e;--v7-accent-hover:#e05a1f;--v7-accent-fg:#1b3350;--v7-accent-soft:#f26a2e21;--v7-accent-text:#b4461a;--v7-ok:#1f6b45;--v7-ok-bg:#1f6b451a;--v7-ok-border:#1f6b4559;--v7-ok-solid:#1f6b45;--v7-bad:#a8261a;--v7-bad-bg:#a8261a14;--v7-bad-border:#a8261a59;--v7-code:#b4461a;--v7-shadow-pop:0 18px 40px #1b335024;--v7-font:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;--v7-font-display:"Funnel Display",system-ui,sans-serif;--v7-font-mono:"Geist Mono",ui-monospace,Menlo,monospace;--app-bg:var(--v7-app-bg);--text-primary:var(--v7-text);--text-secondary:var(--v7-sub);--text-muted:var(--v7-faint);--text-dim:var(--v7-faint);--navbar-bg:var(--v7-app-bg);--navbar-border:var(--v7-line);--surface:var(--v7-card);--surface-hover:var(--v7-card);--surface-strong:var(--v7-deep);--surface-deep:var(--v7-deep);--surface-deep-hover:var(--v7-deep);--surface-card:var(--v7-card);--border:var(--v7-line);--border-subtle:var(--v7-line);--border-strong:var(--v7-line-strong);--input-bg:var(--v7-deep);--input-bg-focus:var(--v7-deep);--input-border:var(--v7-line);--input-text:var(--v7-text);--input-placeholder:var(--v7-faint);--select-option-bg:var(--v7-card);--settings-select-bg:var(--v7-card);--settings-select-border:var(--v7-line-strong);--settings-select-color:var(--v7-text);--settings-option-bg:var(--v7-card);--dropdown-bg:var(--v7-card);--dropdown-text:var(--v7-text);--dropdown-hover:var(--v7-deep);--tabs-bg:var(--v7-deep);--tabs-border:#0000;--tab-text:var(--v7-sub);--tab-hover-bg:#0000;--tab-active-text:var(--v7-app-bg);--code-bg:var(--v7-deep);--code-text:var(--v7-code);--code-border:var(--v7-line);--btn-ghost-bg:#0000;--btn-ghost-bg-hover:var(--v7-deep);--btn-ghost-border:var(--v7-line-strong);--btn-ghost-text:var(--v7-text);--error-bg:var(--v7-bad-bg);--error-border:var(--v7-bad-border);--success-bg:var(--v7-ok-bg);--success-border:var(--v7-ok-border);--warning-bg:var(--v7-accent-soft);--warning-border:#f26a2e66;--skeleton-start:#1b33500d;--skeleton-mid:#1b33501c}:root[data-design=v7][data-theme=dark]{--v7-app-bg:#14263d;--v7-card:#1b3350;--v7-deep:#0f1e31;--v7-text:#fdf2de;--v7-sub:#dccfb8;--v7-faint:#a9b2bf;--v7-line:#2a4466;--v7-line-strong:#3b587d;--v7-accent:#f47a42;--v7-accent-hover:#ff8c57;--v7-accent-fg:#14263d;--v7-accent-soft:#f47a4229;--v7-accent-text:#ff9a66;--v7-ok:#6fd39c;--v7-ok-bg:#6fd39c1f;--v7-ok-border:#6fd39c66;--v7-ok-solid:#2d8a58;--v7-bad:#ff8a7a;--v7-bad-bg:#ff8a7a1a;--v7-bad-border:#ff8a7a66;--v7-code:#ff9a66;--v7-shadow-pop:0 18px 40px #00000059;--warning-border:#f47a4273;--skeleton-start:#fdf2de0a;--skeleton-mid:#fdf2de1a}:root[data-design=v7] body{background:var(--v7-app-bg);color:var(--v7-text);font-family:var(--v7-font)}:root[data-design=v7] code,:root[data-design=v7] pre{font-family:var(--v7-font-mono)}:root[data-design=v7] button,:root[data-design=v7] input,:root[data-design=v7] select,:root[data-design=v7] textarea{font-family:inherit}:root[data-design=v7] a:not(.btn){color:var(--v7-accent-text);text-underline-offset:3px}:root[data-design=v7] a:not(.btn):hover{color:var(--v7-text)}:root[data-design=v7] ::placeholder{color:var(--v7-faint);opacity:1}:root[data-design=v7] ::selection{background:var(--v7-accent-soft)}:root[data-design=v7] .App-header h1,:root[data-design=v7] .generate-section h3,:root[data-design=v7] .guide-header h1,:root[data-design=v7] .guide-section-title,:root[data-design=v7] .guilds-section h3,:root[data-design=v7] .guilds-section-header h3,:root[data-design=v7] .navbar-title,:root[data-design=v7] .quote-content blockquote,:root[data-design=v7] .quote-manager-header h2,:root[data-design=v7] .stat-value,:root[data-design=v7] .themes-section h3,:root[data-design=v7] .welcome-section h2{font-family:var(--v7-font-display);font-weight:500;letter-spacing:-.02em}:root[data-design=v7] .guide-header h1,:root[data-design=v7] .quote-manager-header h2,:root[data-design=v7] .welcome-section h2{font-size:2.6rem;line-height:1.05}:root[data-design=v7] .stat-value{font-size:2.6rem}:root[data-design=v7] .guide-section-title{font-size:1.9rem}:root[data-design=v7] .quote-content blockquote{font-size:1.6rem;font-style:normal;line-height:1.2}:root[data-design=v7] .settings-section h3{font-family:var(--v7-font);font-size:1.05rem;font-weight:600}:root[data-design=v7] .navbar{-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-design=v7] .user-info-compact{background:#0000;border:1px solid var(--v7-line-strong);border-radius:999px}:root[data-design=v7] .user-info-compact:hover{background:var(--v7-deep)}:root[data-design=v7] .user-avatar-small{border:none}:root[data-design=v7] .user-avatar-placeholder{background:var(--v7-accent);color:var(--v7-accent-fg);font-weight:600}:root[data-design=v7] .user-dropdown{border-radius:16px;box-shadow:var(--v7-shadow-pop);padding:6px}:root[data-design=v7] .dropdown-item{border-radius:10px;font-size:.9rem}:root[data-design=v7] .dropdown-divider{margin:6px}:root[data-design=v7] .dropdown-theme-option{border-radius:999px}:root[data-design=v7] .dropdown-theme-option.active{background:var(--v7-text);border-color:var(--v7-text);color:var(--v7-app-bg)}:root[data-design=v7] .generate-section,:root[data-design=v7] .guide-button-card,:root[data-design=v7] .guide-card,:root[data-design=v7] .guide-header,:root[data-design=v7] .guild-card,:root[data-design=v7] .no-guilds,:root[data-design=v7] .quote-card,:root[data-design=v7] .settings-section,:root[data-design=v7] .stat-card,:root[data-design=v7] .themes-section,:root[data-design=v7] .welcome-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v7-card);border:1px solid var(--v7-line);border-radius:20px;box-shadow:none}:root[data-design=v7] .guilds-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:1px solid var(--v7-line);border-radius:22px}:root[data-design=v7] .guide-card:hover,:root[data-design=v7] .guild-card:hover,:root[data-design=v7] .quote-card:hover,:root[data-design=v7] .stat-card:hover,:root[data-design=v7] .theme-card:hover{background:var(--v7-card);border-color:var(--v7-line-strong);box-shadow:none;transform:none}:root[data-design=v7] .quote-card.approved{border-color:var(--v7-line)}:root[data-design=v7] .image-skeleton,:root[data-design=v7] .quote-image{border-radius:16px}:root[data-design=v7] .guild-icon{border:1px solid var(--v7-line)}:root[data-design=v7] .guild-icon-placeholder{background:var(--v7-accent-soft);border:none;color:var(--v7-accent-text);font-family:var(--v7-font-display);font-weight:500}:root[data-design=v7] .guild-counts span{background:var(--v7-deep);border-radius:999px;color:var(--v7-sub)}:root[data-design=v7] .setting-item{background:var(--v7-deep);border:none;border-radius:12px}:root[data-design=v7] .setting-label{font-weight:500;letter-spacing:0;text-transform:none}:root[data-design=v7] .setting-value.status-active{color:var(--v7-ok)}:root[data-design=v7] .setting-value.status-inactive{color:var(--v7-bad)}:root[data-design=v7] .empty-state,:root[data-design=v7] .themes-empty{background:#0000;border:1px dashed var(--v7-line-strong);border-radius:20px}:root[data-design=v7] .btn{border-radius:999px;font-size:.92rem;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}:root[data-design=v7] .btn:hover:not(:disabled){box-shadow:none;transform:none}:root[data-design=v7] .btn-primary,:root[data-design=v7] .invite-btn{background:var(--v7-accent);border:none;color:var(--v7-accent-fg)}:root[data-design=v7] .btn-primary:hover:not(:disabled),:root[data-design=v7] .invite-btn:hover{background:var(--v7-accent-hover)}:root[data-design=v7] .btn-success{background:var(--v7-ok-solid);color:#fff}:root[data-design=v7] .btn-success:hover:not(:disabled){background:var(--v7-ok-solid);filter:brightness(.92)}:root[data-design=v7] .btn-secondary,:root[data-design=v7] .error button,:root[data-design=v7] .manage-btn,:root[data-design=v7] .refresh-btn{background:#0000;border:1px solid var(--v7-line-strong);color:var(--v7-text);font-weight:500}:root[data-design=v7] .btn-secondary:hover:not(:disabled),:root[data-design=v7] .error button:hover,:root[data-design=v7] .manage-btn:hover,:root[data-design=v7] .refresh-btn:hover{background:var(--v7-deep)}:root[data-design=v7] .btn-danger{background:#0000;border:1px solid var(--v7-line-strong);color:var(--v7-bad);font-weight:500}:root[data-design=v7] .btn-danger:hover:not(:disabled){background:var(--v7-bad-bg);border-color:var(--v7-bad-border)}:root[data-design=v7] .btn-twitter,:root[data-design=v7] .discord-login-btn,:root[data-design=v7] .error button,:root[data-design=v7] .invite-btn,:root[data-design=v7] .manage-btn,:root[data-design=v7] .refresh-btn{border-radius:999px;transition:background .15s ease,border-color .15s ease}:root[data-design=v7] .btn-twitter:hover:not(:disabled),:root[data-design=v7] .discord-login-btn:hover,:root[data-design=v7] .error button:hover,:root[data-design=v7] .invite-btn:hover,:root[data-design=v7] .manage-btn:hover{box-shadow:none;transform:none}:root[data-design=v7] .back-btn,:root[data-design=v7] .guide-back-btn{background:#0000;border:none;border-radius:0;color:var(--v7-faint);padding:.4rem 0}:root[data-design=v7] .back-btn:hover,:root[data-design=v7] .guide-back-btn:hover{background:#0000;color:var(--v7-text)}:root[data-design=v7] .tabs{background:var(--v7-deep);border-bottom:none;border-radius:22px;gap:2px;padding:4px;top:.5rem}:root[data-design=v7] .tab{border-bottom:none;border-radius:999px;color:var(--v7-sub);font-size:.92rem;font-weight:500;padding:.6rem 1rem}:root[data-design=v7] .tab:hover{background:#0000;color:var(--v7-text)}:root[data-design=v7] .tab.active{background:var(--v7-text);color:var(--v7-app-bg)}:root[data-design=v7] .guide-toggle{background:var(--v7-deep);border:none;border-radius:22px;gap:2px}:root[data-design=v7] .guide-toggle-btn{border-radius:999px;color:var(--v7-sub);font-weight:500}:root[data-design=v7] .guide-toggle-btn:hover{background:#0000;color:var(--v7-text)}:root[data-design=v7] .guide-toggle-btn.active{background:var(--v7-text);box-shadow:none;color:var(--v7-app-bg)}:root[data-design=v7] .form-group input,:root[data-design=v7] .form-group textarea{background:var(--v7-deep);border:1px solid var(--v7-line);border-radius:12px}:root[data-design=v7] .form-group select,:root[data-design=v7] .settings-select,:root[data-design=v7] .themes-search{background:var(--v7-card);border:1px solid var(--v7-line-strong);border-radius:12px}:root[data-design=v7] .form-group label{font-weight:500}:root[data-design=v7] .form-group input:focus,:root[data-design=v7] .form-group select:focus,:root[data-design=v7] .form-group textarea:focus,:root[data-design=v7] .settings-select:focus,:root[data-design=v7] .themes-search:focus{border-color:var(--v7-accent)}:root[data-design=v7] .theme-toggle-btn{background:#0000;border:1px solid var(--v7-line-strong);border-radius:14px;color:var(--v7-sub)}:root[data-design=v7] .theme-toggle-btn:hover{background:var(--v7-deep);border-color:var(--v7-line-strong);color:var(--v7-text)}:root[data-design=v7] .theme-toggle-btn.active{background:var(--v7-accent-soft);border-color:var(--v7-accent);color:var(--v7-text)}:root[data-design=v7] .theme-check{color:var(--v7-accent-text)}:root[data-design=v7] .role-select-trigger{background:var(--v7-card);border:1px solid var(--v7-line-strong);border-radius:12px}:root[data-design=v7] .role-select-trigger:hover{border-color:var(--v7-accent)}:root[data-design=v7] .role-select-dropdown{background:var(--v7-card);border:1px solid var(--v7-line);border-radius:14px;box-shadow:var(--v7-shadow-pop)}:root[data-design=v7] .role-select-option:hover{background:var(--v7-deep)}:root[data-design=v7] .role-select-option.checked{background:var(--v7-accent-soft)}:root[data-design=v7] .role-select-option input[type=checkbox]{accent-color:var(--v7-accent)}:root[data-design=v7] .role-chip{background:var(--v7-text);border:1px solid var(--v7-text);border-radius:999px;color:var(--v7-app-bg)}:root[data-design=v7] .role-chip-remove,:root[data-design=v7] .role-chip-remove:hover{color:var(--v7-app-bg)}:root[data-design=v7] .theme-badge{background:var(--v7-accent-soft);border:1px solid #0000;border-radius:999px;color:var(--v7-accent-text)}:root[data-design=v7] .theme-card{background:#0000;border:1px solid var(--v7-line);border-radius:16px}:root[data-design=v7] .theme-card.configured{background:var(--v7-card);border-color:var(--v7-line-strong)}:root[data-design=v7] .theme-card.is-configured{border-left:1px solid var(--v7-line-strong)}:root[data-design=v7] .theme-card.unknown{background:var(--v7-accent-soft);border-color:var(--v7-accent)}:root[data-design=v7] .theme-name{font-weight:500}:root[data-design=v7] .theme-badge-active,:root[data-design=v7] .theme-badge-small{background:var(--v7-ok-bg);border-radius:999px;color:var(--v7-ok)}:root[data-design=v7] .theme-badge-unknown{background:var(--v7-accent);border-radius:999px;color:var(--v7-accent-fg)}:root[data-design=v7] .success-banner{background:var(--v7-ok-bg);border:none;border-radius:14px;color:var(--v7-ok)}:root[data-design=v7] .success-banner button{color:var(--v7-ok)}:root[data-design=v7] .error,:root[data-design=v7] .error-banner{background:var(--v7-bad-bg);border:1px solid var(--v7-bad-border);border-radius:14px}:root[data-design=v7] .warning-banner{background:#0000;border:1px solid var(--v7-line-strong);border-radius:14px;color:var(--v7-sub)}:root[data-design=v7] .info-box,:root[data-design=v7] .settings-help,:root[data-design=v7] .themes-help{background:var(--v7-accent-soft);border:1px solid var(--v7-line);border-radius:16px}:root[data-design=v7] .settings-help h3{color:var(--v7-accent-text)}:root[data-design=v7] .guide-command,:root[data-design=v7] .info-box code,:root[data-design=v7] .settings-help code,:root[data-design=v7] .settings-json,:root[data-design=v7] .theme-id,:root[data-design=v7] .themes-empty code,:root[data-design=v7] .themes-help code,:root[data-design=v7] .warning-banner code{background:var(--v7-deep);color:var(--v7-code);font-family:var(--v7-font-mono)}:root[data-design=v7] .guide-command{border:1px solid var(--v7-line);font-weight:500}:root[data-design=v7] .themes-divider{font-size:.75rem;letter-spacing:1.4px}@media (max-width:768px){:root[data-design=v7] .guide-header h1,:root[data-design=v7] .quote-manager-header h2,:root[data-design=v7] .stat-value,:root[data-design=v7] .welcome-section h2{font-size:2rem}:root[data-design=v7] .quote-content blockquote{font-size:1.35rem}}.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{color:var(--dropdown-text);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.14ee122b.css.map*/