:root{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Playfair Display", Georgia, Cambria, "Times New Roman", Times, serif;--font-scale: 1;--text-xs: calc(.72rem * var(--font-scale));--text-sm: calc(.875rem * var(--font-scale));--text-base: calc(1rem * var(--font-scale));--text-lg: calc(1.125rem * var(--font-scale));--text-xl: calc(1.25rem * var(--font-scale));--text-2xl: calc(1.5rem * var(--font-scale));--text-3xl: calc(1.875rem * var(--font-scale));--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-normal: .28s cubic-bezier(.4, 0, .2, 1);--transition-slow: .45s cubic-bezier(.4, 0, .2, 1);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 26px;--radius-full: 9999px}html[data-font-size=small]{--font-scale: .92}html[data-font-size=medium]{--font-scale: 1.08}html[data-font-size=large]{--font-scale: 1.28}html[data-theme=dark]{--bg-deep: #060d0a;--bg-color: #0a1410;--bg-gradient: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(189,160,104,.07) 0%, transparent 70%), linear-gradient(180deg, #0e1a14 0%, #060d0a 100%);--surface-color: #111e18;--surface-hover: #182618;--card-bg: rgba(17, 30, 24, .82);--card-border: rgba(255, 255, 255, .07);--card-border-hover: rgba(189, 160, 104, .35);--primary-color: #c8943a;--primary-light: #f0b95c;--primary-hover: #e0a84a;--primary-glow: rgba(200, 148, 58, .22);--primary-glow-sm:rgba(200, 148, 58, .12);--accent-color: #2ab87a;--text-main: #e2e8e4;--text-muted: #7a9088;--text-subtle: #4a635a;--header-bg: rgba(9, 18, 14, .88);--shadow-sm: 0 2px 10px rgba(0,0,0,.35);--shadow-md: 0 10px 32px rgba(0,0,0,.5);--shadow-lg: 0 24px 56px rgba(0,0,0,.65);--shadow-glow: 0 0 20px rgba(200,148,58,.12);--glass-blur: blur(10px);--scrollbar-track: #0a1410;--scrollbar-thumb: #1e3028;--chip-bg: rgba(20, 35, 26, .9);--chip-active-bg: linear-gradient(135deg, #c8943a 0%, #f0b95c 100%)}html[data-theme=light]{--bg-deep: #f0ede4;--bg-color: #f7f4ed;--bg-gradient: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(140,111,55,.08) 0%, transparent 70%), linear-gradient(180deg, #fdfcf8 0%, #f0ede4 100%);--surface-color: #edeae0;--surface-hover: #e5e1d5;--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(140, 111, 55, .12);--card-border-hover: rgba(140, 111, 55, .45);--primary-color: #9a7430;--primary-light: #c89a44;--primary-hover: #7f5f24;--primary-glow: rgba(154, 116, 48, .18);--primary-glow-sm:rgba(154, 116, 48, .09);--accent-color: #0f7a4a;--text-main: #1a2118;--text-muted: #5a6b60;--text-subtle: #8a9e94;--header-bg: rgba(253, 252, 248, .9);--shadow-sm: 0 2px 10px rgba(140,111,55,.07);--shadow-md: 0 10px 32px rgba(140,111,55,.1);--shadow-lg: 0 24px 56px rgba(140,111,55,.15);--shadow-glow: 0 0 20px rgba(140,111,55,.09);--glass-blur: blur(10px);--scrollbar-track: #edeae0;--scrollbar-thumb: #d5d0c0;--chip-bg: rgba(237, 234, 224, .95);--chip-active-bg: linear-gradient(135deg, #9a7430 0%, #c89a44 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-normal),color var(--transition-normal);overflow-x:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:200% center}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 6px transparent}}.app-layout{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;position:relative}@media (min-width: 641px){.app-layout{border-left:1px solid var(--card-border);border-right:1px solid var(--card-border)}}.app-header{position:sticky;top:0;z-index:200;background:var(--header-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--card-border);padding:12px 18px;transition:background var(--transition-normal),box-shadow var(--transition-normal)}.app-header.scrolled{box-shadow:0 4px 20px #0000004d}.header-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.logo-area{display:flex;align-items:center;gap:11px;flex-shrink:0}.logo-badge{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#c8943a38,#c8943a14);border:1px solid rgba(200,148,58,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast)}.logo-icon{font-size:18px}.logo-text{display:flex;flex-direction:column;gap:0}.logo-text h1{font-size:var(--text-lg);font-weight:700;letter-spacing:-.3px;background:linear-gradient(120deg,var(--text-main) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.logo-subtitle{font-size:.67rem;color:var(--text-muted);font-weight:400;letter-spacing:.4px;text-transform:uppercase;line-height:1;margin-top:2px}.icon-btn{background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-muted);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.icon-btn:hover{background:var(--surface-hover);color:var(--text-main);transform:scale(1.06)}.icon-btn:active{transform:scale(.94)}.floating-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:990;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.floating-menu-overlay.open{opacity:1;visibility:visible}.floating-menu-wrapper{position:fixed;bottom:24px;right:24px;z-index:995;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.floating-menu-btn{width:54px;height:54px;border-radius:var(--radius-full);background:var(--chip-active-bg);color:#0d1b15;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000080,0 0 15px var(--primary-glow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.floating-menu-btn:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 10px 24px #0009,0 0 20px #f0b95c66}.floating-menu-btn:active{transform:scale(.94)}.floating-menu-btn svg{transition:transform var(--transition-normal)}.floating-menu-btn.active svg{transform:rotate(90deg)}.floating-dropdown{background:var(--surface-color);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;min-width:190px;display:flex;flex-direction:column;position:absolute;bottom:calc(100% + 12px);right:0;opacity:0;transform:translateY(12px) scale(.95);pointer-events:none;transition:opacity var(--transition-normal),transform var(--transition-normal);transform-origin:bottom right}.floating-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.bottom-sheet-handle{display:none}@media (max-width: 600px){.floating-menu-wrapper{bottom:20px;right:20px}.floating-menu-btn{width:50px;height:50px;box-shadow:0 4px 16px #00000080}.floating-dropdown{position:fixed;bottom:0;left:0;right:0;width:100%;min-width:100%;border-radius:24px 24px 0 0;border:none;border-top:1px solid var(--card-border);background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:10px 16px 28px;transform:translateY(100%);transform-origin:bottom center;box-shadow:0 -10px 30px #00000040;transition:transform .32s cubic-bezier(.32,.94,.6,1)}.floating-dropdown.open{transform:translateY(0)}.bottom-sheet-handle{display:block;width:36px;height:5px;background:var(--text-muted);opacity:.35;border-radius:var(--radius-full);margin:4px auto 14px}.dropdown-item{font-size:var(--text-base);padding:14px 18px;border-radius:var(--radius-md);margin-bottom:6px;background:var(--bg-deep);border:1px solid var(--card-border)}.dropdown-item:last-child{margin-bottom:0}.dropdown-divider{display:none}}.dropdown-item{display:flex;align-items:center;gap:11px;width:100%;padding:12px 16px;background:transparent;border:none;font-size:var(--text-sm);font-weight:500;color:var(--text-main);text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.dropdown-item:hover{background:var(--surface-hover);color:var(--primary-color)}.dropdown-item svg{color:var(--text-muted);flex-shrink:0;transition:color var(--transition-fast)}.dropdown-item:hover svg{color:var(--primary-color)}.dropdown-divider{height:1px;background:var(--card-border);margin:4px 0}.filter-wrapper{display:none!important;padding:10px 0 6px;width:100%;position:relative}.filter-wrapper:before,.filter-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:28px;z-index:2;pointer-events:none}.filter-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-color),transparent)}.filter-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-color),transparent)}.tag-filter-wrapper{padding-top:4px;padding-bottom:10px;border-top:1px solid var(--card-border)}.filter-container{display:flex;overflow-x:auto;gap:7px;padding:4px 22px;scrollbar-width:none}.filter-container::-webkit-scrollbar{display:none}@media (min-width: 641px){.filter-container{flex-wrap:wrap;justify-content:center;overflow-x:visible}}.chip{flex:0 0 auto;background:var(--chip-bg);border:1px solid var(--card-border);padding:7px 15px;border-radius:var(--radius-full);font-size:.82rem;font-weight:500;color:var(--text-muted);transition:all var(--transition-fast);white-space:nowrap}.chip:hover{border-color:var(--primary-color);color:var(--text-main);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chip.active{background:var(--chip-active-bg);color:#0a0a0a;font-weight:700;border-color:transparent;box-shadow:0 4px 14px var(--primary-glow)}.fav-chip{display:flex;align-items:center;gap:6px;border-color:#dc35452e}.fav-chip:hover{border-color:#e03545;color:#e03545}.fav-chip.active{background:linear-gradient(135deg,#c0323f,#e05060);color:#fff;border-color:transparent;box-shadow:0 4px 14px #c832414d}.search-section{padding:6px 18px 14px;width:100%}@media (min-width: 641px){.search-section{max-width:620px;margin:0 auto}}.search-bar{display:flex;align-items:center;background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--radius-md);padding:11px 16px;gap:10px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow-sm),var(--shadow-sm)}.search-icon{color:var(--text-subtle);flex-shrink:0;transition:color var(--transition-fast)}.search-bar:focus-within .search-icon{color:var(--primary-color)}.search-bar input{background:transparent;border:none;width:100%;font-size:var(--text-sm);outline:none;color:var(--text-main)}.search-bar input::placeholder{color:var(--text-subtle);font-style:italic}.clear-btn{background:transparent;border:none;color:var(--text-muted);padding:3px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.clear-btn:hover{color:var(--text-main);background:var(--surface-hover)}.results-count{font-size:var(--text-xs);color:var(--text-muted);margin-top:8px;padding-left:4px}.quotes-main{flex-grow:1;padding:0 16px 48px}@media (min-width: 641px){.quotes-main{padding:0 20px 56px}}.quotes-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 641px){.quotes-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (min-width: 1024px){.quotes-grid{grid-template-columns:repeat(3,1fr)}}.quote-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:22px 22px 16px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);animation:fadeSlideUp .4s ease both}.quote-card:hover{transform:translateY(-3px);border-color:var(--card-border-hover);box-shadow:var(--shadow-md),var(--shadow-glow)}.quote-card:before{content:"“";position:absolute;top:-8px;left:14px;font-family:var(--font-serif);font-size:88px;line-height:1;color:var(--primary-color);opacity:.1;pointer-events:none;transition:opacity var(--transition-normal);-webkit-user-select:none;user-select:none}.quote-card:hover:before{opacity:.17}.quote-card:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,var(--primary-color) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-normal)}.quote-card:hover:after{opacity:1}.quote-text{font-family:var(--font-serif);font-size:var(--text-base);font-weight:400;line-height:1.72;color:var(--text-main);position:relative;z-index:1;flex-grow:1}@media (min-width: 641px){.quote-text{font-size:var(--text-lg)}}.quote-meta{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1;padding:10px 12px;background:linear-gradient(135deg,rgba(200,148,58,.06) 0%,transparent 100%);border-radius:var(--radius-sm);border:1px solid rgba(200,148,58,.1)}.quote-author{font-size:var(--text-sm);font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:5px}.quote-author:before{content:"—";font-style:italic;opacity:.7;font-weight:300}.author-years{font-size:.78em;color:var(--text-muted);font-weight:400;opacity:.8}.quote-source{font-size:var(--text-xs);color:var(--text-subtle);font-style:italic;padding-left:14px}.quote-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.tag-pill{font-size:.7em;font-weight:600;color:var(--primary-color);background:#c8943a14;padding:3px 9px;border-radius:var(--radius-full);border:1px solid rgba(200,148,58,.18);letter-spacing:.2px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.tag-pill:hover{background:#c8943a2e;border-color:var(--primary-color);transform:translateY(-1px)}.quote-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;border-top:1px solid var(--card-border);padding-top:10px}.quote-action-btn{background:transparent;border:none;width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-subtle);transition:all var(--transition-fast)}.quote-action-btn:hover{background:var(--surface-hover);color:var(--primary-color);transform:scale(1.1)}.quote-action-btn:active{transform:scale(.92)}.quote-action-btn.btn-favorite:hover,.quote-action-btn.btn-favorite.active{color:#e03545}.quote-action-btn.btn-favorite.active svg{fill:currentColor}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 20px;color:var(--text-muted);gap:16px}.empty-state-icon{font-size:48px;opacity:.45}.spinner{width:38px;height:38px;border:2.5px solid var(--card-border);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.quote-card:nth-child(1){animation-delay:.02s}.quote-card:nth-child(2){animation-delay:.06s}.quote-card:nth-child(3){animation-delay:.1s}.quote-card:nth-child(4){animation-delay:.14s}.quote-card:nth-child(5){animation-delay:.18s}.quote-card:nth-child(6){animation-delay:.22s}.quote-card:nth-child(7){animation-delay:.26s}.quote-card:nth-child(8){animation-delay:.3s}.quote-card:nth-child(9){animation-delay:.34s}.quote-card:nth-child(10){animation-delay:.38s}.quote-card:nth-child(n+11){animation-delay:.42s}.author-bio-card{background:linear-gradient(135deg,rgba(200,148,58,.07) 0%,var(--card-bg) 60%);border:1px solid rgba(200,148,58,.18);border-radius:var(--radius-md);margin:0 16px 14px;padding:14px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;animation:fadeSlideUp .35s ease both}@media (min-width: 641px){.author-bio-card{margin:0 auto 18px;width:calc(100% - 40px);max-width:700px}}.bio-icon{font-size:24px;flex-shrink:0;background:#c8943a1f;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(200,148,58,.22)}.bio-info{display:flex;flex-direction:column;gap:2px}.bio-info h2{font-size:var(--text-base);font-weight:700;color:var(--primary-color)}.bio-years{font-size:var(--text-sm);font-weight:500;color:var(--text-main)}.bio-book{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.qotd-section{margin:0 16px 18px;animation:fadeSlideUp .35s ease both}@media (min-width: 641px){.qotd-section{margin:0 auto 22px;width:calc(100% - 40px);max-width:700px}}.qotd-card{background:linear-gradient(135deg,rgba(240,185,92,.08) 0%,var(--card-bg) 60%);border:1px solid rgba(240,185,92,.25);border-radius:var(--radius-md);padding:24px 24px 18px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-md),0 0 24px #f0b95c14}.qotd-card:before{content:"“";position:absolute;top:-12px;left:14px;font-family:var(--font-serif);font-size:110px;line-height:1;color:var(--primary-light);opacity:.12;pointer-events:none;-webkit-user-select:none;user-select:none}.qotd-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f0b95c2e,#c8943a0f);border:1px solid rgba(240,185,92,.3);padding:4px 12px;border-radius:var(--radius-full);align-self:flex-start;font-size:.74rem;font-weight:700;color:var(--primary-light);letter-spacing:.4px;text-transform:uppercase;z-index:1}.qotd-text{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:400;line-height:1.75;color:var(--text-main);position:relative;z-index:1}@media (min-width: 641px){.qotd-text{font-size:var(--text-xl)}}.qotd-meta{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:#f0b95c0d;border-radius:var(--radius-sm);border:1px solid rgba(240,185,92,.12);z-index:1}.qotd-author{font-size:var(--text-sm);font-weight:700;color:var(--primary-light);display:flex;align-items:center;gap:5px}.qotd-author:before{content:"—";font-style:italic;opacity:.7}.qotd-source{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;padding-left:14px}.qotd-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px;z-index:1}.scroll-sentinel{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 0 12px;color:var(--text-muted);font-size:var(--text-sm);width:100%}.spinner-small{width:18px;height:18px;border:2px solid var(--card-border);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;opacity:0;transition:visibility var(--transition-normal),opacity var(--transition-normal)}@media (min-width: 641px){.modal{align-items:center}}.modal.open{visibility:visible;opacity:1}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{position:relative;z-index:1001;background:var(--bg-color);border:1px solid var(--card-border);width:100%;max-width:560px;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);transform:translateY(100%);transition:transform var(--transition-normal)}@media (min-width: 641px){.modal-content{border-radius:var(--radius-lg);width:90%}}.modal.open .modal-content{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--card-border)}.modal-header h2{font-size:var(--text-lg);font-weight:700}.modal-body{padding:22px;overflow-y:auto;display:flex;flex-direction:column;gap:22px}.settings-group{display:flex;flex-direction:column;gap:10px}.settings-group h3{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.theme-options,.font-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-btn,.font-btn{background:var(--surface-color);border:1.5px solid var(--card-border);padding:12px 6px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:4px}.theme-btn:hover,.font-btn:hover{border-color:var(--primary-color);transform:translateY(-1px)}.theme-btn.active,.font-btn.active{background:var(--chip-active-bg);color:#0a0a0a;border-color:transparent;font-weight:700;box-shadow:0 4px 12px var(--primary-glow)}.settings-info{background:var(--surface-color);border:1px solid var(--card-border);padding:14px 16px;border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-muted);line-height:1.6}.image-generator-content{max-width:900px!important;width:95vw;height:90vh;padding:0}#image-preview-modal{display:flex;flex-direction:row;width:100%;height:100%}.modal-controls-panel{width:300px;flex-shrink:0;border-right:1px solid var(--card-border);background:var(--surface-color);display:flex;flex-direction:column}.modal-controls-panel .modal-header{padding:14px 18px;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-controls-panel .modal-header h3{font-size:1em;font-weight:700;font-family:var(--font-sans);color:var(--text-main);margin:0}.modal-controls-body{padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex-grow:1}.modal-controls-body fieldset{border:none;padding:0;margin:0}.modal-controls-body legend{font-size:.88em;font-weight:600;color:var(--text-main);padding:9px 13px;background:var(--card-bg);border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid var(--card-border);transition:background var(--transition-fast),border-color var(--transition-fast);-webkit-user-select:none;user-select:none;margin-bottom:0}.modal-controls-body legend:hover{border-color:var(--primary-color);background:var(--primary-glow-sm)}.modal-controls-body legend:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;transition:transform var(--transition-normal);font-size:.78em;color:var(--primary-color)}.modal-controls-body fieldset.open>legend:after{transform:rotate(180deg)}.control-group{display:grid;gap:12px;padding:0 10px;max-height:0;overflow:hidden;transition:max-height var(--transition-slow) ease-out,padding var(--transition-normal);background:var(--card-bg);border:1px solid var(--card-border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.modal-controls-body fieldset.open>.control-group{max-height:800px;padding:14px 10px}#layout-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}#layout-controls button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;font-size:.9em;border:1.5px solid var(--card-border);background:var(--surface-color);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}#layout-controls button .layout-label{font-size:.62em;font-weight:700;letter-spacing:.4px}#layout-controls button:hover{border-color:var(--primary-color);color:var(--primary-color)}#layout-controls button.active{border-color:var(--primary-color);background:var(--primary-color);color:#000;box-shadow:0 0 10px var(--primary-glow)}#background-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:7px}.bg-preset{width:34px;height:34px;border-radius:50%;border:3px solid transparent;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);justify-self:center}.bg-preset:hover{transform:scale(1.12)}.bg-preset.active{transform:scale(1.18);box-shadow:0 0 0 3px var(--primary-color),var(--shadow-sm)}.bg-preset[data-background=midnight]{background-image:linear-gradient(160deg,#071324,#162c4a)}.bg-preset[data-background=charcoal]{background-image:linear-gradient(160deg,#14171a,#282e36)}.bg-preset[data-background=copper]{background-image:linear-gradient(160deg,#210b05,#471f11)}.bg-preset[data-background=emerald]{background-image:linear-gradient(160deg,#021a10,#0c3a28)}.bg-preset[data-background=sunset]{background-image:linear-gradient(160deg,#1a040d,#421223)}.bg-preset[data-background=purple]{background-image:linear-gradient(160deg,#10051e,#2c124a)}.bg-preset[data-background=gold]{background-image:linear-gradient(160deg,#1b1103,#3d280e)}.ig-legend-icon{margin-right:5px;opacity:.8;font-size:.88em;color:var(--primary-color)}.ig-inline-row{display:flex;align-items:center;gap:14px}.color-picker-wrapper{position:relative;width:36px;height:36px}.color-picker-wrapper label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:var(--surface-color);border:1px solid var(--card-border);color:var(--primary-color);font-size:1em;transition:background var(--transition-fast)}.color-picker-wrapper label:hover{background:var(--card-bg)}#ig-text-color-picker{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.checkbox-wrapper{display:flex;align-items:center;gap:8px}.checkbox-wrapper label{color:var(--text-muted);font-weight:500;font-size:.88em}#ig-text-shadow{width:16px;height:16px;accent-color:var(--primary-color)}.ig-slider-group{display:flex;flex-direction:column;gap:5px}.ig-slider-group label{display:flex;align-items:center;gap:6px;font-size:.82em;font-weight:500;color:var(--text-muted)}.ig-slider-group label i{font-size:.88em;opacity:.8;color:var(--primary-color)}.ig-slider-value{margin-left:auto;font-size:.78em;font-weight:700;color:var(--primary-color);background:var(--surface-color);padding:1px 6px;border-radius:4px;border:1px solid var(--card-border);min-width:40px;text-align:center}.ig-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:3px;background:var(--card-border);outline:none}.ig-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-color);box-shadow:0 1px 4px var(--primary-glow);transition:transform .1s ease}.ig-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.ig-toggle-label{display:flex;align-items:center;gap:10px;font-size:.88em;font-weight:500;color:var(--text-muted)}.ig-toggle-input{position:absolute;opacity:0;width:0;height:0}.ig-toggle-switch{position:relative;width:36px;height:19px;background:var(--card-border);border-radius:10px;flex-shrink:0;transition:background var(--transition-fast)}.ig-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--transition-fast)}.ig-toggle-input:checked+.ig-toggle-switch{background:var(--primary-color)}.ig-toggle-input:checked+.ig-toggle-switch:after{transform:translate(17px)}.ig-align-group{display:flex;flex-direction:column;gap:5px}.ig-align-group>label{font-size:.82em;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:6px}.ig-align-group>label i{color:var(--primary-color)}.ig-align-buttons{display:flex;gap:5px}.ig-align-btn{flex:1;padding:6px;border:1px solid var(--card-border);background:var(--surface-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.88em;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.ig-align-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.ig-align-btn.active{background:var(--primary-color);color:#000;border-color:var(--primary-hover)}.ig-font-group{display:flex;flex-direction:column;gap:5px}.ig-font-group>label{font-size:.82em;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:6px}.ig-font-group>label i{color:var(--primary-color)}.ig-select{width:100%;padding:7px 30px 7px 12px;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-main);font-size:.88em;font-weight:500;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23c8943a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.4-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:9px;transition:border-color var(--transition-fast)}.ig-select:focus{outline:none;border-color:var(--primary-color)}.ig-custom-bg-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.ig-color-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:34px;border:1px solid var(--card-border);border-radius:50%;overflow:hidden;background:transparent;padding:0}.ig-color-input::-webkit-color-swatch-wrapper{padding:0}.ig-color-input::-webkit-color-swatch{border:none;border-radius:50%}.ig-color-input::-moz-color-swatch{border:none;border-radius:50%}.ig-watermark-group{display:flex;flex-direction:column;gap:5px}.ig-watermark-group>label{font-size:.82em;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:6px}.ig-watermark-group>label i{color:var(--primary-color)}.ig-text-input{width:100%;padding:7px 11px;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-main);font-size:.88em;transition:border-color var(--transition-fast)}.ig-text-input:focus{outline:none;border-color:var(--primary-color)}.ig-text-input::placeholder{color:var(--text-muted)}.modal-body{flex-grow:1;padding:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0;position:relative}#preview-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#preview-image-container canvas{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:opacity .25s}.modal-footer{padding:14px 18px;border-top:1px solid var(--card-border);background:var(--surface-color);flex-shrink:0;display:flex;flex-direction:column;gap:8px}#ig-share-btn{width:100%;background:transparent;color:var(--text-main);border:1px solid var(--card-border);padding:9px;font-size:.92em;font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px}#ig-share-btn:hover{background:var(--primary-glow-sm);border-color:var(--primary-color)}#ig-download-btn{width:100%;background:var(--primary-color);color:#000;border:none;padding:11px;font-size:.95em;font-weight:700;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px}#ig-download-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px var(--primary-glow)}#ig-download-btn:active{transform:translateY(0)}@media (max-width: 800px){.image-generator-content{max-width:500px!important;width:95vw;height:94vh;border-radius:var(--radius-lg)}#image-preview-modal{display:grid;grid-template-rows:auto auto 1fr auto;height:100%;width:100%;overflow:hidden}.modal-controls-panel{display:contents}.modal-controls-panel .modal-header{grid-row:1;border-bottom:1px solid var(--card-border);background:var(--surface-color)}.image-generator-content .modal-body{grid-row:2;padding:12px;background:#0003;display:flex;align-items:center;justify-content:center;min-height:200px;max-height:290px;height:auto;overflow:hidden;border-bottom:1px solid var(--card-border)}#preview-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#preview-image-container canvas{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.modal-controls-body{grid-row:3;overflow-y:auto;padding:16px;background:var(--bg-color);-webkit-overflow-scrolling:touch}.modal-controls-panel .modal-footer{grid-row:4;padding:12px 16px;background:var(--surface-color);border-top:1px solid var(--card-border);display:flex;flex-direction:row;gap:8px}#ig-share-btn,#ig-download-btn{flex:1;margin:0;padding:10px 6px;font-size:.88em}}.mobile-filter-bar{display:none;gap:10px;padding:12px 18px 6px;width:100%}.filter-select-btn{flex:1;display:flex;align-items:center;justify-content:space-between;background:var(--surface-color);border:1px solid var(--card-border);padding:10px 14px;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-main);transition:all var(--transition-fast)}.filter-select-btn:hover{border-color:var(--primary-color);background:var(--surface-hover)}.filter-select-btn .btn-label{color:var(--text-muted);font-weight:500;margin-right:4px}.filter-select-btn .btn-value{font-weight:600;color:var(--primary-light);flex-grow:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.filter-select-btn svg{color:var(--text-muted);flex-shrink:0;margin-left:4px}.filter-bottom-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;visibility:hidden;opacity:0;transition:visibility var(--transition-normal),opacity var(--transition-normal);display:flex;align-items:flex-end;justify-content:center}.filter-bottom-sheet.open{visibility:visible;opacity:1}.filter-bottom-sheet .sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.filter-bottom-sheet .sheet-content{position:relative;z-index:1051;background:var(--bg-color);border-top:1px solid var(--card-border);border-radius:24px 24px 0 0;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.94,.6,1)}.filter-bottom-sheet.open .sheet-content{transform:translateY(0)}.filter-bottom-sheet .sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--card-border);background:var(--surface-color);border-radius:24px 24px 0 0}.filter-bottom-sheet .sheet-header h3{font-size:var(--text-base);font-weight:700;color:var(--text-main)}.filter-bottom-sheet .close-sheet-btn{background:transparent;border:none;font-size:28px;color:var(--text-muted);line-height:1;cursor:pointer}.filter-bottom-sheet .sheet-body{padding:12px;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}.sheet-list-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-md);background:var(--surface-color);border:1px solid var(--card-border);transition:all var(--transition-fast);cursor:pointer}.sheet-list-item:hover{border-color:var(--primary-color);background:var(--surface-hover)}.sheet-list-item.active{background:#f0b95c14;border-color:var(--primary-color)}.sheet-list-item .item-icon{width:36px;height:36px;border-radius:10px;background:#ffffff08;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--primary-color);flex-shrink:0}.sheet-list-item.active .item-icon{background:var(--chip-active-bg);color:#0d1b15}.sheet-list-item .item-info{flex-grow:1;display:flex;flex-direction:column;gap:2px}.sheet-list-item .item-name{font-size:var(--text-sm);font-weight:600;color:var(--text-main)}.sheet-list-item .item-sub{font-size:.72rem;color:var(--text-muted)}.sheet-list-item .item-check{font-size:16px;color:var(--primary-color);font-weight:700;opacity:0;transition:opacity var(--transition-fast)}.sheet-list-item.active .item-check{opacity:1}.sheet-list-item.fav-item .item-icon{color:#e03545}.sheet-list-item.fav-item.active .item-icon{background:linear-gradient(135deg,#c0323f,#e05060);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md);border:none;width:100%;transition:all var(--transition-fast)}.btn-primary{background:var(--primary-color);color:#000}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px var(--primary-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-color);color:var(--text-main);border:1px solid var(--card-border)}.btn-secondary:hover{border-color:var(--primary-color);background:var(--card-bg)}.app-footer{padding:24px 20px;text-align:center;font-size:var(--text-xs);color:var(--text-subtle);border-top:1px solid var(--card-border);display:flex;flex-direction:column;align-items:center;gap:10px}.toast-container{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:7px;width:90%;max-width:320px;pointer-events:none}.toast{background:#09120ef5;color:#fff;border:1px solid rgba(255,255,255,.1);padding:11px 17px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;text-align:center;box-shadow:0 8px 26px #0006;transform:translateY(18px);opacity:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease}html[data-theme=light] .toast{background:#fdfcf8f5;color:#1a2118;border:1px solid rgba(0,0,0,.09);box-shadow:0 8px 26px #8c6f3726}.toast.show{transform:translateY(0);opacity:1}.animate-fade-in{animation:fadeSlideUp .35s ease both}@media (max-width: 640px){.quote-action-btn{width:38px;height:38px}.chip{padding:7px 13px}.logo-badge{width:34px;height:34px;border-radius:10px}.mobile-filter-bar{display:flex}}.header-filters{display:flex;gap:10px;align-items:center}.custom-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 14px;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);border:1px solid var(--card-border);background-color:var(--surface-color);color:var(--text-main);cursor:pointer;outline:none;transition:all var(--transition-fast);width:175px}.dropdown-trigger:hover{border-color:var(--primary-color);background-color:var(--surface-hover)}.custom-dropdown.open .dropdown-trigger{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow-sm)}.dropdown-trigger .btn-label{color:var(--text-muted);font-weight:500}.dropdown-trigger .btn-value{color:var(--primary-light);font-weight:700;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;flex-grow:1}.dropdown-trigger svg{color:var(--text-muted);flex-shrink:0;transition:transform var(--transition-normal)}.custom-dropdown.open .dropdown-trigger svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-color);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:250px;max-height:380px;display:none;flex-direction:column;z-index:300;overflow:hidden;animation:fadeSlideUp .2s ease}.custom-dropdown.open .dropdown-menu{display:flex}.dropdown-actions{display:flex;gap:8px;padding:10px 14px;background:#00000026;border-bottom:1px solid var(--card-border);flex-shrink:0}.btn-action-select{flex:1;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:5px 8px;font-size:.74rem;font-weight:700;color:var(--text-main);transition:all var(--transition-fast);text-align:center}.btn-action-select:hover{border-color:var(--primary-color);background:var(--surface-hover);color:var(--primary-color)}.dropdown-list{padding:8px;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:2px}.dropdown-item-checkbox,.sheet-list-item-checkbox{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);color:var(--text-main);font-size:var(--text-sm);font-weight:500;-webkit-user-select:none;user-select:none}.dropdown-item-checkbox:hover,.sheet-list-item-checkbox:hover{background:var(--surface-hover)}.dropdown-item-checkbox input,.sheet-list-item-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{height:18px;width:18px;background-color:var(--card-bg);border:1.5px solid var(--card-border);border-radius:5px;position:relative;transition:all var(--transition-fast);flex-shrink:0}.dropdown-item-checkbox:hover .checkbox-custom,.sheet-list-item-checkbox:hover .checkbox-custom{border-color:var(--primary-color)}.dropdown-item-checkbox input:checked~.checkbox-custom,.sheet-list-item-checkbox input:checked~.checkbox-custom{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:9px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}.dropdown-item-checkbox input:checked~.checkbox-custom:after,.sheet-list-item-checkbox input:checked~.checkbox-custom:after{display:block}.sheet-actions-row{display:flex;gap:8px;padding:4px 6px 12px}.btn-sheet-action{flex:1;background:var(--surface-color);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:8px 12px;font-size:var(--text-xs);font-weight:700;color:var(--text-main);transition:all var(--transition-fast)}.btn-sheet-action:hover{border-color:var(--primary-color);color:var(--primary-color)}.sheet-list-item-checkbox{padding:12px 14px;border:1px solid var(--card-border);background:var(--surface-color);border-radius:var(--radius-md);margin-bottom:6px;font-size:var(--text-sm);font-weight:600}.sheet-list-item-checkbox .item-info{display:flex;flex-direction:column;gap:2px}.sheet-list-item-checkbox .item-name{font-size:var(--text-sm);color:var(--text-main)}.sheet-list-item-checkbox .item-sub{font-size:.72rem;color:var(--text-muted)}.sheet-list-item-checkbox.fav-item{border-color:#dc354526}.sheet-list-item-checkbox.fav-item input:checked~.checkbox-custom{background-color:#e03545;border-color:#e03545}.sheet-list-item-checkbox.fav-item input:checked~.checkbox-custom:after{border-color:#fff}.sheet-footer{padding:12px 16px 20px;border-top:1px solid var(--card-border);background:var(--surface-color);flex-shrink:0}@media (max-width: 640px){.header-filters{display:none}}.pwa-install-banner{position:fixed;bottom:24px;left:24px;width:calc(100% - 48px);max-width:420px;background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 0 20px #00000026;padding:16px;display:flex;flex-direction:column;gap:12px;z-index:950;animation:fadeSlideUp .45s cubic-bezier(.16,1,.3,1) both}@media (max-width: 600px){.pwa-install-banner{bottom:84px;left:16px;width:calc(100% - 32px);padding:14px 16px}}.pwa-banner-content{display:flex;align-items:center;gap:14px}.pwa-banner-icon{font-size:28px;width:48px;height:48px;background:linear-gradient(135deg,#c8943a26,#c8943a0d);border:1px solid rgba(200,148,58,.25);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-banner-text{display:flex;flex-direction:column;gap:2px}.pwa-banner-text h4{font-size:var(--text-base);font-weight:700;color:var(--primary-color);margin:0}.pwa-banner-text p{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;margin:0}.pwa-banner-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.btn-banner-install{padding:8px 18px;font-size:var(--text-sm);font-weight:600;box-shadow:0 4px 12px var(--primary-glow)}.btn-banner-dismiss{background:transparent;border:none;color:var(--text-muted);font-size:var(--text-sm);font-weight:500;padding:8px 12px;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.btn-banner-dismiss:hover{background:var(--surface-hover);color:var(--text-main)}