@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600;700&family=Kalam:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap";@supports not (color: var(--color-primary)){:root{background-color:#f7e7c1;color:#3b2f1a}body{background-color:#f7e7c1;color:#3b2f1a}.btn,.btn-primary,button[type=submit],input[type=submit]{background-color:#c98a2c;border-color:#c98a2c;color:#fff}.btn:hover,.btn-primary:hover,button[type=submit]:hover,input[type=submit]:hover{background-color:#b27821;border-color:#b27821}.btn-secondary{background-color:#fff8e6;border-color:#d1a45b;color:#3b2f1a}.btn-secondary:hover{background-color:#f0e6d2}.card,.story-card{background-color:#fff8e6;border-color:#d1a45b;color:#3b2f1a}.card:hover,.story-card:hover{background-color:#f0e6d2;border-color:#c98a2c}input[type=text],input[type=email],input[type=password],textarea,select{background-color:#fffaf0;border-color:#d1a45b;color:#3b2f1a}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{background-color:#fff;border-color:#c98a2c}[data-genre=REALISTYCZNA],.series-card{border-left-color:#4caf50}[data-genre=PRZYGODOWA]{border-left-color:#2196f3}[data-genre=EDUKACYJNA]{border-left-color:#ffc107}[data-genre=FANTASY]{border-left-color:#9c27b0}.age-tag,.age-badge{background-color:#fae5d3;border-color:#f4c2a1;color:#3b2f1a}.chapter-tag,.chapter-badge{background-color:#b3d9f2;border-color:#7fb3d3;color:#3b2f1a}}@media screen and (-webkit-min-device-pixel-ratio: 0){button,input[type=submit],input[type=button],select{-webkit-appearance:none;-webkit-border-radius:6px}*:focus{outline-offset:2px}}@-moz-document url-prefix(){button,.btn{padding:12px 24px}select{-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c98a2c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}input[type=text],input[type=email],input[type=password],textarea{-moz-appearance:none}}@supports (-ms-ime-align: auto){button,.btn{border:2px solid}select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c98a2c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}}@supports not (display: grid){.grid,.features-grid,.categories-grid,.products-grid{display:flex;flex-wrap:wrap;gap:20px}.grid .card,.features-grid .feature-card,.categories-grid .category-card,.products-grid .product-card{flex:1 1 300px;min-width:300px}}@supports not (display: flex){.filters,.hero-actions,.pagination{display:block}.filter-group,.hero-actions .btn,.pagination-btn{display:inline-block;margin:8px;vertical-align:top}}@supports not (transform: translateY(-2px)){.card:hover,.btn:hover,button:hover,.interactive-element:hover{margin-top:-2px;margin-bottom:2px}.card:active,.btn:active,button:active{margin-top:-1px;margin-bottom:1px}}@supports not (transition: all .2s){.card:hover,.btn:hover,button:hover{background-color:#f0e6d2;border-color:#c98a2c}}@supports not (box-shadow: 0 2px 8px rgba(0,0,0,.1)){.card,.btn,.filters,.pagination{border-width:3px;border-style:solid}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.filters{display:-ms-flexbox;-ms-flex-wrap:wrap;-ms-flex-align:center}.filter-group{-ms-flex:0 0 auto}.grid{display:-ms-grid;-ms-grid-columns:1fr 1fr 1fr;-ms-grid-rows:auto}.grid .card:nth-child(1){-ms-grid-column:1}.grid .card:nth-child(2){-ms-grid-column:2}.grid .card:nth-child(3){-ms-grid-column:3}.grid .card:nth-child(4){-ms-grid-column:1;-ms-grid-row:2}.grid .card:nth-child(5){-ms-grid-column:2;-ms-grid-row:2}.grid .card:nth-child(6){-ms-grid-column:3;-ms-grid-row:2}.btn-primary{background-color:#c98a2c;color:#fff}.btn-secondary{background-color:#fff8e6;color:#3b2f1a}.card{background-color:#fff8e6;border-color:#d1a45b}}@supports (-webkit-overflow-scrolling: touch){button,.btn,input[type=submit]{-webkit-appearance:none;border-radius:6px}input[type=text],input[type=email],input[type=password],textarea,select{font-size:16px}.btn,button,.card,.interactive-element{min-height:44px;min-width:44px}}@media screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 768px){button,.btn,select{-webkit-appearance:none;background-clip:padding-box}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card,.btn,input,select,textarea{border-width:.5px}.card{box-shadow:0 1px 4px #5b3a1e26}.card:hover{box-shadow:0 2px 8px #c98a2c40}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}.btn,button,.card{border:1px solid black!important;background:#fff!important;color:#000!important}.filters,.pagination,.reading-controls{display:none!important}}@media (-ms-high-contrast: active){.btn,.card,input,select,textarea{border:2px solid}.btn:focus,.card:focus,input:focus,select:focus,textarea:focus{outline:2px solid}}@media (forced-colors: active){.btn{forced-color-adjust:none;background-color:ButtonFace;border-color:ButtonText;color:ButtonText}.btn:hover{background-color:Highlight;color:HighlightText}.card{forced-color-adjust:none;background-color:Canvas;border-color:CanvasText;color:CanvasText}}@media screen and (-webkit-min-device-pixel-ratio: 0){.card,.btn,.interactive-element{will-change:transform;transform:translateZ(0)}.card:not(:hover),.btn:not(:hover),.interactive-element:not(:hover){will-change:auto}}@-moz-document url-prefix(){.card,.btn{transition:opacity .2s ease,background-color .2s ease}.card:hover,.btn:hover{opacity:.95}}.card,.btn,input,select,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.card:hover,.btn:hover{-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px)}@media screen and (max-width: 0){.browser-warning{display:block;background:#ffebee;border:2px solid #f44336;padding:16px;margin:16px;border-radius:8px;color:#c62828;text-align:center}}.grid-container{display:block}@supports (display: grid){.grid-container{display:grid}}.flex-container{display:block}@supports (display: flex){.flex-container{display:flex}}.css-vars-supported{display:none}@supports (color: var(--test)){.css-vars-supported{display:block}.css-vars-not-supported{display:none}}.transforms-supported{display:none}@supports (transform: translateY(-2px)){.transforms-supported{display:block}.transforms-not-supported{display:none}}.browser-debug{position:fixed;top:10px;left:10px;background:#000c;color:#fff;padding:8px;font-size:12px;border-radius:4px;z-index:9999;display:none}.browser-debug.show{display:block}.color-test-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.color-test-item{height:50px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.color-test-primary{background-color:#c98a2c}.color-test-secondary{background-color:#d1a45b}.color-test-series{background-color:#4caf50}.color-test-adventure{background-color:#2196f3}.color-test-education{background-color:#ffc107}.color-test-fantasy{background-color:#9c27b0}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fefcf8;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .3s ease-out}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-overlay.removed{display:none}.loading-content{text-align:center}.loading-content img{width:100px;height:100px;display:block;margin:0 auto 20px;transform:none!important;animation:none!important}.loading-text{font-family:Georgia,serif;font-size:1.1rem;color:#8b4513}body.loading main,body.loading header,body.loading footer{visibility:hidden}body.loading .loading-overlay{visibility:visible}@media (max-width: 768px){.loading-content img{width:60px;height:60px}.loading-text{font-size:1rem}}@media (prefers-reduced-motion: reduce){.loading-overlay{transition:none}.loading-dots:after{animation:none;content:"..."}}@supports (container-type: inline-size){.responsive-container,.page-home .hero{container-type:inline-size}@container (max-width: 768px){.page-home .hero-content h1{font-size:clamp(1.6rem,4vw,2.5rem)}.page-home .hero-description{font-size:clamp(.95rem,2.5vw,1.2rem)}.page-home .hero-actions{flex-direction:column;align-items:center;gap:1rem}}@container (max-width: 480px){.page-home .hero-actions .btn{width:100%;max-width:280px}}}@supports not (container-type: inline-size){.page-home .hero-content h1{font-size:clamp(1.6rem,4vw,2.5rem)}.page-home .hero-description{font-size:clamp(.95rem,2.5vw,1.2rem)}@media (max-width: 768px){.page-home .hero-actions{flex-direction:column;align-items:center;gap:1rem}}@media (max-width: 480px){.page-home .hero-actions .btn{width:100%;max-width:280px}}}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem}.responsive-flex{display:flex;flex-wrap:wrap;gap:1rem}.responsive-text{font-size:clamp(.875rem,2vw,1rem);line-height:1.5}.responsive-heading{font-size:clamp(1.25rem,3vw,2rem);line-height:1.2}.intrinsic-container{width:min(100%,var(--max-width, 1200px));margin-inline:auto;padding-inline:clamp(1rem,5vw,2rem)}.fluid-text-sm{font-size:clamp(.75rem,1.5vw,.875rem)}.fluid-text-base{font-size:clamp(.875rem,2vw,1rem)}.fluid-text-lg{font-size:clamp(1rem,2.5vw,1.125rem)}.fluid-text-xl{font-size:clamp(1.125rem,3vw,1.25rem)}.fluid-text-2xl{font-size:clamp(1.25rem,4vw,1.5rem)}.fluid-text-3xl{font-size:clamp(1.5rem,5vw,2rem)}.responsive-spacing{--spacing-xs: clamp(.25rem, 1vw, .5rem);--spacing-sm: clamp(.5rem, 2vw, 1rem);--spacing-md: clamp(1rem, 3vw, 1.5rem);--spacing-lg: clamp(1.5rem, 4vw, 2rem);--spacing-xl: clamp(2rem, 5vw, 3rem);--spacing-2xl: clamp(3rem, 6vw, 4rem)}.safe-area-padding{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.responsive-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.responsive-table{width:100%;min-width:600px;border-collapse:collapse}@media (max-width: 768px){.responsive-table{min-width:500px;font-size:.875rem}}@media (max-width: 480px){.responsive-table{min-width:400px;font-size:.75rem}.responsive-table th,.responsive-table td{padding:.5rem .25rem}}.responsive-image{max-width:100%;height:auto;display:block}.responsive-btn-group{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media (max-width: 480px){.responsive-btn-group{flex-direction:column;align-items:stretch}.responsive-btn-group .btn{width:100%}}.page-home .responsive-container{--max-width: 1200px}.page-home .hero{padding:clamp(2rem,8vw,4rem) clamp(1rem,4vw,2rem);margin:clamp(1rem,4vw,2.5rem) 0}.page-home .features-grid,.page-home .categories-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1rem,3vw,2rem)}.page-home .cta{padding:clamp(2rem,6vw,4rem) clamp(1rem,4vw,2rem);margin:clamp(2rem,6vw,4rem) 0}.page-request-logs .stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1rem}@media (max-width: 768px){.page-request-logs .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.page-request-logs .stat-value{font-size:1.5rem}.page-request-logs .controls{padding:.75rem}.page-request-logs .controls label{display:block;margin-bottom:.5rem}.page-request-logs .controls select{width:100%;margin-top:.25rem}}@media (max-width: 480px){.page-request-logs .stats-grid{grid-template-columns:1fr 1fr}.page-request-logs .stat-value{font-size:1.25rem}.page-request-logs .stat-label{font-size:.75rem}.page-request-logs .error-code-item{flex-direction:column;gap:.25rem}}.page-purchase .products-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(1rem,3vw,2rem)}@media (max-width: 768px){.page-purchase .products-grid{grid-template-columns:1fr}}.page-catalog .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(.75rem,2vw,1.125rem)}.form-page form{max-width:min(100%,600px);margin:0 auto}@media (max-width: 768px){.form-page form{padding:1rem}}html,body{overflow-x:hidden;width:100%}img,video,iframe{max-width:100%;height:auto}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}@media (prefers-contrast: high){.responsive-table{border:2px solid}.responsive-table th,.responsive-table td{border:1px solid}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.responsive-container{max-width:none;padding:0}.responsive-btn-group{display:none}}.firebase-auth-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.firebase-auth-content{position:relative}.auth-info-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;border-radius:8px 8px 0 0;text-align:center;margin:-20px -20px 20px}.auth-info-banner h4{margin:0 0 8px;font-size:18px;font-weight:600}.auth-info-banner p{margin:0;font-size:14px;opacity:.9;line-height:1.4}#firebaseui-auth-container .firebaseui-container{background:transparent;box-shadow:none;max-width:none}#firebaseui-auth-container .firebaseui-card-content{padding:0}#firebaseui-auth-container .firebaseui-title{font-size:20px;font-weight:600;color:#333;text-align:center;margin-bottom:20px}#firebaseui-auth-container .firebaseui-idp-button{border-radius:6px;border:2px solid #e0e0e0;transition:all .2s ease;margin-bottom:12px;font-weight:500}#firebaseui-auth-container .firebaseui-idp-button:hover{border-color:#2196f3;transform:translateY(-1px);box-shadow:0 4px 12px #2196f326}#firebaseui-auth-container .firebaseui-idp-google{background-color:#fff;color:#757575}#firebaseui-auth-container .firebaseui-idp-google:hover{background-color:#f8f9fa}#firebaseui-auth-container .firebaseui-idp-password{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}#firebaseui-auth-container .firebaseui-idp-password:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);border-color:transparent}#firebaseui-auth-container .firebaseui-textfield{border-radius:6px;border:2px solid #e0e0e0;transition:border-color .2s ease}#firebaseui-auth-container .firebaseui-textfield:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}#firebaseui-auth-container .firebaseui-button{border-radius:6px;font-weight:600;text-transform:none;padding:12px 24px;transition:all .2s ease}#firebaseui-auth-container .firebaseui-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}#firebaseui-auth-container .firebaseui-button-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}#firebaseui-auth-container .firebaseui-link{color:#2196f3;text-decoration:none;font-weight:500;transition:color .2s ease}#firebaseui-auth-container .firebaseui-link:hover{color:#1976d2;text-decoration:underline}#firebaseui-auth-container .firebaseui-error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2;border-radius:6px;padding:12px;margin:10px 0}#firebaseui-auth-container .firebaseui-text{color:#666;font-size:14px;text-align:center;margin:15px 0}@media (max-width: 480px){.firebase-auth-content{margin:10px;padding:15px}.auth-info-banner{margin:-15px -15px 15px;padding:12px}.auth-info-banner h4{font-size:16px}.auth-info-banner p{font-size:13px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.firebase-auth-container{animation:fadeIn .3s ease-out}.auth-mode-selector{margin:-20px -20px 20px}.mode-tabs{display:flex;background:#f8f9fa;border-radius:8px 8px 0 0}.mode-tab{flex:1;padding:15px 20px;border:none;background:transparent;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px 8px 0 0}.mode-tab:first-child{border-right:1px solid #e9ecef}.mode-tab:hover{background:#e9ecef;color:#495057}.mode-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.mode-tab.active:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.tab-icon{font-size:16px}.auth-tips{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;margin:20px 0;font-size:14px;line-height:1.5}.auth-tips h5{margin:0 0 10px;color:#495057;font-size:15px;font-weight:600}.auth-tips ul{margin:0;padding-left:20px;color:#6c757d}.auth-tips li{margin-bottom:5px}.auth-status{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:6px;font-size:14px;font-weight:500}.auth-status.success{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.auth-status.error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.auth-status.info{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.auth-status:before{content:"";width:16px;height:16px;border-radius:50%;flex-shrink:0}.auth-status.success:before{background:#4caf50;content:"✓";color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.auth-status.error:before{background:#f44336;content:"✕";color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.auth-status.info:before{background:#2196f3;content:"i";color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.book-container{background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);padding:80px 20px;min-height:100vh;box-sizing:border-box}.book{background:var(--color-reading-bg);border:2px solid var(--color-reading-border);border-radius:12px;box-shadow:0 8px 32px #5b3a1e1f,0 2px 8px #5b3a1e14,inset 0 1px #ffffff1a;transition:all var(--transition-normal);position:relative;overflow:hidden}.book:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-warm-light);opacity:.3;pointer-events:none;z-index:1}.book-page{background:var(--color-reading-bg);border-radius:8px;position:relative;overflow:hidden;z-index:2}.page-content{background:var(--color-reading-bg);color:var(--color-reading-text);padding:48px 40px;font-family:var(--font-family-reading, "Georgia", "Times New Roman", serif);font-size:18px;line-height:1.8;text-align:justify;min-height:100%;box-sizing:border-box;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;white-space:pre-wrap;border:1px solid var(--color-reading-border);border-radius:8px;position:relative}.page-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent-primary-pale) 0%,var(--color-accent-mint-pale) 50%,var(--color-accent-primary-pale) 100%);border-radius:8px 8px 0 0}.page-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent-primary-pale) 0%,var(--color-accent-mint-pale) 50%,var(--color-accent-primary-pale) 100%);border-radius:0 0 8px 8px}.book-modal.night-mode .book-container{background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-dark-secondary) 100%)}.book-modal.night-mode .book{background:var(--color-reading-night-bg);border-color:var(--color-reading-night-border);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff0d}.book-modal.night-mode .book-page{background:var(--color-reading-night-bg)}.book-modal.night-mode .page-content{background:var(--color-reading-night-bg);color:var(--color-reading-night-text);border-color:var(--color-reading-night-border)}.book-modal.night-mode .page-content:before,.book-modal.night-mode .page-content:after{background:linear-gradient(90deg,#4444444d,#44444480,#4444444d)}@media (max-width: 768px){.book-container{padding:60px 15px}.page-content{padding:32px 24px;font-size:16px;line-height:1.7}}@media (max-width: 480px){.book-container{padding:40px 10px}.page-content{padding:24px 16px;font-size:15px;line-height:1.6}}@media (prefers-contrast: high){.page-content{background:var(--color-high-contrast-bg);color:var(--color-high-contrast-text);border-color:var(--color-high-contrast-accent)}.book{border-color:var(--color-high-contrast-accent);box-shadow:0 4px 16px #0000004d}}@media (prefers-reduced-motion: reduce){.book,.page-content{transition:none}.book:before{display:none}}.page-content:focus-visible{outline:3px solid var(--color-accent-primary);outline-offset:2px}.book-controls{background:#faf8f4f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-reading-border);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;z-index:10001;transition:all var(--transition-normal);opacity:0;transform:translateY(-20px);box-shadow:0 4px 16px #5b3a1e1a}.book-controls-top{top:0;border-bottom:2px solid var(--color-accent-primary-pale);border-radius:0 0 12px 12px}.book-controls-bottom{bottom:0;border-top:2px solid var(--color-accent-primary-pale);border-radius:12px 12px 0 0;transform:translateY(20px)}.book-controls.visible{opacity:1;transform:translateY(0)}.book-modal.night-mode .book-controls{background:#2a2520f2;border-color:var(--color-reading-night-border);box-shadow:0 4px 16px #0003}.book-modal.night-mode .book-controls-top{border-bottom-color:var(--color-reading-night-border)}.book-modal.night-mode .book-controls-bottom{border-top-color:var(--color-reading-night-border)}.control-btn{background:var(--color-accent-primary);color:var(--color-text-light);border:0;padding:12px 20px;border-radius:24px;cursor:pointer;font-size:14px;font-weight:600;transition:all var(--transition-normal);margin:0 6px;box-shadow:0 2px 8px #7fb3d34d;position:relative;overflow:hidden}.control-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-normal)}.control-btn:hover{background:var(--color-accent-primary-light);transform:translateY(-2px);box-shadow:0 4px 16px #7fb3d366}.control-btn:hover:before{left:100%}.control-btn:active{transform:translateY(0);box-shadow:0 2px 8px #7fb3d34d}.control-btn.secondary{background:var(--color-accent-mint);box-shadow:0 2px 8px #a8d5ba4d}.control-btn.secondary:hover{background:var(--color-accent-mint-light);box-shadow:0 4px 16px #a8d5ba66}.control-btn.close-btn{background:var(--color-accent-peach);box-shadow:0 2px 8px #f4c2a14d}.control-btn.close-btn:hover{background:var(--color-accent-peach-light);box-shadow:0 4px 16px #f4c2a166}.font-size-controls{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 12px;border-radius:20px;border:1px solid var(--color-accent-primary-pale)}.font-size-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-accent-primary-pale);background:transparent;color:var(--color-accent-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;position:relative}.font-size-btn:hover{background:var(--color-accent-primary-pale);border-color:var(--color-accent-primary);transform:scale(1.1)}.font-size-btn:active{transform:scale(.95)}.font-size-btn.active{background:var(--color-accent-primary);color:var(--color-text-light);border-color:var(--color-accent-primary);box-shadow:0 2px 8px #7fb3d366}.font-size-indicator{color:var(--color-accent-primary);font-size:12px;font-weight:600;min-width:24px;text-align:center}.book-modal.night-mode .font-size-controls{background:#0003;border-color:var(--color-reading-night-border)}.book-modal.night-mode .font-size-btn{border-color:var(--color-reading-night-border);color:var(--color-reading-night-text)}.book-modal.night-mode .font-size-btn:hover{background:#ffffff1a}.book-modal.night-mode .font-size-btn.active{background:var(--color-accent-primary);color:var(--color-text-light)}.share-btn,.gallery-btn{background:var(--color-accent-lavender-pale);color:var(--color-accent-lavender);border:2px solid var(--color-accent-lavender-pale);padding:10px 16px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;transition:all var(--transition-normal);display:flex;align-items:center;gap:6px;text-decoration:none}.share-btn:hover,.gallery-btn:hover{background:var(--color-accent-lavender);color:var(--color-text-light);border-color:var(--color-accent-lavender);transform:translateY(-1px);box-shadow:0 3px 12px #c8b5d84d}.share-btn:active,.gallery-btn:active{transform:translateY(0)}.share-btn .icon,.gallery-btn .icon{width:16px;height:16px;opacity:.8;transition:opacity var(--transition-fast)}.share-btn:hover .icon,.gallery-btn:hover .icon{opacity:1}.book-modal.night-mode .share-btn,.book-modal.night-mode .gallery-btn{background:#c8b5d833;color:var(--color-reading-night-text);border-color:#c8b5d84d}.book-modal.night-mode .share-btn:hover,.book-modal.night-mode .gallery-btn:hover{background:var(--color-accent-lavender);color:var(--color-text-light)}.page-indicator{background:linear-gradient(135deg,var(--color-accent-primary-pale),var(--color-accent-mint-pale));color:var(--color-accent-primary);padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;min-width:80px;text-align:center;border:2px solid var(--color-accent-primary-pale);box-shadow:0 2px 8px #7fb3d333;transition:all var(--transition-normal)}.page-indicator:hover{transform:scale(1.05);box-shadow:0 3px 12px #7fb3d34d}.book-modal.night-mode .page-indicator{background:linear-gradient(135deg,#4444444d,#44444480);color:var(--color-reading-night-text);border-color:var(--color-reading-night-border)}.book-title{margin:0;color:var(--color-accent-primary);font-size:16px;font-weight:600;text-align:center;flex:1;padding:0 20px;text-shadow:0 1px 2px rgba(127,179,211,.2);transition:color var(--transition-normal)}.book-title:hover{color:var(--color-accent-primary-light)}.book-modal.night-mode .book-title{color:var(--color-reading-night-text);text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.book-controls{padding:12px 16px}.control-btn{padding:10px 16px;font-size:13px;margin:0 4px}.book-title{font-size:14px;padding:0 12px}.font-size-controls{padding:6px 10px;gap:6px}.font-size-btn{width:28px;height:28px;font-size:12px}.share-btn,.gallery-btn{padding:8px 12px;font-size:12px}.page-indicator{padding:6px 12px;font-size:13px;min-width:70px}}@media (max-width: 480px){.book-controls{padding:10px 12px;flex-wrap:wrap;gap:8px}.control-btn{padding:8px 12px;font-size:12px;margin:0 2px}.book-title{font-size:13px;padding:0 8px;order:-1;width:100%;margin-bottom:8px}.font-size-controls{padding:4px 8px;gap:4px}.font-size-btn{width:24px;height:24px;font-size:11px}}.control-btn:focus-visible,.font-size-btn:focus-visible,.share-btn:focus-visible,.gallery-btn:focus-visible{outline:3px solid var(--color-accent-primary);outline-offset:2px}@media (prefers-contrast: high){.control-btn,.font-size-btn,.share-btn,.gallery-btn{border:2px solid var(--color-high-contrast-accent)}.page-indicator{border:2px solid var(--color-high-contrast-accent);background:var(--color-high-contrast-bg);color:var(--color-high-contrast-text)}}@media (prefers-reduced-motion: reduce){.control-btn,.font-size-btn,.share-btn,.gallery-btn,.page-indicator{transition:none}.control-btn:before{display:none}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.reading-message{box-shadow:0 4px 16px #7fb3d34d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.control-btn:active,.font-size-btn:active,.share-btn:active,.gallery-btn:active{transform:scale(.95)!important;transition:transform .1s ease!important}.font-size-indicator.pulse{animation:pulse .3s ease}.control-btn.loading{opacity:.6;cursor:not-allowed;pointer-events:none}.control-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.font-size-controls:hover{background:#ffffff26;border-color:var(--color-accent-primary)}.page-indicator:hover{cursor:pointer}.control-btn,.font-size-btn,.share-btn,.gallery-btn,.page-indicator,.font-size-controls{transition:all var(--transition-normal)}.control-btn:focus-visible,.font-size-btn:focus-visible,.share-btn:focus-visible,.gallery-btn:focus-visible{outline:3px solid var(--color-accent-primary);outline-offset:2px;box-shadow:0 0 0 6px #7fb3d333}.page-purchase .hero{text-align:center;padding:60px 20px 40px;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-parchment) 100%);border-radius:20px;margin-bottom:40px;box-shadow:0 8px 24px #0000001a}.page-purchase .hero h1{font-size:2.5rem;margin-bottom:16px;color:var(--color-dark-brown)}.page-purchase .hero-description{font-size:1.2rem;line-height:1.6;color:var(--color-brown);max-width:600px;margin:0 auto}.page-purchase .container{max-width:1200px;margin:0 auto;padding:20px}.auth-notice{background:var(--color-cream);border:2px solid var(--color-secondary);border-radius:15px;padding:30px;text-align:center;margin-bottom:40px;box-shadow:0 4px 12px #0000001a}.auth-notice h3{color:var(--color-dark-brown);margin-bottom:16px}.auth-notice p{color:var(--color-brown);margin-bottom:20px}.loading-section,.error-section{text-align:center;padding:60px 20px}.loading-section .loader{width:40px;height:40px;border:4px solid var(--color-cream);border-top:4px solid var(--color-primary);border-radius:50%;animation:loading-spin 1s linear infinite;margin:0 auto 20px}.error-section{background:#fff3cd;border:2px solid #ffeaa7;border-radius:15px;margin-bottom:40px}.error-content h3{color:#856404;margin-bottom:16px}.error-content p{color:#856404;margin-bottom:20px}.products-section{margin-bottom:60px}.products-section h2{text-align:center;font-size:2rem;color:var(--color-dark-brown);margin-bottom:40px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.product-card{background:var(--color-cream);border:2px solid var(--color-secondary);border-radius:20px;padding:30px;text-align:center;transition:all var(--duration-slow) var(--easing-smooth);box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.product-header{margin-bottom:20px}.product-icon{font-size:3rem;margin-bottom:15px}.product-title{font-size:1.5rem;color:var(--color-dark-brown);margin:0}.product-details{margin-bottom:25px}.points-amount{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:10px}.product-price{font-size:1.8rem;font-weight:700;color:var(--color-dark-brown);margin-bottom:15px}.product-description{color:var(--color-brown);font-size:.95rem;line-height:1.5}.product-features{margin-bottom:25px;text-align:left}.product-features .feature{display:flex;align-items:center;margin-bottom:8px;color:var(--color-brown);font-size:.9rem}.purchase-btn{width:100%;padding:15px 20px;font-size:1.1rem;font-weight:700;border-radius:12px;transition:all var(--duration-slow) var(--easing-smooth)}.purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.purchase-btn:disabled{opacity:.6;cursor:not-allowed}.purchase-info{background:var(--color-cream);border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 4px 12px #0000001a}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.info-card{text-align:center;padding:20px}.info-icon{font-size:2.5rem;margin-bottom:15px}.info-card h3{color:var(--color-dark-brown);margin-bottom:12px;font-size:1.2rem}.info-card p{color:var(--color-brown);line-height:1.5;font-size:.95rem}.notification{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;border-radius:12px;box-shadow:0 8px 24px #0003;animation:notification-slide-in var(--duration-slide) var(--easing-smooth)}.notification.success{background:#d4edda;border:2px solid #c3e6cb}.notification.warning{background:#fff3cd;border:2px solid #ffeaa7}.notification-content{padding:20px}.notification h3{margin:0 0 10px;font-size:1.1rem}.notification p{margin:0;font-size:.95rem}@media (max-width: 768px){.page-purchase .hero{padding:40px 20px 30px}.page-purchase .hero h1{font-size:2rem}.page-purchase .hero-description{font-size:1.1rem}.products-grid{grid-template-columns:1fr;gap:20px}.product-card{padding:25px}.info-grid{grid-template-columns:1fr;gap:20px}.purchase-info{padding:30px 20px}.notification{right:10px;left:10px;max-width:none}}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-family);color:var(--color-dark-brown);background:var(--color-parchment);background-image:radial-gradient(ellipse at top left,#ffffff73,#0000 60%),radial-gradient(ellipse at bottom right,#ffffff59,#0000 60%);min-height:100vh;display:flex;flex-direction:column}header{position:sticky;top:0;z-index:10;background:var(--color-wood);color:var(--color-cream);border-bottom:2px solid var(--color-secondary);box-shadow:0 4px 12px #0003;padding:20px;display:flex;flex-direction:column;align-items:center;position:relative}header h1{margin:0 0 15px;font-size:28px;letter-spacing:.5px;text-align:center}header h1,header h1 a{color:inherit;text-decoration:none;font-family:var(--font-family-brand);font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.3);transition:color var(--duration-slow) var(--easing-smooth);letter-spacing:1px}header h1 a:hover{color:var(--color-secondary)}header h1 a:visited,header h1 a:active,header h1 a:focus{color:inherit;text-decoration:none;outline:none}header nav{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}header nav a{color:var(--color-cream);text-decoration:none;font-weight:600;font-size:16px;padding:8px 16px;border-radius:20px;transition:all var(--duration-slow) var(--easing-smooth);border:2px solid transparent}header nav a:hover{background:#ffffff1a;border-color:var(--color-secondary);transform:translateY(-2px)}header nav a.active{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}header nav a.facebook-contact{background:#1877f21a;border-color:#1877f24d;color:var(--color-cream)}header nav a.facebook-contact:hover{background:#1877f233;border-color:#1877f2;transform:translateY(-2px)}.header-auth-container{position:absolute;top:20px;right:20px;z-index:11}main{max-width:1000px;margin:24px auto;padding:0 20px 60px}main h2{font-size:1.4em;margin:0 0 8px;font-weight:600;color:var(--color-dark-brown)}main .info{font-size:.95em;color:var(--color-medium-brown);margin:0 0 20px;line-height:1.4}.terms h2{font-size:1.4em;margin:0 0 16px;font-weight:600;color:var(--color-dark-brown)}.terms ol{margin:0 0 20px;padding-left:20px}.terms li{margin-bottom:8px;line-height:1.5;color:var(--color-dark-brown)}.terms p{margin:0;font-size:.95em;color:var(--color-medium-brown);font-style:italic}.form-page form{display:grid;gap:14px;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-md)}.form-page label{display:grid;gap:6px;font-weight:700;color:var(--color-dark-brown)}.form-page input[type=text],.form-page textarea{padding:12px 14px;border:2px solid var(--color-border);border-radius:10px;font:inherit;background:var(--color-light-cream)}select{width:100%;padding:12px 40px 12px 14px;border:2px solid var(--color-border);border-radius:10px;background:var(--color-light-cream);color:var(--color-dark-brown);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d1a45b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}select:hover{border-color:var(--color-primary);background-color:#fff;box-shadow:var(--shadow-sm)}select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d1a45b33;background-color:#fff}.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:10px 12px;border-radius:10px}.loading{text-align:center;padding:40px;color:var(--color-medium-brown);font-size:var(--font-size-large)}.help-text{font-size:var(--font-size-small);color:var(--color-light-brown);font-weight:400;font-style:italic;margin-top:4px}footer{text-align:center;color:var(--color-light-brown);padding:20px}img.lazy-loading{opacity:0;transition:opacity var(--duration-fade) var(--easing-smooth);background:var(--color-light-brown);background-image:linear-gradient(45deg,transparent 25%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.1) 50%,transparent 50%,transparent 75%,rgba(255,255,255,.1) 75%);background-size:20px 20px;animation:loading-shimmer 1.5s infinite linear}img.lazy-loaded{opacity:1;transition:opacity var(--duration-fade) var(--easing-smooth)}.virtual-scroll-spacer-before,.virtual-scroll-spacer-after{width:100%;pointer-events:none}.pagination-content{scroll-behavior:smooth}.component-loading{opacity:.7;pointer-events:none;position:relative}.component-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.cache-indicator{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;z-index:9999;display:none}.cache-indicator.show{display:block}.cache-hit{background:#008000cc}.cache-miss{background:#ffa500cc}.home-page{width:min(100%,1200px);margin:0 auto;padding-inline:clamp(1rem,4vw,2rem);overflow-x:hidden;box-sizing:border-box}.hero{text-align:center;padding:60px 0;background:linear-gradient(135deg,#ffffff1a,#0000000d);border-radius:20px;margin:40px 0;box-shadow:0 8px 32px #0000001a}.hero-content h2{font-size:2.5em;margin-bottom:20px;color:var(--color-dark-brown);font-family:var(--font-family-title)}.hero-description{font-size:1.2em;line-height:1.6;margin-bottom:40px;color:var(--color-text);max-width:600px;margin-left:auto;margin-right:auto;word-wrap:break-word;overflow-wrap:break-word}.hero-actions{display:flex;gap:clamp(1rem,3vw,1.25rem);justify-content:center;flex-wrap:wrap;width:100%}.features{margin:60px 0}.features h3{text-align:center;font-size:2em;margin-bottom:40px;color:var(--color-dark-brown);font-family:var(--font-family-title)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.feature-card{background:#ffffffb3;padding:30px;border-radius:15px;text-align:center;box-shadow:0 4px 15px #0000001a;transition:transform var(--duration-slow) var(--easing-smooth)}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3em;margin-bottom:15px}.feature-card h4{font-size:1.3em;margin-bottom:15px;color:var(--color-dark-brown)}.feature-card p{color:var(--color-text);line-height:1.5}.categories{margin:60px 0}.categories h3{text-align:center;font-size:2em;margin-bottom:40px;color:var(--color-dark-brown);font-family:var(--font-family-title)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.category-card{background:#fffc;padding:25px;border-radius:15px;text-align:center;text-decoration:none;color:inherit;transition:all var(--duration-slow) var(--easing-smooth);box-shadow:0 4px 15px #0000001a}.category-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026;background:#fffffff2}.category-icon{font-size:2.5em;margin-bottom:15px}.category-card h4{font-size:1.2em;margin-bottom:10px;color:var(--color-dark-brown)}.category-card p{color:var(--color-text);font-size:.9em}.cta{text-align:center;padding:60px 0;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));border-radius:20px;margin:60px 0;color:#fff}.cta-content h3{font-size:2em;margin-bottom:15px;font-family:var(--font-family-title)}.cta-content p{font-size:1.1em;margin-bottom:30px;opacity:.9}.cta .btn-primary{background:#fff;color:var(--color-secondary)}.cta .btn-primary:hover{background:var(--color-cream);color:var(--color-dark-brown)}@media (max-width: 768px){header{padding:60px 15px 15px}header h1{font-size:24px;margin-bottom:12px}header nav{gap:15px;justify-content:center}header nav a{font-size:14px;padding:6px 12px}.header-auth-container{top:15px;right:15px}}@media (max-width: 480px){header{padding-top:70px}header nav{gap:10px}header nav a{font-size:13px;padding:5px 10px}.header-auth-container{top:10px;right:10px}}.error-message{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:10px;padding:20px;margin:20px 0;text-align:center}.error-content h3{color:#d32f2f;margin-bottom:10px}.error-content p{color:#666;margin-bottom:20px}.feature-card,.category-card{will-change:transform,opacity}.hero-actions .btn,.category-card,.feature-card{transition:all var(--duration-slow) var(--easing-smooth)}.category-card:hover{transform:translateY(-5px) scale(1.02)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.btn:focus,.category-card:focus{outline:2px solid var(--color-secondary);outline-offset:2px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-cream);border-top:4px solid var(--color-secondary);border-radius:50%;animation:loading-spin 1s linear infinite}footer{background:linear-gradient(135deg,var(--color-wood) 0%,var(--color-dark-brown) 100%);color:var(--color-cream);margin-top:auto;border-top:3px solid var(--color-secondary);box-shadow:0 -4px 12px #00000026}.footer-content{max-width:1200px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:start}.footer-section h4{color:var(--color-secondary);font-size:16px;font-weight:600;margin:0 0 16px;letter-spacing:.5px;text-transform:uppercase}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:8px}.footer-section a{color:var(--color-cream);text-decoration:none;transition:all var(--duration-slow) var(--easing-smooth);font-size:14px;line-height:1.5}.footer-section a:hover{color:var(--color-secondary);text-decoration:underline}.footer-brand{max-width:350px}.footer-brand .brand-name{font-family:Dancing Script,cursive;font-size:24px;font-weight:600;color:var(--color-secondary);margin-bottom:12px;letter-spacing:1px}.cookies-note{display:block;font-size:12px;line-height:1.4;color:#f9f5e7cc;margin-top:8px}.cookies-note a{color:var(--color-secondary);text-decoration:underline}.footer-bottom{background:#0003;border-top:1px solid rgba(209,164,91,.3);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-bottom small{font-size:12px;color:#f9f5e7b3}.footer-bottom .copyright{font-weight:500}.footer-bottom .attribution a{color:#f9f5e799;text-decoration:none}.footer-bottom .attribution a:hover{color:var(--color-secondary);text-decoration:underline}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:32px;text-align:center}.footer-brand{max-width:none}.footer-section h4{font-size:15px;margin-bottom:12px}.footer-bottom{flex-direction:column;text-align:center;gap:8px}}@media (max-width: 480px){.footer-content{padding:32px 16px;gap:24px}.footer-brand .brand-name{font-size:20px}.footer-bottom{padding:12px 16px}}.points-display{background:var(--color-cream);border:2px solid var(--color-secondary);border-radius:12px;padding:16px 20px;margin:20px 0;text-align:center;box-shadow:0 2px 8px #0000001a}.points-info{font-size:1.1rem;color:var(--color-dark-brown);font-weight:600}.points-info .points-count{font-size:1.3rem;color:var(--color-primary);font-weight:700}.points-info .points-count.low{color:var(--color-error, #d32f2f)}.points-cost{display:block;font-size:.9rem;color:var(--color-brown);font-weight:400;margin-top:4px}.points-warning{display:block;font-size:.9rem;color:var(--color-error, #d32f2f);font-weight:400;margin-top:8px}.points-warning a{color:var(--color-primary);text-decoration:underline;font-weight:600}.points-warning a:hover{color:var(--color-dark-brown)}.points-display.insufficient-points{border-color:var(--color-error, #d32f2f);background:#ffebee}.subscription-card{position:relative;border:3px solid var(--color-primary)!important;background:linear-gradient(135deg,var(--color-cream) 0%,#fff8e6 100%)}.subscription-card:before{background:linear-gradient(90deg,var(--color-primary),#ff6b35)!important;height:6px!important}.subscription-badge{position:absolute;top:-2px;right:-2px;background:var(--color-primary);color:#fff;padding:6px 12px;border-radius:0 15px;font-size:.8rem;font-weight:700;letter-spacing:.5px;z-index:2}.subscription-card .product-title,.subscription-card .points-amount{color:var(--color-primary)!important;font-weight:700}.subscription-card .product-price{color:var(--color-primary)!important;font-weight:600}.subscription-btn{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.subscription-btn:hover:not(:disabled){background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;transform:translateY(-3px);box-shadow:0 6px 16px #c98a2c4d}.subscription-card .feature{font-weight:600}.subscription-card{transform:scale(1.02);box-shadow:0 8px 24px #c98a2c33!important}.subscription-card:hover{transform:scale(1.02) translateY(-5px);box-shadow:0 12px 32px #c98a2c4d!important}.story-share-container,.series-share-container,.catalog-share-container{margin:var(--spacing-xl) 0}.catalog-share-container{margin:var(--spacing-lg) 0;padding:0}.catalog-share-container .share-component{background:transparent;border:none;padding:var(--spacing-sm) 0;box-shadow:none}.catalog-share-container .share-header{display:none}.catalog-share-container .share-buttons{justify-content:center;gap:var(--spacing-sm)}.catalog-share-container .share-btn{font-size:var(--font-size-small);padding:var(--spacing-xs) var(--spacing-sm);min-height:32px;background:var(--color-cream);border:1px solid var(--color-border)}.catalog-share-container .share-btn:hover{background:var(--color-light-cream);border-color:var(--color-secondary)}.story-share-container .share-component{margin:var(--spacing-lg) 0 var(--spacing-xxl) 0}.series-share-container .share-component{margin:var(--spacing-xl) 0 var(--spacing-xxl) 0}@media (max-width: 768px){.story-share-container,.series-share-container{margin:var(--spacing-md) 0 var(--spacing-xl) 0}.catalog-share-container{margin:var(--spacing-md) 0}.catalog-share-container .share-buttons{gap:var(--spacing-xs)}.catalog-share-container .share-btn{font-size:var(--font-size-small);padding:var(--spacing-xs) var(--spacing-sm);min-height:28px}}@media (max-width: 360px){.home-page{padding:0 8px}.hero{padding:25px 12px;margin:10px 0}.hero-content h1{font-size:1.4em;line-height:1.2}.hero-description{font-size:.9em;margin-bottom:20px}.hero-actions .btn{padding:10px 16px;font-size:.85em}.feature-card,.category-card{padding:15px}.feature-card h3,.category-card h3{font-size:1.1em}.feature-card p,.category-card p{font-size:.85em}.cta{padding:25px 12px;margin:25px 0}.cta-content h2{font-size:1.2em}.cta-content p{font-size:.9em}.home-pricing .pricing-table{font-size:.7em}.home-pricing .pricing-table th,.home-pricing .pricing-table td{padding:6px 2px!important}.home-pricing .btn{padding:4px 8px;font-size:.7em}.subscription-badge{font-size:.6em!important}}.team-section{padding:60px 20px;background:var(--color-bg-primary)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;max-width:1200px;margin:0 auto}.team-member{background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:20px;padding:25px;box-shadow:0 8px 24px var(--shadow-color-primary);transition:all var(--transition-normal, .2s ease);display:flex;align-items:center;gap:20px}.team-member:hover{border-color:var(--color-accent-primary);box-shadow:0 12px 32px var(--shadow-color-hover);transform:translateY(-4px)}.member-photo{flex-shrink:0}.member-photo img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--color-accent-primary);box-shadow:0 4px 12px var(--shadow-color-primary)}.member-info h3{color:var(--color-text-primary);font-size:1.3rem;margin-bottom:6px;font-weight:700}.member-role{color:var(--color-accent-primary);font-size:.9rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.member-info p:last-child{color:var(--color-text-secondary);line-height:1.5;font-size:.9rem;margin:0}@media (max-width: 768px){.team-section{padding:40px 15px}.team-grid{grid-template-columns:1fr;gap:25px}.team-member{padding:20px;gap:15px}.member-photo img{width:70px;height:70px}.member-info h3{font-size:1.2rem}.member-role{font-size:.85rem}.member-info p:last-child{font-size:.85rem}}@media (max-width: 480px){.team-section{padding:30px 10px}.team-member{padding:15px;gap:12px;flex-direction:column;text-align:center}.member-photo img{width:60px;height:60px}.member-info h3{font-size:1.1rem}.member-role{font-size:.8rem}.member-info p:last-child{font-size:.8rem}}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none;max-width:400px}.notification{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;opacity:0;transform:translate(100%);transition:all .3s ease;pointer-events:auto;border-left:4px solid #007bff;max-width:100%;word-wrap:break-word}.notification.show{opacity:1;transform:translate(0)}.notification.hide{opacity:0;transform:translate(100%)}.notification-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.notification-icon{font-size:18px;font-weight:700;flex-shrink:0;margin-top:2px}.notification-message{flex:1;font-size:14px;line-height:1.4;color:#333}.notification-close{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.notification-close:hover{background-color:#0000001a;color:#333}.notification-success{border-left-color:#28a745}.notification-success .notification-icon{color:#28a745}.notification-error{border-left-color:#dc3545}.notification-error .notification-icon{color:#dc3545}.notification-warning{border-left-color:#ffc107}.notification-warning .notification-icon{color:#856404}.notification-info{border-left-color:#007bff}.notification-info .notification-icon{color:#007bff}@media (max-width: 480px){.notification-container{left:20px;right:20px;top:20px;max-width:none}.notification{transform:translateY(-100%)}.notification.show{transform:translateY(0)}.notification.hide{transform:translateY(-100%)}}@media (prefers-color-scheme: dark){.notification{background:#2d3748;color:#e2e8f0;box-shadow:0 4px 12px #0000004d}.notification-message{color:#e2e8f0}.notification-close{color:#a0aec0}.notification-close:hover{background-color:#ffffff1a;color:#e2e8f0}}.firebase-auth-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:10000;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.firebase-auth-content{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:420px;width:90%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.firebase-auth-close{position:absolute;top:var(--spacing-md);right:var(--spacing-lg);background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-muted);z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.firebase-auth-close:hover{background-color:var(--color-border);color:var(--color-text);transform:scale(1.1)}.firebase-auth-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.auth-section{display:flex;align-items:center;gap:10px}.auth-login-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-family);box-shadow:var(--shadow-sm)}.auth-login-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-login-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.auth-login-btn:focus{outline:2px solid var(--color-secondary);outline-offset:2px}.auth-icon{font-size:16px;line-height:1}.user-menu{position:relative}.user-menu-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-light-cream);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-base);font-family:var(--font-family);box-shadow:var(--shadow-sm)}.user-menu-toggle:hover{background:var(--color-cream);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-menu-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-cream);box-shadow:var(--shadow-sm);flex-shrink:0}.user-name{font-weight:600;color:var(--color-dark-brown);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.user-points{font-size:var(--font-size-small);color:var(--color-primary);background:var(--color-parchment);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-weight:600;border:1px solid var(--color-border);flex-shrink:0}.menu-arrow{font-size:10px;color:var(--color-text-muted);transition:transform var(--transition-normal);flex-shrink:0}.user-menu.show .menu-arrow,.user-menu-toggle:hover .menu-arrow{transform:rotate(180deg);color:var(--color-primary)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:300px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all var(--transition-normal)}.user-menu-dropdown.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.user-menu-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-light-cream);border-radius:var(--radius-md) var(--radius-md) 0 0}.user-avatar-large{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--color-cream);box-shadow:var(--shadow-md);flex-shrink:0}.user-info{flex:1}.user-name-large{font-weight:700;color:var(--color-dark-brown);font-size:var(--font-size-large);margin-bottom:2px;line-height:1.2}.user-email{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--spacing-xs);word-break:break-word}.user-points-large{font-size:var(--font-size-small);color:var(--color-primary);background:var(--color-parchment);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:600;display:inline-block;border:1px solid var(--color-border)}.user-menu-actions{padding:var(--spacing-sm) 0}.user-menu-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;background:none;text-align:left;cursor:pointer;font-size:var(--font-size-base);color:var(--color-dark-brown);transition:all var(--transition-fast);font-family:var(--font-family);font-weight:500}.user-menu-item:hover{background:var(--color-cream);color:var(--color-primary)}.user-menu-item:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.user-menu-item.logout-btn{color:var(--color-error)}.user-menu-item.logout-btn:hover{background:var(--color-error-light);color:var(--color-error-dark)}.menu-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.menu-divider{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-sm) 0}.auth-error{color:var(--color-error-dark);background:var(--color-error-light);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0;border:2px solid var(--color-error-border);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm)}.auth-error:before{content:"⚠️";font-size:16px;flex-shrink:0}.auth-toast{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);color:#fff;font-weight:600;z-index:10001;max-width:350px;box-shadow:var(--shadow-lg);animation:slideInRight .3s ease;font-family:var(--font-family);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm)}.auth-toast-success{background:var(--color-success);border:2px solid #1e7e34}.auth-toast-success:before{content:"✅";font-size:16px}.auth-toast-error{background:var(--color-error);border:2px solid var(--color-error-dark)}.auth-toast-error:before{content:"❌";font-size:16px}.auth-toast-info{background:var(--color-info);border:2px solid #138496}.auth-toast-info:before{content:"ℹ️";font-size:16px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.firebaseui-container{font-family:var(--font-family)}.firebaseui-card-content{padding:0}.firebaseui-title{font-size:var(--font-size-large);font-weight:700;color:var(--color-dark-brown);text-align:center;margin-bottom:var(--spacing-xl);font-family:var(--font-family-title)}.firebaseui-button{border-radius:var(--radius-md);font-weight:600;text-transform:none;font-size:var(--font-size-base);transition:all var(--transition-normal);font-family:var(--font-family)}.firebaseui-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.firebaseui-idp-google .firebaseui-idp-text{color:var(--color-dark-brown)}.firebaseui-textfield{border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-light-cream);font-family:var(--font-family);transition:all var(--transition-normal)}.firebaseui-textfield:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #c98a2c33;background:#fff}.firebaseui-link{color:var(--color-primary);transition:color var(--transition-fast)}.firebaseui-link:hover{color:var(--color-primary-hover)}@media (max-width: 768px){.firebase-auth-content{width:95%;padding:var(--spacing-lg);max-width:380px}.user-menu-dropdown{min-width:280px;right:-var(--spacing-sm)}.user-name{max-width:100px}.auth-toast{right:var(--spacing-sm);left:var(--spacing-sm);max-width:none;top:var(--spacing-sm)}.auth-login-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}.user-menu-header{padding:var(--spacing-md)}.user-menu-item{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 480px){.firebase-auth-content{width:98%;padding:var(--spacing-md);margin:var(--spacing-sm)}.user-menu-toggle{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.user-name{display:none}.user-points{font-size:11px;padding:1px var(--spacing-xs)}.auth-login-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px;gap:var(--spacing-xs)}.auth-icon{font-size:14px}.user-menu-dropdown{min-width:260px;right:-var(--spacing-md);left:auto}.user-avatar{width:28px;height:28px}.user-avatar-large{width:40px;height:40px}.user-menu-header{padding:var(--spacing-sm);gap:var(--spacing-sm)}.user-name-large{font-size:var(--font-size-base)}.user-email{font-size:12px}.menu-icon{font-size:14px;width:18px}.auth-toast{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}}@media (max-width: 320px){.user-menu-dropdown{right:-var(--spacing-lg);min-width:240px}.user-points{display:none}.auth-login-btn{padding:var(--spacing-xs)}.auth-login-btn .auth-icon{margin:0}.firebase-auth-content{padding:var(--spacing-sm)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.user-avatar,.user-avatar-large{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.firebase-auth-container,.firebase-auth-content,.user-menu-dropdown,.auth-toast,.auth-login-btn,.user-menu-toggle,.user-menu-item,.firebase-auth-close,.menu-arrow{animation:none;transition:none}.auth-login-btn:hover,.user-menu-toggle:hover{transform:none}}@media (prefers-color-scheme: dark){.firebase-auth-container{background:#000c}}@media print{.firebase-auth-container,.user-menu-dropdown,.auth-toast{display:none!important}}.auth-loading{opacity:.6;pointer-events:none;position:relative}.auth-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:authSpin 1s linear infinite}@keyframes authSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-hidden{display:none!important}.auth-visible{display:flex!important}.firebase-auth-container:focus-within{outline:none}.auth-login-btn:focus-visible,.user-menu-toggle:focus-visible,.user-menu-item:focus-visible,.firebase-auth-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-section{display:flex;align-items:center;gap:var(--spacing-sm);position:relative}.auth-status-online:before{content:"🟢";font-size:8px;position:absolute;bottom:0;right:0;background:#fff;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.auth-status-offline:before{content:"🔴";font-size:8px;position:absolute;bottom:0;right:0;background:#fff;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.auth-error-shake{animation:authShake .5s ease-in-out}@keyframes authShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-button-loading{position:relative;color:transparent!important}.auth-button-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:authSpin 1s linear infinite}.auth-success-pulse{animation:authPulse .6s ease-out}@keyframes authPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.auth-compact .user-menu-toggle{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.auth-compact .user-name{max-width:80px}.auth-compact .user-points{font-size:11px}.firebase-auth-content h1,.firebase-auth-content h2,.firebase-auth-content h3{color:var(--color-dark-brown);font-family:var(--font-family-title)}.firebase-auth-content p{color:var(--color-text);line-height:var(--line-height-base)}.login-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:10000;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.login-popup-content{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:420px;width:90%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);animation:slideIn .3s ease-out}.login-popup-close{position:absolute;top:var(--spacing-md);right:var(--spacing-lg);background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-muted);z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.login-popup-close:hover{background-color:var(--color-border);color:var(--color-text);transform:scale(1.1)}.login-popup-firebase-ui{margin-top:var(--spacing-md)}.login-popup-error{color:var(--color-error-dark);background:var(--color-error-light);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0;border:2px solid var(--color-error-border);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm);animation:authShake .5s ease-in-out}.login-popup-success-toast{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);background:var(--color-success);color:#fff;font-weight:600;z-index:10001;max-width:350px;box-shadow:var(--shadow-lg);animation:slideInRight .3s ease;font-family:var(--font-family);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm);border:2px solid #1e7e34}@media (max-width: 768px){.login-popup-content{width:95%;padding:var(--spacing-lg);max-width:380px}.login-popup-success-toast{right:var(--spacing-sm);left:var(--spacing-sm);max-width:none;top:var(--spacing-sm)}}@media (max-width: 480px){.login-popup-content{width:98%;padding:var(--spacing-md);margin:var(--spacing-sm)}.login-popup-close{top:var(--spacing-sm);right:var(--spacing-md)}}.auth-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){.auth-login-btn,.user-menu-toggle,.user-menu-dropdown{border-width:3px}.auth-login-btn:focus,.user-menu-toggle:focus,.user-menu-item:focus{outline-width:3px}}.share-component{background:transparent;border:none;border-radius:0;padding:var(--spacing-sm) 0;margin:var(--spacing-md) 0;box-shadow:none}.share-header{margin-bottom:var(--spacing-sm)}.share-title{font-weight:500;color:var(--color-text-secondary);font-size:var(--font-size-small);font-family:var(--font-family);text-decoration:none}.share-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.share-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-tertiary);border-radius:6px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-small);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);min-height:32px;opacity:.8}.share-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary);color:var(--color-text-primary);opacity:1;transform:none;box-shadow:none}.share-btn:active{transform:translateY(0)}.share-btn svg{flex-shrink:0;width:16px;height:16px}.share-facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.share-twitter:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.share-whatsapp:hover{background:#25d366;border-color:#25d366;color:#fff}.share-email:hover{background:#ea4335;border-color:#ea4335;color:#fff}.share-copy:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.share-toast{position:fixed;top:20px;right:20px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-card-bg);color:var(--color-dark-brown);font-weight:600;font-size:var(--font-size-base);font-family:var(--font-family);z-index:10000;opacity:0;transform:translate(100%);transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.share-toast.show{opacity:1;transform:translate(0)}.share-toast-success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.share-toast-error{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}@media (max-width: 768px){.share-buttons{gap:var(--spacing-xs)}.share-btn{justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small)}.share-toast{right:var(--spacing-lg);left:var(--spacing-lg);top:var(--spacing-lg)}.catalog-share-container .share-buttons{flex-wrap:wrap;justify-content:center}.catalog-share-container .share-btn{flex:0 0 auto;min-width:80px}}.share-component.compact{padding:var(--spacing-md);margin:var(--spacing-md) 0}.share-component.compact .share-buttons{gap:var(--spacing-xs)}.share-component.compact .share-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small);min-height:32px}.share-component.compact .share-btn span{display:none}.share-component.compact .share-btn svg{width:14px;height:14px}.share-component.inline{background:transparent;border:none;padding:0;margin:var(--spacing-sm) 0}.share-component.inline .share-header{display:none}.share-component.inline .share-buttons{justify-content:center;gap:var(--spacing-xs)}.share-component.inline .share-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small);min-height:28px;background:var(--color-cream);border:1px solid var(--color-border)}.share-floating{position:fixed;bottom:20px;right:20px;z-index:1000}.share-floating-trigger{width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:var(--color-light-cream);border:2px solid var(--color-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);font-family:var(--font-family)}.share-floating-trigger:hover{transform:scale(1.1);background:var(--color-secondary);box-shadow:0 8px 20px #5b3a1e66}.share-floating-menu{position:absolute;bottom:70px;right:0;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;padding:8px;min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.share-floating-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.share-floating-menu .share-buttons{flex-direction:column;gap:4px}.share-floating-menu .share-btn{justify-content:flex-start;width:100%}.night-mode .share-component{background:var(--color-night-surface);border-color:var(--color-night-border)}.night-mode .share-btn{background:var(--color-night-bg);color:var(--color-night-text);border-color:var(--color-night-border)}.night-mode .share-btn:hover{background:var(--color-night-surface)}.night-mode .share-toast{background:var(--color-night-surface);border-color:var(--color-night-border);color:var(--color-night-text)}.night-mode .share-floating-trigger{background:var(--color-primary);border-color:var(--color-secondary)}.share-floating{position:fixed;z-index:1000;opacity:0;visibility:hidden;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.share-floating.visible{opacity:1;visibility:visible;transform:scale(1)}.share-floating-bottom-right{bottom:20px;right:20px}.share-floating-bottom-left{bottom:20px;left:20px}.share-floating-top-right{top:20px;right:20px}.share-floating-top-left{top:20px;left:20px}.share-floating-trigger{width:56px;height:56px;border-radius:50%;background:var(--primary-color, #007bff);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .3s ease;position:relative;z-index:1001}.share-floating-trigger:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003;background:var(--primary-color-dark, #0056b3)}.share-floating-trigger:active{transform:scale(1.05)}.share-floating-trigger svg{transition:transform .2s ease}.share-floating-menu.show .share-floating-trigger svg{transform:rotate(180deg)}.share-floating-menu{position:absolute;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-lg);min-width:220px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.95);transition:all var(--transition-normal);z-index:1000}.share-floating-bottom-right .share-floating-menu,.share-floating-bottom-left .share-floating-menu{bottom:70px}.share-floating-top-right .share-floating-menu,.share-floating-top-left .share-floating-menu{top:70px}.share-floating-bottom-right .share-floating-menu,.share-floating-top-right .share-floating-menu{right:0}.share-floating-bottom-left .share-floating-menu,.share-floating-top-left .share-floating-menu{left:0}.share-floating-menu.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.share-floating-menu .share-component{background:transparent;border:none;padding:0;margin:0}.share-floating-menu .share-header{margin-bottom:12px;text-align:center}.share-floating-menu .share-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-dark-brown);font-family:var(--font-family)}.share-floating-menu .share-buttons{flex-direction:column;gap:8px}.share-floating-menu .share-btn{justify-content:flex-start;width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);min-height:40px;background:var(--color-light-cream);border:2px solid var(--color-border)}.share-floating-menu .share-btn:hover{transform:translate(2px)}@media (max-width: 768px){.share-floating-bottom-right,.share-floating-top-right{right:16px}.share-floating-bottom-left,.share-floating-top-left{left:16px}.share-floating-bottom-right,.share-floating-bottom-left{bottom:16px}.share-floating-top-right,.share-floating-top-left{top:16px}.share-floating-trigger{width:48px;height:48px}.share-floating-trigger svg{width:20px;height:20px}.share-floating-menu{min-width:200px;padding:12px;border-radius:8px}.share-floating-menu .share-btn{padding:8px 10px;font-size:13px;min-height:36px}}@keyframes floatingPulse{0%{box-shadow:0 4px 12px #00000026}50%{box-shadow:0 4px 12px #00000026,0 0 0 8px #007bff1a}to{box-shadow:0 4px 12px #00000026}}.share-floating.visible .share-floating-trigger{animation:floatingPulse 3s ease-in-out infinite}@media (prefers-color-scheme: dark){.share-floating-menu{background:var(--bg-primary-dark, #1a202c);border:1px solid var(--border-color-dark, #4a5568)}.share-floating-menu .share-title{color:var(--text-primary-dark, #e2e8f0)}.share-floating-menu .share-btn{background:var(--bg-secondary-dark, #2d3748);color:var(--text-primary-dark, #e2e8f0);border-color:var(--border-color-dark, #4a5568)}.share-floating-menu .share-btn:hover{background:var(--bg-hover-dark, #4a5568)}}.share-floating-trigger:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:2px}.share-floating-menu .share-btn:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:-2px}@media (prefers-reduced-motion: reduce){.share-floating,.share-floating-trigger,.share-floating-menu,.share-floating-menu .share-btn{transition:none}.share-floating.visible .share-floating-trigger{animation:none}}.book-controls .share-chapter{background:var(--color-secondary);color:var(--color-light-cream);border:2px solid var(--color-primary)}.book-controls .share-chapter:hover{background:var(--color-primary);transform:translateY(-2px)}.share-modal-overlay{font-family:var(--font-family)}.share-modal-content{box-shadow:var(--shadow-lg)}.share-modal-close:hover{background:var(--color-cream)}@media (max-width: 768px){.book-controls .share-chapter{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small)}.share-modal-content{margin:var(--spacing-lg);padding:var(--spacing-lg)}}.youtube-button{background:linear-gradient(135deg,red,#c00);border:none;border-radius:12px;padding:12px 20px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff00004d;margin:16px 0;display:inline-flex;align-items:center;gap:8px}.youtube-button:hover{background:linear-gradient(135deg,#ff1a1a,#e60000);transform:translateY(-2px);box-shadow:0 6px 16px #f006}.youtube-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff00004d}.youtube-button-content{display:flex;align-items:center;gap:8px}.youtube-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.youtube-icon svg{width:100%;height:100%}.youtube-text{font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.youtube-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.youtube-modal-content{background:#000;border-radius:12px;padding:0;max-width:90vw;max-height:90vh;width:100%;position:relative;overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.youtube-modal-close{position:absolute;top:10px;right:10px;background:#000000b3;border:none;color:#fff;font-size:20px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:10001;transition:background .2s}.youtube-modal-close:hover{background:#000000e6}.youtube-video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000}.youtube-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.youtube-modal-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:20px;font-size:16px;font-weight:500;text-align:center;pointer-events:none}@media (max-width: 768px){.youtube-modal-overlay{padding:10px}.youtube-modal-content{max-width:95vw;max-height:95vh}.youtube-button{padding:10px 16px;font-size:14px}.youtube-icon{width:20px;height:20px}.youtube-modal-title{font-size:14px;padding:15px}}@media (max-width: 480px){.youtube-button{padding:8px 12px;font-size:13px}.youtube-icon{width:18px;height:18px}.youtube-modal-close{width:35px;height:35px;font-size:18px}}@media (prefers-color-scheme: dark){.youtube-button{box-shadow:0 4px 12px #f006}.youtube-button:hover{box-shadow:0 6px 16px #ff000080}}@media (prefers-contrast: high){.youtube-button,.youtube-modal-close{border:2px solid white}}.youtube-tag{background:linear-gradient(135deg,red,#c00);color:#fff;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 4px #ff00004d;transition:all .2s ease}.youtube-tag:hover{background:linear-gradient(135deg,#ff1a1a,#e60000);transform:translateY(-1px);box-shadow:0 3px 6px #f006}.youtube-icon{font-size:14px;line-height:1}.youtube-text{font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (prefers-color-scheme: dark){.youtube-tag{box-shadow:0 2px 4px #f006}.youtube-tag:hover{box-shadow:0 3px 6px #ff000080}}@media (prefers-contrast: high){.youtube-tag{border:1px solid white}}.expand-excerpt:hover{background:var(--color-bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;font-size:1.1em;border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal, .2s ease);font-family:inherit;line-height:1.2;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a;min-height:44px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:1}.btn:hover:before{left:100%}.btn>*{position:relative;z-index:2}.btn-primary{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-light));color:var(--color-button-primary-text, #ffffff);border-color:var(--color-accent-primary);box-shadow:0 4px 15px #c98a2c4d;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-primary-hover),var(--color-accent-primary));border-color:var(--color-accent-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #c98a2c66;color:var(--color-button-primary-text, #ffffff)}.btn-primary:active{background:var(--color-accent-primary-hover);transform:translateY(0);box-shadow:0 2px 8px #c98a2c4d}.btn-primary:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-primary);box-shadow:0 2px 8px #5b3a1e26}.btn-secondary:hover{background:var(--color-hover-bg);border-color:var(--color-accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #c98a2c33;color:var(--color-text-primary)}.btn-secondary:active{background:var(--color-active-bg);border-color:var(--color-active-border);transform:translateY(0)}.btn-secondary:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn-tertiary{background:transparent;color:var(--color-accent-primary);border-color:var(--color-accent-primary);box-shadow:none;font-weight:600}.btn-tertiary:hover{background:var(--color-hover-bg);color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #c98a2c26}.btn-tertiary:active{background:var(--color-active-bg);transform:translateY(0)}.btn-tertiary:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn-accent{background:linear-gradient(135deg,gold,orange);color:var(--color-text-primary);border-color:gold;font-weight:700;box-shadow:0 4px 15px #ffa5004d;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-accent:hover{background:linear-gradient(135deg,orange,#ff8c00);border-color:orange;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ffa50066}.btn-accent:active{background:#ff8c00;transform:translateY(0);box-shadow:0 2px 8px #ffa5004d}.btn-accent:focus{outline:2px solid #FFD700;outline-offset:2px}.btn-small{padding:8px 16px;font-size:.9em;border-radius:20px;min-height:36px}.btn-large{padding:16px 32px;font-size:1.2em;border-radius:30px;min-height:52px}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important;pointer-events:none}.btn.loading{position:relative;color:transparent!important}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid currentColor;border-top:2px solid transparent;border-radius:50%;animation:btn-spin 1s linear infinite;color:var(--color-text-light)}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-success{background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));color:#fff;border-color:var(--color-success);box-shadow:0 4px 15px #4caf504d}.btn-success:hover{background:var(--color-success-dark);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066;color:#fff}.btn-warning{background:linear-gradient(135deg,var(--color-warning),var(--color-warning-dark));color:#fff;border-color:var(--color-warning);box-shadow:0 4px 15px #ff98004d}.btn-warning:hover{background:var(--color-warning-dark);transform:translateY(-2px);box-shadow:0 6px 20px #ff980066;color:#fff}.btn-error{background:linear-gradient(135deg,var(--color-error),var(--color-error-dark));color:#fff;border-color:var(--color-error);box-shadow:0 4px 15px #f443364d}.btn-error:hover{background:var(--color-error-dark);transform:translateY(-2px);box-shadow:0 6px 20px #f4433666;color:#fff}.btn-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-group .btn{flex:1;min-width:120px}.btn-group.btn-group-vertical{flex-direction:column}.btn-group.btn-group-vertical .btn{width:100%}@media (max-width: 768px){.btn{padding:10px 20px;font-size:1em;min-height:40px}.btn-small{padding:6px 12px;font-size:.85em;min-height:32px}.btn-large{padding:14px 28px;font-size:1.1em;min-height:48px}.btn-group{gap:8px}.btn-group .btn{min-width:100px}}@media (max-width: 480px){.btn-group{flex-direction:column}.btn-group .btn{width:100%;min-width:auto}}@media (prefers-contrast: high){.btn{border-width:3px}.btn-primary{background:var(--color-high-contrast-accent, #0066cc);border-color:var(--color-high-contrast-accent, #0066cc)}.btn-secondary{background:var(--color-high-contrast-bg, #ffffff);color:var(--color-high-contrast-text, #000000);border-color:var(--color-high-contrast-text, #000000)}}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:before{display:none}.btn:hover{transform:none}.btn.loading:after{animation:none}}.btn:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}button.btn,input[type=submit].btn,input[type=button].btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;text-shadow:none}form button:not(.btn),form input[type=submit]:not(.btn),form input[type=button]:not(.btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;font-size:1.1em;border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal, .2s ease);font-family:inherit;line-height:1.2;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a;min-height:44px;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-light));color:var(--color-button-primary-text, #ffffff);border-color:var(--color-accent-primary);box-shadow:0 4px 15px #c98a2c4d;font-weight:700;text-transform:uppercase;letter-spacing:.5px}form button:not(.btn):hover,form input[type=submit]:not(.btn):hover,form input[type=button]:not(.btn):hover{background:linear-gradient(135deg,var(--color-accent-primary-hover),var(--color-accent-primary));border-color:var(--color-accent-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #c98a2c66;color:var(--color-button-primary-text, #ffffff)}form button:not(.btn):active,form input[type=submit]:not(.btn):active,form input[type=button]:not(.btn):active{background:var(--color-accent-primary-hover);transform:translateY(0);box-shadow:0 2px 8px #c98a2c4d}form button:not(.btn):focus,form input[type=submit]:not(.btn):focus,form input[type=button]:not(.btn):focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}.card{background:var(--color-card-bg);border:2px solid var(--color-card-border);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:0 6px 18px var(--shadow-color-primary);transition:all var(--transition-normal, .2s ease);position:relative}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px var(--shadow-color-hover);border-color:var(--color-card-hover-border)}.card.clickable-card{cursor:pointer}.card.clickable-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px var(--shadow-color-hover)}.card.category-series,.card[data-category=series]{border-left:4px solid var(--color-category-series-dark);background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-category-series-light) 100%)}.card.category-series:hover,.card[data-category=series]:hover{border-left-color:var(--color-category-series);background:linear-gradient(135deg,var(--color-category-series-light) 0%,rgba(184,230,193,.3) 100%);box-shadow:0 12px 28px #4caf5040}.card.category-adventure,.card[data-category=adventure]{border-left:4px solid var(--color-category-adventure-dark);background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-category-adventure-light) 100%)}.card.category-adventure:hover,.card[data-category=adventure]:hover{border-left-color:var(--color-category-adventure);background:linear-gradient(135deg,var(--color-category-adventure-light) 0%,rgba(179,217,242,.3) 100%);box-shadow:0 12px 28px #2196f340}.card.category-education,.card[data-category=education]{border-left:4px solid var(--color-category-education-dark);background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-category-education-light) 100%)}.card.category-education:hover,.card[data-category=education]:hover{border-left-color:var(--color-category-education);background:linear-gradient(135deg,var(--color-category-education-light) 0%,rgba(249,231,159,.3) 100%);box-shadow:0 12px 28px #ffc10740}.card.category-fantasy,.card[data-category=fantasy]{border-left:4px solid var(--color-category-fantasy-dark);background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-category-fantasy-light) 100%)}.card.category-fantasy:hover,.card[data-category=fantasy]:hover{border-left-color:var(--color-category-fantasy);background:linear-gradient(135deg,var(--color-category-fantasy-light) 0%,rgba(225,196,232,.3) 100%);box-shadow:0 12px 28px #9c27b040}.story-card{position:relative;overflow:hidden}.story-card img{width:100%;height:180px;object-fit:cover;display:block;transition:transform var(--transition-normal)}.story-card:hover img{transform:scale(1.05)}.story-card .card-main-link{display:block;padding:14px 14px 6px;color:inherit;text-decoration:none;text-align:center}.card .card-main-link h2,.story-card .card-main-link h2,.series-card .card-main-link h2{text-decoration:none!important;border-bottom:none!important;display:inline-block}.story-card h2{margin:0;font-size:18px;line-height:1.3;color:var(--color-text-primary);transition:color var(--transition-fast)}.story-card:hover h2{color:var(--color-accent-primary)}.excerpt-wrapper{position:relative;padding-bottom:24px}.story-card .excerpt{padding:0 14px;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.4}.story-card .excerpt.short{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.expand-excerpt{position:absolute;right:14px;bottom:4px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-tertiary);font-size:14px;line-height:1;cursor:pointer;color:var(--color-text-secondary);padding:4px 10px;border-radius:10px;box-shadow:0 1px 2px #0000000f}.read-more-btn{background:var(--color-accent-primary);color:#fff;border:none;padding:6px 12px;border-radius:12px;font-size:.85em;font-weight:600;cursor:pointer;margin:8px 14px 0}.read-more-btn:hover{background:var(--color-accent-primary-light)}.story-card .meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:8px 14px 14px;color:var(--color-text-tertiary);font-size:var(--font-size-small);align-items:end;border-top:1px solid rgba(209,164,91,.2);margin-top:4px}.story-card .meta-left,.story-card .meta-right{display:flex;flex-direction:column;gap:6px}.story-card .meta-right{align-items:flex-end;justify-content:flex-end}.card.active,.card.selected{border-color:var(--color-accent-primary);background:var(--color-active-bg);box-shadow:0 8px 24px var(--shadow-color-active)}.card.active:hover,.card.selected:hover{transform:translateY(-2px);box-shadow:0 10px 28px var(--shadow-color-active)}.card.loading{opacity:.7;pointer-events:none;position:relative}.card.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.card.loading:before{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid var(--color-border-primary);border-top:3px solid var(--color-accent-primary);border-radius:50%;animation:card-spin 1s linear infinite;z-index:11}@keyframes card-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card .series-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--color-category-series),var(--color-category-series-dark));color:#fff;padding:4px 10px;border-radius:12px;font-weight:700;font-size:.7em;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #4caf504d;z-index:5}.card .age-badge{background:linear-gradient(135deg,var(--color-accent-peach),var(--color-accent-peach-light));color:var(--color-text-primary);padding:2px 8px;border-radius:10px;font-weight:600;font-size:.75em;white-space:nowrap}.card .genre-badge{background:var(--color-hover-bg);color:var(--color-text-secondary);padding:2px 8px;border-radius:8px;font-weight:500;font-size:.75em;white-space:nowrap}.card.card-compact{padding:12px}.card.card-compact img{height:120px}.card.card-compact h2{font-size:16px}.card.card-featured{border:3px solid var(--color-accent-primary);position:relative}.card.card-featured:before{content:"⭐";position:absolute;top:-8px;left:-8px;background:var(--color-accent-primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:5}@media (max-width: 768px){.card{margin-bottom:16px}.story-card img{height:160px}.story-card h2{font-size:16px}.story-card .meta{font-size:.8em;gap:6px}}@media (max-width: 480px){.story-card img{height:140px}.story-card .card-main-link{padding:12px 12px 4px}.story-card .excerpt{padding:0 12px;min-height:30px}.story-card .meta{padding:6px 12px 12px}}.card:focus,.card.clickable-card:focus{outline:3px solid var(--color-focus-ring);outline-offset:2px}.card a:focus{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-radius:4px}@media (prefers-contrast: high){.card{border-width:3px}.card:hover{border-color:var(--color-high-contrast-accent, #0066cc)}}@media (prefers-reduced-motion: reduce){.card{transition:none}.card:hover,.story-card:hover img{transform:none}}.card.legacy-card{background-image:none;text-shadow:none}.card *{box-sizing:border-box}.search button:not(.btn){padding:12px 18px;border-radius:10px;font-size:1em;min-height:40px}.pagination button:not(.btn){padding:8px 12px;border-radius:var(--radius-md);font-size:.9em;min-height:36px;background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-primary);box-shadow:0 2px 8px #5b3a1e26;font-weight:600;text-transform:none;letter-spacing:normal}.pagination button:not(.btn):hover{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #c98a2c4d}.pagination button:not(.btn).active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);box-shadow:0 2px 8px #c98a2c4d}.pagination button:not(.btn):disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 2px 8px #5b3a1e26!important}.captcha-refresh:not(.btn){padding:8px 12px;border-radius:8px;font-size:1em;min-height:36px;background:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border-primary);box-shadow:0 2px 8px #5b3a1e26;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.captcha-refresh:not(.btn):hover{background:var(--color-hover-bg);border-color:var(--color-accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #c98a2c33}.clear-filters:not(.btn){padding:8px 16px;border-radius:8px;font-size:var(--font-size-base);min-height:36px;background:var(--color-accent-primary);color:#fff;border:2px solid var(--color-accent-primary);box-shadow:0 2px 8px #c98a2c33;font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.clear-filters:not(.btn):hover{background:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #c98a2c4d;color:#fff}.purchase-btn:not(.btn){width:100%;padding:15px 20px;font-size:1.1rem;border-radius:12px;min-height:48px;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-light));color:var(--color-button-primary-text, #ffffff);border:2px solid var(--color-accent-primary);box-shadow:0 4px 15px #c98a2c4d;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-normal)}.purchase-btn:not(.btn):hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-primary-hover),var(--color-accent-primary));border-color:var(--color-accent-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #c98a2c66}.purchase-btn:not(.btn):disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:0 4px 15px #c98a2c4d!important}.subscription-btn:not(.btn){background:var(--color-accent-primary)!important;border:2px solid var(--color-accent-primary)!important;color:#fff!important;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #c98a2c4d}.subscription-btn:not(.btn):hover:not(:disabled){background:var(--color-accent-primary-hover)!important;border-color:var(--color-accent-primary-hover)!important;transform:translateY(-3px);box-shadow:0 6px 16px #c98a2c4d;color:#fff!important}.series-view-btn:not(.btn){background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-light));color:#fff;border:none;padding:6px 14px;border-radius:16px;font-size:.75em;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 6px #d1a45b4d;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;min-height:28px}.series-view-btn:not(.btn):hover{background:linear-gradient(135deg,var(--color-accent-primary-light),var(--color-accent-primary-hover));transform:translateY(-1px);box-shadow:0 3px 10px #d1a45b66}.control-btn:not(.btn){padding:8px 16px;border-radius:8px;font-size:.9em;min-height:32px;background:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border-primary);box-shadow:0 2px 8px #5b3a1e26;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.control-btn:not(.btn):hover{background:var(--color-hover-bg);border-color:var(--color-accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #c98a2c33}.overlay .result:not(.btn){display:inline-block;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-light));color:#fff;text-decoration:none;padding:12px 24px;border-radius:25px;font-weight:600;font-size:16px;margin-top:16px;transition:all var(--transition-fast);box-shadow:0 4px 12px #d1a45b4d;animation:fadeInBounce .6s ease-out;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.overlay .result:not(.btn):hover{background:linear-gradient(135deg,var(--color-accent-primary-light),var(--color-accent-primary-hover));transform:translateY(-2px);box-shadow:0 6px 16px #d1a45b66;color:#fff}.login-popup-close:not(.btn){background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-text-muted);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);z-index:1}.login-popup-close:not(.btn):hover{background:var(--color-error-light);color:var(--color-error);transform:scale(1.1)}.login-popup-close:not(.btn):focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media (max-width: 768px){.purchase-btn:not(.btn){padding:12px 16px;font-size:1rem;min-height:44px}.series-view-btn:not(.btn){padding:4px 10px;font-size:.7em;min-height:24px}.control-btn:not(.btn){padding:6px 12px;font-size:.85em;min-height:28px}}@media (max-width: 480px){.clear-filters:not(.btn){padding:6px 12px;font-size:.9em;min-height:32px}.pagination button:not(.btn){padding:6px 10px;font-size:.85em;min-height:32px}}.page-btn:not(.btn){padding:8px 12px;border-radius:6px;font-size:.9em;min-height:32px;background:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border-primary);box-shadow:0 2px 8px #5b3a1e26;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.page-btn:not(.btn):hover:not(:disabled){background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #c98a2c4d}.page-btn:not(.btn):disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 2px 8px #5b3a1e26!important}.page-btn:not(.btn).active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);box-shadow:0 2px 8px #c98a2c4d}.series-info-tag,.story-meta-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:.75em;font-weight:600;text-transform:none;letter-spacing:.2px;border:1px solid transparent;transition:all var(--transition-normal, .2s ease);white-space:nowrap;margin:2px}.story-tags,.meta,.meta-left{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;padding-top:8px;border-top:1px solid var(--color-border-tertiary)}.series-info-tag.age-recommendation,.story-meta-tag.age-group{background-color:var(--color-accent-peach-light);color:var(--color-text-primary);border-color:var(--color-accent-peach)}.series-info-tag.age-recommendation:hover,.story-meta-tag.age-group:hover{background-color:var(--color-accent-peach);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #f4c2a14d}.series-info-tag.age-recommendation:before,.story-meta-tag.age-group:before{content:"👶";font-size:.9em;margin-right:2px}.series-info-tag.chapter-count,.story-meta-tag[class*=rozdz],.story-meta-tag:has-text("rozdz"){background-color:var(--color-accent-sky-light);color:var(--color-text-primary);border-color:var(--color-accent-sky)}.series-info-tag.chapter-count:hover{background-color:var(--color-accent-sky);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #7fb3d34d}.series-info-tag.chapter-count:before{content:"📖";font-size:.9em;margin-right:2px}.story-meta-tag:first-child{background-color:var(--color-accent-sky-light);color:var(--color-text-primary);border-color:var(--color-accent-sky)}.story-meta-tag:first-child:hover{background-color:var(--color-accent-sky);transform:translateY(-1px);box-shadow:0 2px 8px #7fb3d34d}.series-info-tag.series-part,.series-badge,.stat-item.series-part{background-color:var(--color-accent-mint-light);color:var(--color-text-primary);border-color:var(--color-accent-mint)}.series-info-tag.series-part:hover,.series-badge:hover{background-color:var(--color-accent-mint);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #a8d5ba4d}.series-info-tag.series-part:before{content:"📚";font-size:.9em;margin-right:2px}.series-badge{background:linear-gradient(135deg,var(--color-accent-mint-light),var(--color-accent-mint))!important;color:var(--color-text-primary)!important;border-color:var(--color-accent-mint)!important;box-shadow:0 3px 8px #a8d5ba4d!important}.series-info-tag.reading-time,.story-meta-tag:nth-child(2){background-color:var(--color-accent-lavender-light);color:var(--color-text-primary);border-color:var(--color-accent-lavender)}.series-info-tag.reading-time:hover,.story-meta-tag:nth-child(2):hover{background-color:var(--color-accent-lavender);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #c8b5d84d}.series-info-tag.reading-time:before{content:"⏱️";font-size:.9em;margin-right:2px}.series-info-tag.genre,.story-meta-tag.genre{background-color:var(--color-category-series-light);color:var(--color-category-series-text);border-color:var(--color-category-series)}.series-info-tag.genre:hover,.story-meta-tag.genre:hover{background-color:var(--color-category-series);color:var(--color-category-series-text);transform:translateY(-1px);box-shadow:0 2px 8px #b8e6c14d}.series-info-tag.audio,.series-info-tag.tts,.story-meta-tag.audio,.story-meta-tag[title*=TTS],.story-meta-tag[title*=Audio]{background-color:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success)}.series-info-tag.audio:before,.series-info-tag.tts:before,.story-meta-tag.audio:before{content:"🎵";font-size:.9em;margin-right:2px}.series-info-tag.audio:hover,.series-info-tag.tts:hover,.story-meta-tag.audio:hover,.story-meta-tag[title*=TTS]:hover,.story-meta-tag[title*=Audio]:hover{background-color:var(--color-success);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.series-info-tag.youtube,.youtube-tag.story-meta-tag{background-color:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error)}.series-info-tag.youtube:before{content:"📺";font-size:.9em;margin-right:2px}.series-info-tag.youtube:hover,.youtube-tag.story-meta-tag:hover{background-color:var(--color-error);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #f443364d}.stat-item.age-group{background:linear-gradient(135deg,var(--color-accent-peach-light),var(--color-accent-peach-pale));border-color:var(--color-accent-peach)}.stat-item.age-group .stat-number{color:var(--color-text-primary)}.stat-item.genre-badge{background:linear-gradient(135deg,var(--color-accent-mint-light),var(--color-accent-mint-pale));border-color:var(--color-accent-mint)}.stat-item.genre-badge .stat-label{color:var(--color-text-primary)}@media (max-width: 768px){.series-info-tag{padding:4px 8px;font-size:.75em;gap:2px}.series-info-tag:before{font-size:.8em}.story-meta-tag{padding:3px 6px;font-size:.7em}}@media (max-width: 480px){.series-info-tag{padding:3px 6px;font-size:.7em}.story-meta-tag{padding:2px 5px;font-size:.65em}}@media (prefers-contrast: high){.series-info-tag,.story-meta-tag{border-width:2px;font-weight:700}}@media (prefers-reduced-motion: reduce){.series-info-tag,.story-meta-tag{transition:none}.series-info-tag:hover,.story-meta-tag:hover{transform:none}}.series-info-tag:focus,.story-meta-tag:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}.badge,.tag,.label,.old-meta-tag,.legacy-badge,.deprecated-tag{display:none!important}.series-new-part,.new-part-section,.series-continuation{background:transparent;border:none;border-radius:0;padding:16px 0;margin:16px 0;box-shadow:none}.series-new-part .series-badge,.new-part-section .series-badge{background:var(--color-accent-mint-light);border:none;padding:4px 8px;border-radius:6px;font-size:.75em;box-shadow:none}.series-new-part .btn,.new-part-section .btn{border:1px solid var(--color-accent-primary);box-shadow:none}.series-new-part .btn:hover,.new-part-section .btn:hover{box-shadow:0 2px 4px #c98a2c33}.series-new-part h2,.series-new-part h3,.new-part-section h2,.new-part-section h3{text-decoration:none;border-bottom:none;padding-bottom:0;margin-bottom:8px;font-weight:600;color:var(--color-text-primary)}.series-new-part p,.new-part-section p{color:var(--color-text-secondary);font-size:.9em;line-height:1.4;margin:8px 0}.card h2,.card h3,.story-card h2,.story-card h3,.series-card h2,.series-card h3{text-decoration:none!important;border-bottom:none!important;padding-bottom:0!important}.card h2 a,.card h3 a,.story-card h2 a,.story-card h3 a{text-decoration:none!important;color:inherit;display:inline-block;text-align:center}.card h2 a:hover,.card h3 a:hover,.story-card h2 a:hover,.story-card h3 a:hover{text-decoration:none!important;color:var(--color-accent-primary)}.card .meta,.story-card .meta,.series-card .meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:end;margin-top:auto;padding-top:8px;border-top:1px solid var(--color-border-tertiary)}.card .meta-left,.story-card .meta-left,.series-card .meta-left{display:flex;flex-direction:column;gap:6px}.card .meta-right,.story-card .meta-right,.series-card .meta-right{display:flex;flex-direction:column;gap:6px;align-items:flex-end;justify-content:flex-end}.story-meta-tag:nth-child(1){order:1}.story-meta-tag:nth-child(2){order:2}.story-meta-tag.age-group{order:3}.story-meta-tag.audio,.story-meta-tag[title*=TTS]{order:4}.story-meta-tag.genre{order:5}.youtube-tag{order:6}@media (max-width: 768px){.series-new-part,.new-part-section{padding:12px;margin:12px 0}.card .meta,.story-card .meta{gap:4px;margin-top:8px;padding-top:6px}.story-meta-tag{padding:3px 6px;font-size:.7em}}@media (max-width: 480px){.story-meta-tag{padding:2px 5px;font-size:.65em;margin:1px}.card .meta,.story-card .meta{gap:3px}}.story-header,.series-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.story-header h1,.story-header h2,.series-header h1,.series-header h2{flex:1;margin:0;font-size:2em;font-weight:700;color:var(--color-text-primary);line-height:1.2;text-decoration:none;border-bottom:none}.story-header .share-component,.series-header .share-component{flex-shrink:0;margin:0;padding:0;background:transparent;border:none}.story-header .share-component .share-header,.series-header .share-component .share-header{display:none}.story-header .share-component .share-buttons,.series-header .share-component .share-buttons{display:flex;gap:6px;margin-top:4px}.story-header .share-component .share-btn,.series-header .share-component .share-btn{padding:6px 8px;min-height:28px;font-size:.75em;border-radius:4px;opacity:.7;background:var(--color-bg-tertiary);border:1px solid var(--color-border-tertiary)}.story-header .share-component .share-btn:hover,.series-header .share-component .share-btn:hover{opacity:1;background:var(--color-bg-secondary)}.story-header .share-component .share-btn span,.series-header .share-component .share-btn span{display:none}.story-header .share-component .share-btn svg,.series-header .share-component .share-btn svg{width:14px;height:14px}@media (max-width: 768px){.story-header,.series-header{flex-direction:column;gap:12px;align-items:flex-start}.story-header h1,.story-header h2,.series-header h1,.series-header h2{font-size:1.6em}.story-header .share-component .share-buttons,.series-header .share-component .share-buttons{gap:4px}.story-header .share-component .share-btn,.series-header .share-component .share-btn{padding:4px 6px;min-height:24px}.story-header .share-component .share-btn svg,.series-header .share-component .share-btn svg{width:12px;height:12px}}@media (max-width: 480px){.story-header,.series-header{gap:8px}.story-header h1,.story-header h2,.series-header h1,.series-header h2{font-size:1.4em}}.card h1,.card h2,.card h3,.story-card h1,.story-card h2,.story-card h3,.series-card h1,.series-card h2,.series-card h3,h1 a,h2 a,h3 a{text-decoration:none!important;border-bottom:none!important;padding-bottom:0!important;margin-bottom:8px!important}.card h1 a:hover,.card h2 a:hover,.card h3 a:hover,.story-card h1 a:hover,.story-card h2 a:hover,.story-card h3 a:hover{color:var(--color-accent-primary)!important;text-decoration:none!important}.card,.story-card,.series-card{display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:200px!important}.card-content,.story-content{flex:1;display:flex;flex-direction:column}.card .meta,.story-card .meta,.series-card .meta{margin-top:auto!important;padding-top:12px!important;border-top:1px solid var(--color-border-tertiary)!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important}.card .story-meta-tag:first-of-type{margin-top:auto}.card:not(:has(.meta)){position:relative}.card:not(:has(.meta)) .story-meta-tag{position:absolute;bottom:16px}@media (max-width: 768px){.card,.story-card,.series-card{min-height:180px!important}.card .meta,.story-card .meta{padding-top:8px!important;gap:4px!important}}@media (max-width: 480px){.card,.story-card,.series-card{min-height:160px!important}.card .meta,.story-card .meta{gap:3px!important}}.series-parts .card.active,.series-parts .card[aria-current=page]{border-color:var(--color-accent-primary)!important;border-width:3px!important;background:linear-gradient(135deg,var(--color-accent-primary-pale),rgba(255,255,255,.9))!important;box-shadow:0 4px 16px var(--shadow-color-hover)!important;transform:translateY(-2px)!important}.series-parts .card.active h2,.series-parts .card[aria-current=page] h2{color:var(--color-accent-primary)!important;font-weight:700!important}.series-parts .card:hover{border-color:var(--color-accent-primary-light)!important;background:linear-gradient(135deg,var(--color-accent-primary-pale),rgba(255,255,255,.95))!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px var(--shadow-color-hover)!important}.series-part-progress{position:relative;margin-top:8px;height:4px;background:var(--color-border-tertiary);border-radius:2px;overflow:hidden}.series-part-progress:after{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-primary-light));border-radius:2px;transition:width var(--transition-slow, .3s ease)}.series-parts .card.completed .series-part-progress:after{width:100%}.series-parts .card.in-progress .series-part-progress:after{width:60%}.series-parts .card.not-started .series-part-progress:after{width:0%}.breadcrumbs-container{margin:12px 0 20px;padding:8px 0}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--color-text-secondary);font-size:14px}.breadcrumb-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:2px solid var(--color-border-primary);background:var(--color-bg-secondary);color:var(--color-text-primary);text-decoration:none;font-weight:600;box-shadow:0 2px 8px var(--shadow-color-primary);transition:all var(--transition-normal, .2s ease);position:relative;overflow:hidden}.breadcrumb-link.category-series{border-color:var(--color-category-series);background:var(--color-category-series-light)}.breadcrumb-link.category-series:hover{background:var(--color-category-series);color:#fff}.breadcrumb-link.category-adventure{border-color:var(--color-category-adventure);background:var(--color-category-adventure-light)}.breadcrumb-link.category-adventure:hover{background:var(--color-category-adventure);color:#fff}.breadcrumb-link.category-education{border-color:var(--color-category-education);background:var(--color-category-education-light)}.breadcrumb-link.category-education:hover{background:var(--color-category-education);color:var(--color-category-education-text)}.breadcrumb-link.category-fantasy{border-color:var(--color-category-fantasy);background:var(--color-category-fantasy-light)}.breadcrumb-link.category-fantasy:hover{background:var(--color-category-fantasy);color:#fff}.breadcrumb-separator{color:var(--color-accent-primary-light);font-weight:700;font-size:16px;margin:0 2px}.series-progress-container{margin:16px 0;padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color-primary)}.series-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9em;font-weight:600;color:var(--color-text-primary)}.series-progress-bar{height:8px;background:var(--color-border-tertiary);border-radius:4px;overflow:hidden;position:relative}.series-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-primary-light));border-radius:4px;transition:width var(--transition-slow, .5s ease);position:relative}.series-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.series-navigation-controls{display:flex;justify-content:space-between;align-items:center;margin:20px 0;gap:16px}.series-nav-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-accent-primary);color:#fff;border:2px solid var(--color-accent-primary);border-radius:25px;text-decoration:none;font-weight:600;font-size:.9em;transition:all var(--transition-normal, .2s ease);box-shadow:0 3px 10px var(--shadow-color-hover)}.series-nav-button:hover{background:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-color-active)}.series-nav-button:disabled{background:var(--color-border-tertiary);color:var(--color-text-muted);border-color:var(--color-border-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.series-nav-button.prev:before{content:"←";font-size:1.2em}.series-nav-button.next:after{content:"→";font-size:1.2em}.series-info-header .series-navigation{display:flex;align-items:center;gap:12px;margin-top:12px}.series-part-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-accent-primary-pale);border:1px solid var(--color-accent-primary);border-radius:15px;font-size:.85em;font-weight:600;color:var(--color-accent-primary)}.series-part-indicator:before{content:"📖";font-size:.9em}@media (max-width: 768px){.breadcrumbs{font-size:12px;gap:6px}.breadcrumb-link{padding:6px 10px;font-size:.8em}.series-navigation-controls{flex-direction:column;gap:12px}.series-nav-button{width:100%;justify-content:center;padding:10px 16px}.series-progress-container{padding:8px}.series-info-header .series-navigation{flex-wrap:wrap;gap:8px}}@media (max-width: 480px){.breadcrumbs{font-size:11px;gap:4px}.breadcrumb-link,.series-part-indicator{padding:4px 8px;font-size:.75em}}@media (prefers-contrast: high){.breadcrumb-link,.series-nav-button{border-width:3px;font-weight:700}.series-progress-fill{background:var(--color-high-contrast-accent)}}@media (prefers-reduced-motion: reduce){.breadcrumb-link,.series-nav-button,.series-parts .card{transition:none}.breadcrumb-link:hover,.series-nav-button:hover,.series-parts .card:hover{transform:none}.series-progress-fill:after{animation:none}}.breadcrumb-link:focus,.series-nav-button:focus{outline:3px solid var(--color-focus-ring);outline-offset:2px}.old-breadcrumb,.legacy-nav,.deprecated-navigation,.breadcrumb-old,.nav-old,.navigation-legacy{display:none!important}.breadcrumbs-container{margin:8px 0 16px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#6b5a3a;font-size:14px}.breadcrumb-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:2px solid var(--color-border-primary);background:var(--color-bg-secondary);color:var(--color-text-primary);text-decoration:none;font-weight:600;box-shadow:0 2px 8px var(--shadow-color-primary);transition:all var(--transition-normal, .2s ease)}.breadcrumb-link:hover{background:var(--color-accent-primary-pale);transform:translateY(-2px);border-color:var(--color-accent-primary);box-shadow:0 4px 12px var(--shadow-color-hover)}.breadcrumb-link.current{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background:var(--color-accent-primary-pale);font-weight:700}.breadcrumb-separator{color:#a48862;font-weight:700}.action-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:20px 0}.action-tile{background:var(--color-bg-tertiary);border:2px solid var(--color-border-primary);border-radius:12px;padding:16px;box-shadow:0 6px 18px var(--shadow-color-primary);position:relative;overflow:hidden;transition:all var(--transition-normal, .2s ease);display:flex;flex-direction:column;align-items:center;text-align:center}.action-tile:hover{border-color:var(--color-accent-primary);box-shadow:0 8px 24px var(--shadow-color-hover);transform:translateY(-2px)}.action-tile .tts-status.disabled{opacity:.7}.action-tile .tts-status.disabled h3,.action-tile .tts-status.disabled p{color:var(--color-text-tertiary)}.action-tile h3{margin:0 0 8px;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;gap:6px;text-align:center}.action-tile p{margin:6px 0;color:var(--color-text-secondary)}.action-tile .control-btn{margin-top:8px}.tts-order-tile h3:before{content:"🎵";display:inline-block}.new-series-tile h3:before{content:"📚";display:inline-block}.breadcrumbs a,.action-tile,.action-tile .control-btn{touch-action:manipulation}@media (max-width: 720px){.action-tiles{grid-template-columns:1fr}}.search{display:flex;gap:10px;margin:8px 0 18px}.search input{flex:1;padding:12px 14px;border-radius:10px;border:2px solid var(--color-border);background:var(--color-light-cream)}.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.list-unstyled{list-style:none;padding-left:0;margin:0}.series-info-header{background:linear-gradient(135deg,var(--color-card-bg) 0%,#f8f9ff 100%);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin:20px 0;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.series-title-section{flex:1;min-width:250px}.series-title-section h1{margin:0 0 8px;font-size:28px;color:var(--color-dark-brown);font-family:var(--font-family-title);line-height:1.2}.series-description{margin:0;color:var(--color-medium-brown);font-size:var(--font-size-base);line-height:1.4;font-style:italic}.series-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:60px;padding:8px 12px;background:#ffffffb3;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000001a}.stat-number{font-size:18px;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:2px}.stat-label{font-size:11px;color:var(--color-medium-brown);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-item.age-group{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ff9800}.stat-item.age-group .stat-number{color:#e65100}.stat-item.genre-badge{background:linear-gradient(135deg,#e8f5e8,#d4edda);border-color:#28a745;flex-direction:row;gap:6px;min-width:auto;padding:8px 14px}.stat-icon{font-size:16px;line-height:1}.genre-badge .stat-label{color:#155724;text-transform:capitalize;font-size:12px;margin:0}@media (max-width: 768px){.series-info-header{flex-direction:column;align-items:stretch;padding:16px;gap:16px}.series-title-section{min-width:auto}.series-title-section h1{font-size:24px}.series-stats{justify-content:center;gap:12px}.stat-item{min-width:50px;padding:6px 10px}.stat-number{font-size:16px}}.back-navigation{margin:20px 0 10px}.back-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-dark-brown);text-decoration:none;font-weight:600;transition:all var(--transition-fast);box-shadow:0 2px 4px #0000001a}.back-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 8px #d1a45b4d}.series-continuation-text{margin-bottom:8px;line-height:1.5;color:var(--color-medium-brown)}.series-instruction{margin-top:8px;padding:8px 12px;background:linear-gradient(135deg,#e8f5e8,#d4edda);border-left:3px solid #28a745;border-radius:6px;color:#155724;font-size:.95em}.series-badge{background:linear-gradient(135deg,#2196f3,#1976d2)!important;color:#fff!important;padding:8px 16px!important;border-radius:20px!important;font-weight:700!important;font-size:.85em!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 3px 8px #2196f34d!important;border:none!important;display:inline-block!important;text-align:center!important}.meta>span{flex-shrink:0;white-space:nowrap}.meta-left{display:flex;gap:8px;align-items:center}.meta-right{display:flex;gap:8px;align-items:center;margin-left:auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3b2f1a99;display:grid;place-items:center}.overlay .box{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;width:min(520px,92vw);box-shadow:0 10px 28px #0000004d;text-align:center}.overlay h3{margin:0 0 8px;color:var(--color-dark-brown);font-size:22px}.overlay .message{color:var(--color-medium-brown);margin-bottom:14px}.login-popup-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#3b2f1ab3;display:none;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeInModal .3s ease-out}.login-popup-modal.show{display:flex}.login-popup-content{background:var(--color-card-bg);border:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-xxl);width:min(480px,95vw);max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);animation:slideInModal .4s cubic-bezier(.34,1.56,.64,1);text-align:center}.login-popup-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.login-popup-title{font-family:var(--font-family-title);font-size:28px;color:var(--color-dark-brown);margin:0 0 var(--spacing-sm) 0;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.login-popup-subtitle{color:var(--color-medium-brown);font-size:var(--font-size-base);margin:0;line-height:var(--line-height-base)}.login-popup-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-text-muted);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);z-index:1}.login-popup-close:hover{background:var(--color-error-light);color:var(--color-error);transform:scale(1.1)}.login-popup-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.login-popup-body{margin:var(--spacing-xl) 0}.login-popup-firebase-ui{text-align:left}.login-popup-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);font-size:var(--font-size-small);color:var(--color-text-muted);text-align:center}.login-popup-footer a{color:var(--color-primary);text-decoration:none;font-weight:600}.login-popup-footer a:hover{text-decoration:underline}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideInModal{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-popup-error{background:var(--color-error-light);border:2px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-error-dark);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm);animation:shakeError .5s ease-in-out}.login-popup-error:before{content:"⚠️";font-size:18px;flex-shrink:0}@keyframes shakeError{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-popup-success{background:var(--color-success-bg);border:2px solid var(--color-success);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-success);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm);animation:pulseSuccess .6s ease-out}.login-popup-success:before{content:"✅";font-size:18px;flex-shrink:0}@keyframes pulseSuccess{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.overlay .result{display:inline-block;background:linear-gradient(135deg,var(--color-primary),#d1a45b);color:#fff;text-decoration:none;padding:12px 24px;border-radius:25px;font-weight:600;font-size:16px;margin-top:16px;transition:all var(--transition-fast);box-shadow:0 4px 12px #d1a45b4d;animation:fadeInBounce .6s ease-out}.overlay .result:hover{background:linear-gradient(135deg,#d1a45b,#b8933d);transform:translateY(-2px);box-shadow:0 6px 16px #d1a45b66;color:#fff}@keyframes fadeInBounce{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{opacity:1;transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.progress{height:10px;background:#f3e2b7;border:1px solid var(--color-border);border-radius:999px;overflow:hidden}.progress .bar{height:100%;width:0%;background:linear-gradient(90deg,var(--color-primary),#f0c24d);transition:width .6s ease}.checkbox-filter-group{min-width:auto;flex-shrink:0;position:relative;animation:slideInFilter .4s ease-out}.checkbox-filter{display:flex!important;align-items:center!important;gap:12px!important;font-size:var(--font-size-base)!important;font-weight:600!important;color:var(--color-wood)!important;text-transform:uppercase!important;letter-spacing:.5px!important;cursor:pointer!important;transition:all var(--transition-normal)!important;margin:0!important;padding:10px 16px!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;border-radius:var(--radius-md)!important;background:#ffffff4d!important;border:2px solid rgba(209,164,91,.2)!important;box-shadow:0 2px 4px #5b3a1e1a!important;position:relative!important;overflow:hidden!important}.checkbox-filter:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.checkbox-filter:hover:before{left:100%}.checkbox-filter:hover{color:var(--color-primary)!important;background:#c98a2c14!important;border-color:var(--color-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #c98a2c40!important}.checkbox-filter:focus-within{outline:2px solid var(--color-primary)!important;outline-offset:2px!important;background:#c98a2c1a!important}.checkbox-filter input[type=checkbox]{width:22px!important;height:22px!important;margin:0!important;cursor:pointer!important;accent-color:var(--color-primary)!important;flex-shrink:0!important;border-radius:6px!important;border:2px solid var(--color-border)!important;transition:all var(--transition-fast)!important;position:relative!important;background:var(--color-light-cream)!important}.checkbox-filter input[type=checkbox]:checked{background:var(--color-primary)!important;border-color:var(--color-primary)!important;transform:scale(1.1)!important;box-shadow:0 0 0 3px #c98a2c4d!important}.checkbox-filter input[type=checkbox]:hover{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #c98a2c33!important;transform:scale(1.05)!important}.checkbox-filter span{font-size:var(--font-size-small)!important;font-weight:700!important;color:inherit!important;text-transform:uppercase!important;letter-spacing:.8px!important;white-space:nowrap!important;-webkit-user-select:none!important;user-select:none!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important}.checkbox-filter-group.user-authenticated .checkbox-filter{border-color:#28a74566!important;background:#28a7450d!important}.checkbox-filter-group.user-authenticated .checkbox-filter:hover{border-color:#28a745!important;background:#28a7451a!important;box-shadow:0 4px 12px #28a74540!important}.checkbox-filter-group.user-authenticated .checkbox-filter input[type=checkbox]{accent-color:#28a745!important}.checkbox-filter-group.user-authenticated .checkbox-filter input[type=checkbox]:checked{background:#28a745!important;border-color:#28a745!important;box-shadow:0 0 0 3px #28a7454d!important}.checkbox-filter-group.slide-in{animation:slideInFilter .4s ease-out}.checkbox-filter-group.slide-out{animation:slideOutFilter .3s ease-in forwards}@keyframes slideInFilter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutFilter{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px 0}.loader{display:flex;justify-content:center;align-items:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.captcha-container{background:#f8f9fa;border:2px solid #e9ecef;border-radius:var(--radius-lg);padding:16px;margin:16px 0}.captcha-challenge{display:flex;gap:12px;align-items:center;margin-top:8px}#captchaQuestion{font-size:var(--font-size-large);font-weight:600;color:#495057;background:#fff;padding:8px 12px;border:2px solid #dee2e6;border-radius:8px;min-width:80px;text-align:center}#captchaAnswer{flex:1;max-width:120px}.checkbox{display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-start!important;text-align:left!important;flex-direction:row!important;flex-wrap:nowrap!important;white-space:nowrap!important;margin:16px 0!important}.checkbox input[type=checkbox]{margin:0!important;flex-shrink:0!important;width:16px!important;height:16px!important}.checkbox a{color:#007bff!important;text-decoration:underline!important;white-space:nowrap!important}.checkbox a:hover{color:#0056b3!important}.error{border-color:var(--color-error, #dc3545)!important;background-color:var(--color-error-bg, #fff5f5)!important}.field-error{color:var(--color-error, #dc3545);font-size:.875rem;margin-top:4px;display:block}.captcha-challenge{display:flex;align-items:center;gap:10px;margin-top:8px}.captcha-question{font-weight:600;font-size:1.1rem;min-width:80px;color:var(--color-text)}.captcha-answer{width:80px;padding:8px 12px;border:2px solid var(--color-border);border-radius:6px;text-align:center;font-size:1rem}.captcha-refresh{padding:8px 12px;border:2px solid var(--color-border);border-radius:6px;background:var(--color-light-cream);cursor:pointer;font-size:1rem;transition:background-color var(--transition-fast)}.captcha-refresh:hover{background:var(--color-primary-light, #e3f2fd)}.series-header-compact{padding:14px 14px 6px;display:flex;justify-content:space-between;align-items:center;gap:12px}.series-header-compact h2{margin:0;font-size:18px;line-height:1.3;color:var(--color-dark-brown);flex:1}.series-info-inline{display:flex;gap:8px;align-items:center;flex-shrink:0}.series-parts-badge{background:linear-gradient(135deg,#e8f5e8,#d4edda);color:#155724;border:1px solid #28a745;padding:4px 10px;border-radius:12px;font-weight:600;font-size:.7em;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.series-age-badge{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;border:1px solid #ff9800;padding:4px 8px;border-radius:10px;font-weight:600;font-size:.65em;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.series-view-btn{background:linear-gradient(135deg,var(--color-primary),#d1a45b);color:#fff;border:none;padding:6px 14px;border-radius:16px;font-size:.75em;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 6px #d1a45b4d;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.series-view-btn:hover{background:linear-gradient(135deg,#d1a45b,#b8933d);transform:translateY(-1px);box-shadow:0 3px 10px #d1a45b66}.card.series-card{border-left:4px solid var(--color-category-series-dark);position:relative;background:linear-gradient(135deg,#ffffff 0%,var(--color-category-series-light) 100%)}.card.series-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color-hover);border-left-color:var(--color-category-series)}.series-selector .series-toggle{background:none;border:none;color:var(--color-wood);cursor:pointer;font-size:1.2em;padding:0 5px;transition:transform var(--transition-fast)}.series-selector .series-toggle:hover{color:var(--color-primary)}.series-selector .series-parts{padding-top:8px;border-top:1px dashed var(--color-border);display:none}.series-selector .series-part{margin-bottom:4px}.series-selector .series-part a{display:flex;gap:8px;text-decoration:none;color:var(--color-dark-brown);transition:color var(--transition-fast)}.series-selector .series-part a:hover{color:var(--color-primary)}.series-selector .part-number{font-weight:600;color:var(--color-medium-brown)}.series-selector .part-title{font-weight:400}.form-field-prefilled,input.prefilled,textarea.prefilled,select.prefilled{position:relative;background:linear-gradient(135deg,#f0f8ff,#e6f3ff)!important;border:2px solid #4caf50!important;box-shadow:0 0 0 3px #4caf501a!important;transition:all var(--transition-normal)!important}.form-field-prefilled:before,input.prefilled:before,textarea.prefilled:before,select.prefilled:before{content:"📋";position:absolute;right:12px;top:12px;font-size:16px;opacity:.7;z-index:2;pointer-events:none;animation:prefillPulse 2s ease-in-out infinite}.form-field-prefilled:hover,input.prefilled:hover,textarea.prefilled:hover,select.prefilled:hover{background:linear-gradient(135deg,#e8f5e8,#d4edda)!important;border-color:#28a745!important;box-shadow:0 0 0 4px #28a74526!important;transform:translateY(-1px)!important}.form-field-prefilled:focus,input.prefilled:focus,textarea.prefilled:focus,select.prefilled:focus{background:linear-gradient(135deg,#fff,#f8fff9)!important;border-color:#28a745!important;box-shadow:0 0 0 4px #28a74533!important;outline:none!important}textarea.prefilled:before{top:12px;right:12px}select.prefilled:before{right:40px;top:50%;transform:translateY(-50%)}.form-field-prefilled:after,input.prefilled:after,textarea.prefilled:after,select.prefilled:after{content:"Skopiowane z poprzedniej części";position:absolute;top:-35px;right:0;background:var(--color-dark-brown);color:#fff;padding:6px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(5px);transition:all var(--transition-fast);z-index:10;pointer-events:none}.form-field-prefilled:hover:after,input.prefilled:hover:after,textarea.prefilled:hover:after,select.prefilled:hover:after{opacity:1;visibility:visible;transform:translateY(0)}.form-field-prefilled:hover:after,input.prefilled:hover:after,textarea.prefilled:hover:after,select.prefilled:hover:after{box-shadow:0 2px 8px #0003}@keyframes prefillPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.series-continuation-form .form-field-prefilled,.series-continuation-form input.prefilled,.series-continuation-form textarea.prefilled,.series-continuation-form select.prefilled{animation:prefillHighlight 1s ease-out}@keyframes prefillHighlight{0%{background:linear-gradient(135deg,#fff3cd,#ffeaa7);transform:scale(1.02)}to{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);transform:scale(1)}}input[style*="background-color: rgb(240, 248, 255)"],textarea[style*="background-color: rgb(240, 248, 255)"],select[style*="background-color: rgb(240, 248, 255)"]{border:2px solid #4caf50!important;box-shadow:0 0 0 3px #4caf501a!important;position:relative}input[style*="background-color: rgb(240, 248, 255)"]:before,textarea[style*="background-color: rgb(240, 248, 255)"]:before,select[style*="background-color: rgb(240, 248, 255)"]:before{content:"📋";position:absolute;right:12px;top:12px;font-size:16px;opacity:.7;z-index:2;pointer-events:none}.lazy-loading{opacity:.6;filter:blur(2px);transition:opacity .3s ease,filter .3s ease}.lazy-loaded{opacity:1;filter:none}.lazy-error{opacity:.5;background-color:#f5f5f5;position:relative}.lazy-error:after{content:"⚠️ Błąd ładowania";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#666}.virtual-scroll-container{height:100%;overflow-y:auto;position:relative}.virtual-scroll-spacer-before,.virtual-scroll-spacer-after{width:100%}.virtual-scroll-items{position:relative}.pagination-container{display:flex;flex-direction:column;gap:16px}.pagination-container.virtual-scroll .pagination-content{height:600px;overflow:hidden}.pagination-search{position:relative;display:flex;align-items:center}.pagination-search .search-input{flex:1;padding:10px 40px 10px 12px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-light-cream)}.pagination-search .search-clear{position:absolute;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pagination-filters{display:flex;gap:10px;flex-wrap:wrap}.pagination-sort .sort-select{padding:8px 12px;border:2px solid var(--color-border);border-radius:6px;background:var(--color-light-cream)}.pagination-info{font-size:14px;color:#666;text-align:center}.pagination-content{flex:1}.pagination-items,.virtual-scroll-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.pagination-item{transition:transform .2s ease}.pagination-item:hover{transform:translateY(-2px)}.pagination-controls{display:flex;justify-content:center;margin-top:20px}.pagination-nav{display:flex;align-items:center;gap:8px}.page-numbers{display:flex;gap:4px}.empty-state{text-align:center;padding:40px 20px;color:#666;font-style:italic}.cache-indicator{position:fixed;top:20px;right:20px;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:700;z-index:10000;opacity:0;transform:translate(100%);transition:all .3s ease;pointer-events:none}.cache-indicator.show{opacity:1;transform:translate(0)}.cache-indicator.cache-hit{background:#4caf50;color:#fff}.cache-indicator.cache-miss{background:#ff9800;color:#fff}.component-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#666}.component-loading:after{content:"";width:20px;height:20px;border:2px solid #ddd;border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.pagination-container.virtual-scroll .pagination-content{height:400px}.pagination-items,.virtual-scroll-items{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cache-indicator{top:10px;right:10px;font-size:11px;padding:6px 10px}.pagination-search,.pagination-filters,.pagination-sort{flex-direction:column;gap:8px}.pagination-nav{flex-wrap:wrap;justify-content:center}.page-btn{padding:6px 10px;font-size:14px}.chapters-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.chapter-card,.chapter-controls{padding:16px}.read-chapter-btn,.generate-next-book-btn,.open-next-part-btn{padding:10px 16px;font-size:.9em}.login-popup-content{width:95%;padding:var(--spacing-lg);margin:10px;max-height:85vh}.login-popup-title{font-size:24px!important}.login-popup-subtitle{font-size:14px!important}.login-popup-close{top:10px!important;right:10px!important;width:36px!important;height:36px!important;font-size:24px!important}.login-popup-modal{padding:10px}.login-popup-title{font-size:24px}.login-popup-close{top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;font-size:24px}.form-field-prefilled:after,input.prefilled:after,textarea.prefilled:after,select.prefilled:after{right:-10px;top:-30px;font-size:10px;padding:4px 8px}}@media (max-width: 480px){.pagination-items,.virtual-scroll-items{grid-template-columns:1fr}.pagination-container.virtual-scroll .pagination-content{height:300px}.chapters-gallery{grid-template-columns:1fr;gap:12px}.chapter-card,.chapter-controls{padding:14px}.generate-next-book-btn{font-size:1em;padding:12px 20px}.read-chapter-btn,.open-next-part-btn{padding:8px 14px;font-size:.85em}.filters{padding:8px;gap:8px}.filter-group{margin-bottom:8px}.checkbox-filter{padding:8px 12px!important;gap:8px!important}.checkbox-filter input[type=checkbox]{width:18px!important;height:18px!important}.checkbox-filter span{font-size:12px!important;letter-spacing:.3px!important}.clear-filters{padding:8px 12px;font-size:13px;width:100%;margin-top:8px}.login-popup-content{width:98%;padding:var(--spacing-md);margin:var(--spacing-xs);max-height:95vh}.login-popup-title{font-size:22px;margin-bottom:var(--spacing-sm)}.login-popup-subtitle{font-size:13px}.login-popup-close{top:var(--spacing-xs);right:var(--spacing-xs);width:32px;height:32px;font-size:20px}.login-popup-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.login-popup-body{margin:var(--spacing-md) 0}.login-popup-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);font-size:11px}.form-field-prefilled:before,input.prefilled:before,textarea.prefilled:before,select.prefilled:before{font-size:14px;right:8px;top:8px}.form-field-prefilled:after,input.prefilled:after,textarea.prefilled:after,select.prefilled:after{display:none}select.prefilled:before{right:32px}.series-continuation-form{padding:var(--spacing-sm)}.series-indicator{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.series-badge{font-size:12px;padding:4px 8px}}.error-notifications{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px;pointer-events:none}.error-notification{background:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-bottom:12px;opacity:0;transform:translate(100%);animation:slideInNotification .3s ease-out forwards;pointer-events:auto;border-left:4px solid var(--color-warning)}.error-notification--low{border-left-color:var(--color-info)}.error-notification--medium{border-left-color:var(--color-warning)}.error-notification--high{border-left-color:var(--color-error)}.error-notification--critical{border-left-color:var(--color-error);background:var(--color-error-light)}.error-notification--removing{animation:slideOutNotification .3s ease-in forwards}.error-notification__content{display:flex;align-items:flex-start;padding:16px;gap:12px}.error-notification__icon{font-size:20px;line-height:1;flex-shrink:0}.error-notification__message{flex:1;font-size:14px;line-height:1.4;color:var(--color-text)}.error-notification__close{background:none;border:none;font-size:18px;line-height:1;cursor:pointer;color:var(--color-text-muted);padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color var(--transition-fast);flex-shrink:0}.error-notification__close:hover{background-color:var(--color-border);color:var(--color-text)}@keyframes slideInNotification{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutNotification{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width: 480px){.error-notifications{top:10px;right:10px;left:10px;max-width:none}.error-notification{transform:translateY(-100%)}@keyframes slideInNotification{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutNotification{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}}.component-error{background:var(--color-error-light);border:2px solid var(--color-error);border-radius:var(--radius-md);padding:16px;text-align:center;color:var(--color-error-dark)}.component-error__icon{font-size:24px;margin-bottom:8px}.component-error__message{font-weight:600;margin-bottom:4px}.component-error__details{font-size:14px;opacity:.8}.component-error__retry{margin-top:12px;padding:8px 16px;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:background-color var(--transition-fast)}.component-error__retry:hover{background:var(--color-error-dark)}.form-field--error input,.form-field--error textarea,.form-field--error select{border-color:var(--color-error);background-color:var(--color-error-light)}.form-field__error{color:var(--color-error);font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.form-field__error:before{content:"⚠️";font-size:12px}.loader--error{color:var(--color-error)}.loader--error .loader__spinner{border-color:var(--color-error-light);border-top-color:var(--color-error)}.error-display{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);margin:16px 0}.error-display__icon{font-size:20px;flex-shrink:0}.error-display__content{flex:1}.error-display__message{font-weight:600;color:var(--color-error-dark);margin-bottom:8px}.error-display__details{margin:8px 0}.error-display__details summary{cursor:pointer;font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.error-display__details pre{background:#0000001a;padding:8px;border-radius:var(--radius-sm);font-size:11px;overflow-x:auto;max-height:200px;overflow-y:auto}.error-display__retry{background:var(--color-error);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;margin-top:8px;transition:background-color var(--transition-fast)}.error-display__retry:hover{background:var(--color-error-dark)}.loading-error{background:var(--color-warning-bg);border-color:var(--color-warning)}.loading-error .error-display__message{color:#856404}.network-error{background:var(--color-info-light);border-color:var(--color-info)}.network-error .error-display__message{color:#0c5460}.not-found-error{background:var(--color-warning-bg);border-color:var(--color-warning)}.timeout-error{background:var(--color-error-light);border-color:var(--color-error)}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-muted);font-style:italic;grid-column:1 / -1;background:var(--color-card-bg);border:2px dashed var(--color-border);border-radius:var(--radius-lg);margin:20px 0}.empty-state__icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state__message{font-size:16px;margin-bottom:16px}.empty-state__action{background:var(--color-primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:background-color var(--transition-fast)}.empty-state__action:hover{background:var(--color-primary-hover)}.field-error{border-color:var(--color-error)!important;background-color:var(--color-error-light)!important}.field-error-message{color:var(--color-error);font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.field-error-message:before{content:"⚠️";font-size:12px}.error-boundary{border:2px dashed var(--color-error);border-radius:var(--radius-md);background:var(--color-error-light)}.error-boundary .component-error{margin:0;border:none;background:transparent}@media (max-width: 480px){.error-display{flex-direction:column;text-align:center}.error-display__icon{align-self:center}.empty-state{padding:20px 10px}.empty-state__icon{font-size:36px}}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);text-decoration:none;font-weight:600;padding:8px 16px;border:2px solid var(--color-primary);border-radius:8px;transition:all var(--transition-normal)}.back-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.series-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:8px 14px;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.series-header h1{font-size:1.3em;margin:0;font-weight:600;color:var(--color-dark-brown)}.series-meta{display:flex;gap:8px;flex-wrap:wrap}.series-meta span{background:var(--color-light-cream);color:var(--color-medium-brown);padding:3px 10px;border-radius:10px;font-size:.8em;font-weight:500;border:1px solid var(--color-border);white-space:nowrap}@media (max-width: 600px){.series-header{flex-direction:column;align-items:flex-start;gap:8px}.series-meta{align-self:stretch;justify-content:flex-start}}.series-parts h2{color:var(--color-dark-brown);margin-bottom:20px;font-size:1.8em}.series-indicator{background:var(--color-card-bg);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.series-badge{background:linear-gradient(135deg,var(--color-primary),#d1a45b);color:#fff;padding:4px 12px;border-radius:15px;font-weight:600;font-size:.85em;display:inline-block;margin-bottom:8px}.series-info{margin:0;font-size:.9em;color:var(--color-medium-brown);line-height:1.4}.generate-controls h3{margin:0 0 10px;color:var(--color-dark-brown);font-size:1.3em}.generate-controls p{margin:0 0 20px;color:var(--color-medium-brown)}.generate-next-part-btn{background:linear-gradient(135deg,var(--color-primary),#d1a45b);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1em;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #d1a45b4d}.generate-next-part-btn:hover{background:linear-gradient(135deg,#d1a45b,#b8933d);transform:translateY(-2px);box-shadow:0 6px 16px #d1a45b66}@media (max-width: 768px){.series-header{padding:25px 20px;margin-bottom:30px}.series-header h1{font-size:2.2em}.series-meta{gap:12px}.series-meta span{padding:6px 12px;font-size:.8em}.parts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.part-card{padding:20px}.part-title{font-size:1.2em;padding-right:50px}.part-number{width:35px;height:35px;font-size:.8em}}@media (max-width: 480px){.series-header{padding:20px 15px}.series-header h1{font-size:1.8em}.series-description{font-size:1em}.series-meta{flex-direction:column;align-items:center;gap:8px}.parts-grid{grid-template-columns:1fr;gap:12px}.part-meta{flex-direction:column;gap:6px}.part-actions{text-align:center}}.generate-controls h3{color:var(--color-dark-brown);margin-bottom:10px;font-size:1.5em}.generate-controls p{color:var(--color-medium-brown);margin-bottom:20px;font-size:1.1em}.generate-next-part-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px #28a7454d}.generate-next-part-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.back-to-series{margin-bottom:20px}.back-to-series-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);text-decoration:none;font-weight:600;padding:8px 16px;border:2px solid var(--color-primary);border-radius:8px;transition:all var(--transition-normal)}.back-to-series-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.series-info-message{background:#e3f2fd;padding:15px 20px;margin:20px 0;border-radius:10px;border-left:4px solid #2196f3;text-align:center}.series-part-info{color:#1565c0;font-weight:500}.series-part-info a{color:#0d47a1;text-decoration:none;font-weight:600;margin-left:10px}.series-part-info a:hover{text-decoration:underline}.loader-container.position-top{position:fixed;top:0;left:0;width:100%;z-index:1000;height:4px;overflow:hidden;background-color:transparent}.loader-container.position-top .loader-content{width:100%;height:100%}.loader-container.position-top.dots .loader-animation{height:100%}.progress-line-container{width:100%;height:4px;overflow:hidden;position:relative}.progress-line{position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--color-primary);animation:progressLine 2s linear infinite}@keyframes progressLine{0%{left:-100%}50%{left:0%}to{left:100%}}.loading-dots-horizontal{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0}.loading-dots-horizontal .dot{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;margin:0 4px;animation:dotBlink 1.4s infinite ease-in-out both}.loading-dots-horizontal .dot:nth-child(1){animation-delay:-.32s}.loading-dots-horizontal .dot:nth-child(2){animation-delay:-.16s}@keyframes dotBlink{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}header{padding-top:4px}.story-meta-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:8px;font-size:.8em;font-weight:600;text-transform:none;letter-spacing:.3px;background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-tertiary);transition:all var(--transition-normal, .2s ease)}.scariness-rating.story-meta-tag{padding:0;border:none;background-color:transparent}.scariness-stars{display:flex;gap:2px}.scariness-star{width:14px;height:14px;background-color:#ccc;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.scariness-star.scariness-1{background-color:#fff}.scariness-star.scariness-2{background-color:#ffeb3b}.scariness-star.scariness-3{background-color:#ff9800}.scariness-star.scariness-4{background-color:#f44336}.scariness-star.scariness-5{background-color:#212121}.scariness-tooltip{position:relative;display:inline-block;cursor:help}.scariness-tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:8px 10px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:.9em;text-transform:none}.scariness-tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.scariness-tooltip:hover .tooltiptext{visibility:visible;opacity:1}:root{--color-wood: #5e4a3b;--color-light-cream: #fbf8f0;--color-green-light: #e6f7e6;--color-green: #4CAF50;--color-green-dark: #2e7d32}.story-header{margin-bottom:20px;text-align:center}.story-header h1{font-size:2.5em;color:var(--color-dark-brown);margin-bottom:8px}.story-header .meta{color:var(--color-medium-brown);font-size:.9em}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);text-decoration:none;font-weight:600;padding:8px 16px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);transition:all var(--transition-fast)}.back-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px)}.series-header{text-align:center;margin-bottom:40px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.series-header h1{font-size:2.8em;margin-bottom:15px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.series-meta{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.series-meta span{background:#fff3;padding:6px 12px;border-radius:15px;font-size:.9em;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.series-description{font-size:1.1em;opacity:.95;max-width:600px;margin:0 auto;line-height:1.6}.series-parts{margin-top:30px}.series-parts h2{font-size:1.8em;color:var(--color-dark-brown);margin-bottom:20px;text-align:center}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.part-card{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md);transition:all var(--transition-fast);cursor:pointer;position:relative;overflow:hidden}.part-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),#f0c24d)}.part-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.part-number{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,var(--color-primary),#d1a45b);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em;box-shadow:0 2px 8px #d1a45b4d}.part-title{font-size:1.4em;font-weight:600;margin-bottom:12px;color:var(--color-dark-brown);padding-right:60px;line-height:1.3}.part-meta{display:flex;gap:12px;margin-bottom:12px;font-size:.85em;color:var(--color-medium-brown)}.part-meta span{background:var(--color-light-cream);padding:4px 8px;border-radius:8px;font-weight:500}.part-excerpt{color:var(--color-medium-brown);line-height:1.5;margin-bottom:15px;font-size:.95em}.part-actions{text-align:right;margin-top:15px;padding-top:15px;border-top:1px solid var(--color-border)}.read-story-btn{background:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:.9em;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.read-story-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #d1a45b4d}.chapters-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:20px}.chapter-card{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;position:relative;overflow:hidden}.chapter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#f0c24d)}.chapter-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.chapter-card-content{position:relative}.chapter-number{font-size:.8em;color:var(--color-light-brown);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.chapter-title{font-size:1.3em;color:var(--color-dark-brown);margin:0 0 10px;line-height:1.2}.chapter-preview{font-size:.9em;color:var(--color-medium-brown);margin-bottom:15px;min-height:60px}.chapter-actions{text-align:right}.read-chapter-btn,.generate-next-book-btn,.open-next-part-btn{background:linear-gradient(135deg,var(--color-primary),#d1a45b);color:#fff;padding:12px 20px;border-radius:var(--radius-md);border:none;font-size:1em;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:8px;box-shadow:0 3px 10px #d1a45b4d;text-decoration:none}.read-chapter-btn:hover,.generate-next-book-btn:hover,.open-next-part-btn:hover{background:linear-gradient(135deg,#d1a45b,#b8933d);transform:translateY(-2px);box-shadow:0 5px 15px #d1a45b66}.generate-next-book-btn{background:linear-gradient(135deg,#4caf50,#45a049);font-size:1.1em;padding:14px 24px}.generate-next-book-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 5px 15px #4caf5066}.open-next-part-btn{background:linear-gradient(135deg,#2196f3,#1976d2)}.open-next-part-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 5px 15px #2196f366}.chapter-controls{text-align:center;margin-top:30px;padding:20px;background:var(--color-light-cream);border:2px solid var(--color-border);border-radius:var(--radius-lg)}.series-nav-container{background:var(--color-light-cream);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:15px 20px;margin-bottom:20px}.series-nav-simple{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.series-info{display:flex;flex-direction:column;gap:4px}.series-title{font-size:1.1em;font-weight:600;color:var(--color-dark-brown);text-transform:capitalize}.part-info{font-size:.9em;color:var(--color-medium-brown)}.series-navigation{display:flex;gap:12px;flex-wrap:wrap}.nav-link{padding:8px 16px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-primary);text-decoration:none;font-weight:600;font-size:.9em;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.nav-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px)}.nav-link.disabled{opacity:.5;cursor:not-allowed;color:var(--color-medium-brown)}.nav-link.disabled:hover{background:var(--color-card-bg);color:var(--color-medium-brown);border-color:var(--color-border);transform:none}@media (max-width: 480px){.series-nav-simple{flex-direction:column;align-items:flex-start}.series-navigation{width:100%;justify-content:space-between}.nav-link{flex:1;justify-content:center;padding:10px 12px;font-size:.8em}.series-selector .series-indicator{flex-direction:column;align-items:stretch;gap:8px}.series-view-btn{width:100%;text-align:center;padding:10px 16px}.series-selector .series-badge{text-align:center}}.series-nav-simple{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.series-nav-simple .series-info{display:flex;align-items:center;gap:10px;font-size:1.1em;font-weight:600;color:var(--color-dark-brown)}.series-nav-simple .part-info{background:var(--color-primary-light);color:var(--color-primary-dark);padding:5px 10px;border-radius:5px;font-size:.9em}.series-navigation{display:flex;gap:10px;flex-wrap:wrap}.series-navigation .nav-link{background:var(--color-primary-dark);color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .2s ease}.series-navigation .nav-link:hover:not(.disabled){background:var(--color-primary)}.series-navigation .nav-link.disabled{opacity:.6;cursor:not-allowed}.book-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-paper-light);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.book-modal.night-mode{background-color:var(--color-dark-brown);color:var(--color-light-cream)}.book-controls{width:100%;position:absolute;left:0;background-color:#5e4a3be6;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0003;z-index:10000;opacity:0;transition:opacity .3s ease-in-out}.book-controls.visible{opacity:1}.book-controls-top{top:0}.book-controls-bottom{bottom:0}.book-title{margin:0;font-size:1.2em;flex-grow:1;text-align:center}.control-btn{background:none;border:1px solid rgba(255,255,255,.5);color:#fff;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.control-btn:hover{background-color:#fff3}.control-btn.tts-btn{background-color:#4caf50cc;border-color:#4caf50}.control-btn.tts-btn:hover{background-color:#4caf50}.control-btn.tts-btn:disabled{background-color:#9e9e9e80;border-color:#9e9e9eb3;cursor:not-allowed}.tts-chapter-btn{background:#4caf50cc;border:1px solid rgba(76,175,80,1);color:#fff;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px;margin-left:8px;transition:background-color .2s ease}.tts-chapter-btn:hover{background:#4caf50}.tts-chapter-btn:disabled{background:#9e9e9e80;border-color:#9e9e9eb3;cursor:not-allowed}.page-indicator{font-size:.9em;white-space:nowrap}.book-container{flex-grow:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.book{max-width:800px;padding:20px;box-sizing:border-box;line-height:1.6;text-align:justify;color:var(--color-dark-brown);word-wrap:break-word;overflow-wrap:break-word}.book-modal.night-mode .book{color:var(--color-light-cream)}.page-content{font-family:var(--font-family-body, "Georgia", serif);line-height:1.8;white-space:pre-wrap;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:left;padding:0 10px}.back-navigation{margin-bottom:20px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:6px;transition:all var(--transition-fast)}.back-link:hover{background:var(--color-light-cream);color:var(--color-primary-hover)}.series-header{text-align:center;margin-bottom:30px;padding:20px;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg)}.series-header h1{margin:0 0 10px;font-size:2.2em;color:var(--color-dark-brown)}.series-meta{display:flex;justify-content:center;gap:16px;margin-bottom:15px;flex-wrap:wrap}.series-meta .parts-count{background:var(--color-primary);color:#fff;padding:6px 12px;border-radius:6px;font-weight:600;font-size:.9em}.series-meta .age-group,.series-meta .genre{background:var(--color-light-cream);color:var(--color-wood);padding:6px 12px;border-radius:6px;font-weight:600;font-size:.9em;border:1px solid var(--color-border)}.series-description{color:var(--color-medium-brown);font-size:1.1em;line-height:1.5;max-width:600px;margin:0 auto}.series-parts h2{margin-bottom:20px;color:var(--color-dark-brown);font-size:1.8em}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.part-card{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.part-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.part-number{background:var(--color-primary);color:#fff;padding:4px 10px;border-radius:4px;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:10px}.part-title{margin:0 0 10px;font-size:1.3em;color:var(--color-dark-brown);line-height:1.3}.part-meta{display:flex;gap:12px;margin-bottom:12px;font-size:.85em;color:var(--color-light-brown)}.part-meta .chapters-count,.part-meta .read-time{background:var(--color-light-cream);padding:3px 8px;border-radius:3px;border:1px solid var(--color-border)}.part-excerpt{color:var(--color-medium-brown);font-size:.95em;line-height:1.4;margin-bottom:15px;min-height:60px}.part-actions{text-align:right}.read-story-btn{background:var(--color-primary);color:#fff;padding:10px 16px;border-radius:6px;border:none;font-size:.9em;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.read-story-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.error{text-align:center;padding:40px 20px;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);margin:20px 0}.error h2{color:var(--color-error, #dc3545);margin-bottom:15px}.error p{color:var(--color-medium-brown);margin-bottom:20px}.control-btn{display:inline-flex;align-items:center;gap:8px;background:var(--color-primary);color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:600;transition:all var(--transition-fast)}.control-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.loading{text-align:center;padding:40px 20px;color:var(--color-medium-brown);font-size:1.1em}@media (max-width: 768px){.series-header{padding:15px}.series-header h1{font-size:1.8em}.series-meta{flex-direction:column;align-items:center;gap:8px}.parts-grid{grid-template-columns:1fr;gap:15px}.part-card{padding:15px}.part-title{font-size:1.2em}}@media (max-width: 480px){.series-header{margin-bottom:20px}.series-parts h2{font-size:1.5em}.part-meta{flex-direction:column;gap:6px}.part-excerpt{min-height:auto}.part-indicator{display:inline-block;background:var(--color-primary);color:#fff;font-size:.7em;font-weight:700;padding:4px 8px;border-radius:6px;margin-left:10px;vertical-align:middle}.filter-active-indicator{position:relative}.filter-active-indicator:after{content:"●";position:absolute;top:-4px;right:-4px;color:var(--color-success);font-size:12px;animation:filterActivePulse 2s ease-in-out infinite}@keyframes filterActivePulse{0%,to{opacity:.7}50%{opacity:1}}.checkbox-filter input[type=checkbox]:focus{outline:3px solid var(--color-primary)!important;outline-offset:2px!important}.checkbox-filter input[type=checkbox]:disabled{opacity:.5!important;cursor:not-allowed!important}.checkbox-filter.disabled{opacity:.6!important;cursor:not-allowed!important}.checkbox-filter.disabled:hover{background:transparent!important;border-color:transparent!important;transform:none!important}.filters.loading{opacity:.7;pointer-events:none;position:relative}.filters.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.login-popup-modal{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.login-popup-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#3b2f1a66,#3b2f1acc);z-index:-1}.login-popup-content.success{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-success-bg) 100%);animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.login-popup-content.error{border-color:var(--color-error);animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.form-field-prefilled.animate-in,input.prefilled.animate-in,textarea.prefilled.animate-in,select.prefilled.animate-in{animation:prefillSlideIn .8s cubic-bezier(.34,1.56,.64,1)}@keyframes prefillSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95);background:linear-gradient(135deg,#fff3cd,#ffeaa7)}50%{opacity:.8;transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1);background:linear-gradient(135deg,#f0f8ff,#e6f3ff)}}.series-continuation-indicator{position:relative;overflow:hidden}.series-continuation-indicator:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(76,175,80,.3),transparent);animation:seriesShimmer 2s ease-in-out infinite}@keyframes seriesShimmer{0%{left:-100%}to{left:100%}}@media (prefers-color-scheme: dark){.login-popup-content{background:var(--color-night-surface);border-color:var(--color-night-border);color:var(--color-night-text)}.login-popup-title{color:var(--color-night-text)}.login-popup-subtitle{color:#e8e5e0cc}.checkbox-filter{color:var(--color-night-text)!important}.checkbox-filter:hover{background:#c98a2c1a!important}}@media (prefers-contrast: high){.checkbox-filter,.checkbox-filter input[type=checkbox]{border-width:3px!important}.login-popup-content{border-width:4px}.form-field-prefilled,input.prefilled,textarea.prefilled,select.prefilled{border-width:3px!important}}@media (prefers-reduced-motion: reduce){.checkbox-filter,.login-popup-modal,.login-popup-content,.form-field-prefilled,input.prefilled,textarea.prefilled,select.prefilled{animation:none!important;transition:none!important}.checkbox-filter:hover,.form-field-prefilled:hover,input.prefilled:hover,textarea.prefilled:hover,select.prefilled:hover{transform:none!important}.filter-active-indicator:after{animation:none!important}.series-continuation-indicator:before{animation:none!important}}@media print{.login-popup-modal,.checkbox-filter-group,.filters{display:none!important}.form-field-prefilled:before,input.prefilled:before,textarea.prefilled:before,select.prefilled:before{display:none!important}}.login-popup-modal[aria-hidden=false]{display:flex}.login-popup-modal[aria-hidden=true]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox-filter:focus-within{outline:2px solid var(--color-primary)!important;outline-offset:2px!important}.login-popup-content:focus-within{outline:none}.filter-group.priority{order:-1;background:#c98a2c0d;border-radius:var(--radius-md);padding:var(--spacing-sm)}.filter-group.priority .checkbox-filter{font-weight:700!important}.empty-state.filtered{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-card-bg) 100%);border-color:var(--color-warning)}.empty-state.filtered:before{content:"🔍";font-size:32px;display:block;margin-bottom:var(--spacing-sm)}.checkbox-filter.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite;border-radius:var(--radius-md);height:40px}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.form-field-prefilled:hover:after,input.prefilled:hover:after,textarea.prefilled:hover:after,select.prefilled:hover:after{z-index:1000}.form-field-prefilled:hover:after,input.prefilled:hover:after,textarea.prefilled:hover:after,select.prefilled:hover:after{position:relative}.form-field-prefilled:hover:before,input.prefilled:hover:before,textarea.prefilled:hover:before,select.prefilled:hover:before{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--color-dark-brown)}}:root{--color-primary-bg: #fefcf8;--color-secondary-bg: #f9f6f1;--color-tertiary-bg: #f5f1e8;--color-bg-primary: #f7e7c1;--color-bg-secondary: #fff8e6;--color-bg-tertiary: #fffaf0;--color-accent-primary: #c98a2c;--color-accent-primary-hover: #b27821;--color-accent-primary-light: #d1a45b;--color-accent-primary-pale: #f0e6d2;--color-accent-mint: #a8d5ba;--color-accent-mint-light: #d4edda;--color-accent-mint-pale: #f0f8f4;--color-accent-lavender: #c8b5d8;--color-accent-lavender-light: #e8dff0;--color-accent-lavender-pale: #f5f2f8;--color-accent-peach: #f4c2a1;--color-accent-peach-light: #fae5d3;--color-accent-peach-pale: #fdf5f0;--color-accent-sky: #7fb3d3;--color-accent-sky-light: #b3d9f2;--color-accent-sky-pale: #f0f8ff;--color-category-series: #b8e6c1;--color-category-series-dark: #4caf50;--color-category-series-light: #e8f5e8;--color-category-series-text: #2e7d32;--color-category-adventure: #b3d9f2;--color-category-adventure-dark: #2196f3;--color-category-adventure-light: #e3f2fd;--color-category-adventure-text: #1565c0;--color-category-education: #f9e79f;--color-category-education-dark: #ffc107;--color-category-education-light: #fffdf0;--color-category-education-text: #f57f17;--color-category-fantasy: #e1c4e8;--color-category-fantasy-dark: #9c27b0;--color-category-fantasy-light: #f3e5f5;--color-category-fantasy-text: #7b1fa2;--color-text-primary: #3b2f1a;--color-text-secondary: #5c4a2b;--color-text-tertiary: #6b5a3a;--color-text-muted: #8b7355;--color-text-light: #f9f5e7;--color-text-light-secondary: rgba(249, 245, 231, .8);--color-text-light-muted: rgba(249, 245, 231, .6);--color-hover-bg: rgba(201, 138, 44, .08);--color-hover-border: rgba(201, 138, 44, .3);--color-hover-accent: #d1a45b;--color-active-bg: rgba(201, 138, 44, .12);--color-active-border: rgba(201, 138, 44, .5);--color-active-accent: #b27821;--color-focus-ring: rgba(201, 138, 44, .4);--color-focus-bg: rgba(201, 138, 44, .05);--color-border-primary: #d1a45b;--color-border-secondary: #e0d4b7;--color-border-tertiary: #f0e6d2;--color-border-subtle: rgba(209, 164, 91, .2);--color-success: #4caf50;--color-success-light: #e8f5e8;--color-success-dark: #2e7d32;--color-success-bg: #f0f8f4;--color-warning: #ff9800;--color-warning-light: #fff3e0;--color-warning-dark: #e65100;--color-warning-bg: #fffdf0;--color-error: #f44336;--color-error-light: #ffebee;--color-error-dark: #c62828;--color-error-bg: #fff5f5;--color-info: #2196f3;--color-info-light: #e3f2fd;--color-info-dark: #1565c0;--color-info-bg: #f0f8ff;--shadow-color-primary: rgba(91, 58, 30, .15);--shadow-color-secondary: rgba(91, 58, 30, .25);--shadow-color-strong: rgba(91, 58, 30, .35);--shadow-color-hover: rgba(201, 138, 44, .25);--shadow-color-active: rgba(201, 138, 44, .35);--shadow-color-focus: rgba(201, 138, 44, .2);--color-button-primary: var(--color-accent-primary);--color-button-primary-hover: var(--color-accent-primary-hover);--color-button-primary-text: #ffffff;--color-button-secondary: var(--color-bg-secondary);--color-button-secondary-hover: var(--color-bg-tertiary);--color-button-secondary-text: var(--color-text-primary);--color-card-bg: var(--color-bg-secondary);--color-card-border: var(--color-border-primary);--color-card-hover-bg: rgba(255, 255, 255, .5);--color-card-hover-border: var(--color-accent-primary);--color-input-bg: var(--color-bg-tertiary);--color-input-border: var(--color-border-primary);--color-input-focus-border: var(--color-accent-primary);--color-input-focus-bg: #ffffff;--color-nav-bg: #5b3a1e;--color-nav-text: var(--color-text-light);--color-nav-hover: rgba(255, 255, 255, .1);--color-nav-active: var(--color-accent-primary-light);--color-reading-bg: #faf8f4;--color-reading-text: #2a2520;--color-reading-border: var(--color-accent-primary-pale);--color-reading-night-bg: var(--color-bg-dark-secondary, #2a2520);--color-reading-night-text: #e8e5e0;--color-reading-night-border: rgba(68, 68, 68, .3);--color-high-contrast-bg: #ffffff;--color-high-contrast-text: #000000;--color-high-contrast-accent: #0066cc;--color-primary: var(--color-accent-primary);--color-primary-hover: var(--color-accent-primary-hover);--color-secondary: var(--color-accent-primary-light);--color-dark-brown: var(--color-text-primary);--color-medium-brown: var(--color-text-secondary);--color-light-brown: var(--color-text-tertiary);--color-wood: var(--color-nav-bg);--color-parchment: var(--color-bg-primary);--color-cream: var(--color-text-light);--color-light-cream: var(--color-bg-tertiary);--color-border: var(--color-border-primary)}:root{--timing-instant: 0s;--timing-fast: .15s;--timing-normal: .2s;--timing-slow: .3s;--timing-extra-slow: .5s;--easing-linear: linear;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-smooth: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-hover: var(--timing-normal);--duration-active: var(--timing-fast);--duration-focus: var(--timing-fast);--duration-color-change: var(--timing-normal);--duration-transform: var(--timing-normal);--duration-shadow: var(--timing-normal);--duration-loading: 1s;--duration-fade: var(--timing-slow);--duration-slide: var(--timing-slow);--duration-scale: var(--timing-normal);--transition-fast: var(--timing-fast) var(--easing-smooth);--transition-normal: var(--timing-normal) var(--easing-smooth);--transition-slow: var(--timing-slow) var(--easing-smooth)}.transition-base,button,input[type=submit],input[type=button],.btn,.card,.story-card,.chapter-card,.product-card,.feature-card,.category-card,input[type=text],input[type=email],input[type=password],input[type=search],textarea,select,nav a,.nav-link,.breadcrumb a,.pagination-btn,.filter-group select,.clear-filters{transition:background-color var(--duration-color-change) var(--easing-smooth),border-color var(--duration-color-change) var(--easing-smooth),color var(--duration-color-change) var(--easing-smooth),box-shadow var(--duration-shadow) var(--easing-smooth),transform var(--duration-transform) var(--easing-smooth),opacity var(--duration-fade) var(--easing-smooth)}.action-primary,button[type=submit]:not(.btn),input[type=submit]:not(.btn),.btn-primary,.primary-action,.create-action,.generate-action,.purchase-action{background:var(--color-accent-primary)!important;color:var(--color-button-primary-text)!important;border-color:var(--color-accent-primary)!important}.action-primary:hover,button[type=submit]:not(.btn):hover,input[type=submit]:not(.btn):hover,.btn-primary:hover,.primary-action:hover,.create-action:hover,.generate-action:hover,.purchase-action:hover{background:var(--color-accent-primary-hover)!important;border-color:var(--color-accent-primary-hover)!important;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color-hover)}.action-secondary,.btn-secondary,.secondary-action,.filter-action,.navigation-action{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-primary)!important}.action-secondary:hover,.btn-secondary:hover,.secondary-action:hover,.filter-action:hover,.navigation-action:hover{background:var(--color-hover-bg)!important;border-color:var(--color-accent-primary)!important;transform:translateY(-1px)}.action-tertiary,.btn-tertiary,.tertiary-action,.link-action{background:transparent!important;color:var(--color-accent-primary)!important;border-color:var(--color-accent-primary)!important}.action-tertiary:hover,.btn-tertiary:hover,.tertiary-action:hover,.link-action:hover{background:var(--color-hover-bg)!important;color:var(--color-accent-primary-hover)!important}.series-content,.series-card,.series-indicator,.series-badge,[data-content-type=series],[data-genre=REALISTYCZNA]{--content-color: var(--color-category-series);--content-color-dark: var(--color-category-series-dark);--content-color-light: var(--color-category-series-light);--content-text-color: var(--color-category-series-text);border-left-color:var(--content-color-dark)!important}.adventure-content,.adventure-card,.adventure-indicator,.adventure-badge,[data-content-type=adventure],[data-genre=PRZYGODOWA]{--content-color: var(--color-category-adventure);--content-color-dark: var(--color-category-adventure-dark);--content-color-light: var(--color-category-adventure-light);--content-text-color: var(--color-category-adventure-text);border-left-color:var(--content-color-dark)!important}.education-content,.educational-card,.education-indicator,.education-badge,[data-content-type=education],[data-genre=EDUKACYJNA]{--content-color: var(--color-category-education);--content-color-dark: var(--color-category-education-dark);--content-color-light: var(--color-category-education-light);--content-text-color: var(--color-category-education-text);border-left-color:var(--content-color-dark)!important}.fantasy-content,.fantasy-card,.fantasy-indicator,.fantasy-badge,[data-content-type=fantasy],[data-genre=FANTASY]{--content-color: var(--color-category-fantasy);--content-color-dark: var(--color-category-fantasy-dark);--content-color-light: var(--color-category-fantasy-light);--content-text-color: var(--color-category-fantasy-text);border-left-color:var(--content-color-dark)!important}.creative-content,.creative-card,[data-genre=TWÓRCZA]{--content-color: var(--color-accent-peach);--content-color-light: var(--color-accent-peach-light);border-left-color:var(--color-accent-peach)!important}.animal-content,.animal-card,[data-genre=ZWIERZĘCA]{--content-color: var(--color-accent-mint);--content-color-light: var(--color-accent-mint-light);border-left-color:var(--color-accent-mint)!important}.science-content,.scientific-card,[data-genre=NAUKOWA]{--content-color: var(--color-accent-sky);--content-color-light: var(--color-accent-sky-light);border-left-color:var(--color-accent-sky)!important}.historical-content,.historical-card,[data-genre=HISTORYCZNA]{--content-color: var(--color-accent-lavender);--content-color-light: var(--color-accent-lavender-light);border-left-color:var(--color-accent-lavender)!important}.interactive-element,.clickable-card,.card:hover,button:not(.btn):hover,input[type=submit]:hover,input[type=button]:hover,select:hover,.filter-group select:hover,.clear-filters:hover,.search button:hover,.pagination-btn:hover,a.nav-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color-hover)}.interactive-element:active,.clickable-card:active,.card:active,button:not(.btn):active,input[type=submit]:active,input[type=button]:active,.clear-filters:active,.search button:active,.pagination-btn:active{transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-color-active)}.interactive-element:focus,.clickable-card:focus,.card:focus,button:focus,input:focus,textarea:focus,select:focus,a:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn{padding:12px 24px;border:2px solid var(--color-accent-primary);border-radius:6px;background:var(--color-accent-primary);color:var(--color-text-light);font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color-hover)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-hover-bg)}.card{background:var(--color-card-bg);border:2px solid var(--color-border-secondary);border-radius:8px;padding:16px}.card:hover{border-color:var(--color-border-primary);box-shadow:0 4px 12px var(--shadow-color-hover);transform:translateY(-2px)}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{background:var(--color-input-bg);border:2px solid var(--color-input-border);color:var(--color-text-primary);border-radius:6px;padding:8px 12px}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{background:var(--color-input-focus-bg);border-color:var(--color-input-focus-border)}.grid .card{background:var(--color-card-bg);border:2px solid var(--color-border-secondary);border-radius:12px;padding:18px;box-shadow:0 2px 8px var(--shadow-color-primary);position:relative;overflow:hidden}.grid .card[data-genre=REALISTYCZNA]:hover,.grid .card[data-category=REALISTYCZNA]:hover{background:linear-gradient(135deg,var(--color-category-series-light) 0%,var(--color-category-series) 100%);box-shadow:0 8px 24px #4caf5040}.grid .card[data-genre=PRZYGODOWA]:hover,.grid .card[data-category=PRZYGODOWA]:hover{background:linear-gradient(135deg,var(--color-category-adventure-light) 0%,var(--color-category-adventure) 100%);box-shadow:0 8px 24px #2196f340}.grid .card[data-genre=EDUKACYJNA]:hover,.grid .card[data-category=EDUKACYJNA]:hover{background:linear-gradient(135deg,var(--color-category-education-light) 0%,var(--color-category-education) 100%);box-shadow:0 8px 24px #ffc10740}.grid .card[data-genre=FANTASY]:hover,.grid .card[data-category=FANTASY]:hover{background:linear-gradient(135deg,var(--color-category-fantasy-light) 0%,var(--color-category-fantasy) 100%);box-shadow:0 8px 24px #9c27b040}.age-tag,.age-badge,.age-group,.story-meta-tag.age-group{background:var(--color-accent-peach-light)!important;border-color:var(--color-accent-peach)!important;color:var(--color-text-primary)!important;padding:4px 8px;border-radius:12px;font-size:.75em;font-weight:600}.chapter-tag,.chapter-badge,.chapter-count,.story-meta-tag:first-child{background:var(--color-accent-sky-light)!important;border-color:var(--color-accent-sky)!important;color:var(--color-text-primary)!important;padding:4px 8px;border-radius:12px;font-size:.75em;font-weight:600}.series-parts-badge{background:var(--color-accent-mint-light)!important;border-color:var(--color-accent-mint)!important;color:var(--color-category-series-text)!important;padding:4px 8px;border-radius:12px;font-size:.75em;font-weight:600}.reading-interface,.story-content,.chapter-content{background:var(--color-reading-bg);color:var(--color-reading-text);border:1px solid var(--color-reading-border);border-radius:8px;padding:24px;line-height:1.6}.reading-controls button,.font-size-controls button,.navigation-controls button{background:var(--color-accent-primary);color:var(--color-button-primary-text);border:2px solid var(--color-accent-primary);border-radius:6px;padding:8px 16px;cursor:pointer}.reading-controls button:hover,.font-size-controls button:hover,.navigation-controls button:hover{background:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-1px)}.filters{background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-primary-bg) 100%);border:2px solid var(--color-border-primary);border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 4px 12px var(--shadow-color-primary);display:flex;gap:18px;align-items:center;flex-wrap:wrap}.filter-group select{padding:10px 14px;border:2px solid var(--color-border-primary);border-radius:10px;background:linear-gradient(135deg,var(--color-input-bg) 0%,#ffffff 100%);color:var(--color-text-primary);font-weight:600;cursor:pointer}.filter-group select:hover{border-color:var(--color-accent-primary);background:linear-gradient(135deg,#ffffff 0%,var(--color-accent-primary-pale) 100%);transform:translateY(-1px)}.filter-group select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.clear-filters{padding:10px 18px;border:2px solid var(--color-border-primary);border-radius:10px;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-primary-hover) 100%);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.clear-filters:hover{background:linear-gradient(135deg,var(--color-accent-primary-hover) 0%,#b27821 100%);transform:translateY(-2px);box-shadow:0 6px 16px #c98a2c66}@media (prefers-contrast: high){:root{--color-text-primary: #000000 !important;--color-text-secondary: #000000 !important;--color-bg-primary: #ffffff !important;--color-bg-secondary: #ffffff !important;--color-accent-primary: #0066cc !important;--color-border-primary: #000000 !important}*{color:#000!important}body,.card,.story-card{background-color:#fff!important;color:#000!important}button,.btn,input,select,textarea{border:2px solid #000000!important}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: none !important;--transition-normal: none !important;--transition-slow: none !important;--duration-hover: .01ms !important;--duration-active: .01ms !important;--duration-transform: .01ms !important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hover-lift:hover,.card:hover,.btn:hover,button:hover{transform:none!important}}@media (max-width: 768px){:root{--shadow-color-primary: rgba(91, 58, 30, .1);--shadow-color-hover: rgba(201, 138, 44, .2);--duration-hover: var(--timing-fast);--duration-transform: var(--timing-fast)}.card:hover,.btn:hover,button:hover{transform:translateY(-1px)}.filters{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.filter-group{width:100%}}@media (max-width: 480px){.card:hover,.btn:hover,button:hover{transform:none}.filters{padding:12px;gap:12px}}.card,.btn,button,.clickable-card,.interactive-element{will-change:transform,opacity,box-shadow}.card:not(:hover),.btn:not(:hover),button:not(:hover),.clickable-card:not(:hover),.interactive-element:not(:hover){will-change:auto}.card:hover,.btn:hover,button:hover{transform:translate3d(0,-2px,0)}.legacy-button,.old-style-button,.deprecated-btn{background:none!important;border:none!important;color:inherit!important;box-shadow:none!important;text-shadow:none!important}*,*:before,*:after{box-sizing:border-box}button,input[type=submit],input[type=button]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;text-shadow:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-accent{background-color:var(--color-accent-primary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-light{color:var(--color-text-light)}.text-accent{color:var(--color-accent-primary)}.border-primary{border-color:var(--color-border-primary)}.border-accent{border-color:var(--color-accent-primary)}.interactive{transition:all var(--transition-normal)}.interactive:hover{background-color:var(--color-hover-bg);transform:translateY(-1px)}.interactive:active{background-color:var(--color-active-bg);transform:translateY(0)}.interactive:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.category-series{--category-color: var(--color-category-series)}.category-adventure{--category-color: var(--color-category-adventure)}.category-education{--category-color: var(--color-category-education)}.category-fantasy{--category-color: var(--color-category-fantasy)}.category-bg{background-color:var(--category-color)}.category-border{border-color:var(--category-color)}h1,h2,h3,h4,h5,h6{text-decoration:none!important;border-bottom:none!important}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none!important;color:inherit}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:var(--color-accent-primary)!important;text-decoration:none!important}.card,.story-card,.series-card{display:flex;flex-direction:column;justify-content:space-between;min-height:200px}.card .meta,.story-card .meta,.series-card .meta{margin-top:auto;padding-top:12px;border-top:1px solid var(--color-border-tertiary)}:root{--scariness-1: #ffffff;--scariness-2: #ffeb3b;--scariness-3: #ff9800;--scariness-4: #f44336;--scariness-5: #000000;--font-family: "Sassoon Primary", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-family-title: "Bubblegum Sans", "Comic Sans MS", "Comic Neue", cursive;--font-family-brand: "Dancing Script", "Kalam", "Brush Script MT", "Lucida Handwriting", cursive;--font-size-base: 14px;--font-size-large: 18px;--font-size-small: 12px;--line-height-base: 1.6;--line-height-reading: 1.8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(91, 58, 30, .1);--shadow-md: 0 6px 18px rgba(91, 58, 30, .25);--shadow-lg: 0 12px 24px rgba(91, 58, 30, .35);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}