.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media(hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.media-viewer-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.media-viewer{position:relative;max-width:90vw;max-height:90vh;background:var(--bg-card, #fff);border-radius:var(--border-radius, 8px);padding:1rem;display:flex;flex-direction:column}.media-viewer-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted, #888);z-index:10}.media-viewer-close:hover{color:var(--accent-color, #a67c5b)}.media-viewer-error{padding:2rem;text-align:center;color:#d32f2f}.media-viewer-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.media-viewer-content img,.media-video{max-width:100%;max-height:80vh;object-fit:contain}.media-audio{width:100%}.media-viewer-caption{margin-top:1rem;text-align:center;color:var(--text-secondary, #5a5a5a);font-size:.9rem}.media-viewer-unsupported{padding:2rem;text-align:center;color:var(--text-muted, #888)}.search-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:2000;padding-top:10vh}.search-modal{background:var(--bg-card, #fff);border-radius:var(--border-radius, 8px);width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003;overflow:hidden}.search-modal-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1rem .5rem;border-bottom:1px solid var(--border-color, #eee);margin-bottom:.5rem}.search-modal-input{flex:1;padding:.75rem;font-size:1rem;border:1px solid var(--border-color, #ccc);border-radius:var(--border-radius, 4px);background:var(--bg-primary, #faf8f5);color:var(--text-primary, #333);outline:none;transition:border-color .2s}.search-modal-input:focus{border-color:var(--accent-color, #a67c5b);box-shadow:0 0 0 2px #a67c5b33}.search-modal-close{background:none;border:none;width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #5a5a5a);transition:all .2s;flex-shrink:0;margin:0;padding:0}.search-modal-close:hover{background-color:var(--bg-secondary, #f0ede8);color:var(--text-primary, #2c2c2c)}.search-modal-body{flex:1;overflow-y:auto;padding:.5rem 0}.search-modal-loading,.search-modal-error,.search-modal-empty{padding:1rem;text-align:center;color:var(--text-muted, #888)}.search-modal-results{list-style:none;margin:0;padding:0}.search-result-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px}.search-modal-advanced-panel{padding:.75rem 1rem;background-color:var(--bg-secondary, #f0ede8);border-top:1px solid var(--border-color, #eee);border-bottom:1px solid var(--border-color, #eee);margin:.5rem 0}.search-modal-advanced-panel .form-group{display:flex;align-items:center;gap:.5rem;margin:0;flex-wrap:wrap}.search-modal-advanced-panel label{font-size:.9rem;color:var(--text-secondary, #5a5a5a)}.search-modal-advanced-panel select{padding:.25rem .5rem;border:1px solid var(--border-color, #ccc);border-radius:var(--border-radius, 4px);background:var(--bg-card, #fff);color:var(--text-primary, #333)}.search-modal-footer{padding:.75rem 1rem 1rem;text-align:center;border-top:1px solid var(--border-color, #eee)}.search-modal-advanced-btn{padding:.5rem 1rem;background:var(--accent-color, #a67c5b);color:#fff;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;transition:background .2s;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.search-modal-advanced-btn:hover{background:var(--accent-hover, #8b5e3c)}.search-modal-filters{padding:.5rem 1rem;background-color:var(--bg-secondary, #f5f5f5);border-bottom:1px solid var(--border-color, #eee)}.filter-input,.filter-select{padding:.5rem;border:1px solid var(--border-color, #ccc);border-radius:var(--border-radius, 4px);background:var(--bg-card, #fff);font-size:.9rem;color:var(--text-primary, #333);flex:1;min-width:120px}.filter-author-select{flex:1;min-width:180px}.filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.filter-label{font-size:.9rem;color:var(--text-primary, #333);font-weight:400;margin:0}.search-modal-show-all{text-align:center;padding:.75rem;border-top:1px solid var(--border-color, #eee)}.btn-show-all{background:none;border:none;color:var(--accent-color, #a67c5b);cursor:pointer;text-decoration:underline;font-size:.9rem}.filter-tags-select{flex:1;min-width:180px}@media(max-width:768px){.filter-row{flex-wrap:wrap}.filter-label{width:100%;margin-bottom:.25rem}.filter-input,.filter-select,.filter-author-select,.filter-tags-select{width:100%;min-width:unset}}.filter-tags-select{position:static}.filter-tags-select .react-select__menu{position:fixed;z-index:9999}.layout{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family)}.header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color);min-height:48px}.header__menu-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-primary);margin-right:calc(var(--spacing-unit) * 2);display:none}.header__title{font-size:1.2rem;font-weight:500;color:var(--text-primary);flex:1}.header__actions{display:flex;align-items:center;gap:1rem}.header__search-link{background:none;border:none;cursor:pointer;position:relative;color:var(--text-secondary);padding:.25rem;display:flex;align-items:center}.header__search-link:hover{color:var(--accent-color)}.layout-body{display:flex;flex:1;overflow:hidden}.header__notifications{position:relative}.header__notifications-btn{background:none;border:none;cursor:pointer;position:relative;color:var(--text-secondary);padding:.25rem;display:flex;align-items:center}.header__notifications-btn:hover{color:var(--accent-color)}.header__notifications-badge{position:absolute;top:-4px;right:-4px;background:var(--accent-color);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center}.header__notifications-dropdown{top:100%;right:0;width:320px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);z-index:1000;margin-top:8px;max-height:400px;overflow-y:auto}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid var(--border-color);font-weight:600}.dropdown-header button{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:.8rem}.dropdown-empty{padding:1rem;text-align:center;color:var(--text-muted)}.dropdown-list{list-style:none;margin:0;padding:0;max-height:400px;overflow-y:auto}.dropdown-list li{padding:.75rem;border-bottom:1px solid var(--border-color);cursor:pointer}.dropdown-list li.unread,.dropdown-list li:hover{background-color:var(--bg-secondary)}.notification-content{font-size:.9rem;margin-bottom:.25rem}.notification-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.notification-meta button{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:1rem}@media(max-width:1024px){.header__menu-btn{display:block}.header__title{text-align:center}.header__notifications-dropdown{position:fixed;top:calc(var(--header-height) + 8px);right:20px;max-height:calc(100vh - var(--header-height) - 30px);overflow-y:auto;width:320px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);z-index:1000}}.sidebar{width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:calc(var(--spacing-unit) * 2);overflow-y:auto;transition:transform .3s ease;box-shadow:2px 0 5px var(--shadow-color)}.sidebar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 2)}.sidebar__title{margin:0;font-size:1.2rem;font-weight:400;color:var(--text-primary)}.sidebar__close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0 calc(var(--spacing-unit) * 1);color:var(--text-secondary);display:none}.sidebar__home-link{margin-bottom:calc(var(--spacing-unit) * 2);padding-bottom:calc(var(--spacing-unit) * 1);border-bottom:1px solid var(--border-color)}.sidebar__home-link a{text-decoration:none;color:var(--accent-color)}.sidebar__home-link a:hover{text-decoration:underline}.sidebar__nav{margin-bottom:calc(var(--spacing-unit) * 2)}.sidebar__loading,.sidebar__error{color:var(--text-muted);font-style:italic}.sidebar__error{color:#d32f2f}.sidebar__auth{margin-top:calc(var(--spacing-unit) * 2);padding-top:calc(var(--spacing-unit) * 1);border-top:1px solid var(--border-color)}.sidebar__auth a,.sidebar__logout-btn{text-decoration:none;color:var(--text-secondary);font-size:.9rem}.sidebar__logout-btn{background:none;border:none;cursor:pointer;margin-left:calc(var(--spacing-unit) * 2);color:var(--accent-color)}.sidebar__auth a:hover,.sidebar__logout-btn:hover{color:var(--accent-hover)}.sidebar__admin-section{margin-top:calc(var(--spacing-unit) * 1);padding-top:calc(var(--spacing-unit) * 1);border-top:1px solid var(--border-color)}.sidebar__admin-link{display:block;margin:calc(var(--spacing-unit) * .5) 0;color:var(--accent-color)}.sidebar-overlay{position:fixed;inset:0;background-color:#0000004d;z-index:999;display:none}.layout-content{flex:1;padding:calc(var(--spacing-unit) * 2);overflow-y:auto;background-color:var(--bg-primary)}@media(max-width:1024px){.header__menu-btn{display:block}.header__title{text-align:center}.sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);z-index:1000;box-shadow:2px 0 5px var(--shadow-color)}.sidebar--open{transform:translate(0)}.sidebar__close,.sidebar-overlay{display:block}}@media(min-width:1024px){.sidebar-overlay,.sidebar__close{display:none}}.category-tree{margin-top:calc(var(--spacing-unit) * 1)}.category-item{margin:calc(var(--spacing-unit) * .5) 0}.category-row{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5)}.expand-btn{background:none;border:none;cursor:pointer;font-size:.8rem;width:1.2rem;padding:0;color:var(--text-muted)}.expand-btn:hover{color:var(--text-primary)}.category-link{text-decoration:none;color:var(--text-secondary);flex:1;padding:calc(var(--spacing-unit) * .5) 0}.category-link:hover{text-decoration:underline}.category-item.active>.category-row .category-link{font-weight:700;color:var(--accent-color)}.category-children{margin-left:calc(var(--spacing-unit) * 3);padding-left:calc(var(--spacing-unit) * 1);border-left:1px dashed var(--border-color)}.category-edit-btn,.category-delete-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-muted);transition:color .2s;margin-left:.25rem}.category-edit-btn:hover,.category-delete-btn:hover{color:var(--accent-color)}@media(max-width:1024px){.layout-body{display:flex;flex-direction:column;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.layout-content{flex:1;overflow-y:visible}.header{position:sticky;top:0;z-index:100;background:var(--bg-secondary)}}.chapter-tree{margin-top:.5rem}.chapter-item{margin:.25rem 0}.chapter-row{display:flex;align-items:center;gap:.25rem}.chapter-link,.chapter-folder{flex:1;text-decoration:none;color:#333;padding:.25rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-link:hover{text-decoration:underline}.chapter-folder{font-weight:600;color:#444;cursor:default}.expand-btn{background:none;border:none;cursor:pointer;font-size:.8rem;width:1.2rem;padding:0;color:#666;flex-shrink:0}.expand-btn:hover{color:#000}.chapter-edit-btn,.chapter-delete-btn{background:none;border:none;cursor:pointer;font-size:1rem;margin-left:.25rem;opacity:.5;transition:opacity .2s;flex-shrink:0}.chapter-edit-btn:hover,.chapter-delete-btn:hover{opacity:1}.chapter-edit-btn{color:#06c}.chapter-delete-btn{color:#c00}.chapter-item.active>.chapter-row .chapter-link{font-weight:700;color:#06c}.chapter-children{margin-left:.5rem;border-left:1px dashed #ccc}.echo-toggle-btn{position:fixed;bottom:80px;right:20px;width:60px;height:60px;border-radius:50%;background:transparent;border:none;cursor:pointer;z-index:1000;padding:0;transition:transform .2s}.echo-toggle-btn:hover{transform:scale(1.05)}.echo-mini-canvas{width:100%;height:100%;border-radius:50%;cursor:pointer;filter:drop-shadow(0 0 15px rgba(139,92,246,.5))}.echo-chat-window{position:fixed;bottom:90px;right:20px;width:360px;height:500px;background:#0a0a1ff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 8px 20px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:1000;border:1px solid rgba(139,92,246,.4);min-width:280px;min-height:400px;max-width:90vw;max-height:90vh}@media(max-width:1024px){.echo-chat-window{position:fixed;inset:0;width:100%!important;height:100%!important;max-width:100%;max-height:100%;border-radius:0;z-index:1001;resize:none}.echo-chat-header{position:sticky;top:0;z-index:10;cursor:default}.echo-messages{flex:1;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}.echo-input-area{position:sticky;bottom:0;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.echo-resize-handle{display:none}}.echo-chat-header{display:flex;align-items:center;padding:12px;background:#0006;border-bottom:1px solid rgba(139,92,246,.3);cursor:move;-webkit-user-select:none;user-select:none}@media(max-width:1024px){.echo-chat-header{cursor:default}}.echo-avatar-container{width:48px;height:48px;margin-right:12px;flex-shrink:0}.echo-canvas{width:100%;height:100%;filter:drop-shadow(0 0 15px rgba(139,92,246,.6));transition:filter .6s}.echo-speaking .echo-canvas{filter:drop-shadow(0 0 30px rgba(167,139,250,.9))!important}.echo-title{flex:1;font-family:Georgia,serif;color:#c4b5fd}.echo-title span:first-child{font-size:1.1rem;font-weight:500;display:block}.echo-status{font-size:.7rem;color:#64748b}.echo-header-buttons{display:flex;gap:8px;align-items:center}.echo-fullscreen-btn,.echo-close-btn{background:none;border:none;color:#a5b4fc;font-size:18px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.echo-fullscreen-btn:hover,.echo-close-btn:hover{background:#8b5cf64d}.echo-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.echo-messages::-webkit-scrollbar{width:6px}.echo-messages::-webkit-scrollbar-track{background:#1e1e3280;border-radius:3px}.echo-messages::-webkit-scrollbar-thumb{background:#6b46c1;border-radius:3px}.echo-messages::-webkit-scrollbar-thumb:hover{background:#a78bfa}.echo-message{display:flex;flex-direction:column;max-width:85%}.echo-message--user{align-self:flex-end}.echo-message--echo{align-self:flex-start}.echo-message-content{padding:8px 12px;border-radius:18px;font-size:.9rem;line-height:1.4;word-break:break-word}.echo-message--user .echo-message-content{background:#6b46c1;color:#fff;border-bottom-right-radius:4px}.echo-message--echo .echo-message-content{background:#1e1e32cc;color:#e2e8f0;border-bottom-left-radius:4px;border-left:2px solid #a78bfa;position:relative;overflow:hidden}.echo-message--echo .echo-message-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:echoGlow 3s infinite;pointer-events:none}.echo-message-time{font-size:.65rem;color:#64748b;margin-top:4px;margin-left:8px}.echo-typing-indicator{display:flex;gap:4px;align-items:center;padding:8px 12px}.echo-typing-indicator span{width:8px;height:8px;background:#a78bfa;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.echo-typing-indicator span:nth-child(1){animation-delay:0s}.echo-typing-indicator span:nth-child(2){animation-delay:.2s}.echo-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.echo-input-area{padding:12px;border-top:1px solid rgba(139,92,246,.3);display:flex;gap:8px;background:#0000004d}.echo-input-area textarea{flex:1;background:#141428e6;border:none;border-radius:20px;padding:8px 12px;color:#e2e8f0;font-family:inherit;font-size:.85rem;outline:none;resize:none;overflow-y:auto;max-height:150px}.echo-input-area textarea:focus{outline:none}.echo-input-area textarea::-webkit-scrollbar{width:4px}.echo-input-area textarea::-webkit-scrollbar-track{background:#1e1e3280;border-radius:2px}.echo-input-area textarea::-webkit-scrollbar-thumb{background:#6b46c1;border-radius:2px}.echo-input-area button{background:#6b46c1;border:none;border-radius:50%;width:40px;height:40px;padding:0;color:#fff;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.echo-input-area button:hover:not(:disabled){background:#805ad5}.echo-input-area button:disabled{opacity:.5;cursor:not-allowed;background:#6b46c1}.echo-resize-handle{position:absolute;top:0;left:0;width:20px;height:20px;cursor:nw-resize;background:linear-gradient(135deg,rgba(139,92,246,.5) 50%,transparent 50%);border-radius:16px 0 0;user-select:none;-webkit-user-select:none}.echo-chat-header{cursor:move;user-select:none;-webkit-user-select:none}body.resizing{user-select:none!important;-webkit-user-select:none!important}@keyframes echoGlow{0%{left:-100%}50%{left:100%}to{left:100%}}@media(max-width:1024px){.echo-messages{-webkit-overflow-scrolling:touch}}.content-card{display:flow-root;padding:calc(var(--spacing-unit) * 3);border-bottom:1px solid var(--border-color);background-color:var(--bg-card);border-radius:var(--border-radius);box-shadow:0 2px 4px var(--shadow-color);margin-bottom:calc(var(--spacing-unit) * 2)}.content-card__cover{float:left;margin-right:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 1);width:120px;height:120px;overflow:hidden;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--bg-secondary)}.content-card__cover img,.content-card__cover video,.content-card__cover audio{width:100%;height:100%;object-fit:cover}.content-card__content{flex:1}.content-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 1)}.content-card__title{margin:0;font-size:1.25rem;font-weight:500}.content-card__title a{color:var(--text-primary);text-decoration:none}.content-card__title a:hover{text-decoration:underline;color:var(--accent-color)}.content-card__meta{font-size:.875rem;color:var(--text-muted);margin-bottom:calc(var(--spacing-unit) * 1)}.content-card__updated{font-style:italic}.content-card__preview p{margin:0 0 calc(var(--spacing-unit) * 1);line-height:1.6;color:var(--text-secondary)}.content-card__read-more{color:var(--accent-color);text-decoration:none;font-size:.9rem}.content-card__read-more:hover{text-decoration:underline}.content-card__media-stats{clear:both;margin-top:.5rem;margin-bottom:.5rem;display:flex;gap:1rem;font-size:.9rem;color:var(--text-muted)}.media-stat{display:inline-flex;align-items:center;cursor:help;color:var(--text-secondary)}.media-stat svg{margin-right:.25rem}.media-stat:hover{color:var(--accent-color)}.content-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.content-card__tag{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;background-color:var(--accent-color);color:#fff}.content-card__author{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.content-card__author a{color:var(--accent-color)}.media-tooltip-wrapper{position:relative;display:inline-block}.media-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:1rem;min-width:200px;max-width:600px;z-index:1000}.media-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:white transparent transparent transparent}.media-tooltip__loading,.media-tooltip__empty{padding:1rem;text-align:center;color:#999}.media-tooltip__images{display:flex;flex-wrap:wrap;gap:.5rem}.media-tooltip__thumb{width:50px;height:50px;object-fit:cover;border-radius:4px;cursor:pointer}.media-tooltip__more{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#f0f0f0;border-radius:4px;font-size:.9rem;color:#666}.media-tooltip__video{width:100%;max-height:150px}.media-tooltip__video-list{display:flex;gap:.5rem;margin-top:.5rem}.media-tooltip__video-small{width:80px;height:60px;object-fit:cover}.media-tooltip__audio-item{margin-bottom:.5rem}.media-tooltip__audio{width:100%}.media-tooltip__audio-caption{display:block;font-size:.8rem;color:#666;margin-top:.25rem}.reactions-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.feed{max-width:800px;margin:0 auto;padding:1rem}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #ccc}.feed-total{color:#666;font-size:.9rem}.feed-size-selector{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.feed-size-selector select{padding:.25rem .5rem;border:1px solid #ccc;border-radius:4px}.feed-list{display:flex;flex-direction:column;gap:1rem}.feed-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.feed-pagination button{padding:.5rem 1rem;border:1px solid #ccc;background:#f5f5f5;border-radius:4px;cursor:pointer}.feed-pagination button:disabled{opacity:.5;cursor:not-allowed}.feed-page-info{font-size:.9rem}.feed-loading,.feed-error,.feed-empty{text-align:center;padding:2rem;color:#666}.home{padding:1rem}.home__title{margin-top:0;margin-bottom:1.5rem;font-size:1.75rem;font-weight:400;color:#333}.category-page{padding:1rem}.category-page__title{margin-top:0;margin-bottom:.5rem;font-size:2rem;font-weight:400}.category-page__description{color:#666;margin-bottom:2rem;font-style:italic}.category-loading,.category-error{padding:2rem;text-align:center;color:#666}.age-gate-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center}.age-gate-modal{background:var(--bg-card, #fff);border-radius:var(--border-radius, 8px);padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 4px 20px #0000004d}.age-gate-modal h2{margin-top:0;margin-bottom:1rem;color:var(--accent-color, #a67c5b);font-size:1.5rem}.age-gate-modal p{margin:1rem 0;line-height:1.5;color:var(--text-primary, #2c2c2c)}.age-gate-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.age-gate-btn{padding:.5rem 1rem;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;font-size:1rem;transition:background .2s}.age-gate-btn.confirm{background:var(--accent-color, #a67c5b);color:#fff}.age-gate-btn.confirm:hover{background:var(--accent-hover, #8b5e3c)}.age-gate-btn.deny{background:#ccc;color:#333}.age-gate-btn.deny:hover{background:#bbb}@media(max-width:768px){.age-gate-modal{padding:1.5rem}.age-gate-buttons{flex-direction:column;gap:.75rem}.age-gate-btn{width:100%}}.book{max-width:900px;margin:0 auto;padding:1rem}.book__header{display:flex;gap:2rem;margin-bottom:2rem}.book__cover{flex-shrink:0;width:200px}.book__cover img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.book__info{flex:1}.book__title{margin:0 0 .5rem;font-size:2rem;font-weight:400}.book__author{color:#666;margin-bottom:1rem}.book__description{line-height:1.6;color:#444;margin-bottom:1rem}.book__age-rating{font-size:.9rem;color:#d32f2f;margin-bottom:1rem}.book__read-link{display:inline-block;padding:.5rem 1rem;background:#06c;color:#fff;text-decoration:none;border-radius:4px}.book__read-link:hover{background:#0052a3}.book__chapters{margin-top:2rem}.book__chapters h2{font-size:1.5rem;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.book__reactions{margin-top:1rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.book__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.book__tag{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;background-color:var(--accent-color);color:#fff;text-decoration:none;transition:opacity .2s}.book__tag:hover{opacity:.8;text-decoration:none;color:#fff}.comment{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--border-radius);border-left:3px solid var(--accent-color)}.comment__header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.comment__author{font-weight:600;color:var(--text-primary)}.comment__date{color:var(--text-muted)}.comment-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:var(--bg-card);border:1px solid var(--border-color)}.comment-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--accent-color);color:#fff;font-weight:700;font-size:1.2rem}.comment-content{flex:1;min-width:0}.comment__content{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.comment__content p{margin:.5rem 0}.comment-expand-btn{background:none;border:none;color:var(--accent-color);cursor:pointer;padding:0;font-size:.9rem;text-decoration:underline;margin-top:.25rem}.comment-expand-btn:hover{color:var(--accent-hover)}.comment__replies{margin-left:2rem;margin-top:1rem;padding-left:1rem;border-left:2px solid var(--border-color)}.comment.pinned{border-left-color:var(--accent-color);background-color:#a67c5b0d}.comment__actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.comment-action-btn{display:inline-block;padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s;text-decoration:none}.comment-action-btn:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-hover)}.reply-form{margin-top:1rem;margin-left:2rem}.reply-form textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;resize:vertical;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.reply-form button{margin-top:.5rem;padding:.25rem 1rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer}.comment-login-prompt{margin-bottom:1rem;color:var(--text-secondary)}.comment-sort{margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.comment-sort select{padding:.25rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-card);color:var(--text-primary)}.comment-reactions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.reaction-btn{background:none;border:none;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:background .2s,color .2s}.reaction-btn:hover{background-color:var(--bg-secondary);color:var(--accent-color)}.reaction-btn.active{color:var(--accent-color);background-color:#a67c5b1a}.reaction-count{font-size:.8rem;font-weight:500;color:inherit}.comment-section{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.comment-section h3{margin-bottom:1rem;font-size:1.2rem;color:var(--text-primary)}.comment-form{margin-bottom:2rem}.comment-form textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;resize:vertical;background-color:var(--bg-card);color:var(--text-primary)}.comment-form__guest{display:flex;gap:1rem;margin:1rem 0}.comment-form__guest input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-card);color:var(--text-primary)}.comment-form button{padding:.5rem 1rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem}.comment-form button:hover{background-color:var(--accent-hover)}.comment-form button:disabled{opacity:.5;cursor:not-allowed}.comment-section__error{color:#d32f2f;margin-bottom:1rem}.comment-section__empty{color:var(--text-muted);text-align:center;padding:2rem}.comment-section__load-more{display:block;margin:1rem auto;padding:.5rem 1rem;background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;color:var(--text-secondary)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-tag,.hljs-punctuation{color:#444a}.hljs-tag .hljs-name,.hljs-tag .hljs-attr{color:#444}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-name{font-weight:700}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:#800}.hljs-title,.hljs-section{color:#800;font-weight:700}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-operator,.hljs-selector-pseudo{color:#ab5656}.hljs-literal{color:#695}.hljs-built_in,.hljs-bullet,.hljs-code,.hljs-addition{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.markdown-content pre{position:relative;border-radius:8px;margin:1.5rem 0;padding:1rem!important;overflow-x:auto;border:1px solid;border-left-width:4px;transition:all .3s ease;line-height:1.4}.markdown-content pre code{background:transparent!important;padding:0!important;line-height:inherit;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.9rem}.markdown-content :not(pre)>code{background-color:#f1f5f9;padding:.2em .4em;border-radius:.25rem;font-size:.9em;color:#1e293b;border:1px solid #e2e8f0}.language-label{position:absolute;top:0;right:0;padding:4px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;border-bottom-left-radius:6px;border-top-right-radius:6px;z-index:10;border:1px solid rgba(0,0,0,.1);pointer-events:none}.copy-code-btn{position:absolute;top:8px;right:50px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:4px 8px;font-size:.75rem;cursor:pointer;color:#64748b;transition:all .2s ease;z-index:10}.copy-code-btn:hover{background:#fff;color:#334155;border-color:#0003}.markdown-content{font-family:var(--font-family);color:var(--text-primary);line-height:1.7;font-size:1.1rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:500;color:var(--text-primary)}.markdown-content h1{font-size:2.2rem}.markdown-content h2{font-size:1.8rem}.markdown-content h3{font-size:1.5rem}.markdown-content h4{font-size:1.3rem}.markdown-content h5{font-size:1.1rem}.markdown-content h6{font-size:1rem}.markdown-content p{margin:1rem 0}.markdown-content a{color:var(--accent-color);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content blockquote{margin:1.5rem 0;padding:.5rem 1.5rem;border-left:4px solid var(--border-color);background-color:var(--bg-secondary);font-style:italic;color:var(--text-secondary)}.markdown-content ul,.markdown-content ol{margin:1rem 0;padding-left:2rem}.markdown-content li{margin:.5rem 0}.markdown-content table{border-collapse:collapse;width:100%;margin:1rem 0}.markdown-content th,.markdown-content td{border:1px solid var(--border-color);padding:.5rem;text-align:left}.markdown-content th{background-color:var(--bg-secondary);font-weight:500}.markdown-content hr{border:none;border-top:1px solid var(--border-color);margin:2rem 0}.markdown-content img{max-width:100%;height:auto;border-radius:var(--border-radius)}.structured-content__text p{font-size:var(--font-size-base, 1rem);line-height:var(--line-height-base, 1.5);margin-bottom:1rem}.markdown-content pre.language-python{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#3b82f6;border-left-color:#3b82f6;border-top-color:#3b82f64d;border-right-color:#3b82f64d;border-bottom-color:#3b82f64d}.markdown-content pre.language-python .language-label{background:#3b82f61a;color:#1e40af;border-color:#3b82f633}.language-python .hljs-comment{color:#6b7280;font-style:italic}.language-python .hljs-keyword{color:#2563eb;font-weight:600}.language-python .hljs-built_in{color:#059669}.language-python .hljs-string{color:#dc2626}.language-python .hljs-number{color:#7c3aed}.language-python .hljs-title{color:#d97706}.markdown-content pre.language-javascript{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#f59e0b;border-left-color:#f59e0b;border-top-color:#f59e0b4d;border-right-color:#f59e0b4d;border-bottom-color:#f59e0b4d}.language-javascript .language-label{background:#f59e0b1a;color:#92400e;border-color:#f59e0b33}.language-javascript .hljs-comment{color:#75715e;font-style:italic}.language-javascript .hljs-keyword{color:#ae81ff;font-weight:600}.language-javascript .hljs-string{color:#e6db74}.language-javascript .hljs-number{color:#66d9ef}.language-javascript .hljs-title{color:#a6e22e}.language-javascript .hljs-built_in{color:#fd971f}.language-javascript .hljs-literal{color:#f92672}.markdown-content pre.language-sql{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#8b5cf6;border-left-color:#8b5cf6;border-top-color:#8b5cf64d;border-right-color:#8b5cf64d;border-bottom-color:#8b5cf64d}.language-sql .language-label{background:#8b5cf61a;color:#5b21b6;border-color:#8b5cf633}.language-sql .hljs-comment{color:green;font-style:italic}.language-sql .hljs-keyword{color:#00f;font-weight:600}.language-sql .hljs-string{color:#a31515}.language-sql .hljs-number{color:#098658}.language-sql .hljs-built_in{color:#795e26}.language-sql .hljs-operator{color:#000}.markdown-content pre.language-python.text-style,.markdown-content pre.language-javascript.text-style,.markdown-content pre.language-sql.text-style{background:transparent!important;border:none!important;border-left:none!important;box-shadow:none!important;padding:0!important;margin:1rem 0}.dark-mode .markdown-content pre.language-python{background:linear-gradient(135deg,#1e293b,#0f172a);border-left-color:#60a5fa}.dark-mode .language-python .language-label{background:#60a5fa33;color:#bfdbfe;border-color:#60a5fa4d}.dark-mode .markdown-content pre.language-javascript{background:linear-gradient(135deg,#292524,#1c1917);border-left-color:#fbbf24}.dark-mode .language-javascript .language-label{background:#fbbf2433;color:#fef3c7;border-color:#fbbf244d}.dark-mode .markdown-content pre.language-sql{background:linear-gradient(135deg,#2e1065,#1e1b4b);border-left-color:#a78bfa}.dark-mode .language-sql .language-label{background:#a78bfa33;color:#ddd6fe;border-color:#a78bfa4d}.dark-mode .markdown-content :not(pre)>code{background-color:#334155;color:#e2e8f0;border-color:#475569}.chapter{max-width:100%;margin:0 auto;padding:calc(var(--spacing-unit) * 2)}.chapter__header{margin-bottom:2rem}.chapter__title{margin:0 0 .5rem;font-size:1.75rem;font-weight:400}.chapter__excerpt{color:#666;font-style:italic;border-left:3px solid #ccc;padding-left:1rem}.chapter__content{line-height:1.8;font-size:1.1rem;margin-bottom:calc(var(--spacing-unit) * 4);max-width:1024px;margin-left:auto;margin-right:auto;width:100%}.chapter__content p{margin:1rem 0}.chapter__navigation{position:sticky;bottom:0;padding-bottom:env(safe-area-inset-bottom);margin-bottom:0;background:transparent;border-top:none;padding:calc(var(--spacing-unit) * 2) 0;margin-top:calc(var(--spacing-unit) * 2);z-index:10;display:flex;justify-content:space-between;gap:calc(var(--spacing-unit) * 2)}.chapter__nav-link{display:inline-block;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:all .2s;flex:0 1 auto;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 4px var(--shadow-color)}.chapter__nav-link:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-hover)}.chapter__nav-link--prev{margin-right:auto}.chapter__nav-link--next{margin-left:auto}.chapter__navigation:empty{display:none}@media(max-width:1024px){.chapter__navigation{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);height:auto;min-height:60px}.chapter{padding-bottom:80px}}.chapter__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem}.chapter__tag{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;background-color:var(--accent-color);color:#fff}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.login-box h2{margin-top:0;margin-bottom:1.5rem;text-align:center;color:#333}.login-btn{width:100%;padding:.75rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.login-btn:hover:not(:disabled){background-color:var(--accent-hover)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #ffcdd2}.login-register-link{text-align:center;margin-top:1rem;color:#666}.login-register-link a{color:#06c;text-decoration:none}.login-register-link a:hover{text-decoration:underline}.login-btn{background-color:var(--accent-color)!important}.login-btn:hover:not(:disabled){background-color:var(--accent-hover)!important}.profile{max-width:600px;margin:2rem auto;padding:1rem;background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.profile h1{margin-top:0;margin-bottom:1rem;font-size:1.8rem;color:var(--text-primary)}.profile h2{font-size:1.3rem;margin:1.5rem 0 1rem;color:var(--text-secondary)}.profile-form,.profile-password-form{display:flex;flex-direction:column;gap:1rem}.profile-view{display:flex;gap:2rem;margin-top:1rem}.profile-avatar{flex-shrink:0;width:150px;height:150px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{color:var(--text-muted);font-size:.9rem;text-align:center}.avatar-empty{color:var(--text-muted);font-size:.9rem;margin-top:.25rem;font-style:italic}.profile-info{flex:1}.profile-info p{margin:.5rem 0}.btn-secondary{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}.password-field{position:relative}.password-input-wrapper{display:flex;align-items:center;gap:.5rem}.password-input-wrapper input{flex:1}.password-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-secondary)}.password-toggle:hover{color:var(--accent-color)}@media(max-width:768px){.profile-view{flex-direction:column;align-items:center}}.form-group label{font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-family:inherit}.form-group input:disabled{background:var(--bg-secondary);color:var(--text-muted)}.upload-section{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.upload-section input[type=file]{flex:1}.btn-primary{padding:.5rem 1rem;background:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background .2s;align-self:flex-start}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.profile-error{color:#d32f2f;background:#ffebee;padding:.5rem;border-radius:4px;margin-bottom:1rem}.profile-success{color:#2e7d32;background:#e8f5e9;padding:.5rem;border-radius:4px;margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-weight:400;cursor:pointer}.btn-primary{background:var(--accent-color)!important}.btn-primary:hover{background:var(--accent-hover)!important}.media-attachments{margin-top:2rem}.media-group{margin-bottom:2rem}.media-group h3{font-size:1.2rem;margin-bottom:1rem;color:#555}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.media-item--image img{width:100%;height:auto;cursor:pointer;border-radius:4px;transition:transform .2s}.media-item--image img:hover{transform:scale(1.02)}.media-item--video video,.media-item--audio audio{width:100%;max-width:600px;display:block}.media-list{display:flex;flex-direction:column;gap:1rem}.media-caption{margin-top:.25rem;font-size:.9rem;color:#666;font-style:italic}.audio-description-btn{margin-top:.5rem;padding:.25rem .5rem;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer}.structured-content{margin-bottom:2rem}.structured-content__text{line-height:1.6;margin-bottom:1.5rem}.structured-content__text p{margin-bottom:1rem;font-size:1rem;line-height:1.5}.structured-content__image-placeholder{background:#f0f0f0;padding:1rem;text-align:center;color:#999;margin:1rem 0}.structured-content__heading{margin:1rem 0 .5rem;font-size:1.2rem;font-weight:700;line-height:1.4}.structured-content__heading:first-child{margin-top:0}.content-unit{max-width:800px;margin:0 auto;padding:1rem}.content-unit__header{margin-bottom:2rem}.content-unit__title{margin:0 0 .5rem;font-size:2rem;font-weight:400}.content-unit__meta{color:#666;font-size:.9rem;display:flex;gap:1rem}.content-unit__cover{margin-bottom:2rem;max-width:100%;text-align:center}.content-unit__cover img{max-width:100%;max-height:400px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0000001a}.content-unit__excerpt{font-size:1.1rem;font-style:italic;color:#555;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.content-unit__content{line-height:1.6;margin-bottom:2rem}.content-unit__content p{margin:1rem 0}.content-unit__media h2{font-size:1.5rem;margin-bottom:1rem;color:#444;border-bottom:1px solid #eee;padding-bottom:.5rem}.content-unit__reactions{margin-top:1rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.content-loading,.content-error{text-align:center;padding:2rem;color:#666}.structured-content__image{margin:1rem 0;text-align:center}.structured-content__image img{max-width:100%;max-height:500px;object-fit:contain;border-radius:4px}.structured-content__image-placeholder{background:#f5f5f5;padding:2rem;text-align:center;color:#999;border:1px dashed #ccc;margin:1rem 0}.content-unit__title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.content-unit__title{margin:0}.content-unit__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.content-unit__tag{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;background-color:var(--accent-color);color:#fff}.content-manager{padding:1rem}.content-manager__header{display:flex;gap:1rem;margin-bottom:1rem;align-items:center;flex-wrap:wrap}.content-manager__filters{display:flex;gap:.5rem}.content-table{width:100%;border-collapse:collapse}.content-table th,.content-table td{border:1px solid #ddd;padding:.5rem;text-align:left}.content-table th{background-color:#f2f2f2}.btn-edit,.btn-delete{background:none;border:none;cursor:pointer;font-size:1.2rem}.btn-edit:hover{color:#06c}.btn-delete:hover{color:#c00}.tag-manager{max-width:900px;margin:0 auto;padding:1rem}.tag-manager h1{margin-bottom:1rem}.tag-list{margin-top:1rem;overflow-x:auto}.tag-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow)}.tag-table th,.tag-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.tag-table th{background:var(--bg-secondary);font-weight:600}.tag-table tr:hover{background:var(--bg-secondary)}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-right:.5rem;color:var(--text-muted);transition:color .2s}.tag-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.tag-manager-header h2{margin:0;font-size:1.5rem}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color .2s}.close-btn:hover{color:var(--accent-color)}.tag-manager-actions{margin-bottom:1rem}.attachments-manager{margin-top:2rem;border-top:1px solid #ccc;padding-top:1rem}.attachments-table{width:100%;border-collapse:collapse;margin:1rem 0}.attachments-table th,.attachments-table td{border:1px solid #ddd;padding:.5rem;vertical-align:middle}.attachments-table th{background-color:#f2f2f2}.attachment-thumb{max-width:60px;max-height:60px;object-fit:cover}.attachment-icon{font-size:2rem;display:block;text-align:center}.sort-input{width:60px}.btn-add{padding:.5rem 1rem;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-delete{background:none;border:none;cursor:pointer;font-size:1.2rem}.media-selector-modal{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:90%}.modal-content select,.modal-content input{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row label{flex:1}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.modal-actions button:first-child{background-color:#06c;color:#fff}.modal-actions button:last-child{background-color:#ccc}.content-form-container{max-width:800px;margin:0 auto;padding:1rem}.content-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}label{font-weight:500;margin-bottom:.25rem}input,select,textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px}select[multiple]{height:auto;min-height:100px}.form-actions{display:flex;gap:1rem;margin-top:1rem}button[type=submit]{background:#06c;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}button[type=button]{background:#ccc;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.upload-section{margin-top:.5rem}.modal-large{width:90%;max-width:800px}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.register-box{text-align:center;max-width:400px;margin:2rem auto;padding:2rem;background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.register-box p{margin-bottom:1.5rem;color:var(--text-secondary)}.register-box .btn-primary{display:inline-block;margin:0 auto;padding:.75rem 2rem}.register-box h2{margin-top:0;margin-bottom:1.5rem;text-align:center;color:#333}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}.register-btn{width:100%;padding:.75rem;background-color:#28a745;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.register-btn:hover:not(:disabled){background-color:#218838}.register-btn:disabled{opacity:.6;cursor:not-allowed}.register-error{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #ffcdd2}.register-login-link{text-align:center;margin-top:1rem;color:#666}.register-login-link a{color:#06c;text-decoration:none}.register-login-link a:hover{text-decoration:underline}.media-manager{padding:1rem}.upload-section{display:flex;gap:1rem;align-items:center}.filters{display:flex;gap:.5rem;flex:1}.media-table{width:100%;border-collapse:collapse}.media-table th,.media-table td{border:1px solid #ddd;padding:.5rem;text-align:left;vertical-align:middle}.media-table th{background-color:#f2f2f2}.media-thumb{max-width:60px;max-height:60px;object-fit:cover}.media-icon{font-size:2rem;display:block;text-align:center}.pagination{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.btn-primary{background-color:#06c;color:#fff}.btn-primary:hover{background-color:#0052a3}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.media-manager__header{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.search-page{max-width:800px;margin:0 auto;padding:1rem}.search-form{display:flex;gap:.5rem;margin-bottom:1rem}.search-input{flex:1;padding:.5rem;border:1px solid var(--border-color, #ccc);border-radius:var(--border-radius, 4px);font-size:1rem;background:var(--bg-card, #fff);color:var(--text-primary, #333)}.search-input:focus{border-color:var(--accent-color, #a67c5b);outline:none;box-shadow:0 0 0 2px #a67c5b33}.search-filters-container{margin-bottom:1rem;background:var(--bg-secondary, #f5f5f5);padding:.5rem;border-radius:var(--border-radius)}.filter-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.filter-row:last-child{margin-bottom:0}.filter-label{font-size:.9rem;color:var(--text-primary, #333);font-weight:400}.filter-select,.filter-input{padding:.5rem;border:1px solid var(--border-color, #ccc);border-radius:var(--border-radius, 4px);background:var(--bg-card, #fff);font-size:.9rem;color:var(--text-primary, #333);flex:1;min-width:120px}.filter-select{min-width:180px}.filter-author-select{flex:1;min-width:200px}.filter-tags-select{flex:1}.search-stats{text-align:right;font-size:.9rem;color:var(--text-muted, #888);margin-top:.25rem}.search-results{display:flex;flex-direction:column;gap:1rem}.search-result-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border-color, #f0f0f0)}.search-result-item:hover{background-color:var(--bg-secondary, #f5f5f5)}.search-result-icon{flex-shrink:0;margin-top:.2rem;color:var(--accent-color, #a67c5b)}.search-result-thumb{width:40px;height:40px;object-fit:cover;border-radius:var(--border-radius, 4px)}.search-result-content{flex:1;min-width:0}.search-result-title{font-weight:500;color:var(--text-primary, #333);margin-bottom:.25rem;word-break:break-word}.search-result-description{font-size:.85rem;color:var(--text-muted, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-highlight mark{background-color:#ffeb3b;color:#2c2c2c;padding:0 2px;border-radius:2px}.search-result-meta{font-size:.75rem;color:var(--text-muted, #888);margin-top:.25rem}.pagination{display:flex;justify-content:center;gap:1rem;margin-top:2rem;align-items:center}.pagination button{padding:.5rem 1rem;background:var(--bg-card, #fff);border:1px solid var(--border-color, #ccc);border-radius:var(--border-radius);cursor:pointer;color:var(--text-primary, #333);transition:all .2s}.pagination button:hover:not(:disabled){background:var(--accent-color, #a67c5b);color:#fff;border-color:var(--accent-hover, #8b5e3c)}@media(max-width:768px){.filter-row{flex-direction:column;align-items:stretch}.filter-select,.filter-input,.filter-author-select,.filter-tags-select{width:100%;min-width:unset}.search-stats{text-align:center}.search-filters-container{padding:1rem}.pagination{flex-wrap:wrap}}.books-manager{padding:1rem}.books-manager__header{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.books-table{width:100%;border-collapse:collapse}.books-table th,.books-table td{border:1px solid #ddd;padding:.5rem;text-align:left;vertical-align:middle}.books-table th{background-color:#f2f2f2}.book-thumb{max-width:50px;max-height:50px;object-fit:cover}.btn-chapters{margin-left:.5rem;text-decoration:none;color:#28a745}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.fullscreen{background-color:#000c!important;z-index:2000}.fullscreen-content{width:90%;max-width:1000px;height:90%;display:flex;flex-direction:column}.fullscreen-content textarea{flex:1;resize:none;font-family:monospace}.tags-select{margin-bottom:.5rem}.chapters-manager{padding:1rem}.chapters-manager h1{margin-top:0;margin-bottom:.5rem}.chapters-manager h2{font-size:1.2rem;color:#666;margin-bottom:1rem}.chapters-manager .btn-primary{background-color:#06c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-bottom:1rem}.chapters-manager .btn-primary:hover{background-color:#0052a3}.chapters-tree-container{border:1px solid #ddd;padding:1rem;border-radius:4px;background:#f9f9f9;margin-bottom:1rem}.chapter-actions{margin-top:1rem}.error{color:#c00}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-card);border-radius:var(--border-radius);padding:1.5rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3{margin-top:0;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary)}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.category-manager{max-width:800px;margin:0 auto;padding:1rem}.category-manager h1{margin-bottom:1rem}.category-tree-container{margin-top:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem;background:var(--bg-card)}.site-settings-manager{max-width:600px;margin:2rem auto;padding:1rem}.settings-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-control{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem}.favicon-select{margin-bottom:.5rem}.upload-section{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.hint{font-size:.85rem;color:var(--text-muted);margin:.25rem 0}.error{color:#d32f2f;background:#ffebee;padding:.5rem;border-radius:4px;margin-bottom:1rem}.success{color:#2e7d32;background:#e8f5e9;padding:.5rem;border-radius:4px;margin-bottom:1rem}.maintenance-controls{display:flex;gap:.5rem;margin-top:.25rem}.maintenance-banner{background-color:#ffeb3b;color:#2c2c2c;text-align:center;padding:.5rem;font-weight:700;position:sticky;top:0;z-index:1001}.maintenance-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000}.maintenance-modal{background:var(--bg-card, #fff);border-radius:var(--border-radius);padding:2rem;max-width:400px;text-align:center;box-shadow:0 4px 20px #0000004d}.stats-page{max-width:1200px;margin:0 auto;padding:1rem}.stats-page h1{margin-bottom:1rem}.stats-period{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.stats-period select{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:var(--border-radius)}.stats-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.stats-tabs button{background:none;border:none;padding:.5rem 1rem;cursor:pointer;font-size:1rem;color:var(--text-secondary)}.stats-tabs button.active{color:var(--accent-color);border-bottom:2px solid var(--accent-color)}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.stats-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1rem;box-shadow:var(--box-shadow)}.stats-card h3{margin-top:0;margin-bottom:.5rem;font-size:1rem;color:var(--text-secondary)}.stats-card p{font-size:1.8rem;font-weight:700;margin:0}.stats-actions ul{list-style:none;padding:0;margin:0}.stats-actions li{margin-bottom:.25rem;font-size:.9rem}.stats-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow)}.stats-table th,.stats-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.stats-table th{background:var(--bg-secondary);font-weight:600}.stats-table tr:hover{background:var(--bg-secondary)}.user-agent-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.logs-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.logs-filters input,.logs-filters select{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-card);font-size:.9rem}.pagination{display:flex;justify-content:center;gap:1rem;margin-top:1rem;align-items:center}.pagination button{padding:.25rem .75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.error{color:#d32f2f;background:#ffebee;padding:.5rem;border-radius:var(--border-radius);margin-bottom:1rem}.stats-chart{height:400px;margin-bottom:2rem}.stats-pie{margin-top:2rem;text-align:center}.stats-pie h3{margin-bottom:1rem}.pie-container{max-width:400px;margin:0 auto}.btn-export{padding:.25rem .75rem;background:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer}.btn-export:hover{background:var(--accent-hover)}.btn-export:disabled{opacity:.6;cursor:not-allowed}.user-page{max-width:800px;margin:2rem auto;padding:1rem;background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.user-header{text-align:center;margin-bottom:2rem}.user-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 1rem;border:2px solid var(--border-color)}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-muted)}.user-info p{margin:.5rem 0}:root{--bg-primary: #faf8f5;--bg-secondary: #f0ede8;--bg-card: #ffffff;--text-primary: #2c2c2c;--text-secondary: #5a5a5a;--text-muted: #8a8a8a;--accent-color: #a67c5b;--accent-hover: #8b5e3c;--border-color: #d3c9b8;--shadow-color: rgba(0, 0, 0, .05);--font-family-serif: "Georgia", "Times New Roman", serif;--font-family-sans: "Arial", "Helvetica", sans-serif;--border-radius: 4px;--spacing-unit: 8px;--header-height: 60px;--sidebar-width: 250px;--box-shadow: 0 2px 8px var(--shadow-color);--box-shadow-hover: 0 4px 12px var(--shadow-color);--transition-speed: .2s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-serif);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button,.btn{font-family:var(--font-family-sans);cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary);padding:calc(var(--spacing-unit) / 2) var(--spacing-unit);border-radius:var(--border-radius);transition:all var(--transition-speed)}button:hover,.btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);box-shadow:var(--box-shadow)}input,select,textarea{font-family:var(--font-family-sans);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) / 2);background-color:var(--bg-card);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-color);outline-offset:1px}.content-card__title{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.content-unit__title{word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.btn{display:inline-block;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-card);color:var(--text-secondary);font-family:var(--font-family);font-size:.9rem;cursor:pointer;text-decoration:none;transition:all .2s ease;box-shadow:0 1px 3px var(--shadow-color)}.btn:hover{background-color:var(--bg-secondary);color:var(--accent-color);border-color:var(--accent-color)}.btn:active{transform:translateY(1px);box-shadow:none}.btn-primary{background-color:var(--accent-color);border-color:var(--accent-hover);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);color:#fff}.btn-secondary{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.btn-icon{background:none;border:none;font-size:1.2rem;padding:calc(var(--spacing-unit) * .5);color:var(--text-muted);cursor:pointer;transition:color .2s}.btn-icon:hover{color:var(--accent-color)}.yarl__button{background:#0000004d!important;border-radius:50%!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .2s}.yarl__button svg{width:44px!important;height:44px!important}.yarl__button:hover{background:#00000080!important}.yarl__container{background-color:#000000f2!important}.yarl__caption{background:linear-gradient(0deg,rgba(0,0,0,.5) 0%,transparent 100%);color:#fff;padding:10px}html,body{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}#root{height:100%;display:flex;flex-direction:column}