html{-webkit-text-size-adjust:100%;font-size:16px}body,html{max-width:100vw;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;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn,button{font-size:16px;min-height:44px}input,select,textarea{font-size:16px;max-width:100%}html{scroll-behavior:smooth}:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-elegant:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--font-retro:"Poppins","Quicksand",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.8125rem);--text-sm:clamp(0.875rem,0.825rem + 0.25vw,0.9375rem);--text-base:clamp(1rem,0.95rem + 0.25vw,1.0625rem);--text-lg:clamp(1.125rem,1.05rem + 0.375vw,1.25rem);--text-xl:clamp(1.25rem,1.15rem + 0.5vw,1.5rem);--text-2xl:clamp(1.5rem,1.35rem + 0.75vw,1.875rem);--text-3xl:clamp(1.875rem,1.65rem + 1.125vw,2.25rem);--text-4xl:clamp(2.25rem,1.95rem + 1.5vw,3rem);--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.75;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:350ms cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1)}:root,[data-theme=light]{--primary-color:#6b93ff;--primary-50:#f0f4ff;--primary-100:#e0eaff;--primary-200:#c7d9ff;--primary-300:#a3c1ff;--primary-400:#7ba3ff;--primary-500:#6b93ff;--primary-600:#5478e8;--primary-700:#3d5dc7;--neutral-0:#fff;--neutral-50:#fafbfc;--neutral-100:#f5f7fa;--neutral-200:#e8ecf0;--neutral-300:#d1d8e0;--neutral-400:#a8b4c3;--neutral-500:#7c8b9f;--neutral-600:#5a6b82;--neutral-700:#3e4c5e;--neutral-800:#2c3a4d;--neutral-900:#1a2332;--accent-lavender:#e6e3ff;--accent-mint:#d4f5e9;--accent-peach:#ffe8de;--accent-rose:#ffe3ed;--accent-sky:#d4edff;--accent-lemon:#fff9db;--success:#7fd99a;--success-bg:#e8f8ed;--warning:#ffb85c;--warning-bg:#fff4e6;--error:#ff8a8a;--error-bg:#ffeaea;--info:#7ba3ff;--info-bg:#e0eaff;--background-primary:#fafbfc;--background-secondary:#fff;--background-tertiary:#f5f7fa;--border-color:#e8ecf0;--text-primary:#1a2332;--text-secondary:#4a5869;--text-tertiary:#5a6b82;--shadow-sm:0 1px 2px 0 #2a3f5f14;--shadow-md:0 4px 6px -1px #2a3f5f1f,0 2px 4px -1px #2a3f5f14;--shadow-lg:0 10px 15px -3px #2a3f5f1f,0 4px 6px -2px #2a3f5f14;--shadow-xl:0 20px 25px -5px #2a3f5f1f,0 10px 10px -5px #2a3f5f0f;--hover-overlay:#6b93ff14;--active-overlay:#6b93ff29;--focus-ring:#6b93ff66;--font-active:var(--font-primary)}[data-theme=dark]{--primary-color:#7b9fd8;--primary-50:#1a2332;--primary-100:#243040;--primary-200:#2e3d51;--primary-300:#3e506a;--primary-400:#5a7098;--primary-500:#7b9fd8;--primary-600:#95b5e8;--primary-700:#b0cbf5;--neutral-0:#0d1117;--neutral-50:#161b22;--neutral-100:#1f2630;--neutral-200:#2d3644;--neutral-300:#3e4c5e;--neutral-400:#525f73;--neutral-500:#7c8b9f;--neutral-600:#a8b4c3;--neutral-700:#c5ced9;--neutral-800:#e1e7ef;--neutral-900:#f5f7fa;--accent-lavender:#4a3f5e;--accent-mint:#2e4f45;--accent-peach:#4f3c35;--accent-rose:#4a3543;--accent-sky:#2d4556;--accent-lemon:#4a4635;--success:#5ba874;--success-bg:#1f3329;--warning:#d4945c;--warning-bg:#3a2e1f;--error:#d47878;--error-bg:#3a1f1f;--info:#7b9fd8;--info-bg:#1f2d3f;--background-primary:#0d1117;--background-secondary:#1f2630;--background-tertiary:#2d3644;--border-color:#3e4c5e;--text-primary:#f5f7fa;--text-secondary:#a8b4c3;--text-tertiary:#7c8b9f;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;--hover-overlay:#7b9fd81f;--active-overlay:#7b9fd83d;--focus-ring:#7b9fd880;--font-active:var(--font-primary)}[data-theme=matrix]{--primary-color:#0f0;--primary-50:#001a00;--primary-100:#002800;--primary-200:#003d00;--primary-300:#050;--primary-400:#070;--primary-500:#0f0;--primary-600:#3f3;--primary-700:#6f6;--neutral-0:#000;--neutral-50:#010;--neutral-100:#020;--neutral-200:#030;--neutral-300:#040;--neutral-400:#060;--neutral-500:#0a0;--neutral-600:#0c0;--neutral-700:#0f0;--neutral-800:#3f3;--neutral-900:#6f6;--accent-cyan:#0ff;--accent-yellow:#ff0;--accent-magenta:#f0f;--accent-lime:#cf0;--accent-teal:#0f8;--accent-neon:#8f0;--success:#0f0;--success-bg:#030;--warning:#ff0;--warning-bg:#330;--error:red;--error-bg:#300;--info:#0ff;--info-bg:#033;--background-primary:#000;--background-secondary:#010;--background-tertiary:#020;--border-color:#0f0;--text-primary:#0f0;--text-secondary:#0c0;--text-tertiary:#0a0;--shadow-sm:0 0 5px #00ff004d;--shadow-md:0 0 10px #00ff004d,0 0 20px #0f03;--shadow-lg:0 0 15px #0f06,0 0 30px #00ff004d;--shadow-xl:0 0 20px #00ff0080,0 0 40px #0f06;--hover-overlay:#00ff0026;--active-overlay:#00ff004d;--focus-ring:#0f09;--text-glow:0 0 5px #0f0,0 0 10px #0f0;--border-glow:0 0 10px #0f0,0 0 20px #0f0;--font-active:var(--font-mono)}[data-theme=matrix] h1,[data-theme=matrix] h2,[data-theme=matrix] h3{text-shadow:var(--text-glow)}[data-theme=matrix] .card{box-shadow:var(--border-glow)}[data-theme=retro]{--primary-color:#ff9f1c;--primary-50:#fff8e7;--primary-100:#fff0cc;--primary-200:#ffe4a3;--primary-300:#ffd470;--primary-400:#ffc247;--primary-500:#ff9f1c;--primary-600:#e87f00;--primary-700:#c66000;--neutral-0:#fffef9;--neutral-50:#fff8e7;--neutral-100:#f5eed9;--neutral-200:#e8dec3;--neutral-300:#d4c5a3;--neutral-400:#b5a586;--neutral-500:#8b7e5f;--neutral-600:#6b5e42;--neutral-700:#4f4331;--neutral-800:#3a3024;--neutral-900:#2a2118;--accent-coral:#ff6b6b;--accent-teal:#4ecdc4;--accent-mustard:#f4a259;--accent-olive:#a8b456;--accent-burgundy:#a4243b;--accent-sage:#8fa998;--success:#7fb069;--success-bg:#eef4ea;--warning:#f4a259;--warning-bg:#fff4e6;--error:#e76f51;--error-bg:#faeae6;--info:#4ecdc4;--info-bg:#e8f6f5;--background-primary:#fff8e7;--background-secondary:#fffef9;--background-tertiary:#f5eed9;--border-color:#d4c5a3;--text-primary:#2a2118;--text-secondary:#6b5e42;--text-tertiary:#6b5e42;--shadow-sm:0 1px 2px 0 #2a21181f;--shadow-md:0 4px 6px -1px #2a211826,0 2px 4px -1px #2a21181a;--shadow-lg:0 10px 15px -3px #2a211826,0 4px 6px -2px #2a21181a;--shadow-xl:0 20px 25px -5px #2a211826,0 10px 10px -5px #2a211814;--hover-overlay:#ff9f1c1f;--active-overlay:#ff9f1c3d;--focus-ring:#ff9f1c80;--retro-accent:#ffc107;--font-active:var(--font-retro)}@media (prefers-reduced-motion:reduce){[data-theme=matrix] h1,[data-theme=matrix] h2,[data-theme=matrix] h3{text-shadow:none}[data-theme=matrix] .falling-letter{animation:none;display:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-primary);color:var(--text-primary);font-family:var(--font-active);font-size:clamp(1rem,.95rem + .25vw,1.0625rem);font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal);transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-slow),color var(--transition-slow)}*,:after,:before{transition-duration:.3s cubic-bezier(.4,0,.2,1);transition-duration:var(--transition-slow);transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease-in-out}:not([class*=animate]):not([class*=transition]){transition-property:background-color,border-color,color,fill,stroke!important}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);display:inline-flex;font-family:var(--font-active);font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;line-height:var(--leading-tight);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--primary-500);border-color:var(--primary-500)}.btn-primary:hover:not(:disabled){background-color:var(--primary-600);border-color:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--primary-700);box-shadow:var(--shadow-sm);transform:translateY(1px)}.btn-primary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.btn-primary:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-secondary{background-color:var(--background-tertiary);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--background-primary);border-color:var(--neutral-300);box-shadow:var(--shadow-sm)}.btn-success{background-color:var(--success);border-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}.btn-danger{background-color:var(--error);border-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}.btn-outline-light{background-color:initial;border-color:var(--border-color);color:var(--text-primary)}.btn-outline-light:hover:not(:disabled){background-color:var(--hover-overlay);border-color:var(--primary-500)}.btn-sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn-lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.btn-icon{border-radius:var(--radius-md);height:2.5rem;padding:0;width:2.5rem}.btn-icon.btn-sm{font-size:var(--text-sm);height:2rem;width:2rem}.form-control{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);display:block;font-family:var(--font-active);font-size:var(--text-base);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.form-control:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.form-control:disabled{background-color:var(--background-tertiary);cursor:not-allowed;opacity:.6}.form-control::placeholder{color:var(--text-tertiary)}textarea.form-control{min-height:80px;resize:vertical}.input-group{display:flex;gap:0;width:100%}.input-group .form-control{border-radius:var(--radius-md) 0 0 var(--radius-md);flex:1 1;height:auto;line-height:var(--leading-normal)}.input-group .form-control:not(:first-child){border-left:none;border-radius:0}.input-group .form-control:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group .form-control:only-child{border-radius:var(--radius-md)}.input-group-append{align-items:stretch;display:flex}.input-group-append .btn{align-self:stretch;border-radius:0 var(--radius-md) var(--radius-md) 0;height:auto;padding:var(--space-3) var(--space-4)}input[type=checkbox]{accent-color:var(--primary-500);cursor:pointer;height:1.125rem;margin-right:var(--space-2);width:1.125rem}.navbar{background-color:var(--neutral-800);padding:var(--space-4) var(--space-6);transition:background-color var(--transition-slow)}.navbar-brand{color:#fff!important;font-size:var(--text-xl);text-decoration:none}.navbar-brand:hover{opacity:.9}.navbar-nav{display:flex;gap:var(--space-4);list-style:none;margin:0;padding:0}.nav-item{align-items:center;display:flex}.navbar-dark{background-color:var(--neutral-800)}.navbar-dark .navbar-brand{color:#fff}[data-theme=dark] .navbar{background-color:var(--neutral-100)}[data-theme=light] .navbar{background-color:var(--primary-500)}[data-theme=light] .navbar .btn-outline-light{background-color:#ffffff26;border-color:#fff6;color:#fff}[data-theme=light] .navbar .btn-outline-light:hover:not(:disabled){background-color:#ffffff40;border-color:#fff9;color:#fff}[data-theme=retro] .navbar{background-color:var(--accent-brown)}[data-theme=retro] .navbar .btn-outline-light{background-color:#ffffff26;border-color:#fff6;color:#fff}[data-theme=retro] .navbar .btn-outline-light:hover:not(:disabled){background-color:#ffffff40;border-color:#fff9;color:#fff}[data-theme=matrix] .navbar{background-color:var(--neutral-50);box-shadow:var(--border-glow)}[data-theme=retro] .navbar{background-color:var(--neutral-700);border-bottom:3px solid var(--primary-500)}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-6);width:100%}@media (max-width:768px){.container{padding:0 var(--space-4)}}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--space-3)*-1)}.col-md-6{flex:0 0 100%;max-width:100%;padding:0 var(--space-3)}@media (min-width:768px){.col-md-6{flex:0 0 50%;max-width:50%}}.mb-3{margin-bottom:var(--space-6)!important}.mt-2{margin-top:var(--space-4)!important}.mt-3,.my-3{margin-top:var(--space-6)!important}.my-3{margin-bottom:var(--space-6)!important}.me-3{margin-right:var(--space-6)!important}.mr-2{margin-right:var(--space-4)!important}.d-flex{display:flex!important}.align-items-center{align-items:center!important}.justify-content-between{justify-content:space-between!important}.ms-auto{margin-left:auto!important}.list-group{display:flex;flex-direction:column;margin-bottom:0;padding-left:0}.list-group-item{align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-color);display:flex;padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.list-group-item:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.list-group-item:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item:hover{background-color:var(--hover-overlay)}.text-muted{color:var(--text-tertiary)!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-active);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0 0 var(--space-4) 0}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-lg);justify-content:center;padding:var(--space-12)}a{color:var(--primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-600);text-decoration:underline}a:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-link i.bi-pencil,.btn-link i.bi-trash,.btn-link i.bi-trash3{font-size:1rem!important;line-height:1!important}.list-group-item.d-flex.align-items-center{align-items:flex-start!important}.list-group-item>div:last-child{align-items:center;display:flex;flex-shrink:0;margin-top:0}.spinner-border{display:inline-block;height:2rem;vertical-align:text-bottom;width:2rem}.spinner-border-sm{border-width:.2em}.spinner-border{border:.25em solid;border-right:.25em solid #0000}[data-theme=light] .spinner-border{animation:spinner-rotation .8s linear infinite;border-color:#3b82f6 #3b82f6 #3b82f633 #3b82f633;border-style:solid;border-width:.25em}[data-theme=light] .spinner-border-sm{border-width:.2em}[data-theme=dark] .spinner-border{animation:spinner-rotation .8s linear infinite,dark-glow 2s ease-in-out infinite;border-color:#8b5cf6 #8b5cf6 #8b5cf633 #8b5cf633;border-style:solid;border-width:.25em;box-shadow:0 0 10px #8b5cf64d}@keyframes dark-glow{0%,to{box-shadow:0 0 10px #8b5cf64d}50%{box-shadow:0 0 20px #8b5cf699}}[data-theme=matrix] .spinner-border{animation:none;border:none;height:2rem;position:relative;width:2rem}[data-theme=matrix] .spinner-border-sm{height:1rem;width:1rem}[data-theme=matrix] .spinner-border:before{animation:matrix-spin 1s linear infinite;border-color:#0f0 #0f0 #0000 #0000;border-radius:50%;border-style:solid;border-width:2px;box-shadow:0 0 10px #00ff0080,inset 0 0 10px #00ff004d;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}[data-theme=matrix] .spinner-border:after{animation:matrix-pulse .8s ease-in-out infinite;color:#0f0;content:"⋮";font-size:1.5em;left:50%;line-height:1;position:absolute;text-shadow:0 0 5px #0f0c,0 0 10px #00ff0080;top:50%;transform:translate(-50%,-50%)}[data-theme=matrix] .spinner-border-sm:after{font-size:.8em}@keyframes matrix-spin{0%{border-right-color:#0f0;border-top-color:#0f0;transform:translate(-50%,-50%) rotate(0deg)}25%{border-right-color:#0f0;border-top-color:#0c0}50%{border-right-color:#0c0;border-top-color:#0f0;transform:translate(-50%,-50%) rotate(180deg)}75%{border-right-color:#0f0;border-top-color:#0c0}to{border-right-color:#0f0;border-top-color:#0f0;transform:translate(-50%,-50%) rotate(1turn)}}@keyframes matrix-pulse{0%,to{opacity:.6;text-shadow:0 0 5px #0f09,0 0 10px #00ff004d}50%{opacity:1;text-shadow:0 0 10px #0f0,0 0 20px #0f09,0 0 30px #00ff004d}}[data-theme=retro] .spinner-border{animation:none;border:none;height:2rem;image-rendering:pixelated;position:relative;width:2rem}[data-theme=retro] .spinner-border-sm{height:1rem;width:1rem}[data-theme=retro] .spinner-border:before{animation:retro-rotate 1s steps(8) infinite;background:linear-gradient(90deg,#0000 45%,#f97316 0,#f97316 55%,#0000 0),linear-gradient(0deg,#0000 45%,#f97316 0,#f97316 55%,#0000 0);content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}[data-theme=retro] .spinner-border:after{animation:retro-blink .5s steps(2) infinite;background-color:var(--background-primary);border:2px solid #f97316;content:"";height:50%;left:25%;position:absolute;top:25%;width:50%}@keyframes retro-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}12.5%{transform:translate(-50%,-50%) rotate(45deg)}25%{transform:translate(-50%,-50%) rotate(90deg)}37.5%{transform:translate(-50%,-50%) rotate(135deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}62.5%{transform:translate(-50%,-50%) rotate(225deg)}75%{transform:translate(-50%,-50%) rotate(270deg)}87.5%{transform:translate(-50%,-50%) rotate(315deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes retro-blink{0%,to{opacity:1}50%{opacity:.3}}.spinner-border-lg{border-width:.3em;height:3rem;width:3rem}[data-theme=matrix] .spinner-border-lg:after{font-size:2em}[data-theme=retro] .spinner-border-lg:before{border-width:3px}.text-primary .spinner-border{color:var(--primary-500)}.text-secondary .spinner-border{color:var(--text-secondary)}.loading-container{gap:var(--space-4);min-height:200px;padding:var(--space-8)}.loading-text{color:var(--text-secondary);font-family:var(--font-active);font-size:var(--text-base)}[data-theme=matrix] .loading-text{color:#0f0;font-family:Courier New,monospace;text-shadow:0 0 5px #00ff0080}[data-theme=retro] .loading-text{color:#f97316;font-family:Courier New,monospace;letter-spacing:.1em;text-transform:uppercase}.generate-excerpt-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.generate-excerpt-modal-content{background:var(--background-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:550px;overflow:hidden;position:relative;width:100%}.generate-excerpt-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:32px;z-index:10}.generate-excerpt-modal-close:hover{background:var(--background-secondary);color:var(--text-primary)}.generate-excerpt-modal-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem .75rem}.generate-excerpt-modal-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;margin:0 0 .4rem}.generate-excerpt-modal-header .credit-info{color:var(--text-secondary);font-size:.9rem;margin:0}.generate-excerpt-modal-header .credits-available{color:var(--primary-500);font-weight:500}.generate-excerpt-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:1rem 1.5rem}.randomize-all-bottom{border-top:1px solid var(--border-color);display:flex;justify-content:center;margin-top:.75rem;padding-top:.25rem}.btn-randomize-all-compact{gap:.35rem;height:auto;padding:.25rem .65rem}.filter-grid-inline{display:flex;flex-direction:column;gap:.5rem}.content-filters-bubble{margin-top:.5rem}.filter-input-inline:disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.model-toggle{display:flex;gap:.3rem}.model-btn-inline{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;height:auto;min-height:0;min-height:auto;padding:.25rem .5rem;transition:all .2s ease}.model-btn-inline:hover{background:var(--background-tertiary);border-color:var(--primary-500)}.model-btn-inline.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.btn-dice-inline{font-size:.9rem}.btn-dice-inline:hover{color:var(--primary-500)}.btn-dice-inline.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.filter-dice-placeholder{flex-shrink:0;width:1.6rem}.generate-excerpt-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:.75rem 1.5rem 1rem}.generate-excerpt-modal-footer .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;min-height:0;min-height:auto;padding:.35rem 1rem;transition:all .2s ease}.generate-excerpt-modal-footer .btn-outline{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.generate-excerpt-modal-footer .btn-outline:hover{background:var(--background-secondary);color:var(--text-primary)}.generate-excerpt-modal-footer .btn-primary{background:var(--primary-500);color:#fff}.generate-excerpt-modal-footer .btn-primary:hover{background:var(--primary-600)}@media (max-width:768px){.generate-excerpt-modal-content{border-radius:12px;max-height:90vh;max-width:100%}.generate-excerpt-modal-header{padding:1rem 1.25rem .75rem}.generate-excerpt-modal-header h3{font-size:1.1rem}.generate-excerpt-modal-body{padding:.75rem 1.25rem}.filter-row{gap:.5rem}.filter-label{font-size:.7rem;width:4rem}.filter-input-inline,.model-btn-inline{font-size:.85rem;padding:.25rem .5rem}.btn-dice-inline{font-size:.85rem;height:1.5rem;width:1.5rem}.filter-dice-placeholder{width:1.5rem}.generate-excerpt-modal-footer{padding:.75rem 1.25rem}.generate-excerpt-modal-footer .btn{flex:1 1;justify-content:center}}@media (max-width:480px){.generate-excerpt-modal-overlay{padding:.5rem}.generate-excerpt-modal-header h3{font-size:1rem}.generate-excerpt-modal-header .credit-info{font-size:.85rem}.filter-grid-inline{gap:.5rem}.filter-row{gap:.4rem}.filter-icon{font-size:.9rem;width:1.2rem}.filter-label{font-size:.65rem;width:3.5rem}.filter-input-inline,.model-btn-inline{font-size:.8rem;padding:.25rem .45rem}.btn-dice-inline{font-size:.8rem;height:1.4rem;width:1.4rem}.filter-dice-placeholder{width:1.4rem}.btn-randomize-all-compact{font-size:.75rem;padding:.25rem .55rem}}.credit-purchase-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.credit-purchase-content{background-color:var(--background-primary);border-radius:var(--radius-lg);max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;width:92%}@media (max-width:768px){.credit-purchase-content{max-width:100%;padding:1rem;width:95%}}.credit-purchase-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.credit-purchase-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}@media (max-width:768px){.credit-purchase-header{margin-bottom:1rem}.credit-purchase-header h2{font-size:1.25rem}}.close-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;width:40px}.close-button:hover{background-color:var(--background-secondary);color:var(--text-primary)}.plans-section{margin-bottom:2rem}.plans-section:first-of-type{margin-top:0}.plans-section:last-of-type{margin-bottom:1.25rem}.section-header{align-items:center;display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem;padding:0 1rem;text-align:center}h3.section-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0!important}p.section-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:400;line-height:1.3;margin:0!important}.packages-grid{grid-gap:.75rem;display:grid;gap:.75rem;margin-bottom:1.25rem}.subscription-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.packs-unified-container{background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.packs-unified-container .section-header{margin-bottom:1.25rem}.packs-horizontal-container{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.pack-card{background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex:1 1;max-width:110px;padding:.75rem .5rem;position:relative;text-align:center;transition:all .2s ease}.pack-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.pack-card.selected-pack{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:var(--accent-color);box-shadow:0 0 0 3px #667eea33}.pack-card.popular-pack{background:linear-gradient(135deg,#667eea05,#764ba205)}.pack-card.trial-pack{border-color:#28a745}.pack-credits-number{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1}.pack-credits-label{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.pack-price{color:var(--text-primary);font-size:1.1rem;font-weight:700}.pack-description-box{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:.5rem 0 1rem;min-height:2.5em;padding:.75rem 1rem;text-align:center}.btn-purchase-selected{font-size:1rem;font-weight:600;padding:.75rem 1rem;width:100%}@media (max-width:768px){.packages-grid{gap:.75rem;margin-bottom:1rem}.packages-grid,.subscription-grid{grid-template-columns:1fr}h3.section-title{font-size:1.1rem}p.section-subtitle{font-size:.85rem}.packs-unified-container{padding:1rem}.packs-horizontal-container{gap:.4rem}.pack-card{max-width:100px;padding:.85rem .4rem .6rem}.pack-credits-number{font-size:1.5rem}.pack-credits-label{font-size:.9rem}.pack-price{font-size:1rem}.pack-description-box{font-size:.85rem;margin:.5rem 0 .75rem;padding:.6rem .75rem}}.package-card{background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;position:relative;text-align:center;transition:all .2s ease}.package-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.package-card.popular-package{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:var(--accent-color)}.package-card.subscription-card{background:linear-gradient(135deg,#667eea08,#764ba208);border-color:#667eea80;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem}.package-card.subscription-card .package-credits,.package-card.subscription-card .package-name{margin-bottom:.25rem}.package-card.subscription-card .package-price{margin-bottom:0}.package-card.subscription-card .package-rate{margin-bottom:.5rem}.package-card.subscription-card .daily-bursts-feature{flex-grow:0}.package-card.subscription-card .btn-purchase{margin-top:auto}.package-card.subscription-card.popular-package{background:linear-gradient(135deg,#667eea14,#764ba214);border-color:var(--accent-color)}@media (max-width:768px){.package-card{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-areas:"badge badge" "name price" "credits price" "rate rate" "desc desc" "button button";grid-template-columns:1fr auto;padding:1rem;text-align:left}.package-card:hover{transform:none}.package-card.subscription-card{display:flex;flex-direction:column;padding:1.25rem 1rem;text-align:center}.package-card.subscription-card .package-credits,.package-card.subscription-card .package-name,.package-card.subscription-card .package-price,.package-card.subscription-card .package-rate{text-align:center}}.trial-pack,.trial-package{border-color:#28a745}.trial-badge{background:#28a745;right:10px}.package-card .popular-badge,.trial-badge{border-radius:16px;color:#fff;font-size:.7rem;font-weight:700;padding:.35rem .9rem;position:absolute;top:-10px}.package-card .popular-badge{align-self:auto;background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 3px 10px #e74c3c80;display:block;letter-spacing:.5px;margin:0;right:auto;text-transform:uppercase;width:auto}.hot-badge,.package-card .popular-badge{left:50%;transform:translateX(-50%);white-space:nowrap;z-index:10}.hot-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;box-shadow:0 2px 8px #ff6b6b66;font-size:.65rem;padding:.3rem .65rem;top:-12px}.free-trial-badge,.hot-badge{color:#fff;font-weight:700;position:absolute}.free-trial-badge{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:16px;font-size:.7rem;padding:.35rem .9rem;right:10px;top:-10px;white-space:nowrap}@media (max-width:768px){.free-trial-badge,.trial-badge{grid-area:badge;justify-self:start;margin-bottom:.25rem;position:static;transform:none}.package-card .popular-badge{top:-10px}.hot-badge,.package-card .popular-badge{left:50%;position:absolute;transform:translateX(-50%)}.hot-badge{top:-13px}}.package-name{color:var(--accent-color);font-size:.95rem;font-weight:700;margin-bottom:.25rem}.package-credits{font-size:1.25rem}.package-credits,.package-price{color:var(--text-primary);font-weight:700;margin-bottom:.25rem}.package-price{font-size:1.5rem}.package-rate{color:var(--text-secondary);font-size:.7rem;margin-bottom:.5rem}.package-description{color:var(--text-secondary);font-size:.8rem;margin-bottom:.75rem;min-height:2.5em}@media (max-width:768px){.package-name{font-size:.9rem;grid-area:name;margin:0}.package-credits{font-size:1rem;grid-area:credits;margin:0}.package-price{align-self:center;font-size:1.75rem;grid-area:price;grid-row:2/4;margin:0;text-align:right}.package-rate{grid-area:rate;margin:0}.package-description{grid-area:desc;margin:.5rem 0;min-height:auto}}.btn-purchase{font-size:.95rem;font-weight:600;padding:.6rem 1rem;width:100%}.btn-subscribe{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.btn-subscribe:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.btn-purchase{grid-area:button;padding:.75rem 1rem}}.price-period{color:var(--text-secondary);font-size:.85rem;font-weight:400}.daily-bursts-feature{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--radius-sm);color:var(--accent-color);font-size:.9rem;font-weight:600;margin:.75rem 0;padding:.75rem;text-align:center}.feature-subtext{color:var(--text-secondary);font-size:.75rem;font-weight:400;margin-top:.25rem}.purchase-info{border-top:1px solid var(--border-color);padding-top:1rem;text-align:center}.purchase-info p{font-size:.85rem;margin:.4rem 0}@media (max-width:768px){.purchase-info{padding-top:.75rem}.purchase-info p{font-size:.8rem;margin:.3rem 0}}[data-theme=dark] .credit-purchase-content{background-color:var(--background-primary)}[data-theme=matrix] .package-card{border-color:#00ff414d}[data-theme=matrix] .package-card:hover{border-color:var(--accent-color);box-shadow:0 0 20px #00ff4133}[data-theme=matrix] .package-name{color:var(--accent-color)}.navbar{background-color:var(--background-secondary)!important;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);display:block!important;left:0;padding:0!important;position:fixed;right:0;top:0;transition:box-shadow .3s ease;width:100%;z-index:1000}.navbar.with-filter-pills{box-shadow:none}.navbar-fixed-bar{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;max-width:100vw;min-height:60px;padding:.5rem 1rem;position:relative;width:100%}.navbar-brand{color:var(--text-primary)!important;font-size:1.25rem;font-weight:var(--font-bold);left:50%;margin:0;position:absolute;transform:translateX(-50%);transition:opacity var(--transition-fast)}.navbar-brand:hover{opacity:.7;text-decoration:none}.navbar-actions{align-items:center;display:flex;gap:.5rem}.navbar-credits{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;transition:all var(--transition-fast)}.navbar-credits i{color:var(--primary-color);font-size:1rem}.navbar-credits.low-credits{background:#ef44441a;border-color:var(--error)}.navbar-credits.low-credits i{color:var(--error)}[data-theme=matrix] .navbar-credits{border-color:#00ff41}[data-theme=matrix] .navbar-credits i{color:#00ff41}[data-theme=matrix] .navbar-credits.low-credits{background:#ff00001a;border-color:red;box-shadow:0 0 10px #ff00004d}[data-theme=matrix] .navbar-credits.low-credits i{color:red;filter:drop-shadow(0 0 5px #ff0000)}.navbar-back-button{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:all var(--transition-fast);width:44px}.navbar-back-button:hover{background-color:var(--hover-overlay);border-color:var(--primary-500);color:var(--primary-500);transform:translateX(-2px)}.navbar-back-button:focus{box-shadow:0 0 0 .2rem var(--focus-ring);outline:none}[data-theme=matrix] .navbar-back-button:hover{background-color:#00ff001a;box-shadow:0 0 10px #00ff004d}.navbar-icon-btn{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;min-height:44px;min-width:44px;padding:0;transition:all var(--transition-fast);width:44px}.navbar-icon-btn:hover{background-color:var(--hover-overlay);border-color:var(--primary-500);color:var(--primary-500)}.navbar-icon-btn:focus{box-shadow:0 0 0 .2rem var(--focus-ring);outline:none}[data-theme=matrix] .navbar-icon-btn:hover{background-color:#00ff001a;box-shadow:0 0 10px #00ff004d}.navbar-dropdown{position:relative}.navbar-theme-menu{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);display:flex;gap:.5rem;justify-content:space-between;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001}.navbar-theme-menu .theme-btn{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;justify-content:center;max-width:40px;min-height:32px;min-width:38px;padding:.375rem .5rem;transition:all var(--transition-fast)}.navbar-theme-menu .theme-btn:hover{background-color:var(--hover-overlay);border-color:var(--primary-500);color:var(--primary-500);transform:translateY(-2px)}.navbar-theme-menu .theme-btn.active{background-color:var(--primary-500);border-color:var(--primary-500);color:var(--background-primary)}.navbar-dropdown-menu{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001}.navbar-dropdown-section{padding:.5rem}.navbar-dropdown-section-label{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;font-weight:var(--font-semibold);letter-spacing:.05em;margin-bottom:.625rem;text-transform:uppercase}.navbar-theme-icons{gap:.5rem}.navbar-theme-icons,.theme-icon-btn{display:flex;justify-content:center;margin:0}.theme-icon-btn{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:44px;min-height:44px;min-width:44px;padding:0;transition:all var(--transition-fast);width:44px}.theme-icon-btn i{align-items:center;display:flex;font-size:1.25rem;height:1.25rem;justify-content:center;width:1.25rem}.theme-icon-btn:hover{background-color:var(--hover-overlay);border-color:var(--primary-500);color:var(--primary-500);transform:translateY(-2px)}.theme-icon-btn.active{background-color:var(--primary-500);border-color:var(--primary-500);color:var(--background-primary)}.navbar-dropdown-divider{background-color:var(--border-color);height:1px;margin:.5rem 0}.navbar-quick-filters{background:var(--background-tertiary);display:flex;flex-direction:column;gap:.625rem;padding:.5rem}.quick-filter-field{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.5rem .625rem;transition:all var(--transition-fast)}.quick-filter-field:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 2px #667eea1a}.quick-filter-field i{color:var(--text-tertiary);flex-shrink:0;font-size:.875rem}.quick-filter-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none;padding:0}.quick-filter-input::placeholder{color:var(--text-tertiary);font-size:.813rem}[data-theme=matrix] .navbar-quick-filters{background:#00ff000d}[data-theme=matrix] .quick-filter-field{border-color:#00ff004d}[data-theme=matrix] .quick-filter-field:focus-within{border-color:#0f0;box-shadow:0 0 0 2px #0f03}[data-theme=matrix] .quick-filter-field i{color:#0f0}[data-theme=retro] .navbar-quick-filters{background:#fff8e1}[data-theme=retro] .quick-filter-field{border-color:#ff6b6b}.navbar-dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all var(--transition-fast);width:100%}.navbar-dropdown-item:hover{background-color:var(--hover-overlay);color:var(--primary-500)}.navbar-dropdown-item i{align-items:center;display:flex;font-size:1.1rem;height:1.1rem;justify-content:center;width:1.1rem}.navbar-dropdown-item span{flex:1 1}@media (max-width:768px){.navbar-fixed-bar{min-height:48px;padding:.5rem .625rem}.navbar-brand{font-size:.938rem;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-actions{gap:.3rem}.navbar-icon-btn{align-items:center;display:flex;font-size:1rem;height:36px;justify-content:center;min-height:36px;min-width:36px;padding:0;width:36px}.navbar-credits{font-size:.75rem;gap:.25rem;padding:.3rem .5rem}.navbar-credits i{font-size:.813rem}.navbar-back-button{font-size:1rem;height:36px;min-height:36px;min-width:36px;width:36px}.navbar-theme-menu{border-radius:8px;gap:.5rem;left:auto;padding:.5rem;right:0;top:calc(100% + .5rem)}.navbar-theme-menu .theme-btn{border-radius:6px;font-size:.875rem;max-width:38px;min-height:36px;min-width:36px;padding:.375rem .5rem}.navbar-dropdown-menu{min-width:200px;right:0}.navbar-dropdown-section{padding:.5rem}.navbar-theme-icons{gap:.5rem}.theme-icon-btn{height:40px;min-height:40px;min-width:40px;padding:0;width:40px}.theme-icon-btn i{font-size:1.125rem;height:1.125rem;width:1.125rem}.navbar-dropdown-item{font-size:.8125rem;padding:.625rem .875rem}.navbar-quick-filters{gap:.5rem;padding:.5rem}.quick-filter-field{padding:.5rem}.quick-filter-input{font-size:.813rem}}@media (max-width:480px){.navbar-fixed-bar{padding:.375rem .5rem}.navbar-brand{font-size:.875rem}.navbar-icon-btn{font-size:.938rem;height:32px;min-height:32px;min-width:32px;padding:0;width:32px}.navbar-credits{gap:.25rem;padding:.25rem .5rem}.navbar-credits,.navbar-credits i{font-size:.688rem}.navbar-back-button{font-size:.938rem;height:32px;min-height:32px;min-width:32px;width:32px}}[data-theme=dark] .navbar,[data-theme=light] .navbar{background-color:var(--background-secondary)!important;border-bottom-color:var(--border-color)}[data-theme=matrix] .navbar{box-shadow:0 0 20px #0f03}[data-theme=matrix] .navbar,[data-theme=retro] .navbar{background-color:var(--background-secondary)!important;border-bottom:2px solid var(--primary-500)}.navbar-dropdown-item.primary-action{background:var(--primary-500);color:#fff;font-weight:600;margin-top:.25rem}.navbar-dropdown-item.primary-action:hover{background:var(--primary-600);color:#fff}[data-theme=matrix] .navbar-dropdown-item.primary-action{background:#00ff41;color:#000}[data-theme=matrix] .navbar-dropdown-item.primary-action:hover{background:#0c3;color:#000}.navbar-auth-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem .875rem;transition:all var(--transition-fast);white-space:nowrap}.navbar-auth-btn i{font-size:1rem}.navbar-auth-btn.login-btn{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.navbar-auth-btn.login-btn:hover{background:var(--background-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.navbar-auth-btn.signup-btn{background:var(--primary-500);color:#fff}.navbar-auth-btn.signup-btn:hover{background:var(--primary-600);box-shadow:0 2px 8px #0d6efd4d;box-shadow:0 2px 8px rgba(var(--primary-color-rgb,13,110,253),.3);transform:translateY(-1px)}[data-theme=matrix] .navbar-auth-btn.login-btn{border-color:#00ff41;color:#00ff41}[data-theme=matrix] .navbar-auth-btn.login-btn:hover{background:#00ff411a;box-shadow:0 0 10px #00ff414d}[data-theme=matrix] .navbar-auth-btn.signup-btn{background:#00ff41;color:#000;text-shadow:none}[data-theme=matrix] .navbar-auth-btn.signup-btn:hover{background:#0c3;box-shadow:0 0 15px #00ff4180}[data-theme=retro] .navbar-auth-btn.signup-btn{background:#8b5a3c}[data-theme=retro] .navbar-auth-btn.signup-btn:hover{background:#6b4423}@media (max-width:768px){.navbar-auth-btn .btn-text{display:none}.navbar-auth-btn{justify-content:center;min-width:40px;padding:.5rem}.navbar-auth-btn i{margin:0}}.thinking-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.thinking-modal{background-color:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;height:300px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:400px}.thinking-content{flex-direction:column;gap:var(--space-6);height:100%;position:relative;z-index:2}.thinking-content,.thinking-text{align-items:center;display:flex;justify-content:center}.thinking-text{color:var(--text-primary);font-size:2rem;font-weight:var(--font-bold);gap:.5rem;text-align:center}.thinking-word{letter-spacing:.2em}.thinking-dots span{animation:thinking-blink 1.4s infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking-blink{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.thinking-spinner{align-items:center;display:flex;justify-content:center}.spinner-border{animation:spinner-rotation .75s linear infinite;border:.3em solid var(--border-color);border-radius:50%;border-right-color:var(--primary-500);height:3rem;width:3rem}@keyframes spinner-rotation{to{transform:rotate(1turn)}}.matrix-rain-canvas{background-color:#000;display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}[data-theme=matrix] .matrix-rain-canvas{display:block}[data-theme=matrix] .thinking-spinner{display:none}[data-theme=matrix] .thinking-modal{background-color:#000;border-color:var(--primary-500);box-shadow:0 0 30px #00ff0080}[data-theme=matrix] .thinking-text{background-color:#000;border:2px solid var(--primary-500);box-shadow:0 0 20px #0f09,inset 0 0 20px #00ff001a;padding:var(--space-4) var(--space-8)}[data-theme=matrix] .thinking-word{animation:matrix-neon-glow 2s ease-in-out infinite;color:var(--primary-500)}[data-theme=matrix] .thinking-dots{display:none}@keyframes matrix-neon-glow{0%,to{color:#00ff00b3;text-shadow:0 0 10px #0f0c,0 0 20px #0f09,0 0 30px #0f06}50%{color:#0f0;text-shadow:0 0 20px #0f0,0 0 30px #0f0c,0 0 40px #0f09,0 0 50px #0f06,0 0 60px #0f03}}.letter-vortex{display:none;height:350px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:1}[data-theme=dark] .letter-vortex,[data-theme=light] .letter-vortex{display:block}[data-theme=dark] .thinking-spinner,[data-theme=light] .thinking-spinner{display:none}.vortex-letter{animation:letter-swirl 6s linear infinite;animation:letter-swirl var(--duration,6s) linear infinite;animation-delay:var(--delay);font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:1px 1px 3px #6b93ff80;top:50%;transform-origin:center;will-change:transform,opacity}[data-theme=light] .vortex-letter{color:#6b93ff;text-shadow:1px 1px 3px #6b93ff80}[data-theme=dark] .vortex-letter{color:#7b9fd8;text-shadow:1px 1px 3px #7b9fd899}.hieroglyphs-container{display:none;height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1}[data-theme=retro] .hieroglyphs-container{display:block}[data-theme=retro] .thinking-spinner{display:none}.hieroglyph{animation:hieroglyph-swirl 6s linear infinite;animation:hieroglyph-swirl var(--duration,6s) linear infinite;animation-delay:var(--delay);color:#ff9f1c;font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:1px 1px 3px #ff9f1c80;top:50%;transform-origin:center;will-change:transform,opacity}[data-theme=retro] .thinking-modal:before{background:linear-gradient(#fff8e70d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}[data-theme=dark] .matrix-rain-canvas,[data-theme=light] .matrix-rain-canvas,[data-theme=retro] .matrix-rain-canvas{display:none}@media (max-width:767px){.thinking-modal{height:250px;width:90%}.thinking-text{font-size:1.5rem}.matrix-column{font-size:12px}.letter-vortex{height:280px;width:280px}.vortex-letter{font-size:1rem!important}.hieroglyphs-container{height:220px;width:220px}.hieroglyph{font-size:1.3rem!important}}.vortex-letter.attracted{animation:letter-attracted 6s linear infinite;animation:letter-attracted var(--duration,6s) linear infinite;animation-delay:var(--delay)}.hieroglyph.attracted{animation:hieroglyph-attracted 6s linear infinite;animation:hieroglyph-attracted var(--duration,6s) linear infinite;animation-delay:var(--delay)}.hieroglyph,.vortex-letter{transition:animation .3s ease-in-out}@media (prefers-reduced-motion:reduce){.hieroglyph,.vortex-letter{animation:none;opacity:.5}.thinking-dots span{animation:none;opacity:1}[data-theme=matrix] .thinking-word{animation:none}}.thinking-error{align-items:center;animation:error-fade-in .3s ease-in-out;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-6);text-align:center}@keyframes error-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.error-icon{animation:error-pulse 2s ease-in-out infinite;font-size:3rem}@keyframes error-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-title{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-bold);letter-spacing:.05em}.error-message{color:var(--text-secondary);font-size:1rem;line-height:1.5;max-width:300px}.error-dismiss-btn{background-color:var(--primary-500);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-on-primary);cursor:pointer;font-size:1rem;font-weight:var(--font-semibold);margin-top:var(--space-4);padding:var(--space-3) var(--space-6);transition:all .2s ease}.error-dismiss-btn:hover{background-color:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.error-dismiss-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}[data-theme=matrix] .error-title{color:var(--primary-500);text-shadow:0 0 10px #0f0c}[data-theme=matrix] .error-message{color:var(--primary-500);opacity:.9}[data-theme=matrix] .error-dismiss-btn{background-color:initial;border:2px solid var(--primary-500);box-shadow:0 0 10px #00ff0080;color:var(--primary-500)}[data-theme=matrix] .error-dismiss-btn:hover{background-color:var(--primary-500);box-shadow:0 0 20px #0f0c;color:#000}[data-theme=retro] .error-title{color:var(--retro-orange);text-shadow:2px 2px 4px #ff9f1c4d}[data-theme=retro] .error-message{color:var(--text-primary)}[data-theme=retro] .error-dismiss-btn{background-color:var(--retro-orange);color:var(--retro-dark-brown)}[data-theme=retro] .error-dismiss-btn:hover{background-color:var(--retro-yellow)}@media (max-width:767px){.error-icon{font-size:2.5rem}.error-title{font-size:1.2rem}.error-message{font-size:.9rem;max-width:250px}}.thinking-status-message{bottom:12px;color:var(--text-tertiary);font-family:Courier New,monospace;font-family:var(--font-mono,"Courier New",monospace);font-size:.8rem;line-height:1.3;max-width:200px;opacity:.7;position:absolute;right:16px;text-align:right;z-index:3}[data-theme=light] .thinking-status-message{color:#00000080}[data-theme=dark] .thinking-status-message{color:#ffffff80}[data-theme=matrix] .thinking-status-message{color:#0f0;opacity:.6;text-shadow:0 0 5px #0f0}[data-theme=retro] .thinking-status-message{color:#d4af37;opacity:.7}@media (max-width:480px){.thinking-status-message{bottom:8px;font-size:.7rem;max-width:180px;right:12px}}.confirmation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}.confirmation-modal{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;overflow:hidden;width:90%}.confirmation-modal-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.confirmation-modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:var(--font-semibold);margin:0}.confirmation-modal-body{padding:1.5rem}.confirmation-modal-body p{color:var(--text-secondary);line-height:1.6;margin:0}.confirmation-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-cancel,.btn-confirm{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:var(--font-medium);padding:.5rem 1.25rem;transition:all .2s ease}.btn-cancel{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-cancel:hover{background-color:var(--background-tertiary)}.btn-confirm{background-color:#dc3545;border:1px solid #dc3545;color:#fff}.btn-confirm:hover{background-color:#c82333;border-color:#bd2130;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.btn-confirm:active{transform:translateY(0)}.confirmation-modal .form-check{padding-left:1.5rem}.confirmation-modal .form-check-input{cursor:pointer;height:1rem;width:1rem}.confirmation-modal .form-check-label{color:var(--text-secondary);cursor:pointer;font-size:.9rem;-webkit-user-select:none;user-select:none}@media (max-width:767px){.confirmation-modal{max-width:90%}.confirmation-modal-body,.confirmation-modal-footer,.confirmation-modal-header{padding:1rem}}.modal-overlay{background-color:#0009;height:100%;width:100%;z-index:2000}.modal-content.regenerate-modal{background-color:#fff;background-color:var(--background-secondary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 8px 24px #0003;color:#000;color:var(--text-primary,#000);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{padding:1.5rem}.modal-header h3{color:#000;color:var(--text-primary,#000);font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;color:#666;color:var(--text-secondary,#666);font-size:2rem;height:30px;line-height:1;padding:0;transition:color .2s;width:30px}.modal-close:hover{color:#dc3545;color:var(--danger-color,#dc3545)}.modal-body{padding:1.5rem}.warning-text{color:#ff9800;color:var(--warning-color,#ff9800);font-weight:500;line-height:1.6;margin-bottom:1rem}.current-voice-info{background-color:#f8f9fa;background-color:var(--background-tertiary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin:1rem 0;padding:1rem}.current-voice-info h4{font-size:1rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.current-voice-info h4,.voice-details p{color:#000;color:var(--text-primary,#000)}.voice-details p{font-size:.9rem;margin:.5rem 0}.voice-details strong{color:#007bff;color:var(--primary-500,#007bff);font-weight:600}.info-text{color:#666;color:var(--text-secondary,#666);font-size:.9rem;line-height:1.5;margin-top:1rem}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.625rem 1.5rem;transition:all .2s}.btn-secondary{background-color:#f0f0f0;background-color:var(--background-tertiary,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#000;color:var(--text-primary,#000)}.btn-secondary:hover{background-color:#e0e0e0;background-color:var(--hover-overlay,#e0e0e0)}.btn-primary{background-color:#007bff;background-color:var(--primary-500,#007bff);color:#fff}.btn-primary:hover{background-color:#0056b3;background-color:var(--primary-600,#0056b3)}[data-theme=dark] .modal-content.regenerate-modal{background-color:#2d3748;border-color:#4a5568;box-shadow:0 8px 24px #00000080}[data-theme=dark] .modal-footer,[data-theme=dark] .modal-header{border-color:#4a5568}[data-theme=dark] .current-voice-info{background-color:#1a202c;border-color:#4a5568}[data-theme=dark] .btn-secondary{background-color:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .btn-secondary:hover{background-color:#5a6a7e}[data-theme=matrix] .modal-content.regenerate-modal{background-color:#000;border:2px solid #0f0;box-shadow:0 0 30px #00ff004d}[data-theme=matrix] .modal-footer,[data-theme=matrix] .modal-header{border-color:#030}[data-theme=matrix] .current-voice-info h4,[data-theme=matrix] .info-text,[data-theme=matrix] .modal-header h3,[data-theme=matrix] .voice-details p,[data-theme=matrix] .warning-text{color:#0f0}[data-theme=matrix] .current-voice-info{background-color:#010;border-color:#030}[data-theme=matrix] .voice-details strong{color:#0f0}[data-theme=matrix] .btn-secondary{background-color:#010;border:1px solid #0f0;color:#0f0}[data-theme=matrix] .btn-secondary:hover{background-color:#030}[data-theme=matrix] .btn-primary{background-color:#0f0;color:#000}[data-theme=matrix] .btn-primary:hover{background-color:#0f0;box-shadow:0 0 15px #00ff0080}[data-theme=retro] .modal-content.regenerate-modal{background-color:#2d2d2d;border:3px solid #ffc107;border:3px solid var(--retro-accent,#ffc107);box-shadow:0 8px 24px #00000080}[data-theme=retro] .modal-footer,[data-theme=retro] .modal-header{border-color:#4a4a4a}[data-theme=retro] .current-voice-info h4,[data-theme=retro] .modal-header h3{font-family:Courier New,monospace}[data-theme=retro] .current-voice-info{background-color:#1a1a1a;border:2px solid #ffc107;border:2px solid var(--retro-accent,#ffc107)}[data-theme=retro] .btn-secondary,[data-theme=retro] .voice-details strong{color:#ffc107;color:var(--retro-accent,#ffc107)}[data-theme=retro] .btn-secondary{background-color:#1a1a1a;border:2px solid #ffc107;border:2px solid var(--retro-accent,#ffc107);font-family:Courier New,monospace}[data-theme=retro] .btn-secondary:hover{background-color:#3a3a3a}[data-theme=retro] .btn-primary{background-color:#ffc107;background-color:var(--retro-accent,#ffc107);color:#000;font-family:Courier New,monospace}[data-theme=retro] .btn-primary:hover{background-color:#ffcd38}.audio-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.audio-modal-content{animation:scaleIn .2s ease;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 16px #00000026;max-width:320px;padding:18px;text-align:center;width:90%}.audio-icon-container{align-items:center;background-color:#7b9fd826;background-color:rgba(var(--primary-500-rgb,123,159,216),.15);border:2px solid #7b9fd84d;border:2px solid rgba(var(--primary-500-rgb,123,159,216),.3);border-radius:24px;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.audio-icon-container i{color:var(--primary-500);font-size:24px}.audio-modal-title{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:.3px;margin:0 0 6px}.audio-modal-subtitle{color:var(--text-secondary);font-size:13px;line-height:18px;margin:0 0 14px}.audio-model-selection{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;width:100%}.audio-model-option{align-items:center;background-color:var(--background-primary);border:1.5px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .2s ease}.audio-model-option:hover{background-color:var(--hover-overlay);border-color:var(--primary-500)}.audio-model-option.selected{background-color:#7b9fd81a;background-color:rgba(var(--primary-500-rgb,123,159,216),.1);border-color:var(--primary-500)}.audio-model-radio{flex-shrink:0}.audio-model-radio i{color:var(--primary-500);font-size:18px}.audio-model-info{display:flex;flex:1 1;flex-direction:column;gap:1px}.audio-model-name{color:var(--text-primary);font-size:14px;font-weight:700}.audio-model-description{color:var(--text-secondary);font-size:11px}.audio-model-cost{align-items:center;color:var(--primary-500);display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:3px}.audio-model-cost i{font-size:12px}.audio-cost-badge{align-items:center;background-color:#7b9fd833;background-color:rgba(var(--primary-500-rgb,123,159,216),.2);border:1px solid #7b9fd866;border:1px solid rgba(var(--primary-500-rgb,123,159,216),.4);border-radius:10px;display:flex;gap:5px;justify-content:center;margin-bottom:14px;padding:8px 14px}.audio-cost-badge i{color:var(--primary-500);font-size:16px}.audio-cost-badge span{color:var(--primary-500);font-size:15px;font-weight:600}.audio-modal-buttons{display:flex;flex-direction:column;gap:8px}.audio-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px;min-height:0;min-height:auto;padding:10px 16px;transition:all .2s}.audio-btn-confirm{background-color:var(--primary-500);box-shadow:0 3px 6px #7b9fd84d;box-shadow:0 3px 6px rgba(var(--primary-500-rgb,123,159,216),.3);color:#fff}.audio-btn-confirm:hover{box-shadow:0 4px 8px #7b9fd866;box-shadow:0 4px 8px rgba(var(--primary-500-rgb,123,159,216),.4);transform:translateY(-1px)}.audio-btn-confirm:active{transform:translateY(0)}.audio-btn-secondary{background-color:initial;border:1.5px solid var(--primary-500);color:var(--primary-500);font-size:14px;font-weight:600}.audio-btn-secondary:hover{background-color:#7b9fd81a;background-color:rgba(var(--primary-500-rgb,123,159,216),.1)}.audio-btn-cancel{background-color:initial;border:1.5px solid var(--border-color);color:var(--text-primary);font-size:14px;font-weight:600}.audio-btn-cancel:hover{background-color:var(--hover-overlay)}[data-theme=dark] .audio-modal-content{background-color:var(--background-tertiary);border-color:var(--border-color);box-shadow:0 8px 16px #00000080}[data-theme=matrix] .audio-modal-overlay{background-color:#000000d9}[data-theme=matrix] .audio-modal-content{background-color:#000;border:2px solid var(--primary-500);box-shadow:0 0 30px #00ff004d}[data-theme=matrix] .audio-icon-container{background-color:#00ff0026;border-color:#00ff004d}[data-theme=matrix] .audio-model-option{background-color:#00000080;border-color:#00ff004d}[data-theme=matrix] .audio-model-option:hover{background-color:#00ff001a;border-color:var(--primary-500)}[data-theme=matrix] .audio-model-option.selected{background-color:#00ff0026;border-color:var(--primary-500)}[data-theme=matrix] .audio-cost-badge{background-color:#0f03;border-color:#0f06}[data-theme=matrix] .audio-btn-confirm{background-color:var(--primary-500);box-shadow:0 0 15px #00ff0080;color:#000}[data-theme=matrix] .audio-btn-cancel{border-color:var(--primary-500);color:var(--primary-500)}[data-theme=matrix] .audio-btn-cancel:hover{background-color:#00ff001a}[data-theme=retro] .audio-modal-content{background-color:var(--background-secondary);border:3px solid var(--primary-500)}[data-theme=retro] .audio-btn,[data-theme=retro] .audio-modal-title{font-family:Courier New,monospace}[data-theme=retro] .audio-btn-cancel{border:2px solid var(--border-color)}.audio-player-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.audio-player-modal{background-color:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:320px;overflow:hidden;position:relative;touch-action:none;transition:background-color .4s ease;-webkit-user-select:none;user-select:none;width:400px}[data-theme=light] .audio-player-modal.playing{background-color:#fff9}[data-theme=dark] .audio-player-modal.playing{background-color:#1a202c4d}[data-theme=matrix] .audio-player-modal.playing{background-color:#0000004d}[data-theme=retro] .audio-player-modal.playing{background-color:#1a1a1a99}.audio-modal-close{align-items:center;background:#0000004d;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:36px;z-index:10}.audio-modal-close:hover{background:#00000080;transform:scale(1.1)}.audio-modal-close i{font-size:1rem}.wave-canvas{mix-blend-mode:difference;pointer-events:none;z-index:2}.audio-player-modal .matrix-rain-canvas,.wave-canvas{height:100%;left:0;position:absolute;top:0;width:100%}.audio-player-modal .matrix-rain-canvas{background-color:#000;display:none;z-index:1}[data-theme=matrix] .audio-player-modal .matrix-rain-canvas{display:block}[data-theme=matrix] .audio-player-modal{background-color:#000;border-color:var(--primary-500);box-shadow:0 0 30px #00ff0080}.audio-player-modal .letter-vortex{display:none;height:350px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:1}[data-theme=dark] .audio-player-modal .letter-vortex,[data-theme=light] .audio-player-modal .letter-vortex{display:block}.audio-player-modal .vortex-letter{animation:letter-swirl 6s linear infinite;animation:letter-swirl var(--duration,6s) linear infinite;animation-delay:var(--delay);font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:1px 1px 3px #6b93ff80;top:50%;transform-origin:center;will-change:transform,opacity}[data-theme=light] .audio-player-modal .vortex-letter{color:#6b93ff;text-shadow:1px 1px 3px #6b93ff80}[data-theme=dark] .audio-player-modal .vortex-letter{color:#7b9fd8;text-shadow:1px 1px 3px #7b9fd899}@keyframes letter-swirl{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--radius)*-1)) rotate(0deg) scale(.7)}15%{opacity:.5}25%{opacity:.7;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius)*-1)) rotate(45deg) scale(.9)}50%{opacity:.85;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 180deg)) translateY(calc(var(--radius)*-1)) rotate(90deg) scale(1.05)}75%{opacity:.6;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 270deg)) translateY(calc(var(--radius)*-1)) rotate(135deg) scale(.9)}85%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 1turn)) translateY(calc(var(--radius)*-1)) rotate(180deg) scale(.7)}}.audio-player-modal .hieroglyphs-container{display:none;height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1}[data-theme=retro] .audio-player-modal .hieroglyphs-container{display:block}.audio-player-modal .hieroglyph{animation:hieroglyph-swirl 6s linear infinite;animation:hieroglyph-swirl var(--duration,6s) linear infinite;animation-delay:var(--delay);color:#ff9f1c;font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:1px 1px 3px #ff9f1c80;top:50%;transform-origin:center;will-change:transform,opacity}@keyframes hieroglyph-swirl{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--radius)*-1)) rotate(0deg) scale(.7)}15%{opacity:.5}25%{opacity:.7;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius)*-1)) rotate(45deg) scale(.9)}50%{opacity:.85;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 180deg)) translateY(calc(var(--radius)*-1)) rotate(90deg) scale(1.05)}75%{opacity:.6;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 270deg)) translateY(calc(var(--radius)*-1)) rotate(135deg) scale(.9)}85%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 1turn)) translateY(calc(var(--radius)*-1)) rotate(180deg) scale(.7)}}[data-theme=retro] .audio-player-modal:before{background:linear-gradient(#fff8e70d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}[data-theme=dark] .audio-player-modal .matrix-rain-canvas,[data-theme=light] .audio-player-modal .matrix-rain-canvas,[data-theme=retro] .audio-player-modal .matrix-rain-canvas{display:none}.audio-player-modal .vortex-letter.attracted{animation:letter-attracted 6s linear infinite;animation:letter-attracted var(--duration,6s) linear infinite;animation-delay:var(--delay)}.audio-player-modal .hieroglyph.attracted{animation:hieroglyph-attracted 6s linear infinite;animation:hieroglyph-attracted var(--duration,6s) linear infinite;animation-delay:var(--delay)}@keyframes letter-attracted{0%{opacity:.6;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(var(--angle)) translateY(calc(var(--radius)*-.4)) rotate(0deg) scale(.8)}25%{opacity:.85;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius)*-.4)) rotate(45deg) scale(.95)}50%{opacity:1;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 180deg)) translateY(calc(var(--radius)*-.4)) rotate(90deg) scale(1.1)}75%{opacity:.85;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 270deg)) translateY(calc(var(--radius)*-.4)) rotate(135deg) scale(.95)}to{opacity:.6;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 1turn)) translateY(calc(var(--radius)*-.4)) rotate(180deg) scale(.8)}}@keyframes hieroglyph-attracted{0%{opacity:.6;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(var(--angle)) translateY(calc(var(--radius)*-.4)) rotate(0deg) scale(.8)}25%{opacity:.85;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius)*-.4)) rotate(45deg) scale(.95)}50%{opacity:1;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 180deg)) translateY(calc(var(--radius)*-.4)) rotate(90deg) scale(1.1)}75%{opacity:.85;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 270deg)) translateY(calc(var(--radius)*-.4)) rotate(135deg) scale(.95)}to{opacity:.6;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 1turn)) translateY(calc(var(--radius)*-.4)) rotate(180deg) scale(.8)}}.audio-controls-container{align-items:center;bottom:30px;display:flex;flex-direction:column;gap:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.transport-controls{align-items:center;display:flex;gap:20px}.transport-btn{align-items:center;background:#0006;border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .2s ease}.transport-btn:hover{background:#0009;transform:scale(1.1)}.transport-btn i{line-height:1}.play-pause-btn{font-size:1.8rem;height:64px;width:64px}.play-pause-btn i{margin-left:2px}.play-pause-btn i.bi-pause-fill{margin-left:0}.forward-btn,.rewind-btn{font-size:1.2rem;height:48px;width:48px}.skip-label{bottom:-18px;color:var(--text-secondary);font-size:.65rem;font-weight:600;position:absolute}.progress-container{align-items:center;display:flex;flex-direction:column;gap:8px;width:280px}.progress-bar-track{background:#fff3;border-radius:3px;cursor:pointer;height:6px;position:relative;width:100%}.progress-bar-fill{background:var(--primary-500);border-radius:3px;height:100%;transition:width .1s linear}.progress-bar-thumb{background:var(--primary-500);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px}.time-display{font-feature-settings:"tnum";color:var(--text-secondary);display:flex;font-size:.85rem;font-variant-numeric:tabular-nums;gap:6px}[data-theme=matrix] .audio-modal-close{background:#00320080;border:1px solid #0f0;color:#0f0}[data-theme=matrix] .audio-modal-close:hover{background:#006400b3;box-shadow:0 0 10px #00ff0080}[data-theme=matrix] .transport-btn{background:#001e0099;border-color:#0f0;color:#0f0}[data-theme=matrix] .transport-btn:hover{background:#003c00cc;box-shadow:0 0 15px #00ff0080}[data-theme=matrix] .progress-bar-track{background:#0064004d}[data-theme=matrix] .progress-bar-fill,[data-theme=matrix] .progress-bar-thumb{background:#0f0}[data-theme=matrix] .progress-bar-thumb{border-color:#0f0;box-shadow:0 0 10px #00ff0080}[data-theme=matrix] .skip-label,[data-theme=matrix] .time-display{color:#0f0}[data-theme=retro] .audio-player-modal{background-color:#1a1a1a;border-color:var(--retro-accent)}[data-theme=retro] .audio-modal-close{background:#1a1a1ab3;border:1px solid var(--retro-accent);color:var(--retro-accent)}[data-theme=retro] .audio-modal-close:hover{background:#ffc10733}[data-theme=retro] .transport-btn{background:#1a1a1acc;border-color:var(--retro-accent);color:var(--retro-accent)}[data-theme=retro] .transport-btn:hover{background:#ffc10733;box-shadow:0 0 10px #ffc1074d}[data-theme=retro] .progress-bar-track{background:#ffc10733}[data-theme=retro] .progress-bar-fill,[data-theme=retro] .progress-bar-thumb{background:var(--retro-accent)}[data-theme=retro] .progress-bar-thumb{border-color:var(--retro-accent)}[data-theme=retro] .time-display{color:var(--retro-accent);font-family:Courier New,monospace}[data-theme=retro] .skip-label{color:var(--retro-accent)}[data-theme=dark] .audio-player-modal{background-color:#1a202c;border-color:#4a5568}[data-theme=dark] .transport-btn{background:#2d3748cc;border-color:#718096}[data-theme=dark] .transport-btn:hover{background:#4299e14d;border-color:#4299e1}[data-theme=dark] .progress-bar-track{background:#7180964d}[data-theme=dark] .progress-bar-fill,[data-theme=dark] .progress-bar-thumb{background:#4299e1}@media (max-width:767px){.audio-player-modal{height:300px;max-width:360px;width:90%}.audio-player-modal .letter-vortex{height:280px;width:280px}.audio-player-modal .vortex-letter{font-size:1rem!important}.audio-player-modal .hieroglyphs-container{height:220px;width:220px}.audio-player-modal .hieroglyph{font-size:1.3rem!important}.play-pause-btn{font-size:1.5rem;height:56px;width:56px}.forward-btn,.rewind-btn{font-size:1rem;height:42px;width:42px}.progress-container{width:240px}.audio-controls-container{bottom:24px}}@media (prefers-reduced-motion:reduce){.audio-player-modal .hieroglyph,.audio-player-modal .vortex-letter{animation:none;opacity:.5}}.audio-player-container{background-color:initial;background-color:var(--background-primary,#0000);border:none;display:inline-flex;flex-shrink:0;margin:0;padding:0}.audio-player-simple{flex-wrap:nowrap;gap:.4rem;justify-content:flex-end}.audio-player-simple,.btn-play-pause-simple{align-items:center;display:flex;flex-shrink:0}.btn-play-pause-simple{background-color:#007bff;border:none;border-radius:50%;box-shadow:0 2px 6px #007bff40;color:#fff;cursor:pointer;font-size:.9rem;height:32px;justify-content:center;max-height:32px;max-width:32px;min-height:32px;min-width:32px;padding:0;position:relative;transition:all .2s;width:32px}.btn-play-pause-simple:active,.btn-play-pause-simple:focus,.btn-play-pause-simple:focus-visible{box-shadow:0 0 0 3px #007bff4d!important;outline:none!important}.btn-play-pause-simple i{color:#fff!important;font-size:.9rem;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn-play-pause-simple i.bi-play-fill{left:52%}.spinning{animation:spin 1s linear infinite}.btn-play-pause-simple:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 12px #007bff80;transform:scale(1.1)}.btn-play-pause-simple:disabled{cursor:not-allowed;opacity:.6}.btn-skip-simple{align-items:center;background-color:#6c757d;border:none;border-radius:50%;box-shadow:0 2px 4px #6c757d33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;max-height:28px;max-width:28px;min-height:28px;min-width:28px;padding:0;position:relative;transition:all .2s;width:28px}.btn-skip-simple:active,.btn-skip-simple:focus,.btn-skip-simple:focus-visible{box-shadow:0 0 0 3px #6c757d4d!important;outline:none!important}.btn-skip-simple i{color:#fff!important;font-size:.75rem;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn-skip-simple:hover:not(:disabled){background-color:#5a6268;box-shadow:0 3px 8px #6c757d66;transform:scale(1.1)}.btn-skip-simple:disabled{cursor:not-allowed;opacity:.4}.btn-skip-simple.collapsed{margin:0;max-width:0;min-width:0;opacity:0;overflow:hidden;padding:0;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:0}.btn-skip-simple.expanded{max-width:28px;min-width:28px;opacity:1;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.btn-download-simple,.btn-regenerate-simple{align-items:center;background-color:#f8f9fa;border:1px solid #6c757d;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:.7rem;height:32px;justify-content:center;max-height:32px;max-width:32px;min-height:32px;min-width:32px;padding:0;position:relative;transition:all .2s;width:32px}.btn-download-simple:active,.btn-download-simple:focus,.btn-download-simple:focus-visible,.btn-regenerate-simple:active,.btn-regenerate-simple:focus,.btn-regenerate-simple:focus-visible{box-shadow:0 0 0 2px #007bff4d!important;outline:none!important}.btn-download-simple i,.btn-regenerate-simple i{color:#6c757d!important;font-size:.7rem;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn-download-simple:hover,.btn-regenerate-simple:hover{background-color:#007bff;border-color:#007bff;color:#fff;transform:scale(1.1)}.btn-download-simple:hover i,.btn-regenerate-simple:hover i{color:#fff!important}.audio-error{background-color:#dc35451a;border-radius:4px;color:#dc3545;color:var(--danger-color,#dc3545);font-size:.9rem;margin-bottom:1rem;padding:.75rem}.audio-generate-section{padding:1rem 0;text-align:center}.btn-generate-audio{align-items:center;background-color:#007bff;background-color:var(--primary-color,#007bff);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-generate-audio:hover:not(:disabled){background-color:#0056b3;background-color:var(--primary-hover,#0056b3);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-generate-audio:disabled{cursor:not-allowed;opacity:.6}.audio-info{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.audio-player{width:100%}.audio-controls{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.btn-play-pause{align-items:center;background-color:var(--accent-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-play-pause:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1)}.audio-progress-container{cursor:pointer;flex:1 1}.audio-progress-bar{background-color:#e0e0e0;background-color:var(--progress-bg,#e0e0e0);border-radius:3px;height:6px;overflow:hidden;width:100%}.audio-progress-filled{background-color:var(--accent-color);height:100%;transition:width .1s linear}.audio-time{color:var(--text-secondary);font-size:.85rem;min-width:80px;text-align:center}.btn-regenerate{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-regenerate:hover{background-color:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.voice-info{align-items:center;background-color:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;padding:.5rem}.voice-label{color:var(--text-color);font-weight:600}.voice-name{color:var(--accent-color);font-weight:500}.voice-separator{color:var(--border-color)}.voice-description{flex:1 1;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .audio-player-container{background-color:initial;border:none}[data-theme=dark] .btn-play-pause-simple{background-color:#4299e1;box-shadow:0 2px 6px #4299e14d}[data-theme=dark] .btn-play-pause-simple i{color:#fff!important}[data-theme=dark] .btn-play-pause-simple:hover:not(:disabled){background-color:#3182ce;box-shadow:0 3px 8px #4299e180}[data-theme=dark] .btn-play-pause-simple:active,[data-theme=dark] .btn-play-pause-simple:focus,[data-theme=dark] .btn-play-pause-simple:focus-visible{box-shadow:0 0 0 3px #4299e166!important;outline:none!important}[data-theme=dark] .btn-download-simple,[data-theme=dark] .btn-regenerate-simple{background-color:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .btn-download-simple i,[data-theme=dark] .btn-regenerate-simple i{color:#e2e8f0!important}[data-theme=dark] .btn-download-simple:hover,[data-theme=dark] .btn-regenerate-simple:hover{background-color:#4299e1;border-color:#4299e1}[data-theme=dark] .btn-download-simple:hover i,[data-theme=dark] .btn-regenerate-simple:hover i{color:#fff!important}[data-theme=dark] .btn-download-simple:active,[data-theme=dark] .btn-download-simple:focus,[data-theme=dark] .btn-download-simple:focus-visible,[data-theme=dark] .btn-regenerate-simple:active,[data-theme=dark] .btn-regenerate-simple:focus,[data-theme=dark] .btn-regenerate-simple:focus-visible{box-shadow:0 0 0 2px #4299e166!important;outline:none!important}[data-theme=dark] .btn-skip-simple{background-color:#718096;box-shadow:0 2px 4px #7180964d}[data-theme=dark] .btn-skip-simple:hover:not(:disabled){background-color:#4a5568;box-shadow:0 3px 8px #71809680}[data-theme=dark] .btn-skip-simple:active,[data-theme=dark] .btn-skip-simple:focus,[data-theme=dark] .btn-skip-simple:focus-visible{box-shadow:0 0 0 3px #71809666!important;outline:none!important}[data-theme=dark] .audio-progress-bar{background-color:#4a5568}[data-theme=dark] .voice-info{background-color:#1a202c}[data-theme=matrix] .audio-player-container{background-color:initial;border:none}[data-theme=matrix] .btn-generate-audio{background-color:#0f0;color:#000}[data-theme=matrix] .btn-generate-audio:hover:not(:disabled){background-color:#0f0;box-shadow:0 0 15px #00ff0080}[data-theme=matrix] .btn-play-pause,[data-theme=matrix] .btn-play-pause-simple{background-color:#0f0;color:#000}[data-theme=matrix] .btn-play-pause i,[data-theme=matrix] .btn-play-pause-simple i{color:#000!important}[data-theme=matrix] .btn-play-pause-simple:hover:not(:disabled){box-shadow:0 0 15px #00ff0080}[data-theme=matrix] .btn-play-pause-simple:active,[data-theme=matrix] .btn-play-pause-simple:focus,[data-theme=matrix] .btn-play-pause-simple:focus-visible{box-shadow:0 0 0 3px #00ff0080!important;outline:none!important}[data-theme=matrix] .btn-download-simple,[data-theme=matrix] .btn-regenerate-simple{background-color:#010;border-color:#0f0;color:#0f0}[data-theme=matrix] .btn-download-simple i,[data-theme=matrix] .btn-regenerate-simple i{color:#0f0!important}[data-theme=matrix] .btn-download-simple:hover,[data-theme=matrix] .btn-regenerate-simple:hover{background-color:#030;box-shadow:0 0 10px #00ff004d}[data-theme=matrix] .btn-download-simple:hover i,[data-theme=matrix] .btn-regenerate-simple:hover i{color:#0f0!important}[data-theme=matrix] .btn-download-simple:active,[data-theme=matrix] .btn-download-simple:focus,[data-theme=matrix] .btn-download-simple:focus-visible,[data-theme=matrix] .btn-regenerate-simple:active,[data-theme=matrix] .btn-regenerate-simple:focus,[data-theme=matrix] .btn-regenerate-simple:focus-visible{box-shadow:0 0 0 2px #00ff0080!important;outline:none!important}[data-theme=matrix] .btn-skip-simple{background-color:#030;border:1px solid #0f0;color:#0f0}[data-theme=matrix] .btn-skip-simple i{color:#0f0!important}[data-theme=matrix] .btn-skip-simple:hover:not(:disabled){background-color:#040;box-shadow:0 0 10px #0f06}[data-theme=matrix] .btn-skip-simple:active,[data-theme=matrix] .btn-skip-simple:focus,[data-theme=matrix] .btn-skip-simple:focus-visible{box-shadow:0 0 0 3px #00ff0080!important;outline:none!important}[data-theme=matrix] .audio-progress-bar{background-color:#030}[data-theme=matrix] .audio-progress-filled{background-color:#0f0}[data-theme=matrix] .voice-info{background-color:#010;border:1px solid #030;color:#0f0}[data-theme=retro] .audio-player-container{background-color:initial;border:none}[data-theme=retro] .btn-generate-audio,[data-theme=retro] .btn-play-pause-simple{background-color:var(--retro-accent);color:#000;font-family:Courier New,monospace;font-weight:700}[data-theme=retro] .btn-play-pause-simple i{color:#000!important}[data-theme=retro] .btn-play-pause-simple:active,[data-theme=retro] .btn-play-pause-simple:focus,[data-theme=retro] .btn-play-pause-simple:focus-visible{box-shadow:0 0 0 3px #ffc10766!important;outline:none!important}[data-theme=retro] .btn-download-simple,[data-theme=retro] .btn-regenerate-simple{background-color:#1a1a1a;border-color:var(--retro-accent);color:var(--retro-accent)}[data-theme=retro] .btn-download-simple i,[data-theme=retro] .btn-regenerate-simple i{color:var(--retro-accent)!important}[data-theme=retro] .btn-download-simple:active,[data-theme=retro] .btn-download-simple:focus,[data-theme=retro] .btn-download-simple:focus-visible,[data-theme=retro] .btn-regenerate-simple:active,[data-theme=retro] .btn-regenerate-simple:focus,[data-theme=retro] .btn-regenerate-simple:focus-visible{box-shadow:0 0 0 2px #ffc10766!important;outline:none!important}[data-theme=retro] .btn-skip-simple{background-color:#333;border:2px solid var(--retro-accent);color:var(--retro-accent)}[data-theme=retro] .btn-skip-simple i{color:var(--retro-accent)!important}[data-theme=retro] .btn-skip-simple:hover:not(:disabled){background-color:var(--retro-accent);color:#000}[data-theme=retro] .btn-skip-simple:hover:not(:disabled) i{color:#000!important}[data-theme=retro] .btn-skip-simple:active,[data-theme=retro] .btn-skip-simple:focus,[data-theme=retro] .btn-skip-simple:focus-visible{box-shadow:0 0 0 3px #ffc10766!important;outline:none!important}[data-theme=retro] .voice-info{background-color:#1a1a1a;border:1px solid var(--retro-accent);font-family:Courier New,monospace}@media (max-width:768px){.audio-controls{flex-wrap:wrap}.audio-progress-container{flex-basis:100%;margin-top:.5rem;order:3}.voice-description{flex-basis:100%}}.share-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.share-modal-content{animation:modalFadeIn .2s ease-out;background-color:#fff;background-color:var(--background-secondary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:2rem;width:100%}.share-modal-title{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.share-modal-options{display:flex;flex-direction:column;gap:.75rem}.share-modal-option{align-items:center;background-color:#f0f0f0;background-color:var(--background-tertiary,#f0f0f0);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;text-decoration:none;transition:all .2s ease}.share-modal-option:hover{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.share-modal-option:active{transform:translateY(0)}.share-modal-icon{font-size:2rem;margin-bottom:.5rem}.share-modal-label{font-size:1rem;font-weight:600;margin-bottom:.25rem}.share-modal-subtitle{font-size:.875rem;opacity:.7}.share-modal-option:hover .share-modal-subtitle{opacity:.9}@media (max-width:768px){.share-modal-content{max-width:90vw;padding:1.5rem}.share-modal-title{font-size:1.125rem}.share-modal-option{padding:1.25rem 1rem}.share-modal-icon{font-size:1.75rem}.share-modal-label{font-size:.9375rem}.share-modal-subtitle{font-size:.8125rem}}[data-theme=light] .share-modal-content{background-color:#fff}[data-theme=light] .share-modal-option{background-color:#f8f9fa;border-color:#dee2e6;color:#333}[data-theme=light] .share-modal-option:hover{background-color:#007bff;background-color:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#fff}[data-theme=dark] .share-modal-overlay{background-color:#000c}[data-theme=dark] .share-modal-content{background-color:#2d3748;border-color:#4a5568}[data-theme=dark] .share-modal-option{background-color:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .share-modal-option:hover{background-color:#4299e1;border-color:#4299e1;color:#fff}[data-theme=matrix] .share-modal-overlay{background-color:#000000e6}[data-theme=matrix] .share-modal-content{background-color:#000;border-color:#0f0}[data-theme=matrix] .share-modal-option{background-color:#010;border-color:#0f0;color:#0f0}[data-theme=matrix] .share-modal-option:hover{background-color:#0f0;border-color:#0f0;color:#000}[data-theme=retro] .share-modal-content{background-color:#2d2d2d;border:3px solid #ff6b35}[data-theme=retro] .share-modal-option{background-color:#1a1a1a;border-color:#ff6b35;color:#ffc107}[data-theme=retro] .share-modal-option:hover{background-color:#ff6b35;border-color:#ff6b35;color:#1a1a1a}.share-btn{align-items:center;background-color:#f8f9fa;border:1px solid #6c757d;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;max-height:32px;max-width:32px;min-height:32px;min-width:32px;padding:0;position:relative;transition:all .2s ease;width:32px}.share-btn:hover:not(:disabled){background-color:#007bff;border-color:#007bff;color:#fff;transform:scale(1.1)}.share-btn:active,.share-btn:focus,.share-btn:focus-visible{box-shadow:0 0 0 2px #007bff4d!important;outline:none!important}.share-btn:disabled{cursor:not-allowed;opacity:.6}.share-btn-icon{color:#6c757d;font-size:.7rem;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.share-btn:hover:not(:disabled) .share-btn-icon{color:#fff}.share-btn-text{font-size:.875rem;font-weight:500}.share-btn-spinning{animation:spin 1s linear infinite}[data-theme=dark] .share-btn{background-color:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .share-btn-icon{color:#e2e8f0}[data-theme=dark] .share-btn:hover:not(:disabled){background-color:#4299e1;border-color:#4299e1}[data-theme=dark] .share-btn:hover:not(:disabled) .share-btn-icon{color:#fff}[data-theme=dark] .share-btn:active,[data-theme=dark] .share-btn:focus,[data-theme=dark] .share-btn:focus-visible{box-shadow:0 0 0 2px #4299e166!important;outline:none!important}[data-theme=matrix] .share-btn{background-color:#010;border-color:#0f0;color:#0f0}[data-theme=matrix] .share-btn-icon{color:#0f0}[data-theme=matrix] .share-btn:hover:not(:disabled){background-color:#030;box-shadow:0 0 10px #00ff004d}[data-theme=matrix] .share-btn:hover:not(:disabled) .share-btn-icon{color:#0f0}[data-theme=matrix] .share-btn:active,[data-theme=matrix] .share-btn:focus,[data-theme=matrix] .share-btn:focus-visible{box-shadow:0 0 0 2px #00ff0080!important;outline:none!important}[data-theme=retro] .share-btn{background-color:#1a1a1a;border-color:var(--retro-accent);color:var(--retro-accent)}[data-theme=retro] .share-btn-icon{color:var(--retro-accent)}[data-theme=retro] .share-btn:active,[data-theme=retro] .share-btn:focus,[data-theme=retro] .share-btn:focus-visible{box-shadow:0 0 0 2px #ffc10766!important;outline:none!important}.download-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.download-modal-content{animation:modalFadeIn .2s ease-out;background-color:#fff;background-color:var(--background-secondary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:2rem;width:100%}.download-modal-title{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.download-modal-options{display:flex;flex-direction:column;gap:.75rem}.download-modal-option{align-items:center;background-color:#f0f0f0;background-color:var(--background-tertiary,#f0f0f0);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;text-decoration:none;transition:all .2s ease}.download-modal-option:hover{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.download-modal-option:active{transform:translateY(0)}.download-modal-icon{font-size:2rem;margin-bottom:.5rem}.download-modal-label{font-size:1rem;font-weight:600;margin-bottom:.25rem}.download-modal-subtitle{font-size:.875rem;opacity:.7}.download-modal-option:hover .download-modal-subtitle{opacity:.9}@media (max-width:768px){.download-modal-content{max-width:90vw;padding:1.5rem}.download-modal-title{font-size:1.125rem}.download-modal-option{padding:1.25rem 1rem}.download-modal-icon{font-size:1.75rem}.download-modal-label{font-size:.9375rem}.download-modal-subtitle{font-size:.8125rem}}[data-theme=light] .download-modal-content{background-color:#fff}[data-theme=light] .download-modal-option{background-color:#f8f9fa;border-color:#dee2e6;color:#333}[data-theme=light] .download-modal-option:hover{background-color:#007bff;background-color:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#fff}[data-theme=dark] .download-modal-overlay{background-color:#000c}[data-theme=dark] .download-modal-content{background-color:#2d3748;border-color:#4a5568}[data-theme=dark] .download-modal-option{background-color:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .download-modal-option:hover{background-color:#4299e1;border-color:#4299e1;color:#fff}[data-theme=matrix] .download-modal-overlay{background-color:#000000e6}[data-theme=matrix] .download-modal-content{background-color:#000;border-color:#0f0}[data-theme=matrix] .download-modal-option{background-color:#010;border-color:#0f0;color:#0f0}[data-theme=matrix] .download-modal-option:hover{background-color:#0f0;border-color:#0f0;color:#000}[data-theme=retro] .download-modal-content{background-color:#2d2d2d;border:3px solid #ff6b35}[data-theme=retro] .download-modal-option{background-color:#1a1a1a;border-color:#ff6b35;color:#ffc107}[data-theme=retro] .download-modal-option:hover{background-color:#ff6b35;border-color:#ff6b35;color:#1a1a1a}.require-auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.require-auth-modal{animation:modalFadeIn .2s ease-out;background:var(--background-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:2rem;position:relative;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.require-auth-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.require-auth-modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.require-auth-modal-icon{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.require-auth-modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1rem;text-align:center}.require-auth-modal-message{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 2rem;text-align:center}.require-auth-modal-actions{display:flex;flex-direction:column;gap:.75rem}.require-auth-modal-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.require-auth-modal-btn.primary{background:var(--accent-primary);color:#fff}.require-auth-modal-btn.primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3);transform:translateY(-1px)}.require-auth-modal-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.require-auth-modal-btn.secondary:hover{background:var(--bg-primary);border-color:var(--text-tertiary)}.premium-benefits{background:var(--background-tertiary);border-radius:12px;margin:1.5rem 0;padding:1.25rem}.benefits-header{align-items:center;color:var(--primary-500);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.benefits-header i{font-size:1rem}.benefits-list{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.benefit-item{align-items:center;color:var(--text-primary);display:flex;font-size:.9375rem;gap:.75rem}.benefit-item i{color:var(--primary-500);flex-shrink:0;font-size:1.125rem}.benefit-item span{flex:1 1;line-height:1.5}@media (max-width:768px){.require-auth-modal{max-width:100%;padding:1.5rem}.require-auth-modal-icon{font-size:2rem;height:64px;margin-bottom:1rem;width:64px}.require-auth-modal-title{font-size:1.25rem}.require-auth-modal-message{font-size:.9375rem}.premium-benefits{padding:1rem}.benefit-item{font-size:.875rem}}.image-customization-modal{background:var(--background-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:520px;overflow:hidden;position:relative;width:100%}.image-customization-modal .modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;min-height:0;min-height:auto;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:32px;z-index:10}.image-customization-modal .modal-close-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.image-customization-modal .mood-spectrum-modal-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem .75rem}.image-customization-modal .mood-spectrum-modal-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.image-customization-modal .mood-spectrum-modal-body{display:flex;flex-direction:column;gap:1rem;max-height:calc(90vh - 140px);overflow-y:auto;padding:1rem 1.5rem}.image-customization-modal .mood-spectrum-modal-footer{background:var(--background-secondary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;padding:.75rem 1.5rem 1rem}.image-customization-modal .mood-spectrum-modal-footer .btn{align-items:center;border:none;border-radius:8px;display:flex;flex:1 1;font-size:.95rem;font-weight:500;min-height:0;min-height:auto;padding:.35rem 1rem;transition:all .2s ease}.compact-section{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:0;padding:.875rem;transition:all .2s ease}.compact-section:hover{border-color:var(--primary-400);box-shadow:0 2px 8px #0000000d}.section-icon{color:var(--primary-500);flex-shrink:0;font-size:1.1rem;margin-top:.15rem}.section-content{flex:1 1;min-width:0}.compact-section>.filter-input-inline{flex:1 1}.presets-section{flex-direction:column;gap:.5rem}.background-tabs{background:var(--background-primary);border-radius:6px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:.25rem}.background-tab{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;min-height:0;min-height:auto;padding:.5rem 1rem;transition:all .2s ease}.background-tab:hover{background:var(--background-secondary);color:var(--text-primary)}.background-tab.active{background:var(--primary-500);box-shadow:0 2px 4px #635bff4d;color:#fff}.theme-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.theme-card{align-items:flex-end;aspect-ratio:1;background:var(--background-tertiary);border:2px solid #0000;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .2s ease}.theme-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.theme-card.selected{border-color:var(--primary-500);box-shadow:0 0 0 3px #635bff33;transform:scale(1.02)}.theme-preview-img{border-radius:4px;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.theme-name{background:#0006;border-radius:0 0 4px 4px;color:#fff;font-size:.6rem;font-weight:600;line-height:1.2;padding:.25rem .35rem;position:relative;text-align:center;text-shadow:0 1px 4px #000000e6;width:100%;z-index:1}.theme-loading{color:var(--text-secondary);font-size:.85rem;padding:1rem;text-align:center}.color-picker-container{padding:.5rem 0}.color-picker{border:2px solid var(--border-color);border-radius:6px;cursor:pointer;height:48px;transition:all .2s ease;width:100%}.color-picker:hover{border-color:var(--primary-500);box-shadow:0 2px 8px #635bff33}.gradient-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.gradient-card{align-items:flex-end;aspect-ratio:1;border:2px solid #0000;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;justify-content:center;min-height:0;min-height:auto;overflow:hidden;padding:.5rem;position:relative;transition:all .2s ease}.gradient-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.gradient-card.selected{border-color:var(--primary-500);box-shadow:0 0 0 3px #635bff33;transform:scale(1.05)}.gradient-name{color:#fff;font-size:.65rem;font-weight:600;line-height:1.2;text-align:center;text-shadow:0 1px 4px #000c;text-transform:capitalize}.content-filters-bubble{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.6rem}.filter-row{align-items:center;display:flex;gap:.75rem;padding:0}.filter-icon{font-size:1rem;text-align:center;width:1.5rem}.filter-icon,.filter-label{color:var(--text-secondary);flex-shrink:0}.filter-label{font-size:.75rem;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase;width:4.5rem}.filter-control{flex:1 1;min-width:0}.filter-control.icon-button-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:.35rem;justify-content:flex-start}.icon-select-btn{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;min-height:0;min-height:auto;min-width:36px;padding:0;transition:all .2s ease;width:36px}.icon-select-btn:hover{background:var(--background-tertiary);border-color:var(--text-tertiary);color:var(--text-primary)}.icon-select-btn.selected{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.icon-select-btn.selected:hover{background:var(--primary-600);border-color:var(--primary-600)}.filter-input-inline{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;height:auto;min-height:0;min-height:auto;padding:.25rem .5rem;transition:all .2s ease;width:100%}.filter-input-inline:focus{background:var(--background-primary);border-color:var(--primary-500);outline:none}.filter-input-inline::placeholder{color:var(--text-tertiary);font-size:.8rem}.font-preview-select{font-size:1rem}.font-preview-select option{font-size:1.1rem;padding:.5rem}.font-color-control{align-items:center;display:flex!important;flex-direction:row!important;gap:.5rem;width:100%}.font-color-control .font-preview-select{flex:1 1 auto;min-width:0;width:auto!important}.color-picker-wrapper{flex:0 0 auto;position:relative}.color-picker-trigger{border:2px solid var(--border-color);border-radius:4px;cursor:pointer;display:block;height:28px;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;padding:0;transition:all .2s ease;width:28px}.color-picker-trigger:hover{border-color:var(--primary-500);transform:scale(1.05)}.color-palette-dropdown{grid-gap:2px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);margin-top:4px;padding:6px;position:absolute;right:0;top:100%;z-index:100}.color-swatch{border:1px solid #0000001a;border-radius:2px;cursor:pointer;height:25px;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;padding:0;transition:all .15s ease;width:25px}.color-swatch:hover{border-color:var(--primary-500);transform:scale(1.2);z-index:1}.color-swatch.selected{border:2px solid var(--primary-500);box-shadow:0 0 0 1px var(--background-primary),0 0 0 3px var(--primary-500)}.compact-checkboxes{align-items:center;display:flex;gap:.75rem}.compact-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.375rem}.compact-checkbox input[type=checkbox]{accent-color:var(--primary-500);cursor:pointer;height:16px;width:16px}.compact-checkbox.locked{cursor:not-allowed;opacity:.6;position:relative}.compact-checkbox.locked input[type=checkbox]{cursor:not-allowed}.compact-checkbox.locked .locked-icon{color:#888;color:var(--text-tertiary,#888);font-size:.65rem;margin-left:.125rem}.include-options-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 0}.content-toggles{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.toggle-item{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem;transition:all .2s ease}.toggle-item:hover{background:var(--background-primary)}.toggle-item input[type=checkbox]{accent-color:var(--primary-500);cursor:pointer;height:18px;width:18px}.preset-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.preset-selector-group{align-items:center;display:flex;flex:1 1;gap:.35rem;min-width:0}.preset-selector{background:var(--background-primary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.85rem;min-width:120px;padding:.65rem .875rem;transition:all .2s ease}.preset-selector:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #635bff1a;outline:none}.preset-save-input{align-items:center;display:flex;flex:1 1;gap:.5rem}.btn-dice-inline{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:1.6rem;justify-content:center;min-height:1.6rem;padding:0;transition:all .2s ease;width:1.6rem}.btn-dice-inline:hover{background:var(--background-secondary);border-color:var(--primary-500);color:var(--text-primary)}.btn-randomize-all-compact{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;min-height:0;min-height:auto;padding:.65rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-randomize-all-compact:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.delete-preset-btn{color:#dc2626}.delete-preset-btn:hover{background:#fee2e2;border-color:#dc2626}.canvas-preview-section{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:center;margin-bottom:.5rem;padding:.5rem}.preview-canvas{border-radius:6px;box-shadow:0 4px 12px #00000026;height:auto;max-height:300px;max-width:100%;width:auto}.custom-theme-editor{background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.editor-row{align-items:center;display:flex;gap:.75rem}.editor-row label{color:var(--text-secondary);font-size:.85rem;font-weight:500;min-width:100px}.editor-row input[type=text]{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.9rem;padding:.5rem .75rem}.editor-row input[type=color]{border:2px solid var(--border-color);border-radius:6px;cursor:pointer;height:32px;padding:0;width:40px}.editor-row input[type=color]:hover{border-color:var(--primary-500)}.background-options{align-items:center;display:flex;gap:.75rem}.background-options span{color:var(--text-tertiary);font-size:.85rem}.upload-btn{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.upload-btn:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.editor-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;padding-top:.75rem}.btn-sm{font-size:.85rem;padding:.375rem .875rem}.custom-theme-card-wrapper{position:relative}.custom-theme-card{display:flex;flex-direction:column;justify-content:center;min-height:80px}.delete-custom-theme{align-items:center;background:#dc2626;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;min-height:0!important;min-height:auto!important;opacity:0;padding:0;position:absolute;right:-4px;top:-4px;transition:opacity .2s ease;width:20px;z-index:5}.custom-theme-card-wrapper:hover .delete-custom-theme{opacity:1}.delete-custom-theme:hover{background:#b91c1c;transform:scale(1.1)}.add-theme-card{align-items:center;background:#0000;border:2px dashed var(--border-color);color:var(--text-tertiary);display:flex;flex-direction:column;gap:.375rem;justify-content:center;min-height:80px}.add-theme-card:hover{background:#635bff0d;border-color:var(--primary-500);color:var(--primary-500)}.add-theme-card i{font-size:1.5rem}.add-theme-card span{font-size:.7rem;font-weight:500}.color-picker-large{border:2px solid var(--border-color);border-radius:8px;cursor:pointer;height:60px;transition:all .2s ease;width:100%}.color-picker-large:hover{border-color:var(--primary-500);box-shadow:0 2px 8px #635bff33}.preview-section{border-top:1px solid var(--border-color);flex-direction:column;gap:1rem;margin-top:.5rem;padding:1rem 0}.btn-preview,.preview-section{align-items:center;display:flex}.btn-preview{background:var(--background-secondary);border:2px solid var(--primary-500);border-radius:8px;color:var(--primary-500);cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.65rem 1.5rem;transition:all .2s ease}.btn-preview:hover:not(:disabled){background:var(--primary-500);color:#fff}.btn-preview:disabled{cursor:not-allowed;opacity:.6}.btn-preview .spinner-small{border-color:#635bff4d;border-top-color:var(--primary-500)}.preview-image-container{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:320px;overflow:hidden;width:100%}.preview-image{display:block;height:auto;width:100%}.error-message{align-items:center;background:#fee2e2;border:1px solid #dc2626;border-radius:6px;color:#991b1b;display:flex;font-size:.85rem;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem}.error-message i{color:#dc2626;font-size:1rem}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;width:16px}@media (max-width:768px){.image-customization-modal{max-height:92vh;max-width:95vw}.image-customization-modal .mood-spectrum-modal-header{padding:.875rem 1rem}.image-customization-modal .mood-spectrum-modal-header h3{font-size:1rem}.image-customization-modal .mood-spectrum-modal-body{gap:.875rem;padding:.875rem 1rem}.theme-grid{gap:.4rem;grid-template-columns:repeat(4,1fr)}.theme-card{min-height:45px}.gradient-grid{gap:.4rem;grid-template-columns:repeat(3,1fr)}.gradient-card{min-height:45px}}@media (max-width:480px){.image-customization-modal{border-radius:0;max-height:100vh;max-width:100vw}.image-customization-modal .mood-spectrum-modal-header{padding:.75rem .875rem}.image-customization-modal .mood-spectrum-modal-header h3{font-size:.95rem}.image-customization-modal .mood-spectrum-modal-body{gap:.75rem;padding:.75rem .875rem}.image-customization-modal .mood-spectrum-modal-footer{padding:.75rem .875rem}.compact-section{gap:.625rem;padding:.75rem}.section-icon{font-size:1rem}.background-tabs{gap:.375rem}.background-tab{font-size:.8rem;padding:.4rem .75rem}.theme-grid{gap:.375rem;grid-template-columns:repeat(4,1fr)}.theme-card{min-height:42px;padding:.375rem}.theme-name{font-size:.6rem}.color-picker{height:44px}.gradient-grid{gap:.375rem;grid-template-columns:repeat(3,1fr)}.gradient-card{min-height:42px;padding:.375rem}.gradient-name{font-size:.6rem}.filter-row{gap:.5rem}.filter-label{font-size:.7rem;width:4rem}.filter-input-inline{font-size:.85rem;padding:.25rem .5rem}.compact-checkboxes{align-items:flex-start;flex-direction:column;gap:.35rem}.compact-checkbox{font-size:.8rem}.compact-checkbox input[type=checkbox]{height:14px;width:14px}.filter-row{gap:.4rem}.filter-icon{font-size:.9rem;width:1.2rem}.filter-label{font-size:.65rem;width:3.5rem}.filter-input-inline{font-size:.8rem;padding:.25rem .45rem}.compact-checkbox{font-size:.75rem}.preset-controls{align-items:stretch;flex-direction:column;gap:.375rem}.preset-save-input .filter-input-inline,.preset-selector{min-width:0;min-width:auto;width:100%}.btn-randomize-all-compact{justify-content:center;width:100%}}[data-theme=dark] .compact-section{background:#ffffff08;border-color:#ffffff1a}[data-theme=dark] .compact-section:hover{background:#ffffff0d;box-shadow:0 2px 12px #0000004d}[data-theme=dark] .theme-card{box-shadow:0 1px 4px #0006}[data-theme=dark] .theme-card:hover{box-shadow:0 4px 16px #00000080}[data-theme=dark] .gradient-card{box-shadow:0 1px 4px #0006}[data-theme=dark] .gradient-card:hover{box-shadow:0 4px 16px #00000080}[data-theme=matrix] .section-icon{color:#0f0}[data-theme=matrix] .compact-section:hover{border-color:#0f0;box-shadow:0 2px 8px #0f03}[data-theme=matrix] .background-tab.active{background:#0f0;box-shadow:0 2px 8px #0f06;color:#000}[data-theme=matrix] .border-style-btn.selected,[data-theme=matrix] .gradient-card.selected,[data-theme=matrix] .image-size-btn.selected,[data-theme=matrix] .theme-card.selected{border-color:#0f0;box-shadow:0 0 0 3px #00ff004d}[data-theme=retro] .section-icon{color:#dc2626}[data-theme=retro] .compact-section:hover{border-color:#d97706;box-shadow:0 2px 8px #d9770633}[data-theme=retro] .background-tab.active{background:#dc2626;box-shadow:0 2px 8px #dc262666}[data-theme=retro] .border-style-btn.selected,[data-theme=retro] .gradient-card.selected,[data-theme=retro] .image-size-btn.selected,[data-theme=retro] .theme-card.selected{border-color:#dc2626;box-shadow:0 0 0 3px #dc26264d}.download-btn{align-items:center;background-color:#f8f9fa;border:1px solid #6c757d;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;max-height:32px;max-width:32px;min-height:32px;min-width:32px;padding:0;position:relative;transition:all .2s ease;width:32px}.download-btn:hover:not(:disabled){background-color:#007bff;border-color:#007bff;color:#fff;transform:scale(1.1)}.download-btn:active,.download-btn:focus,.download-btn:focus-visible{box-shadow:0 0 0 2px #007bff4d!important;outline:none!important}.download-btn:disabled{cursor:not-allowed;opacity:.6}.download-btn-icon{color:#6c757d;font-size:.7rem;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.download-btn:hover:not(:disabled) .download-btn-icon{color:#fff}.download-btn-text{font-size:.875rem;font-weight:500}.download-btn-spinning{animation:spin 1s linear infinite}[data-theme=dark] .download-btn{background-color:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .download-btn-icon{color:#e2e8f0}[data-theme=dark] .download-btn:hover:not(:disabled){background-color:#4299e1;border-color:#4299e1}[data-theme=dark] .download-btn:hover:not(:disabled) .download-btn-icon{color:#fff}[data-theme=dark] .download-btn:active,[data-theme=dark] .download-btn:focus,[data-theme=dark] .download-btn:focus-visible{box-shadow:0 0 0 2px #4299e166!important;outline:none!important}[data-theme=matrix] .download-btn{background-color:#010;border-color:#0f0;color:#0f0}[data-theme=matrix] .download-btn-icon{color:#0f0}[data-theme=matrix] .download-btn:hover:not(:disabled){background-color:#030;box-shadow:0 0 10px #00ff004d}[data-theme=matrix] .download-btn:hover:not(:disabled) .download-btn-icon{color:#0f0}[data-theme=matrix] .download-btn:active,[data-theme=matrix] .download-btn:focus,[data-theme=matrix] .download-btn:focus-visible{box-shadow:0 0 0 2px #00ff0080!important;outline:none!important}[data-theme=retro] .download-btn{background-color:#1a1a1a;border-color:var(--retro-accent);color:var(--retro-accent)}[data-theme=retro] .download-btn-icon{color:var(--retro-accent)}[data-theme=retro] .download-btn:active,[data-theme=retro] .download-btn:focus,[data-theme=retro] .download-btn:focus-visible{box-shadow:0 0 0 2px #ffc10766!important;outline:none!important}.book-excerpt-container{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin:0 auto;max-width:900px;min-height:300px;padding:0;position:relative;width:100%}.book-header-with-audio{margin-bottom:0;padding:0 .5rem}.book-header-title-row{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;margin-top:.5rem;padding:0 .5rem}.book-header{flex:1 1;margin-bottom:0;padding:0 .5rem}.book-title-header{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-bold)}.book-author-header,.book-title-header{line-height:1.2;margin:0!important;padding:0}.book-author-header{color:var(--text-secondary);flex:1 1;font-size:1rem;font-style:italic}.empty-state{background:linear-gradient(135deg,var(--background-secondary),var(--background-tertiary));border-radius:var(--radius-lg);min-height:550px;overflow:hidden;padding:2rem;position:relative}.falling-letters{contain:layout style paint;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;will-change:contents}.falling-letter{animation:fall linear infinite;color:var(--text-secondary);font-family:Georgia,serif;font-size:1.5rem;font-weight:300;opacity:.3;position:absolute;top:0;will-change:transform,opacity}@keyframes fall{0%{opacity:.3;transform:translateY(-50px)}50%{opacity:.15}to{opacity:0;transform:translateY(calc(100vh + 50px))}}[data-theme=matrix] .falling-letter{color:#00ff41;opacity:.5;text-shadow:0 0 5px #00ff41}.empty-state-content{max-width:400px;position:relative;text-align:center;z-index:1}.empty-state-icon{color:var(--primary-color);display:block;margin-bottom:1rem}[data-theme=matrix] .empty-state-icon{color:#00ff41;filter:drop-shadow(0 0 10px #00ff41)}.empty-state-content h3{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:.75rem}.empty-state-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.excerpt-content-container{margin-bottom:0;padding:.5rem}.excerpt-text{color:var(--text-primary);font-family:Georgia,serif;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:65ch;padding:0;text-align:left}.excerpt-text p{margin:0;white-space:pre-line}.excerpt-metadata{margin-bottom:0;padding:0 .5rem}.metadata-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem;padding:0 .5rem}.metadata-badge{border-radius:12px;display:inline-block;flex-shrink:0;font-size:.65rem;font-weight:600;padding:.2rem .45rem;text-transform:capitalize;white-space:nowrap}.soul-shadow{background:linear-gradient(135deg,#8b5cf633,#6366f133);border:1px solid #8b5cf64d;color:#8b5cf6}.soul-force{background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid #ef44444d;color:#ef4444}.soul-warp{background:linear-gradient(135deg,#22c55e33,#10b98133);border:1px solid #22c55e4d;color:#22c55e}.intensity-badge{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid #fbbf244d;color:#f59e0b;font-weight:700}.excerpt-context-container{margin-bottom:0;padding:.5rem}.page-context{color:var(--text-secondary);display:block;font-style:italic;margin:0 auto;max-width:65ch;padding:0;text-align:left}.reveal-section{display:flex;text-align:center}.reveal-book-link,.reveal-section{align-items:center;justify-content:center;padding:0}.reveal-book-link{background:none;border:none;color:var(--primary-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:500;gap:.5rem;margin:0 auto;text-decoration:none;transition:all var(--transition-fast)}.reveal-book-link:hover{color:var(--primary-500);text-decoration:underline}.reveal-book-link.loading,.reveal-book-link:disabled{opacity:.7;pointer-events:none}.spinner-border-sm{border-width:2px;height:1rem;width:1rem}[data-theme=matrix] .reveal-book-link{color:#00ff41}[data-theme=matrix] .reveal-book-link:hover{color:#00ff41;text-shadow:0 0 5px #00ff0080}.book-details{align-items:flex-start;background-color:var(--background-tertiary)!important;border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:1rem;margin:0 auto;max-width:-webkit-fit-content;max-width:fit-content;padding:.75rem 1rem;width:auto}.book-cover{height:auto;object-fit:cover}.book-cover,.book-cover-placeholder{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-shrink:0;width:80px}.book-cover-placeholder{align-items:center;background:var(--background-primary);border:1px solid var(--border-color);color:var(--text-tertiary);display:flex;font-size:1.5rem;height:120px;justify-content:center}.book-info{background:#0000!important;border:none!important;display:flex;flex-direction:column;gap:.5rem;min-width:0;outline:none!important}.book-title{color:var(--text-primary);font-size:1rem;font-weight:var(--font-bold)}.book-author,.book-title{word-wrap:break-word;margin:0}.book-author{color:var(--text-secondary);font-size:.9rem;font-style:italic}.book-isbn{font-size:.85rem;margin:0}.excerpt-actions{align-items:center;display:flex;gap:1rem}.excerpt-actions button:first-child{flex:1 1}.book-excerpt-loading{color:var(--text-secondary);justify-content:center;min-height:200px}.book-excerpt-error,.book-excerpt-loading{align-items:center;display:flex;flex-direction:column}.book-excerpt-error{gap:1rem;padding:2rem}.queue-cards-wrapper{gap:1.25rem;grid-template-columns:1fr;max-width:100%;padding:20px;width:100%}.queue-cards-wrapper.show-cards{display:grid}.queue-cards-wrapper.hide-cards{display:none}@media (min-width:769px){.queue-cards-wrapper{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}[data-theme=dark] .soul-shadow{background:linear-gradient(135deg,#8b5cf640,#6366f140);border:1px solid #8b5cf666;color:#a78bfa}[data-theme=dark] .soul-force{background:linear-gradient(135deg,#ef444440,#dc262640);border:1px solid #ef444466;color:#f87171}[data-theme=dark] .soul-warp{background:linear-gradient(135deg,#22c55e40,#10b98140);border:1px solid #22c55e66;color:#4ade80}[data-theme=dark] .intensity-badge{background:linear-gradient(135deg,#fbbf2440,#f59e0b40);border:1px solid #fbbf2466;color:#fcd34d}[data-theme=matrix] .soul-shadow{background:linear-gradient(135deg,#8b5cf626,#6366f126)}[data-theme=matrix] .soul-force,[data-theme=matrix] .soul-shadow{border:1px solid #00ff4166;color:#00ff41;text-shadow:0 0 3px #00ff414d}[data-theme=matrix] .soul-force{background:linear-gradient(135deg,#ef444426,#dc262626)}[data-theme=matrix] .soul-warp{background:linear-gradient(135deg,#22c55e26,#10b98126)}[data-theme=matrix] .intensity-badge,[data-theme=matrix] .soul-warp{border:1px solid #00ff4166;color:#00ff41;text-shadow:0 0 3px #00ff414d}[data-theme=matrix] .intensity-badge{background:linear-gradient(135deg,#fbbf2426,#f59e0b26)}[data-theme=retro] .metadata-badge{border-width:2px;font-family:Courier New,monospace}[data-theme=retro] .soul-shadow{background:#8b5cf626;border:2px solid #8b5cf6;color:#6d28d9}[data-theme=retro] .soul-force{background:#ef444426;border:2px solid #ef4444;color:#b91c1c}[data-theme=retro] .soul-warp{background:#22c55e26;border:2px solid #22c55e;color:#15803d}[data-theme=retro] .intensity-badge{background:#fbbf2426;border:2px solid #f59e0b;color:#d97706}@media (max-width:768px){.queue-cards-wrapper{grid-template-columns:1fr!important;padding:8px}.empty-state{min-height:450px;padding:1.5rem 1rem}.excerpt-metadata{padding:0 .25rem}.metadata-badges{gap:.3rem;margin-top:.4rem;padding:0 .25rem}.metadata-badge{font-size:.6rem;padding:.15rem .4rem}.empty-state-icon{font-size:3rem}.empty-state-content h3{font-size:1.5rem}.empty-state-content p{font-size:1rem;margin-bottom:1.5rem}.falling-letter{font-size:1.25rem}.book-excerpt-container{gap:.625rem;padding:0}.book-header,.book-header-with-audio{padding:0 .25rem}.book-header-title-row{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;padding:0 .25rem}.book-title-header{font-size:1.25rem}.book-author-header{flex:0 1 100%;font-size:1rem;margin-bottom:.25rem}.excerpt-text{font-size:1rem;line-height:1.7;padding:0;text-align:left}.book-details{align-items:center;flex-direction:column;gap:.75rem;margin:0 auto;max-width:min(90%,400px);padding:1rem;text-align:center}.book-cover{width:100px}.book-cover-placeholder{height:150px;width:100px}.book-info{align-items:center;width:100%}.book-title{font-size:1rem}.book-author,.book-isbn,.book-title{text-align:center}.amazon-links-container{align-items:center;width:100%}.amazon-buy-link{align-self:center;margin:.5rem auto 0}.page-context{text-align:left}.excerpt-actions{flex-direction:column;width:100%}.excerpt-actions button{font-size:1rem;padding:.875rem 1rem;width:100%}.reveal-section button{font-size:1rem;max-width:300px;padding:.875rem 1.5rem;width:100%}}@media (max-width:480px){.queue-cards-wrapper{padding:8px}.excerpt-text{font-size:.95rem;line-height:1.6}.book-cover{width:120px}.book-cover-placeholder{height:180px;width:120px}.book-title{font-size:1rem}.book-author{font-size:.9rem}}[data-theme=dark] .excerpt-text p{color:var(--text-primary)}[data-theme=dark] .book-details{background-color:#1a1a1a!important;border-color:#444!important}[data-theme=dark] .book-info .book-title{color:#e0e0e0}[data-theme=dark] .book-info .book-author,[data-theme=dark] .book-info .book-isbn{color:#b0b0b0}[data-theme=dark] .book-isbn .text-muted{color:#b0b0b0!important}[data-theme=dark] .book-info{background:#0000!important;border:none!important;outline:none!important}[data-theme=dark] .amazon-buy-link,[data-theme=dark] .book-info .text-muted,[data-theme=dark] .book-info small{border:none!important;text-decoration:none!important}[data-theme=matrix] .excerpt-text p{color:#0f0;text-shadow:0 0 5px #00ff004d}[data-theme=matrix] .book-details{background-color:#000c!important;border-color:var(--primary-500)!important}[data-theme=matrix] .book-info .book-title{color:#0f0;text-shadow:0 0 5px #00ff0080}[data-theme=matrix] .book-info .book-author,[data-theme=matrix] .book-info .book-isbn{color:#0c0}[data-theme=matrix] .book-isbn .text-muted{color:#0c0!important}[data-theme=matrix] .book-info{background:#0000!important;border:none!important;outline:none!important}[data-theme=matrix] .amazon-buy-link{text-decoration:none!important}[data-theme=matrix] .book-info .text-muted,[data-theme=matrix] .book-info small{border:none!important;text-decoration:none!important}[data-theme=retro] .excerpt-text{font-family:Georgia,Palatino,Book Antiqua,serif;font-size:1.125rem;line-height:1.6;text-shadow:.5px .5px .5px #2a21181a}[data-theme=retro] .book-isbn,[data-theme=retro] .page-context{font-family:Courier New,monospace;font-style:normal}.cover-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.cover-modal-content{align-items:center;animation:scaleIn .3s ease-out;display:flex;flex-direction:column;gap:1rem;max-height:90vh;max-width:600px;position:relative}.cover-modal-close{align-items:center;background-color:var(--background-primary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:36px;z-index:10000}.cover-modal-close:hover{background-color:#dc3545;background-color:var(--danger-color,#dc3545);color:#fff;transform:rotate(90deg)}.cover-modal-image{border-radius:8px;box-shadow:0 8px 24px #0000004d;max-height:70vh;max-width:100%;object-fit:contain}.cover-modal-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0009;border-radius:8px;color:#fff;padding:1rem 1.5rem;text-align:center}.cover-modal-info h5{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.cover-modal-info p{font-size:1rem;font-style:italic;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.cover-modal-overlay{padding:.5rem}.cover-modal-image{max-height:60vh}.cover-modal-close{right:5px;top:5px}}.amazon-links-container{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.amazon-buy-link{align-items:center;align-self:flex-start;background-color:#f90;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#000;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;margin-top:.5rem;padding:.4rem .75rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.amazon-buy-link:hover{background-color:#ffb84d;box-shadow:0 4px 8px #00000026;color:#000;text-decoration:none;transform:translateY(-1px)}.amazon-buy-link:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}[data-theme=dark] .amazon-buy-link{box-shadow:0 2px 4px #0000004d}[data-theme=dark] .amazon-buy-link:hover{box-shadow:0 4px 8px #0006}.popular-badge-reader{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 2px 8px #ffd7004d;color:#000;display:inline-flex;font-size:.85rem;font-weight:600;gap:.25rem;margin-bottom:1rem;padding:.5rem 1rem}.reader-actions{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0;padding:0 .5rem}.reader-actions .btn{min-width:140px}@media (max-width:768px){.reader-actions{flex-direction:column;margin-left:auto;margin-right:auto;max-width:300px;width:100%}.reader-actions .btn{width:100%}}.queue-position-indicator{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:.5rem;top:.5rem;z-index:10}.queue-position-text{font-family:Courier New,monospace}[data-theme=matrix] .queue-position-indicator{background:#00ff411a;border-color:#00ff41;box-shadow:0 0 10px #00ff4133;color:#00ff41}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:scaleIn .3s ease-out;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:450px;padding:2rem 1.5rem;position:relative;width:100%}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:32px}.modal-close:hover{background:var(--hover-overlay);color:var(--text-primary)}.modal-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.modal-content p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:.5rem 0}.modal-content ul{color:var(--text-secondary);margin:1rem 0;padding-left:1.5rem}.modal-content ul li{margin:.5rem 0}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions .btn{flex:1 1;font-size:1rem;padding:.75rem 1.5rem}[data-theme=matrix] .modal-content{background:#000000f2;border-color:#00ff41;box-shadow:0 8px 24px #00ff414d}[data-theme=matrix] .modal-close:hover{background:#00ff4133;color:#00ff41}.modal-content-compact{max-width:380px;padding:1.5rem 1.25rem}.modal-content-compact h3{font-size:1.25rem;margin:0 0 .75rem}.modal-content-compact p{font-size:.95rem;margin:.25rem 0}.modal-content-compact .modal-actions{gap:.75rem;margin-top:1rem}.modal-content-compact .modal-actions .btn{font-size:.95rem;padding:.625rem 1.25rem}.modal-content-compact .form-check{padding-left:1.5rem}.modal-content-compact .form-check-input{cursor:pointer}.modal-content-compact .form-check-label{cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width:480px){.modal-content{padding:1.5rem 1rem}.modal-content h3{font-size:1.25rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.modal-content-compact{max-width:100%;padding:1.25rem 1rem}.modal-content-compact h3{font-size:1.15rem}}@media (max-width:768px){.card-cover,.card-cover-placeholder{height:75px;width:50px}}.search-mode-indicator{align-items:center;background:#4a90e21a;background:var(--primary-color-light,#4a90e21a);border:1px solid var(--primary-color);border-radius:var(--radius-md);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.search-mode-content{align-items:center;color:var(--primary-color);display:flex;font-weight:500;gap:.5rem}.search-mode-content i{font-size:1.125rem}.search-mode-text{font-size:.9375rem}.exit-search-btn{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease;white-space:nowrap}.exit-search-btn:hover{background:var(--hover-overlay);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.exit-search-btn:active{transform:translateY(0)}.exit-search-btn i{font-size:1rem}[data-theme=matrix] .search-mode-indicator{background:#00ff001a;border-color:var(--matrix-green)}[data-theme=matrix] .search-mode-content{color:var(--matrix-green)}[data-theme=matrix] .exit-search-btn:hover{border-color:var(--matrix-green);color:var(--matrix-green)}[data-theme=retro] .exit-search-btn,[data-theme=retro] .search-mode-indicator{border-radius:0;border-width:2px}[data-theme=retro] .exit-search-btn:hover{box-shadow:4px 4px 0 var(--retro-shadow)}@media (max-width:640px){.search-mode-indicator{align-items:stretch;flex-direction:column;gap:.75rem}.exit-search-btn,.search-mode-content{justify-content:center}.exit-search-btn{width:100%}.search-mode-text{font-size:.875rem}}.excerpt-context-divider{background:var(--border-color);height:1px;margin:1.5rem 0;opacity:.3}[data-theme=light] .excerpt-context-divider{opacity:.65}[data-theme=dark] .excerpt-context-divider{opacity:.5}[data-theme=retro] .excerpt-context-divider{background:#ff9f1c66;opacity:1}@media (min-width:769px){.excerpt-content-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px 0 #1f268726,0 2px 8px 0 #00000014;margin:1rem auto;max-width:84.5ch;padding:1.5rem;position:relative;transition:all .3s ease}.excerpt-content-container .excerpt-text,.excerpt-content-container .page-context{margin-left:0;margin-right:0;max-width:none}.book-header-with-audio{margin-left:auto;margin-right:auto;max-width:84.5ch;padding-left:0;padding-right:0;width:84.5ch}.book-header{padding:0 1.5rem}.book-header-title-row{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;margin-left:auto;margin-right:auto;max-width:84.5ch;padding-left:1.5rem;padding-right:1.5rem;width:84.5ch}.book-author-header{flex:1 1;margin-right:auto;padding:0;text-align:left}.excerpt-metadata{margin-left:auto;margin-right:auto;max-width:84.5ch;padding-left:0;padding-right:0;width:84.5ch}.metadata-badges{padding-left:1.5rem;padding-right:1.5rem}.book-details{margin-left:auto;margin-right:auto;max-width:42.25ch}[data-theme=light] .excerpt-content-container{background:#ffffffb3;box-shadow:0 8px 32px 0 #6b93ff33,0 2px 8px 0 #6b93ff1a}[data-theme=dark] .excerpt-content-container{background:#1f2630cc;border:1px solid #7b9fd833;box-shadow:0 8px 32px 0 #0006,0 2px 8px 0 #7b9fd826}[data-theme=matrix] .excerpt-content-container{background:#001100d9;border:1px solid #00ff004d;box-shadow:0 0 20px #00ff004d,0 0 40px #00ff0026,inset 0 0 20px #00ff000d}[data-theme=retro] .excerpt-content-container{background:#fffef9bf;box-shadow:0 8px 32px 0 #ff9f1c40,0 2px 8px 0 #d4c5a333}.excerpt-content-container:hover{box-shadow:0 12px 40px 0 #1f268733,0 4px 12px 0 #0000001a;transform:translateY(-2px)}[data-theme=dark] .excerpt-content-container:hover{box-shadow:0 12px 40px 0 #00000080,0 4px 12px 0 #7b9fd833}[data-theme=matrix] .excerpt-content-container:hover{box-shadow:0 0 25px #0f06,0 0 50px #0f03,inset 0 0 25px #00ff0014}[data-theme=retro] .excerpt-content-container:hover{box-shadow:0 12px 40px 0 #ff9f1c4d,0 4px 12px 0 #d4c5a340}.engagement-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;margin-left:auto;margin-right:auto;max-width:84.5ch;padding:1.5rem;width:84.5ch}}.book-cover-skeleton{align-items:center;animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:225px;justify-content:center;width:150px}[data-theme=dark] .book-cover-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;border-color:#444}[data-theme=matrix] .book-cover-skeleton{background:linear-gradient(90deg,#010 25%,#030 50%,#010 75%);background-size:200% 100%;border-color:#0f0;box-shadow:0 0 10px #0f03}[data-theme=retro] .book-cover-skeleton{background:linear-gradient(90deg,#fff8e1 25%,#ffe8a1 50%,#fff8e1 75%);background-size:200% 100%;border-color:#d4c5a3}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.book-cover.fade-in{animation:fadeInCover .5s ease-in}@keyframes fadeInCover{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.book-cover-skeleton small{margin-top:.5rem;padding:0 .5rem;text-align:center}[data-theme=matrix] .book-cover-skeleton small{color:#0f0}[data-theme=retro] .book-cover-skeleton small{color:#8b7355}.engagement-card{margin-bottom:0;margin-top:1.5rem;padding:.5rem;transition:all .2s ease}.engagement-card__like{align-items:center;display:flex;gap:.5rem;padding:0}.like-button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:1rem;gap:.35rem;padding:.25rem .5rem;transition:transform .2s ease}.like-button:hover{transform:scale(1.1)}.like-button:active{transform:scale(.95)}.like-icon{font-size:1.25rem;line-height:1}.like-count{color:var(--text-primary);font-size:.85rem;font-weight:600}.like-label-text{color:var(--text-secondary);font-size:.75rem;margin-left:.25rem}.engagement-card__divider{background-color:var(--border-color);height:1px;margin:.4rem -.75rem}.comment-list--compact{border:none!important;display:flex;flex-direction:column;gap:.35rem;margin-top:0!important;padding-top:0!important}.comment-input-compact{border-top:none;margin-top:0;padding-top:0}.comment-input-compact__field{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-primary);font-size:.75rem;margin-top:0;padding:.3rem .4rem;transition:border-color .15s ease;width:100%}.comment-input-compact__field:focus{border-color:var(--primary-color);outline:none}.comment-input-compact__field::placeholder{color:var(--text-tertiary)}.comment-list__empty--compact,.comment-list__loading--compact,.comment-list__login-prompt--compact{color:var(--text-secondary);font-size:.7rem;padding:.3rem;text-align:center}.comment-list__comments--compact{display:flex;flex-direction:column;gap:.25rem}.comment-item-compact{align-items:center;background-color:var(--background-tertiary);border-radius:.25rem;display:flex;font-size:.7rem;gap:.4rem;padding:.2rem .3rem;transition:background-color .15s ease}.comment-item-compact:hover{background-color:var(--background-secondary)}.comment-text-compact{word-wrap:break-word;color:var(--text-secondary);flex:1 1;overflow-wrap:break-word}.comment-edit-input-compact{background-color:var(--background-primary);border:1px solid var(--primary-color);border-radius:.25rem;color:var(--text-primary);flex:1 1;font-size:.7rem;padding:.2rem .3rem}.comment-edit-input-compact:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.comment-like-compact{align-items:center;background-color:initial;border:none;border-radius:.25rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.65rem;gap:.2rem;padding:.1rem .3rem;transition:background-color .15s ease;white-space:nowrap}.comment-like-compact:hover{background-color:var(--background-primary)}.comment-action-compact{background-color:initial;border:none;border-radius:.25rem;color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:.1rem .25rem;transition:all .15s ease}.comment-action-compact:hover{background-color:var(--background-primary);color:var(--primary-color)}.comment-action-compact--delete:hover{color:#ef4444}.comment-show-more{background-color:initial;border:1px dashed var(--border-color);border-radius:.25rem;color:var(--text-secondary);cursor:pointer;font-size:.7rem;padding:.25rem .5rem;text-align:center;transition:all .15s ease}.comment-show-more:hover{background-color:var(--background-secondary);border-color:var(--primary-color);color:var(--primary-color)}[data-theme=light] .engagement-card{background:#ffffffb3;box-shadow:0 8px 32px 0 #6b93ff33,0 2px 8px 0 #6b93ff1a}[data-theme=dark] .engagement-card{background:#1f2630cc;border:1px solid #7b9fd833;box-shadow:0 8px 32px 0 #0006,0 2px 8px 0 #7b9fd826}[data-theme=matrix] .engagement-card{background:#001100d9;border:1px solid #00ff004d;box-shadow:0 0 20px #00ff004d,0 0 40px #00ff0026,inset 0 0 20px #00ff000d}[data-theme=retro] .engagement-card{background:#fffef9bf;box-shadow:0 8px 32px 0 #ff9f1c40,0 2px 8px 0 #d4c5a333}.engagement-card:hover{box-shadow:0 12px 40px 0 #1f268733,0 4px 12px 0 #0000001a;transform:translateY(-2px)}[data-theme=dark] .engagement-card:hover{box-shadow:0 12px 40px 0 #00000080,0 4px 12px 0 #7b9fd833}[data-theme=matrix] .engagement-card:hover{box-shadow:0 0 25px #0f06,0 0 50px #0f03,inset 0 0 25px #00ff0014}[data-theme=retro] .engagement-card:hover{box-shadow:0 12px 40px 0 #ff9f1c4d,0 4px 12px 0 #d4c5a340}@media (max-width:768px){.engagement-card{margin-top:1rem;padding:.4rem}.engagement-card__like{gap:.4rem}.like-button{font-size:.9rem}.like-icon{font-size:1.1rem}.like-count{font-size:.8rem}.like-label-text{display:none}.engagement-card__divider{margin:.3rem -.4rem}}.comment{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:1rem;position:relative;transition:background-color .2s ease}.comment:hover{background-color:#f9fafb;background-color:var(--hover-bg,#f9fafb)}.comment:last-child{border-bottom:none}.comment__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.comment__user-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.comment__username{color:#111827;color:var(--text-primary,#111827);font-size:.875rem;font-weight:600}.comment__timestamp{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.comment__edited{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.75rem;font-style:italic}.comment__actions{display:flex;gap:.5rem}.comment__action-btn{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;justify-content:center;padding:.25rem;transition:color .2s ease}.comment__action-btn:hover{color:#111827;color:var(--text-primary,#111827)}.comment__action-btn--delete:hover{color:#ef4444}.comment__body{margin-bottom:.75rem}.comment__text{word-wrap:break-word;color:#111827;color:var(--text-primary,#111827);font-size:.9375rem;line-height:1.6;margin:0;white-space:pre-wrap}.comment__edit-form{display:flex;flex-direction:column;gap:.5rem}.comment__edit-textarea{background-color:#fff;background-color:var(--input-bg,#fff);border:2px solid #d1d5db;border:2px solid var(--border-color,#d1d5db);border-radius:.5rem;color:#111827;color:var(--text-primary,#111827);font-family:inherit;font-size:.9375rem;line-height:1.6;min-height:80px;padding:.75rem;resize:vertical;width:100%}.comment__edit-textarea:focus{border-color:#007bff;border-color:var(--accent-color,#007bff);box-shadow:0 0 0 3px #007bff1a;outline:none}.comment__edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.comment__edit-btn{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.comment__edit-btn--save{background-color:#007bff;background-color:var(--accent-color,#007bff);color:#fff}.comment__edit-btn--save:hover:not(:disabled){background-color:#0056b3;background-color:var(--accent-color-dark,#0056b3)}.comment__edit-btn--save:disabled{cursor:not-allowed;opacity:.6}.comment__edit-btn--cancel{background-color:#f3f4f6;background-color:var(--secondary-bg,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.comment__edit-btn--cancel:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--border-color,#e5e7eb)}.comment__footer{align-items:center;display:flex}.comment__like-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.comment__like-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.comment__like-btn--active{color:#ef4444}.comment__like-btn--active svg{fill:currentColor}.comment__like-count{font-weight:500}.comment__delete-confirm{align-items:center;background-color:#00000080;border-radius:.5rem;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.comment__delete-confirm-content{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:.5rem;box-shadow:0 10px 25px #0000001a;max-width:300px;padding:1.5rem}.comment__delete-confirm-content p{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:500;margin:0 0 1rem}.comment__delete-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.comment__delete-confirm-btn{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.comment__delete-confirm-btn--delete{background-color:#ef4444;color:#fff}.comment__delete-confirm-btn--delete:hover:not(:disabled){background-color:#dc2626}.comment__delete-confirm-btn--delete:disabled{cursor:not-allowed;opacity:.6}.comment__delete-confirm-btn--cancel{background-color:#f3f4f6;background-color:var(--secondary-bg,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.comment__delete-confirm-btn--cancel:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--border-color,#e5e7eb)}@media (prefers-color-scheme:dark){.comment{border-bottom-color:#374151}.comment:hover{background-color:#1f2937}.comment__username{color:#f9fafb}.comment__action-btn,.comment__edited,.comment__timestamp{color:#9ca3af}.comment__action-btn:hover{color:#f9fafb}.comment__text{color:#f3f4f6}.comment__edit-textarea{background-color:#1f2937;border-color:#374151;color:#f9fafb}.comment__edit-btn--cancel{background-color:#374151;color:#f9fafb}.comment__like-btn{color:#9ca3af}.comment__like-btn:hover{background-color:#374151;color:#f9fafb}.comment__delete-confirm-content{background-color:#1f2937}.comment__delete-confirm-content p{color:#f9fafb}}.theme-dark .comment{border-bottom-color:#374151}.theme-dark .comment:hover{background-color:#1f2937}.theme-dark .comment__username{color:#f9fafb}.theme-dark .comment__text{color:#f3f4f6}.theme-matrix .comment{border-bottom-color:#030}.theme-matrix .comment:hover{background-color:#00ff000d}.theme-matrix .comment__text,.theme-matrix .comment__username{color:#0f0}.theme-retro .comment{border-bottom-color:#333}.theme-retro .comment:hover{background-color:#ff6b6b0d}.theme-retro .comment__username{color:#ff6b6b}.comment-box{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.comment-box__textarea{background-color:#fff;background-color:var(--input-bg,#fff);border:2px solid #d1d5db;border:2px solid var(--border-color,#d1d5db);border-radius:.5rem;color:#111827;color:var(--text-primary,#111827);font-family:inherit;font-size:.9375rem;line-height:1.6;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.comment-box__textarea:focus{border-color:#007bff;border-color:var(--accent-color,#007bff);box-shadow:0 0 0 3px #007bff1a;outline:none}.comment-box__textarea:disabled{background-color:#f3f4f6;background-color:var(--disabled-bg,#f3f4f6);cursor:not-allowed;opacity:.6}.comment-box__textarea::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.comment-box__footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.comment-box__info{color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.comment-box__char-count{font-weight:500;transition:color .2s ease}.comment-box__char-count--warning{color:#f59e0b}.comment-box__char-count--error{color:#ef4444}.comment-box__hint{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-style:italic}.comment-box__submit{align-items:center;background-color:#007bff;background-color:var(--accent-color,#007bff);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.comment-box__submit:hover:not(:disabled){background-color:#0056b3;background-color:var(--accent-color-dark,#0056b3);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.comment-box__submit:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.comment-box__submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.comment-box__spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:640px){.comment-box__footer{align-items:flex-start;flex-direction:column}.comment-box__submit{justify-content:center;width:100%}.comment-box__info{flex-direction:row;justify-content:space-between;width:100%}}@media (prefers-color-scheme:dark){.comment-box__textarea{background-color:#1f2937;border-color:#374151;color:#f9fafb}.comment-box__textarea:focus{border-color:#3b82f6;border-color:var(--accent-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.comment-box__textarea:disabled{background-color:#111827}.comment-box__textarea::placeholder{color:#6b7280}.comment-box__info{color:#9ca3af}.comment-box__hint{color:#6b7280}}.theme-dark .comment-box__textarea{background-color:#1f2937;border-color:#374151;color:#f9fafb}.theme-dark .comment-box__textarea:focus{border-color:#3b82f6;border-color:var(--accent-color,#3b82f6)}.theme-matrix .comment-box__textarea{background-color:#010;border-color:#030;color:#0f0}.theme-matrix .comment-box__textarea:focus{border-color:#0f0;box-shadow:0 0 0 3px #00ff001a}.theme-matrix .comment-box__submit{background-color:#0f0;color:#010}.theme-matrix .comment-box__submit:hover:not(:disabled){background-color:#0d0}.theme-retro .comment-box__textarea{background-color:#1a1a1a;border-color:#333;color:#ff6b6b}.theme-retro .comment-box__textarea:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.theme-retro .comment-box__submit{background-color:#ff6b6b;color:#1a1a1a}.theme-retro .comment-box__submit:hover:not(:disabled){background-color:#ff5252}.comment-list{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color,#e5e7eb);margin-top:2rem;padding-top:2rem}.comment-list__header{margin-bottom:1.5rem}.comment-list__title{color:#111827;color:var(--text-primary,#111827);font-size:1.25rem;font-weight:600;margin:0}.comment-list__error,.comment-list__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.comment-list__spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#007bff;border:3px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--accent-color,#007bff);height:40px;margin-bottom:1rem;width:40px}.comment-list__error p,.comment-list__loading p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;margin:0}.comment-list__retry{background-color:#007bff;background-color:var(--accent-color,#007bff);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;margin-top:1rem;padding:.625rem 1.25rem;transition:all .2s ease}.comment-list__retry:hover{background-color:#0056b3;background-color:var(--accent-color-dark,#0056b3);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.comment-list__retry:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.comment-list__login-prompt{background-color:#f9fafb;background-color:var(--secondary-bg,#f9fafb);border:2px dashed #d1d5db;border:2px dashed var(--border-color,#d1d5db);border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.comment-list__login-prompt p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9375rem;margin:0}.comment-list__empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.comment-list__empty-icon{color:#9ca3af;color:var(--text-tertiary,#9ca3af);margin-bottom:1rem}.comment-list__empty-text{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;margin:0;max-width:400px}.comment-list__comments{background-color:#fff;background-color:var(--bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;overflow:hidden}@media (prefers-color-scheme:dark){.comment-list{border-top-color:#374151}.comment-list__title{color:#f9fafb}.comment-list__spinner{border-color:#3b82f6 #374151 #374151;border-top-color:var(--accent-color,#3b82f6)}.comment-list__error p,.comment-list__loading p{color:#9ca3af}.comment-list__login-prompt{background-color:#1f2937;border-color:#374151}.comment-list__login-prompt p{color:#9ca3af}.comment-list__empty-icon{color:#6b7280}.comment-list__empty-text{color:#9ca3af}.comment-list__comments{background-color:#1f2937;border-color:#374151}}.theme-dark .comment-list{border-top-color:#374151}.theme-dark .comment-list__title{color:#f9fafb}.theme-dark .comment-list__comments{background-color:#1f2937;border-color:#374151}.theme-matrix .comment-list{border-top-color:#030}.theme-matrix .comment-list__title{color:#0f0}.theme-matrix .comment-list__spinner{border-color:#0f0 #030 #030}.theme-matrix .comment-list__login-prompt{background-color:#00ff000d;border-color:#030}.theme-matrix .comment-list__login-prompt p{color:#0f0}.theme-matrix .comment-list__comments{background-color:#010;border-color:#030}.theme-retro .comment-list{border-top-color:#333}.theme-retro .comment-list__title{color:#ff6b6b}.theme-retro .comment-list__spinner{border-color:#ff6b6b #333 #333}.theme-retro .comment-list__login-prompt{background-color:#ff6b6b0d;border-color:#333}.theme-retro .comment-list__login-prompt p{color:#ff6b6b}.theme-retro .comment-list__comments{background-color:#1a1a1a;border-color:#333}@media (max-width:640px){.comment-list{margin-top:1.5rem;padding-top:1.5rem}.comment-list__title{font-size:1.125rem}}.bookmark-cards-container{box-sizing:border-box;max-width:100%;padding:1rem 0;width:100%}.search-bar{margin-bottom:1.5rem;position:relative}.search-icon{color:var(--text-tertiary);font-size:1rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{background:var(--background-primary);padding:.75rem 3rem .75rem 2.75rem}.search-input:focus{box-shadow:0 0 0 3px var(--focus-ring)}.clear-search-btn{color:var(--text-tertiary);padding:.5rem;right:.5rem;top:50%;transform:translateY(-50%)}.clear-search-btn:hover{background:var(--hover-overlay)}.sort-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.sort-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.sort-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.sort-btn{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.25rem;padding:.5rem .75rem;transition:all .2s ease}.sort-btn:hover{background:var(--hover-overlay);border-color:var(--primary-500);color:var(--text-primary)}.sort-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.sort-btn i{font-size:.75rem;transition:transform .2s ease}.results-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.search-highlight{color:var(--primary-500);font-weight:500}.cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr;margin-top:1.5rem;max-width:100%;width:100%}@media (min-width:769px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.bookmark-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a,0 0 0 1px #7b9fd81a;box-shadow:0 2px 8px #0000001a,0 0 0 1px rgba(var(--primary-500-rgb,123,159,216),.1);cursor:pointer;display:flex;flex-direction:column;height:100%;max-width:100%;min-width:0;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.bookmark-card:hover{border-color:var(--primary-500);box-shadow:0 8px 24px #00000026,0 0 0 2px var(--primary-500),0 0 12px #7b9fd84d;box-shadow:0 8px 24px #00000026,0 0 0 2px var(--primary-500),0 0 12px rgba(var(--primary-500-rgb,123,159,216),.3);transform:translateY(-4px)}.bookmark-card.locked-card{cursor:pointer;opacity:.8}.bookmark-card.locked-card .card-excerpt{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.bookmark-card.locked-card:hover{opacity:.9;transform:translateY(-2px)}.locked-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:6px;box-shadow:0 2px 8px #ffa5004d;color:#000;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;left:50%;letter-spacing:.5px;padding:.375rem .75rem;position:absolute;text-transform:uppercase;top:60%;transform:translate(-50%,-50%);z-index:10}.locked-badge i{font-size:.875rem}.card-header{background:var(--background-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1rem}.card-cover,.card-cover-placeholder{border-radius:6px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:90px;overflow:hidden;width:60px}.card-cover img{height:100%;object-fit:cover;width:100%}.card-cover-placeholder{align-items:center;background:var(--background-primary);border:1px solid var(--border-color);color:var(--text-tertiary);font-size:1.5rem}.card-cover-placeholder,.card-meta{display:flex;justify-content:center}.card-meta{flex:1 1;flex-direction:column;min-width:0}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.card-author,.card-title{overflow:hidden;text-overflow:ellipsis}.card-author{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin:0 0 .5rem;white-space:nowrap}.card-position{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.25rem;margin:0}.similarity-score{color:var(--primary-500);font-size:.75rem;font-weight:600}.card-bookmark-number{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;margin:0}.card-badges{-ms-overflow-style:none;display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem;scrollbar-width:none}.card-badges::-webkit-scrollbar{display:none}.card-badge{border-radius:12px;display:inline-block;flex-shrink:0;font-size:.65rem;font-weight:500;max-width:120px;overflow:hidden;padding:.2rem .45rem;text-overflow:ellipsis;white-space:nowrap}.badge-genre{background:#4a90e226;color:#4a90e2}.badge-mood{background:#9333ea26;color:#9333ea}.badge-period{background:#64748b26;color:#64748b}.card-excerpt{flex:1 1;padding:1rem}.card-excerpt p{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis}.card-footer{background:var(--background-tertiary);border-top:1px solid var(--border-color);justify-content:space-between;overflow-x:auto;padding:.75rem 1rem}.card-footer,.card-footer-left{align-items:center;display:flex;flex-wrap:nowrap}.card-footer-left{gap:.5rem}.card-footer-right{align-items:center;display:flex;gap:.5rem;margin-left:auto}.card-engagement-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.25rem;padding:.25rem .5rem;transition:transform .2s ease}.card-engagement-btn:hover{background:var(--hover-overlay);transform:scale(1.1)}.card-engagement-btn:active{transform:scale(.95)}.engagement-icon{font-size:1.1rem;line-height:1}.engagement-count{color:var(--text-primary);font-size:.85rem;font-weight:600}.card-action-btn{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;min-height:32px;min-width:32px;transition:all .2s ease;width:32px}.card-action-btn i{font-size:1rem}.card-action-btn:hover{background:var(--hover-overlay);border-color:var(--primary-500);transform:translateY(-2px)}.card-action-btn:active{transform:scale(.95)}.bookmark-btn:hover{color:var(--primary-500)}.bookmark-btn.unsaved{opacity:.6}.play-btn:hover{color:var(--primary-500)}.share-btn:hover{border-color:var(--success);color:var(--success)}.export-btn:hover{background:var(--info);border-color:var(--info);color:#fff}.card-remove-btn{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;opacity:.7;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:10}.card-remove-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff;opacity:1;transform:scale(1.1)}.card-remove-btn:active{transform:scale(.95)}.card-remove-btn i{font-size:.9rem}.no-results{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.no-results h4{color:var(--text-primary);margin-bottom:.5rem}.no-results p{font-size:.9rem}[data-theme=light] .search-input{background:var(--background-primary);border-color:var(--border-color)}[data-theme=light] .search-input:focus{background:#fff;border-color:var(--primary-500)}[data-theme=light] .bookmark-card{box-shadow:0 2px 8px #00000014,0 0 0 1px #b4c8ff4d,0 0 15px #b4c8ff66!important}[data-theme=light] .bookmark-card:hover{box-shadow:0 8px 24px #0000001f,0 0 0 2px var(--primary-500),0 0 25px #b4c8ff99,0 0 35px #c8b4ff80!important}[data-theme=dark] .search-input{background:var(--background-secondary);border-color:var(--border-color)}[data-theme=dark] .search-input:focus{background:var(--background-primary);border-color:var(--primary-500)}[data-theme=dark] .bookmark-card{background:var(--background-tertiary);box-shadow:0 2px 8px #0000004d,0 0 0 1px #b4a0ff59,0 0 15px #b4a0ff73!important}[data-theme=dark] .bookmark-card:hover{background:var(--background-secondary);box-shadow:0 8px 24px #00000080,0 0 0 2px var(--primary-500),0 0 25px #b4a0ffb3,0 0 40px #c8b4ff99!important}[data-theme=matrix] .search-input{background:#0000004d;border-color:var(--primary-500);color:var(--primary-500)}[data-theme=matrix] .search-input:focus{background:#00000080;border-color:var(--primary-500);box-shadow:0 0 10px #00ff004d}[data-theme=matrix] .search-input::placeholder{color:#00ff0080}[data-theme=matrix] .search-icon{color:var(--primary-500)}[data-theme=matrix] .sort-btn{border-color:var(--primary-500)}[data-theme=matrix] .sort-btn:hover{background:var(--hover-overlay);box-shadow:0 0 5px #0f03}[data-theme=matrix] .sort-btn.active{background:var(--primary-500);box-shadow:0 0 10px #0f06;color:#000}[data-theme=matrix] .bookmark-card{background:#00ff0005;border-color:var(--primary-500);box-shadow:0 2px 8px #00ff0026,0 0 0 1px var(--primary-500),0 0 15px #96ffb480!important}[data-theme=matrix] .bookmark-card:hover{background:#00ff000d;border-color:var(--primary-500);box-shadow:0 8px 24px #00ff0059,0 0 0 2px var(--primary-500),0 0 25px #96ffb4bf,0 0 40px #b4ffc899!important}[data-theme=matrix] .card-header{background:var(--background-primary);box-shadow:inset 0 -1px 0 var(--primary-500)}[data-theme=matrix] .card-title{color:var(--primary-500);text-shadow:0 0 5px #00ff004d}[data-theme=matrix] .card-cover-placeholder{background:#00ff000d;border-color:var(--primary-500);color:var(--primary-500)}[data-theme=matrix] .bookmark-btn:hover,[data-theme=matrix] .play-btn:hover{background:var(--primary-500);box-shadow:0 0 10px #00ff0080;color:#000}[data-theme=matrix] .share-btn:hover{background:var(--success);box-shadow:0 0 10px #00ff0080;color:#000}[data-theme=matrix] .export-btn:hover{background:var(--info);box-shadow:0 0 10px #00ff0080;color:#000}[data-theme=matrix] .card-action-btn{border-color:var(--primary-500)}[data-theme=matrix] .card-action-btn:hover{background:#00ff001a;box-shadow:0 0 10px #00ff004d}[data-theme=dark] .card-footer,[data-theme=dark] .card-header,[data-theme=retro] .search-input{background:var(--background-primary)}[data-theme=retro] .search-input{border:2px solid var(--border-color)}[data-theme=retro] .search-input:focus{border-color:var(--primary-500)}[data-theme=retro] .bookmark-card{border:2px solid var(--border-color);box-shadow:4px 4px 0 #0000001a}[data-theme=retro] .bookmark-card:hover{box-shadow:6px 6px 0 #00000026;transform:translate(-2px,-2px)}[data-theme=retro] .card-header{background:#ff9f1c4d;color:var(--text-primary)}[data-theme=retro] .card-title{color:var(--text-primary)}[data-theme=retro] .card-author{color:#2a2118cc}[data-theme=retro] .card-date{color:#2a211899}[data-theme=retro] .sort-btn{border:2px solid var(--border-color)}[data-theme=retro] .sort-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:var(--background-primary)}[data-theme=retro] .card-cover-placeholder{border:2px solid var(--border-color)}@media (max-width:1024px) and (min-width:769px){.cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.bookmark-cards-container{padding:.75rem 0}.search-bar{display:none}.search-bar.search-expanded{display:block}.cards-grid{gap:1rem;grid-template-columns:1fr!important}.card-header{grid-gap:.5rem .75rem;display:grid;gap:.5rem .75rem;grid-template-areas:"cover title" "badges title";grid-template-columns:50px 1fr;grid-template-rows:auto auto}.card-cover,.card-cover-placeholder{grid-area:cover}.card-meta{grid-area:title}.card-badges{align-self:start;grid-area:badges;margin-top:0}.sort-controls{align-items:flex-start;flex-direction:column;gap:.75rem}.sort-buttons{justify-content:flex-start;width:100%}.sort-btn{flex:1 1;justify-content:center;min-width:0}.bookmark-card{border-radius:10px}.bookmark-card:hover{transform:translateY(-2px)}.card-header{padding:.875rem}.card-cover,.card-cover-placeholder{height:75px;width:50px}.card-title{font-size:.95rem}.card-author{font-size:.8rem}.card-date{font-size:.75rem}.card-excerpt p{-webkit-line-clamp:3;font-size:.85rem}.card-footer{padding:.625rem .875rem}.card-action-btn{height:32px;min-height:32px;min-width:32px;width:32px}.card-action-btn i{font-size:.9rem}}@media (max-width:480px){.bookmark-cards-container{padding:.5rem 0}.cards-grid{gap:.75rem}.search-input{font-size:.95rem;padding:.625rem 2.5rem}.search-icon{font-size:.95rem;left:.75rem}.clear-search-btn{right:.25rem}.sort-btn,.sort-label{font-size:.85rem}.sort-btn{padding:.4rem .6rem}.card-excerpt p{-webkit-line-clamp:2}}.current-excerpt{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-500),0 0 20px #7b9fd880;box-shadow:0 0 0 2px var(--primary-500),0 0 20px rgba(var(--primary-500-rgb,123,159,216),.5)}.current-badge{font-size:1rem}.bookmark-btn.saved,.current-badge{color:var(--primary-500)}@media (hover:none) and (pointer:coarse){.bookmark-card:active{transform:scale(.98)}.card-action-btn:active{transform:scale(.95)}.card-action-btn{min-height:32px;min-width:32px}.clear-search-btn{min-height:44px;min-width:44px}}.book-excerpt-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px 0;position:fixed;right:0;top:0;z-index:10000}.book-excerpt-modal{animation:modal-slide-up .3s ease-out;background-color:var(--background-secondary);border:none;border-radius:0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100%;position:relative;width:100%}@media (min-width:768px){.book-excerpt-modal-overlay{padding:var(--space-4)}.book-excerpt-modal{border:2px solid var(--border-color);border-radius:var(--radius-lg);height:auto;max-height:90vh;max-width:700px;width:100%}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background-color:var(--background-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--space-3);justify-content:space-between;padding:var(--space-4)}.modal-title{flex:1 1;font-size:1.1rem;font-weight:var(--font-bold);margin:0;text-align:center}.modal-title,.nav-btn{color:var(--text-primary)}.nav-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;padding:0;transition:all var(--transition-fast);width:2.5rem}.nav-btn:hover:not(:disabled){background-color:var(--hover-overlay);border-color:var(--primary-500);color:var(--primary-500)}.nav-btn:disabled{cursor:not-allowed;opacity:.3}.modal-close-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:2.5rem;justify-content:center;transition:all var(--transition-fast);width:2.5rem}.modal-close-btn:hover{background-color:var(--hover-overlay);border-color:var(--error);color:var(--error)}.book-excerpt-modal-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding:var(--space-4)}@media (min-width:768px){.book-excerpt-modal-content{gap:var(--space-6);padding:var(--space-8)}}.book-excerpt-modal .book-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.book-excerpt-modal .book-title-header{color:var(--text-primary);font-size:1.1rem;font-weight:var(--font-bold);line-height:1.4;margin:0}.book-excerpt-modal .book-author-header{color:var(--text-secondary);font-size:.95rem;font-style:italic;font-weight:400}.book-excerpt-modal .excerpt-text{word-wrap:break-word;color:var(--text-primary);font-family:var(--font-active);font-size:1rem;line-height:1.6;padding:0;text-align:left;white-space:pre-wrap}@media (min-width:768px){.book-excerpt-modal .excerpt-text{font-size:1.05rem;line-height:1.7}}.book-excerpt-modal .excerpt-text p{margin:0}.book-excerpt-modal .page-context{color:var(--text-secondary);display:block;font-size:.875rem;font-style:italic;margin-top:var(--space-4);text-align:left}.book-excerpt-modal .reveal-section{display:flex;justify-content:center;padding:var(--space-4) 0}.book-excerpt-modal .book-details{align-items:flex-start;background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-6);padding:var(--space-6)}.book-excerpt-modal .book-cover{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);height:auto;object-fit:cover}.book-excerpt-modal .book-cover-placeholder{align-items:center;background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--text-tertiary);display:flex;font-size:2rem;height:210px;justify-content:center;width:140px}.book-excerpt-modal .book-info{flex:1 1}.book-excerpt-modal .book-title{color:var(--text-primary);font-size:1.25rem;font-weight:var(--font-bold);margin-bottom:var(--space-3)}.book-excerpt-modal .book-author{color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-2)}.book-excerpt-modal .book-isbn{margin:0}.book-excerpt-modal .excerpt-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);padding-top:var(--space-3)}.book-excerpt-modal .btn-save{align-items:center;display:flex;justify-content:center;width:100%}.book-excerpt-modal .book-excerpt-error{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);text-align:center}[data-theme=matrix] .book-excerpt-modal{background-color:#000;border-color:var(--primary-500);box-shadow:0 0 30px #00ff0080}[data-theme=matrix] .book-excerpt-modal .excerpt-text{background-color:#00ff000d;border-left-color:var(--primary-500)}[data-theme=matrix] .book-excerpt-modal .excerpt-text p{color:#0f0;text-shadow:0 0 5px #00ff004d}[data-theme=matrix] .book-excerpt-modal .book-details{background-color:#00ff000d;border-color:var(--primary-500)}[data-theme=retro] .book-excerpt-modal .excerpt-text{font-family:Courier New,monospace}.book-excerpt-modal .book-details{align-items:center;flex-direction:column;text-align:center}.book-excerpt-modal .book-cover{width:140px}@media (min-width:768px){.book-excerpt-modal .book-details{align-items:flex-start;flex-direction:row;text-align:left}.book-excerpt-modal .book-cover{width:140px}}.modal-footer-controls{align-items:center;background-color:var(--background-secondary);border-top:1px solid var(--border-color);bottom:0;display:flex;justify-content:center;left:0;margin-top:auto;padding:var(--space-3);position:-webkit-sticky;position:sticky;right:0;z-index:10}.footer-actions{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;max-width:500px;width:100%}.footer-actions>button{align-items:center;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:0;transition:all var(--transition-fast);width:40px}.footer-actions>button:hover:not(:disabled){transform:scale(1.1)}.font-size-controls{gap:var(--space-3)}.font-size-controls button{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;padding:0;transition:all var(--transition-fast);width:36px}.font-size-controls button:hover:not(:disabled){transform:scale(1.1)}.font-size-controls button:disabled{cursor:not-allowed;opacity:.4}.font-size-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;min-width:45px;text-align:center}.trial-banner{align-items:center;animation:slideDown .3s ease-out;box-shadow:0 2px 8px #00000026;display:flex;justify-content:center;left:0;padding:.75rem 1.5rem;position:fixed;right:0;top:60px;z-index:999}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.trial-banner-content{align-items:center;display:flex}.trial-warning{background-color:#ff9800;color:#fff}.trial-urgent{background-color:#ff5722;color:#fff}.trial-expired{background-color:#d32f2f;color:#fff}.trial-banner .btn-light{font-weight:600}.trial-banner .btn-link{font-size:1.5rem;line-height:1;padding:0 .5rem;text-decoration:none}.trial-banner .btn-link:hover{opacity:.8}[data-theme=matrix] .trial-warning{background:linear-gradient(90deg,#ff9800e6,#ff9800b3);border-bottom:1px solid var(--accent-color)}[data-theme=matrix] .trial-urgent{background:linear-gradient(90deg,#ff5722e6,#ff5722b3);border-bottom:1px solid var(--accent-color)}[data-theme=matrix] .trial-expired{background:linear-gradient(90deg,#d32f2fe6,#d32f2fb3);border-bottom:1px solid var(--accent-color)}.filter-status-bar{align-items:center;background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;gap:6px;left:0;max-width:100vw;overflow:hidden;padding:6px 10px;position:fixed;right:0;top:61px;width:100%;z-index:999}.filter-pills-container{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;gap:4px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.filter-pills-container::-webkit-scrollbar{display:none}.filter-pill{align-items:center;background:#fff;background:var(--card-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;min-height:0;min-height:auto;padding:5px 10px;transition:all .2s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.filter-pill:hover{background:#667eea;background:var(--primary-color,#667eea);border-color:#667eea;border-color:var(--primary-color,#667eea);color:#fff;transform:translateY(-1px)}.filter-dismiss-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:0;min-height:auto;padding:4px;transition:all .2s ease}.filter-dismiss-btn:hover{background:#e9ecef;background:var(--background-tertiary,#e9ecef);color:#333;color:var(--text-primary,#333)}.filter-dismiss-btn i{font-size:14px}[data-theme=dark] .filter-status-bar{background:#2d2d2d;border-color:#444}[data-theme=dark] .filter-pill{background:#1a1a1a;border-color:#444;color:#e0e0e0}[data-theme=dark] .filter-pill:hover{background:#667eea;border-color:#667eea;color:#fff}[data-theme=matrix] .filter-status-bar{background:#001400f2;border-color:#00ff004d}[data-theme=matrix] .filter-pill{background:#00ff001a;border-color:#0f06;color:#0f0}[data-theme=matrix] .filter-pill:hover{background:#0f0;border-color:#0f0;color:#000}[data-theme=matrix] .filter-dismiss-btn{color:#0f0}[data-theme=retro] .filter-status-bar{background:#fff8e1;border-color:#ff6b6b}[data-theme=retro] .filter-pill{background:#fff;border-color:#ff6b6b;color:#333}[data-theme=retro] .filter-pill:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}@media (max-width:768px){.filter-status-bar{gap:5px;padding:5px 8px;top:49px}.filter-pills-container{gap:3px}.filter-pill{font-size:11px;padding:3px 6px}}@media (max-width:480px){.filter-status-bar{gap:4px;padding:4px 6px}.filter-pills-container{gap:3px}.filter-pill{font-size:10px;padding:2px 5px}}.legal-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.legal-modal-content{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:900px;position:relative;width:100%}.legal-modal-close{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.legal-modal-close:hover{background:var(--error);border-color:var(--error);color:#fff;transform:scale(1.05)}.legal-modal-close:active{transform:scale(.98)}.legal-modal-body{flex:1 1;overflow-y:auto;padding:2rem}.legal-modal-body::-webkit-scrollbar{width:8px}.legal-modal-body::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px}.legal-modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.legal-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.legal-modal-body .legal-header{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:2rem;padding:1.5rem;text-align:center}.legal-modal-body .legal-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.legal-modal-body .legal-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0 0 .5rem}.legal-modal-body .legal-updated{color:var(--text-tertiary);font-size:.75rem;font-style:italic;margin:0}.legal-modal-body .legal-toc{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.25rem 1.5rem}.legal-modal-body .legal-toc h3{color:var(--text-primary);font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.legal-modal-body .legal-toc ul{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.legal-modal-body .legal-toc li{margin:0}.legal-modal-body .legal-toc a{color:var(--text-primary);cursor:pointer;display:block;font-size:.85rem;font-weight:400;padding:.4rem 0;text-decoration:none;transition:color .2s ease}.legal-modal-body .legal-toc a:hover{color:var(--accent-color)}.legal-modal-body .legal-section{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:2rem;padding:1.5rem;scroll-margin-top:20px}.legal-modal-body .legal-section:last-of-type{margin-bottom:1.5rem}.legal-modal-body .section-icon{align-items:center;background-color:var(--accent-color);border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:1.25rem;height:36px;justify-content:center;margin-bottom:.75rem;width:36px}.legal-modal-body .legal-section h2{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 1rem}.legal-modal-body .legal-section h3{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:1.5rem 0 .75rem}.legal-modal-body .legal-section h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:1.25rem 0 .5rem}.legal-modal-body .legal-section ol,.legal-modal-body .legal-section p,.legal-modal-body .legal-section ul{color:var(--text-primary);font-size:.9rem;line-height:1.6;margin-bottom:.875rem}.legal-modal-body .legal-section ol,.legal-modal-body .legal-section ul{padding-left:1.75rem}.legal-modal-body .legal-section li{margin-bottom:.4rem}.legal-modal-body .legal-section code{background-color:var(--background-tertiary);border-radius:3px;color:var(--accent-color);font-family:Courier New,monospace;font-size:.85em;padding:.2rem .4rem}.legal-modal-body .legal-section a{color:var(--accent-color);font-weight:500;text-decoration:none}.legal-modal-body .legal-section a:hover{text-decoration:underline}.legal-modal-body .legal-box{background-color:var(--background-tertiary);border-left:3px solid var(--accent-color);border-radius:var(--radius-sm);margin:1rem 0;padding:1rem 1.25rem}.legal-modal-body .legal-box p:last-child{margin-bottom:0}.legal-modal-body .highlight-box{background-color:#667eea14;border-left:3px solid var(--accent-color)}.legal-modal-body .legal-note{align-items:flex-start;background-color:var(--background-tertiary);border-left:3px solid var(--accent-color);border-radius:var(--radius-sm);display:flex;gap:.75rem;margin:1rem 0;padding:.875rem 1rem}.legal-modal-body .legal-note i{color:var(--accent-color);flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.legal-modal-body .legal-note span{flex:1 1;font-size:.9rem}.legal-modal-body .warning-note{background-color:#ffc1071a;border-left:3px solid #ffc107}.legal-modal-body .warning-note i{color:#ffc107}.legal-modal-body .contact-box{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.legal-modal-body .contact-item{align-items:center;background-color:var(--background-tertiary);border-radius:var(--radius-md);display:flex;gap:.875rem;padding:1rem}.legal-modal-body .contact-item i{color:var(--accent-color);flex-shrink:0;font-size:1.5rem}.legal-modal-body .contact-item div{flex:1 1;min-width:0}.legal-modal-body .contact-item strong{color:var(--text-primary);display:block;font-size:.8rem;margin-bottom:.25rem}.legal-modal-body .contact-item a{color:var(--accent-color);font-size:.85rem;font-weight:500;text-decoration:none;word-break:break-word}.legal-modal-body .contact-item a:hover{text-decoration:underline}.legal-modal-body .legal-page-footer{border-top:2px solid var(--border-color);margin-top:3rem;padding-top:2rem;text-align:center}.legal-modal-body .legal-page-footer p{color:var(--text-secondary);font-size:.85rem;margin:.5rem 0}.legal-modal-body .legal-footer-note{font-size:.8rem;font-style:italic}@media (max-width:768px){.legal-modal-overlay{padding:.5rem}.legal-modal-content{border-radius:var(--radius-md);max-height:95vh}.legal-modal-body{padding:1.5rem 1rem}.legal-modal-close{font-size:.9rem;height:32px;right:.75rem;top:.75rem;width:32px}.legal-modal-body .legal-header{padding:1.25rem}.legal-modal-body .legal-header h1{font-size:1.4rem}.legal-modal-body .legal-subtitle{font-size:.85rem}.legal-modal-body .legal-section{padding:1.25rem}.legal-modal-body .legal-section h2{font-size:1.15rem}.legal-modal-body .legal-section h3{font-size:.95rem}.legal-modal-body .section-icon{font-size:1.1rem;height:32px;width:32px}.legal-modal-body .legal-toc{padding:1rem}.legal-modal-body .contact-box,.legal-modal-body .legal-toc ul{grid-template-columns:1fr}}.legal-modal-body .legal-section a:focus,.legal-modal-body .legal-toc a:focus{border-radius:2px;outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.legal-modal-body .legal-section a,.legal-modal-body .legal-toc a,.legal-modal-close{transition:none}}.compact-affiliate-notice{background-color:var(--card-bg);border-top:1px solid var(--border-color);line-height:1!important;margin:.75rem 0 0!important;padding:.5rem .75rem!important;text-align:center;width:100%}.compact-affiliate-notice p{color:var(--text-secondary);display:block;font-size:.7rem!important;height:auto;line-height:1.3!important;margin:0!important;padding:0!important}.compact-affiliate-notice .legal-link{color:var(--primary-color);display:inline;font-weight:500;text-decoration:none;transition:opacity .2s;vertical-align:initial}.compact-affiliate-notice .legal-link:hover{opacity:.8;text-decoration:underline}.compact-affiliate-notice .legal-button{background:none!important;border:none!important;cursor:pointer;display:inline!important;font-family:inherit!important;font-size:inherit!important;height:auto!important;line-height:1!important;margin:0!important;min-height:0!important;padding:0!important;vertical-align:initial}[data-theme=light] .compact-affiliate-notice{background-color:#f8f9fa;border-top-color:#dee2e6}[data-theme=dark] .compact-affiliate-notice{background-color:#ffffff0d;border-top-color:#ffffff1a}[data-theme=matrix] .compact-affiliate-notice{background-color:#001400cc;border-top-color:#00ff4133}[data-theme=matrix] .compact-affiliate-notice p{color:#00ff41b3}[data-theme=matrix] .compact-affiliate-notice .legal-link{color:#00ff41}[data-theme=retro] .compact-affiliate-notice{background-color:#fff9f0;border-top:1px solid #d4a574}[data-theme=retro] .compact-affiliate-notice p{color:#5a4a3a;font-family:Courier New,monospace}@media (max-width:768px){.compact-affiliate-notice{margin-top:.6rem!important;padding:.4rem .6rem!important}.compact-affiliate-notice p{font-size:.65rem!important;line-height:1.3!important}}.compact-affiliate-notice .legal-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.compact-affiliate-notice .legal-link{transition:none}}.saved-excerpts-container{box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;padding:80px 1rem}.saved-excerpts-reader-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;padding:1rem 0}.bookmark-cards-wrapper{max-width:100%;width:100%}.saved-excerpts-controls{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;margin-top:1.5rem;padding:0 1rem}.view-toggle{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.view-toggle-btn:hover:not(:disabled){background:var(--hover-overlay);color:var(--text-primary)}.view-toggle-btn.active{background:var(--primary-500);color:#fff}.view-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.view-toggle-btn i{font-size:1.1rem}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center}.empty-state,.loading-state{min-height:400px}.empty-state .empty-icon{color:var(--text-tertiary);font-size:5rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-state p{font-size:1rem;margin-bottom:1.5rem}.bookmark-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.bookmark-actions .btn{min-width:150px}@media (max-width:768px){.bookmark-cards-wrapper{padding:0 8px}.saved-excerpts-controls{display:none}.bookmark-actions{flex-direction:column}.bookmark-actions .btn{width:100%}}[data-theme=matrix] .view-toggle{border-color:var(--primary-500);box-shadow:0 0 5px #0f03}[data-theme=matrix] .view-toggle-btn.active{background:var(--primary-500);box-shadow:0 0 10px #0f06;color:#000}[data-theme=matrix] .view-toggle-btn:hover:not(:disabled):not(.active){background:var(--hover-overlay);box-shadow:0 0 5px #0f03}[data-theme=dark] .view-toggle{background:var(--background-tertiary)}[data-theme=dark] .view-toggle-btn.active{background:var(--primary-500)}[data-theme=retro] .view-toggle{border:2px solid var(--border-color)}[data-theme=retro] .view-toggle-btn.active{background:var(--primary-500);color:var(--background-primary)}.home-container{background:var(--background-primary);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;padding-bottom:70px;padding-top:60px}.home-content{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1200px;padding:20px;width:100%}.home-content.with-filter-pills{padding-top:60px}.home-footer{align-items:center;background:var(--background-secondary);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;gap:.75rem;justify-content:space-between;left:0;padding:.625rem;position:fixed;right:0;width:100%;z-index:998}.footer-new-excerpt-btn{flex:0 0 auto;font-size:.95rem;padding:.625rem 1rem}.footer-action-btn{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;height:48px;justify-content:center;min-height:48px;min-width:48px;transition:all .2s ease;width:48px}.footer-action-btn:focus{outline:none}.footer-action-btn:hover{background:var(--hover-overlay);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.footer-action-btn:active{background:var(--primary-500);border-color:var(--primary-600);transform:scale(.95)}.footer-action-btn.active{background:var(--background-tertiary);border-color:var(--border-color);color:var(--primary-500)}.footer-action-btn:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}.footer-action-btn.disabled-placeholder{cursor:not-allowed;opacity:.4}.footer-action-btn.disabled-placeholder:hover{background:var(--background-tertiary);border-color:var(--border-color);color:var(--text-primary);transform:none}[data-theme=matrix] .footer-action-btn:hover{border-color:#00ff41;box-shadow:0 0 10px #00ff414d;color:#00ff41}[data-theme=matrix] .footer-action-btn.active{background:var(--background-tertiary);border-color:var(--border-color);box-shadow:0 0 15px #00ff4180;color:var(--primary-500)}.font-size-controls{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:24px;display:flex;gap:.375rem;padding:.25rem}.font-size-controls .footer-action-btn{border-radius:50%;height:44px;min-height:44px;min-width:44px;width:44px}.font-size-controls .footer-action-btn:disabled{cursor:not-allowed;opacity:.4}.font-size-controls .footer-action-btn:disabled:hover{background:var(--background-tertiary);border-color:var(--border-color);color:var(--text-primary);transform:none}[data-theme=matrix] .font-size-controls{background:#00ff410d;border-color:#00ff41}[data-theme=matrix] .font-size-controls .footer-action-btn{background:#00ff411a}[data-theme=matrix] .font-size-controls .footer-action-btn:disabled:hover{background:#00ff411a;border-color:var(--border-color);box-shadow:none}.excerpt-navigation-controls{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:24px;display:flex;gap:.375rem;padding:.25rem}.navigation-counter{color:var(--text-secondary);font-size:.75rem;font-weight:var(--font-medium);min-width:2.5rem;text-align:center;-webkit-user-select:none;user-select:none}.excerpt-navigation-controls .footer-action-btn{border-radius:50%;height:44px;min-height:44px;min-width:44px;width:44px}.excerpt-navigation-controls .footer-action-btn:disabled{cursor:not-allowed;opacity:.4}.excerpt-navigation-controls .footer-action-btn:disabled:hover{background:var(--background-tertiary);border-color:var(--border-color);color:var(--text-primary);transform:none}.excerpt-navigation-controls .footer-action-btn.shuffle-active{background:var(--primary-500);border-color:var(--primary-500);color:var(--background-primary)}.excerpt-navigation-controls .footer-action-btn.shuffle-active:hover{background:var(--primary-500);border-color:var(--primary-500);opacity:.9;transform:translateY(-2px)}[data-theme=matrix] .excerpt-navigation-controls{background:#00ff410d;border-color:#00ff41}[data-theme=matrix] .excerpt-navigation-controls .footer-action-btn{background:#00ff411a}[data-theme=matrix] .excerpt-navigation-controls .footer-action-btn:disabled:hover{background:#00ff411a;border-color:var(--border-color);box-shadow:none}[data-theme=matrix] .excerpt-navigation-controls .footer-action-btn.shuffle-active{background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 0 15px #00ff4180;color:var(--background-primary)}[data-theme=matrix] .excerpt-navigation-controls .footer-action-btn.shuffle-active:hover{background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 0 20px #00ff41b3;opacity:.9}.home-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.home-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--primary-color));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.home-header .subtitle{color:var(--text-secondary);font-size:1.25rem;font-weight:300}[data-theme=matrix] .home-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00ff41,#00aa2b);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 20px #00ff4180}[data-theme=retro] .home-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;background-clip:text}@media (min-width:769px){.home-footer{justify-content:flex-start}.home-footer .font-size-controls{margin-left:auto}.home-footer>.demo-mode-badge,.home-footer>button.footer-action-btn:first-of-type,.home-footer>button.footer-action-btn:nth-of-type(2),.home-footer>button.footer-action-btn:nth-of-type(3){margin-right:.5rem}}@media (max-width:768px){.home-content{padding:8px}.home-content.with-filter-pills{padding-top:50px}.home-header h1{font-size:2rem;margin-bottom:.5rem}.home-header .subtitle{font-size:.95rem;padding:0 .5rem}.home-footer{gap:.5rem;padding:.5rem .75rem}.footer-action-btn{font-size:.9rem;height:48px;min-height:48px;min-width:48px;width:48px}.footer-new-excerpt-btn{font-size:.9rem;padding:.625rem 1rem}.font-size-controls{gap:.25rem;padding:.25rem}.font-size-controls .footer-action-btn{height:44px;min-height:44px;min-width:44px;width:44px}.excerpt-navigation-controls{gap:.25rem;padding:.25rem}.excerpt-navigation-controls .footer-action-btn{height:44px;min-height:44px;min-width:44px;width:44px}}@media (max-width:480px){.home-header h1{font-size:1.75rem}.home-header .subtitle{font-size:.875rem}.home-content{padding:12px}.home-footer{gap:.375rem;padding:.5rem}.footer-action-btn{font-size:.85rem;height:40px;min-height:40px;min-width:40px;width:40px}.excerpt-navigation-controls,.font-size-controls{gap:.25rem;padding:.25rem}.excerpt-navigation-controls .footer-action-btn,.font-size-controls .footer-action-btn{height:38px;min-height:38px;min-width:38px;width:38px}.navigation-counter{font-size:.65rem;min-width:2rem}}@media (max-width:360px){.home-footer{gap:.25rem;padding:.375rem}.footer-action-btn{font-size:.8rem;height:36px;min-height:36px;min-width:36px;width:36px}.excerpt-navigation-controls,.font-size-controls{gap:.2rem;padding:.2rem}.excerpt-navigation-controls .footer-action-btn,.font-size-controls .footer-action-btn{height:34px;min-height:34px;min-width:34px;width:34px}.navigation-counter{font-size:.6rem;min-width:1.75rem}.fab{bottom:4rem}}.queue-initialization-container{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;width:100%}.queue-init-card{align-items:stretch;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;justify-content:flex-start;max-height:calc(100vh - 140px);max-width:500px;min-height:calc(100vh - 180px);overflow:hidden;padding:3rem 2.5rem 2.5rem;text-align:center}.queue-init-card,.queue-init-content{display:flex;position:relative;width:100%}.queue-init-content{flex-direction:column;justify-content:space-between;min-height:100%;z-index:10}.welcome-tagline{color:var(--text-color);font-size:1.3rem;font-weight:600;line-height:1.4;margin:.75rem 0 .5rem}.welcome-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto 1.5rem;max-width:600px}[data-theme=matrix] .welcome-tagline{color:#00ff41}[data-theme=retro] .welcome-tagline{font-family:Courier New,monospace}.queue-init-card h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:0}.queue-init-card p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:.75rem}.queue-init-subtitle{color:var(--text-tertiary)!important;font-size:.95rem!important;margin-bottom:2rem!important}.queue-init-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:.95rem;margin-bottom:0;margin-top:1rem;padding:.75rem 1rem}.queue-init-button{align-items:center;background:var(--primary-500);border:none;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:var(--background-primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 2rem;transition:all .2s ease}.queue-init-button:hover:not(:disabled){background:var(--primary-600);box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.queue-init-button:active:not(:disabled){transform:translateY(0)}.queue-init-button:disabled{cursor:not-allowed;opacity:.6}.queue-init-button i{font-size:1.25rem}[data-theme=matrix] .queue-init-card{background:#00ff410d;border-color:#00ff41;box-shadow:0 4px 20px #00ff4133}[data-theme=matrix] .queue-init-button{background:var(--primary-500);box-shadow:0 2px 15px #00ff414d}[data-theme=matrix] .queue-init-button:hover:not(:disabled){background:var(--primary-600);box-shadow:0 4px 20px #00ff4180}.fab{align-items:center;background:var(--primary-500);border:none;border-radius:28px;bottom:5.5rem;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;opacity:.7;position:fixed;right:1.5rem;transition:all .2s ease;width:56px;z-index:90}.fab.cards-mode{bottom:1.5rem}.fab:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.fab:active{box-shadow:0 2px 4px #0000004d;transform:translateY(0)}.fab i{font-size:1.75rem}[data-theme=matrix] .fab{background:var(--primary-500);box-shadow:0 0 15px #00ff4180,0 4px 8px #0000004d}[data-theme=matrix] .fab:hover{box-shadow:0 0 20px #00ff41b3,0 6px 12px #0006}@media (max-width:768px){.queue-initialization-container{padding:1.5rem}.queue-init-card{padding:2rem 1.5rem}.queue-init-card h2{font-size:1.5rem}.queue-init-card p{font-size:1rem}.queue-init-button{font-size:.95rem;padding:.75rem 1.75rem}.fab{bottom:5rem;height:52px;right:1rem;width:52px}.fab i{font-size:1.5rem}}@media (max-width:480px){.queue-initialization-container{padding:1rem}.queue-init-card{padding:1.5rem 1rem}.queue-init-card h2{font-size:1.375rem}.fab{bottom:4.5rem}.queue-init-card p{font-size:.95rem}.queue-init-button{padding:.75rem 1.5rem;width:100%}}.queue-init-card .matrix-rain-canvas{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}[data-theme=matrix] .queue-init-card .matrix-rain-canvas{opacity:1}.queue-init-card .letter-vortex{height:400px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1}[data-theme=dark] .queue-init-card .letter-vortex,[data-theme=light] .queue-init-card .letter-vortex{opacity:1}.queue-init-card .vortex-letter{animation:orbit var(--duration) linear infinite,fadeInLetter .5s ease-out forwards,pulseLetter 3s ease-in-out infinite;animation-delay:var(--delay),var(--delay),calc(var(--delay) + .5s);color:var(--text-secondary);filter:blur(0);filter:blur(var(--blur,0));font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:0 0 8px #0000;text-shadow:0 0 8px var(--glow-color,#0000);top:50%;transform:scale(1);transform:scale(var(--scale,1));transform-origin:center}.queue-init-card .hieroglyphs-container{height:400px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1}[data-theme=retro] .queue-init-card .hieroglyphs-container{opacity:1}.queue-init-card .hieroglyph{animation:orbit var(--duration) linear infinite,fadeInHieroglyph .5s ease-out forwards,pulseHieroglyph 3s ease-in-out infinite;animation-delay:var(--delay),var(--delay),calc(var(--delay) + .5s);color:var(--primary-color);filter:blur(0);filter:blur(var(--blur,0));font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:0 0 10px #ff6b3599;text-shadow:0 0 10px var(--glow-color,#ff6b3599);top:50%;transform:scale(1);transform:scale(var(--scale,1));transform-origin:center}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--radius))}to{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 1turn)) translateX(var(--radius)) rotate(1turn)}}@keyframes fadeInLetter{0%{opacity:0}to{opacity:.4}}@keyframes fadeInHieroglyph{0%{opacity:0}to{opacity:.5}}@keyframes pulseLetter{0%,to{filter:brightness(1);opacity:.4}50%{filter:brightness(1.3);opacity:.7}}@keyframes pulseHieroglyph{0%,to{filter:brightness(1);opacity:.5}50%{filter:brightness(1.4);opacity:.8}}[data-theme=light] .queue-init-card .vortex-letter{text-shadow:0 0 8px #3b82f666}[data-theme=dark] .queue-init-card .vortex-letter{text-shadow:0 0 10px #8b5cf680}[data-theme=matrix] .queue-init-card .vortex-letter{color:#00ff41;text-shadow:0 0 12px #00ff4199}[data-theme=matrix] .queue-init-card .matrix-rain-canvas{filter:drop-shadow(0 0 20px rgba(0,255,65,.3))}.demo-mode-container{min-height:60vh;width:100%}.demo-error,.demo-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:3rem 2rem;text-align:center}.demo-error i,.demo-loading i{opacity:.5}.demo-error p,.demo-loading p{font-size:1.1rem;margin:0}.demo-error,.demo-error i{color:#ef4444}@media (max-width:768px){.demo-error,.demo-loading{padding:2rem 1rem}.demo-error p,.demo-loading p{font-size:1rem}}.featured-tabs{background:var(--background-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:center;padding:1rem}.featured-tab-btn{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.featured-tab-btn i{font-size:1.1rem}.featured-tab-btn:hover{background:var(--background-primary);border-color:var(--primary-color);color:var(--text-primary)}.featured-tab-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.featured-tab-btn.active i{color:#fff}@media (max-width:768px){.featured-tabs{padding:.75rem .5rem}.featured-tab-btn{flex:1 1;font-size:.9rem;justify-content:center;padding:.625rem 1rem}.featured-tab-btn span{display:none}.featured-tab-btn i{font-size:1.25rem}}.demo-options-header{margin-bottom:3rem;padding:0 1rem;text-align:center}.demo-options-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.75rem}.demo-options-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.demo-options-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:900px;padding:0 1rem}.demo-option-card{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.demo-option-card:before{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.demo-option-card:hover{border-color:var(--primary-color);box-shadow:0 12px 32px #00000026;transform:translateY(-8px)}.demo-option-card:hover:before{transform:scaleX(1)}.demo-option-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:80px}.demo-option-card:hover .demo-option-icon{transform:scale(1.1) rotate(5deg)}.demo-option-icon i{color:#fff;font-size:2.5rem}.demo-option-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.demo-option-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.demo-option-badge{background:rgba(var(--primary-color-rgb),.1);border-radius:20px;display:inline-block;font-size:.85rem;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1rem}.demo-option-badge,.demo-option-cta{color:var(--primary-color);font-weight:600}.demo-option-cta{align-items:center;display:flex;gap:.5rem;justify-content:center;transition:all .3s ease}.demo-option-card:hover .demo-option-cta{gap:.75rem}.demo-option-cta i{transition:transform .3s ease}.demo-option-card:hover .demo-option-cta i{transform:translateX(4px)}.demo-back-button{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.demo-back-button:hover{background:var(--background-primary);border-color:var(--primary-color);color:var(--primary-color);transform:translateX(-4px)}.demo-back-button i{font-size:1.1rem}@media (max-width:768px){.demo-options-header h2{font-size:1.5rem}.demo-options-header p{font-size:1rem}.demo-options-container{gap:1.5rem;grid-template-columns:1fr;padding:0 .75rem}.demo-option-card{padding:2rem 1.5rem}.demo-option-icon{height:70px;width:70px}.demo-option-icon i{font-size:2rem}.demo-option-card h3{font-size:1.3rem}.demo-option-card p{font-size:.95rem}}@media (max-width:480px){.demo-options-header{margin-bottom:2rem}.demo-option-card{padding:1.75rem 1.25rem}.demo-option-icon{height:60px;width:60px}.demo-option-icon i{font-size:1.75rem}}.featured-excerpts-container{margin:0 auto;max-width:1400px;padding:2rem 1rem;width:100%}.featured-header{margin-bottom:2.5rem;padding:0 1rem;text-align:center}.featured-title{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:.75rem}.featured-title i{color:var(--accent-color);font-size:1.8rem}.featured-description{color:var(--text-secondary);font-size:1.1rem;opacity:.9}@media (max-width:768px){.featured-header{margin-bottom:2rem}.featured-title{font-size:1.5rem}.featured-title i{font-size:1.4rem}.featured-description{font-size:1rem}}.search-bar-container{align-items:stretch;display:flex;gap:.75rem;margin-bottom:1.5rem}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-icon-left{color:var(--text-secondary);font-size:1rem;left:1rem;pointer-events:none;position:absolute}.search-input{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 2.75rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #635bff1a;outline:none}.search-input::placeholder{color:var(--text-tertiary)}.clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;transition:all .2s ease}.clear-search-btn:hover{background:var(--background-primary);color:var(--text-primary)}.btn-search{background:var(--primary-500);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-search:hover:not(:disabled){background:var(--primary-600);box-shadow:0 4px 12px #635bff4d;transform:translateY(-1px)}.btn-search:disabled{cursor:not-allowed;opacity:.5}.btn-advanced-search{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn-advanced-search:hover{background:var(--background-primary);border-color:var(--primary-500);color:var(--primary-500)}.info-banner{align-items:center;background:#635bff1a;border:1px solid #635bff4d;border-radius:8px;color:var(--text-primary);display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem;padding:1rem 1.25rem}.info-banner i{color:var(--primary-500);flex-shrink:0;font-size:1.25rem}.info-banner strong{color:var(--primary-500);cursor:pointer}.info-banner strong:hover{text-decoration:underline}.empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon{color:var(--primary-500);font-size:4rem;margin-bottom:1.5rem;opacity:.5}.empty-state-title{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0 0 .75rem}.empty-state-message{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 1rem;max-width:500px}.empty-state-message small{color:var(--text-tertiary);display:block;font-size:.875rem;font-style:italic;margin-top:.75rem}.empty-state-subtext{align-items:center;color:var(--text-tertiary);display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.results-info{margin-bottom:1.5rem}.result-count{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;gap:.5rem}.result-count i{color:var(--primary-500)}.result-count strong{color:var(--text-primary);font-weight:600}.loading-container{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-container .spinner{animation:spin .8s linear infinite;border:4px solid var(--background-secondary);border-radius:50%;border-top-color:var(--primary-500);height:48px;margin-bottom:1.5rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{font-size:1rem;margin:0}.error-container{align-items:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.error-container i{flex-shrink:0;font-size:1.25rem}.error-container p{font-size:1rem;margin:0}@media (max-width:768px){.search-bar-container{flex-direction:column;gap:.625rem}.btn-advanced-search{justify-content:center;width:100%}.search-input{font-size:.95rem;padding:.625rem 2.5rem}.empty-state{padding:3rem 1.5rem}.empty-state-icon{font-size:3rem}.empty-state-title{font-size:1.5rem}.empty-state-message{font-size:.95rem}.info-banner{font-size:.9rem;padding:.875rem 1rem}}[data-theme=dark] .search-input{background:#ffffff0d}[data-theme=dark] .search-input:focus{background:#ffffff14}[data-theme=matrix] .search-input{border-color:#00ff004d}[data-theme=matrix] .search-input:focus{border-color:#0f0;box-shadow:0 0 0 3px #0f03}[data-theme=matrix] .empty-state-icon{color:#0f0}[data-theme=matrix] .btn-advanced-search:hover{border-color:#0f0;color:#0f0}[data-theme=retro] .search-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262633}[data-theme=retro] .empty-state-icon{color:#dc2626}[data-theme=retro] .btn-advanced-search:hover{border-color:#d97706;color:#d97706}.load-more-container{display:flex;justify-content:center;margin-top:1rem;padding:2rem 0}.btn-load-more{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 2rem;transition:all .2s ease}.btn-load-more:hover:not(:disabled){background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 4px 12px #635bff40;color:#fff;transform:translateY(-1px)}.btn-load-more:disabled{cursor:not-allowed;opacity:.6}[data-theme=matrix] .btn-load-more:hover:not(:disabled){background:#0f0;border-color:#0f0;box-shadow:0 4px 12px #00ff0040;color:#000}[data-theme=retro] .btn-load-more:hover:not(:disabled){background:#d97706;border-color:#d97706;box-shadow:0 4px 12px #d9770640;color:#fff}
/*# sourceMappingURL=main.0c0790fb.css.map*/