.header{position:sticky;top:0;width:100%;background:linear-gradient(to bottom,var(--bg-primary) 0%,rgba(26,26,46,.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(74,144,226,.1);z-index:var(--z-header);padding:var(--spacing-md) 0}.header-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.header-brand{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:transform var(--transition-normal)}.header-brand:hover{transform:scale(1.02)}.header-logo{color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.header-search{flex:1;max-width:500px;position:relative}.header-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:50px;background-color:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.header-search-input:focus{border-color:var(--primary-color);background-color:var(--bg-card);outline:none}.header-search-input::placeholder{color:var(--text-muted)}.header-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast);border:none}.header-search-btn:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.header-container{flex-direction:column;gap:var(--spacing-sm)}.header-brand{width:100%;justify-content:center}.header-title{font-size:1.25rem}.header-search{max-width:100%;width:100%}}@media (max-width: 480px){.header{padding:var(--spacing-sm) 0}.header-title{font-size:1.5rem}.header-logo svg{width:32px;height:32px}}.card{flex:0 0 auto;width:250px;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-card)}.card:hover{transform:scale(1.05) translateY(-5px);box-shadow:var(--shadow-xl);z-index:10}.card-thumbnail{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden;background-color:var(--bg-secondary)}.card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-thumbnail img{transform:scale(1.1)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 50%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.card:hover .card-overlay{opacity:1}.card-play-icon{transform:scale(.8);transition:transform var(--transition-normal)}.card:hover .card-play-icon{transform:scale(1)}.card-duration{position:absolute;bottom:8px;right:8px;background-color:#000c;color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.card-content{padding:var(--spacing-sm)}.card-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--spacing-xs)}.card-tag{font-size:.75rem;padding:4px 8px;background-color:#4a90e233;color:var(--primary-light);border-radius:var(--radius-sm);white-space:nowrap}@media (max-width: 768px){.card{width:200px}.card-title{font-size:.9rem}.card-description{font-size:.8rem}}@media (max-width: 480px){.card{width:160px}.card-content{padding:var(--spacing-xs)}.card-title{font-size:.85rem}.card-description{display:none}.card-play-icon svg{width:36px;height:36px}}.carousel{margin-bottom:var(--spacing-xl);position:relative}.carousel-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);padding:0 var(--spacing-md)}.carousel-container{position:relative;padding:0 var(--spacing-md)}.carousel-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-sm) 0}.carousel-scroll::-webkit-scrollbar{display:none}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background-color:#1a1a2ee6;border:2px solid var(--primary-color);color:var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-normal);opacity:0;pointer-events:none}.carousel-container:hover .carousel-button{opacity:1;pointer-events:all}.carousel-button:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1)}.carousel-button-left{left:0}.carousel-button-right{right:0}@media (max-width: 768px){.carousel-title{font-size:1.25rem}.carousel-scroll{gap:var(--spacing-sm)}.carousel-button{opacity:.7;pointer-events:all;width:40px;height:40px}.carousel-button:active{opacity:1}}@media (max-width: 480px){.carousel{margin-bottom:var(--spacing-lg)}.carousel-title{font-size:1.1rem;padding:0 var(--spacing-sm)}.carousel-container{padding:0 var(--spacing-sm)}.carousel-button{width:36px;height:36px}.carousel-button svg{width:20px;height:20px}.carousel-button-left{left:-5px}.carousel-button-right{right:-5px}}.home{min-height:100vh;padding-bottom:var(--spacing-xl)}.home-hero{position:relative;padding:var(--spacing-xl) var(--spacing-md);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:2px solid rgba(74,144,226,.2);margin-bottom:var(--spacing-xl)}.home-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(74,144,226,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(74,144,226,.1) 0%,transparent 50%);pointer-events:none}.home-hero-content{max-width:1400px;margin:0 auto;text-align:center;position:relative;z-index:1}.home-hero-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md)}.home-hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.home-content{max-width:1400px;margin:0 auto}.no-categories{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.continue-watching{max-width:1400px;margin:0 auto var(--spacing-xl);padding:0 var(--spacing-md)}.continue-watching-container{background:linear-gradient(135deg,#4a90e226,#16213e4d);border-radius:var(--radius-xl);padding:var(--spacing-lg);border:1px solid rgba(74,144,226,.3)}.continue-watching-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.continue-watching-card{display:flex;gap:var(--spacing-lg);background-color:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal)}.continue-watching-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.continue-watching-thumbnail{position:relative;width:300px;flex-shrink:0;background-color:var(--bg-secondary)}.continue-watching-thumbnail img{width:100%;height:100%;object-fit:cover}.continue-watching-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 50%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.continue-watching-card:hover .continue-watching-overlay{opacity:1}.continue-watching-info{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-sm)}.continue-watching-info h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.continue-watching-info p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.continue-watching-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:#4a90e24d;color:var(--primary-light);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;align-self:flex-start}.search-results{max-width:1400px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.search-results-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--text-muted);text-align:center}.no-results svg{opacity:.5}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.search-item{background-color:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal)}.search-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.search-item img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background-color:var(--bg-secondary)}.search-item-info{padding:var(--spacing-md)}.search-item-info h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.search-item-info p{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:1.4}.search-item-category{display:inline-block;padding:4px 12px;background-color:#4a90e233;color:var(--primary-light);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}@media (max-width: 768px){.home-hero{padding:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-lg)}.home-hero-title{font-size:2rem}.home-hero-subtitle{font-size:1rem}.search-results{padding:var(--spacing-md)}.search-results-title{font-size:1.5rem}.search-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.continue-watching-card{flex-direction:column}.continue-watching-thumbnail{width:100%;height:200px}.continue-watching-info{padding:var(--spacing-md)}.continue-watching-info h3{font-size:1.25rem}.continue-watching-info p{font-size:.9rem}}@media (max-width: 480px){.home-hero{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.home-hero-title{font-size:1.5rem}.home-hero-subtitle{font-size:.9rem}.continue-watching{padding:0 var(--spacing-sm);margin-bottom:var(--spacing-md)}.continue-watching-container{padding:var(--spacing-md)}.continue-watching-title{font-size:1.25rem}.continue-watching-thumbnail{height:180px}.continue-watching-info{padding:var(--spacing-sm)}.continue-watching-info h3{font-size:1.1rem}.continue-watching-info p{font-size:.85rem}.search-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.search-results{padding:var(--spacing-sm)}.search-results-title{font-size:1.25rem}}.audio-player{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--bg-secondary) 0%,rgba(22,33,62,.98) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:2px solid var(--primary-color);z-index:var(--z-player);padding:var(--spacing-md);box-shadow:0 -4px 20px #0000004d}.audio-player-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-md);align-items:center}.audio-player-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.audio-player-icon{color:var(--primary-color);flex-shrink:0}.audio-player-title-container{min-width:0;flex:1}.audio-player-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-player-time{font-size:.875rem;color:var(--text-secondary);margin:0}.audio-player-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.audio-control-btn{width:44px;height:44px;border-radius:50%;background-color:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border:none}.audio-control-btn:hover{background-color:var(--bg-card);color:var(--primary-light);transform:scale(1.1)}.audio-control-play{width:56px;height:56px;background-color:var(--primary-color);color:#fff}.audio-control-play:hover{background-color:var(--primary-dark);transform:scale(1.1)}.audio-player-seek{grid-column:1 / -1;margin-top:var(--spacing-sm)}.audio-seek-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) 0%,var(--bg-card) 0%,var(--bg-card) 100%);border-radius:var(--radius-sm);outline:none;cursor:pointer}.audio-seek-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.audio-seek-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.audio-seek-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.audio-seek-slider:hover::-moz-range-thumb{transform:scale(1.2)}.audio-player-volume{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:flex-end}.audio-volume-btn{width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0}.audio-volume-btn:hover{background-color:var(--bg-card);color:var(--primary-light)}.audio-volume-slider{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-card);border-radius:var(--radius-sm);outline:none;cursor:pointer}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--primary-color);border-radius:50%;cursor:pointer}.audio-volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:none}.audio-player-download{position:absolute;top:var(--spacing-sm);right:calc(var(--spacing-sm) + 40px);width:32px;height:32px;border-radius:50%;background-color:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border:none}.audio-player-download:hover{background-color:var(--primary-color);color:#fff}.audio-player-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;border-radius:50%;background-color:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border:none}.audio-player-close:hover{background-color:var(--error-color);color:#fff}@media (max-width: 768px){.audio-player{padding:var(--spacing-sm)}.audio-player-container{grid-template-columns:1fr;gap:var(--spacing-sm)}.audio-player-info{order:1}.audio-player-controls{order:3}.audio-player-seek{order:2;grid-column:1;margin-top:0;margin-bottom:var(--spacing-xs)}.audio-player-volume{order:4;justify-content:center}.audio-volume-slider{width:150px}.audio-player-download{right:calc(var(--spacing-sm) + 36px)}}@media (max-width: 480px){.audio-player-title{font-size:.9rem}.audio-player-time{font-size:.75rem}.audio-control-btn{width:40px;height:40px}.audio-control-play{width:48px;height:48px}.audio-volume-slider{width:120px}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer .endOfContent.active{top:0}.pdf-reader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-primary);z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden}.pdf-reader-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid rgba(74,144,226,.2)}.pdf-reader-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:var(--spacing-md);min-width:0}.pdf-reader-controls-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.pdf-reader-controls-mobile{display:none}.pdf-reader-download{width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0}.pdf-reader-download:hover{background-color:var(--primary-color);color:#fff}.pdf-reader-close{width:44px;height:44px;border-radius:50%;background-color:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0}.pdf-reader-close:hover{background-color:var(--error-color);color:#fff}.pdf-control-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-normal);min-height:36px;min-width:36px}.pdf-control-btn:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pdf-control-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-card);color:var(--text-muted)}.pdf-page-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1rem;color:var(--text-primary);font-weight:500}.pdf-page-input{width:60px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-card);border:2px solid var(--primary-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-weight:600;text-align:center;-moz-appearance:textfield}.pdf-page-input::-webkit-outer-spin-button,.pdf-page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdf-page-input:focus{outline:none;border-color:var(--primary-light)}.pdf-reader-content{flex:1;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:auto;padding:var(--spacing-md);background-color:var(--bg-primary);min-height:0}.pdf-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-secondary)}.pdf-document{display:flex;justify-content:center;align-items:flex-start;width:100%;padding:var(--spacing-sm) 0}.pdf-page{box-shadow:var(--shadow-xl);border-radius:var(--radius-sm);overflow:hidden;max-width:100%;max-height:calc(100vh - 200px)}.pdf-page canvas{max-width:100%;max-height:calc(100vh - 200px);height:auto!important;width:auto!important;border-radius:var(--radius-sm)}.pdf-reader-footer{padding:0 var(--spacing-lg) var(--spacing-md);background-color:var(--bg-secondary)}.pdf-progress{width:100%;height:4px;background-color:var(--bg-card);border-radius:var(--radius-sm);overflow:hidden}.pdf-progress-bar{height:100%;background-color:var(--primary-color);transition:width var(--transition-normal);border-radius:var(--radius-sm)}@media (max-width: 768px){.pdf-reader-header{padding:var(--spacing-sm) var(--spacing-md)}.pdf-reader-title{font-size:1rem}.pdf-reader-controls-header{display:none}.pdf-reader-controls-mobile{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-secondary);border-bottom:1px solid rgba(74,144,226,.1)}.pdf-control-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem;min-height:44px}.pdf-page-info{font-size:.9rem}.pdf-page-input{width:50px}.pdf-reader-content{padding:var(--spacing-sm)}.pdf-page{max-height:calc(100vh - 180px)}.pdf-page canvas{max-height:calc(100vh - 180px)}}@media (max-width: 480px){.pdf-reader-header{gap:var(--spacing-sm)}.pdf-reader-title{font-size:.9rem}.pdf-reader-download,.pdf-reader-close{width:36px;height:36px}.pdf-reader-controls-mobile{gap:var(--spacing-xs)}.pdf-control-btn{min-height:40px;padding:var(--spacing-xs)}.pdf-page-info{font-size:.85rem}.pdf-page-input{width:45px;font-size:.9rem}.pdf-page{max-height:calc(100vh - 160px)}.pdf-page canvas{max-height:calc(100vh - 160px)}}.txt-reader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-primary);z-index:var(--z-modal);display:flex;flex-direction:column;animation:fadeIn var(--transition-normal)}.txt-reader-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.txt-reader-title{flex:1;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txt-reader-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.txt-control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--text-primary);border:none;cursor:pointer;transition:all var(--transition-fast)}.txt-control-btn:hover:not(:disabled){background-color:var(--primary-color);transform:translateY(-2px)}.txt-control-btn:disabled{opacity:.5;cursor:not-allowed}.txt-reader-download,.txt-reader-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--text-primary);border:none;cursor:pointer;transition:all var(--transition-fast)}.txt-reader-download:hover{background-color:var(--primary-color);transform:translateY(-2px)}.txt-reader-close:hover{background-color:var(--error-color);transform:translateY(-2px)}.txt-reader-content{flex:1;overflow:auto;padding:var(--spacing-lg);background-color:var(--bg-primary)}.txt-content{margin:0;padding:var(--spacing-md);background-color:var(--bg-card);border-radius:var(--radius-md);color:var(--text-primary);font-family:Courier New,Courier,monospace;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;tab-size:4;-moz-tab-size:4;max-width:100%;box-sizing:border-box}.txt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);min-height:400px;padding:var(--spacing-xl)}.txt-reader-footer{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.txt-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.txt-reader-content::-webkit-scrollbar{width:12px;height:12px}.txt-reader-content::-webkit-scrollbar-track{background:var(--bg-primary)}.txt-reader-content::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:var(--radius-md)}.txt-reader-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media (max-width: 768px){.txt-reader-header{flex-wrap:wrap;gap:var(--spacing-sm)}.txt-reader-title{width:100%;order:-1;margin-bottom:var(--spacing-xs)}.txt-reader-controls{order:1}.txt-reader-download{order:2}.txt-reader-close{order:3;margin-left:auto}.txt-reader-content{padding:var(--spacing-md)}.txt-content{font-size:14px;padding:var(--spacing-sm)}.txt-info{flex-direction:column;gap:var(--spacing-xs);font-size:.75rem}.txt-info span:nth-child(2),.txt-info span:nth-child(4){display:none}}@media (max-width: 480px){.txt-control-btn{width:36px;height:36px}.txt-reader-download,.txt-reader-close{width:40px;height:40px}}.item-detail{min-height:100vh;padding:var(--spacing-lg) var(--spacing-md);max-width:1200px;margin:0 auto}.item-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-lg)}.item-back-btn:hover{background-color:var(--bg-card);color:var(--primary-light);transform:translate(-5px)}.item-detail-content{display:grid;grid-template-columns:400px 1fr;gap:var(--spacing-xl);align-items:start}.item-detail-thumbnail{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.item-detail-thumbnail img{width:100%;height:auto;display:block;aspect-ratio:2 / 3;object-fit:cover}.item-duration-badge{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);background-color:#000c;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;font-size:.9rem}.item-detail-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.item-category-badge{display:inline-block;align-self:flex-start;padding:var(--spacing-xs) var(--spacing-md);background-color:#4a90e233;color:var(--primary-light);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.item-detail-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1.2;margin:0}.item-detail-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin:0}.item-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.item-tag{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-secondary);color:var(--primary-light);border-radius:var(--radius-lg);font-size:.9rem;font-weight:500}.item-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.item-action-btn{flex:1;max-width:200px;justify-content:center}.item-meta{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid rgba(74,144,226,.2)}.item-meta-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.95rem}.item-meta-item svg{color:var(--primary-color);flex-shrink:0}@media (max-width: 968px){.item-detail-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.item-detail-thumbnail{max-width:400px;margin:0 auto}.item-detail-title{font-size:2rem}}@media (max-width: 768px){.item-detail{padding:var(--spacing-md)}.item-detail-title{font-size:1.75rem}.item-detail-description{font-size:1rem}.item-actions{flex-direction:column}.item-action-btn{max-width:100%;width:100%}}@media (max-width: 480px){.item-detail{padding:var(--spacing-sm)}.item-back-btn{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}.item-detail-content{gap:var(--spacing-md)}.item-detail-title{font-size:1.5rem}.item-detail-description{font-size:.95rem}.item-category-badge{font-size:.8rem}.item-tag{font-size:.85rem}.item-meta-item{font-size:.9rem}}.install-prompt-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--bg-secondary) 0%,rgba(22,33,62,.98) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:2px solid var(--primary-color);z-index:999;padding:var(--spacing-md);box-shadow:0 -4px 20px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-prompt-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--spacing-md)}.install-prompt-banner-icon{color:var(--primary-color);flex-shrink:0}.install-prompt-banner-text{flex:1;min-width:0}.install-prompt-banner-text h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.install-prompt-banner-text p{font-size:.875rem;color:var(--text-secondary);margin:0}.install-prompt-banner-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.install-btn{white-space:nowrap;font-size:.9rem;padding:var(--spacing-xs) var(--spacing-md);min-height:40px}.install-prompt-dismiss{width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0}.install-prompt-dismiss:hover{background-color:var(--bg-card);color:var(--text-primary)}.install-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.install-prompt-modal{background-color:var(--bg-secondary);border-radius:var(--radius-xl);max-width:500px;width:100%;padding:var(--spacing-xl);position:relative;box-shadow:var(--shadow-xl);animation:slideUpModal .3s ease-out}@keyframes slideUpModal{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.install-prompt-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border:none}.install-prompt-close:hover{background-color:var(--bg-card);color:var(--text-primary)}.install-prompt-ios-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.install-prompt-icon{margin-bottom:var(--spacing-sm)}.install-prompt-ios-content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.install-prompt-ios-content>p{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.install-prompt-ios-steps{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-md) 0;text-align:left}.install-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);background-color:#4a90e21a;border-radius:var(--radius-md);border-left:3px solid var(--primary-color)}.install-step-number{width:32px;height:32px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.install-step-content{flex:1}.install-step-icon{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;flex-wrap:wrap}.install-step-icon svg{color:var(--primary-color)}.install-step-desc{font-size:.85rem;color:var(--text-secondary);margin:4px 0 0}.install-prompt-ios-content .btn{margin-top:var(--spacing-md);min-width:150px}@media (max-width: 768px){.install-prompt-banner{padding:var(--spacing-sm)}.install-prompt-banner-content{gap:var(--spacing-sm)}.install-prompt-banner-icon{display:none}.install-prompt-banner-text h4{font-size:.9rem}.install-prompt-banner-text p{font-size:.8rem}.install-btn{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.install-prompt-modal{padding:var(--spacing-lg)}.install-prompt-ios-content h3{font-size:1.25rem}.install-prompt-ios-content>p{font-size:.9rem}}@media (max-width: 480px){.install-prompt-banner-text h4{font-size:.85rem}.install-prompt-banner-text p{display:none}.install-prompt-banner-actions{gap:var(--spacing-xs)}.install-btn{font-size:.8rem}.install-prompt-dismiss{width:36px;height:36px}.install-prompt-modal{padding:var(--spacing-md);max-width:calc(100vw - 2rem)}.install-prompt-ios-content h3{font-size:1.1rem}.install-prompt-ios-content>p{font-size:.85rem}.install-step{padding:var(--spacing-sm);gap:var(--spacing-sm)}.install-step-number{width:28px;height:28px;font-size:.9rem}.install-step-icon{font-size:.85rem}.install-step-desc{font-size:.8rem}}body.has-install-prompt{padding-bottom:100px}@media (max-width: 768px){body.has-install-prompt{padding-bottom:80px}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.app-main{flex:1;width:100%}.app-footer{margin-top:auto;padding:var(--spacing-lg) var(--spacing-md);background-color:var(--bg-secondary);border-top:1px solid rgba(74,144,226,.1)}.app-footer-content{max-width:1400px;margin:0 auto;text-align:center;color:var(--text-secondary);font-size:.9rem}.app-footer-content p{margin:var(--spacing-xs) 0}.app-footer-version{color:var(--text-muted);font-size:.85rem}@media (max-width: 768px){.app-footer{padding:var(--spacing-md) var(--spacing-sm)}.app-footer-content{font-size:.85rem}.app-footer-version{font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4A90E2;--primary-dark: #357ABD;--primary-light: #6FA8EF;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f1626;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #808080;--success-color: #50C878;--error-color: #E74C3C;--warning-color: #F39C12;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--z-header: 100;--z-modal: 200;--z-player: 150;--z-overlay: 50}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-size:16px;line-height:1.6;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin:0 0 var(--spacing-sm) 0}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-normal);cursor:pointer;border:none;text-decoration:none;min-height:44px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-card)}.btn-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);color:var(--text-primary)}.btn-icon:hover{background-color:var(--primary-color)}input,textarea,select{font-family:inherit;font-size:inherit;padding:var(--spacing-sm);border:2px solid var(--bg-secondary);border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--text-primary);transition:border-color var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.loader{display:inline-block;width:40px;height:40px;border:4px solid var(--bg-secondary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);min-height:400px;padding:var(--spacing-xl)}.error-message{background-color:#e74c3c1a;border:2px solid var(--error-color);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--error-color);text-align:center}.offline-banner{position:fixed;top:0;left:0;right:0;background-color:var(--warning-color);color:var(--bg-primary);padding:var(--spacing-sm);text-align:center;font-weight:600;z-index:var(--z-modal);animation:slideDown var(--transition-normal)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}@media (max-width: 768px){:root{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 var(--spacing-sm)}}@media (max-width: 480px){:root{font-size:13px}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}