header{height:var(--header-height);width:100%;position:static}.header-container{background:var(--accent-dark);color:#fff;text-align:center;height:var(--header-height);box-sizing:border-box;z-index:1000;width:100%;box-shadow:var(--shadow-light);justify-content:space-between;align-items:center;padding:1% 2%;display:flex;position:static;top:0}.header-container h1{margin:0;padding:0;font-size:1.5rem;font-weight:400;line-height:1}.center.main{box-sizing:border-box;background:var(--bg-primary);width:100%;color:var(--text-primary);padding:10px 10px 20vh;transition:width .3s;overflow-y:auto}.center.main.toc-open{width:calc(100% - max(15%,200px))}.center.main .markdown-content{max-width:1200px;margin:0 auto;animation:.3s ease-in-out fadeIn}.markdown-table{border-collapse:collapse;border:2px solid var(--border-color);background-color:var(--bg-secondary);width:100%;margin:15px 0;font-size:14px}.markdown-th{background-color:var(--accent-color);color:#fff;text-align:left;border:1px solid var(--border-color);padding:12px 8px;font-weight:700}.markdown-td{border:1px solid var(--border-color);background-color:var(--bg-primary);padding:10px 8px}.markdown-table tbody tr:nth-child(2n) .markdown-td{background-color:var(--bg-secondary)}.markdown-table tbody tr:hover .markdown-td{background-color:var(--bg-tertiary)}.center.main pre{background-color:var(--code-bg);color:var(--code-text);border-left:4px solid var(--accent-color);border-radius:5px;padding:15px;overflow-x:auto}.center.main code{background-color:var(--code-bg);color:var(--code-text);border-radius:3px;padding:2px 4px;font-family:Courier New,monospace}.center.main pre code{color:inherit;background-color:#0000;padding:0}.center.main blockquote{border-left:4px solid var(--accent-color);background-color:var(--bg-secondary);margin:15px 0;padding:10px 20px;font-style:italic}.markdown-link{color:var(--accent-color);border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .2s}.markdown-link:hover{color:var(--accent-hover);border-bottom:1px solid var(--accent-color);background-color:var(--accent-10);border-radius:3px;padding:2px 4px}.markdown-link[href$=\.md]{color:var(--accent-blue);font-weight:600}.markdown-link[href$=\.md]:hover{color:var(--accent-blue-dark);border-bottom:1px solid var(--accent-blue);background-color:var(--blue-10);cursor:pointer}.center.main h1{color:var(--heading-primary);border-bottom:3px solid var(--accent-color);text-align:center;margin-bottom:25px;padding:10px 0}.center.main h2{color:var(--heading-secondary);border-bottom:2px solid var(--accent-blue-dark);text-align:center;margin-top:30px;margin-bottom:15px;padding:10px 0}.center.main h3{color:var(--heading-tertiary);margin-top:25px;margin-bottom:12px}.center.main hr{background:linear-gradient(to right,var(--accent-color),var(--accent-light),var(--accent-color));border:none;border-radius:2px;height:2px;margin:30px 0}.center.main p strong{color:var(--accent-hover)}.center.main blockquote{background-color:var(--success-bg-very-light);border-left:4px solid var(--accent-color);color:var(--accent-hover);margin:20px 0;padding:15px 20px;font-style:italic}.center.main ul{list-style:none}.center.main ul li{background-color:var(--bg-secondary);border-left:var(--accent-dark)3px solid;border-radius:4px;margin-bottom:12px;padding:10px 15px;line-height:1.6}.center.main ul li strong{font-weight:600}.center.main ul li:first-child{font-weight:500}.center.main ul li:nth-of-type(odd){background-color:var(--bg-tertiary);border-left-color:var(--accent-hover)}.center.main ul li ul li{border-radius:4px;font-style:italic;list-style:circle;background-color:var(--bg-primary)!important;border:1px solid var(--accent-blue)!important;margin:8px 0!important}.center.main h4[id*=up-next],.center.main h3[id*=up-next],.center.main .up-next-section,.center.main h4.up-next-section,.center.main h3.up-next-section{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;box-shadow:0 4px 12px var(--accent-30);letter-spacing:.5px;border-radius:8px;margin:25px 0 15px;padding:15px 20px;font-weight:600;position:relative}.markdown-content h4,.markdown-content h3{position:relative}.up-next-section{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover))!important;color:#fff!important;box-shadow:0 4px 12px var(--accent-30)!important;letter-spacing:.5px!important;border-radius:8px!important;margin:25px 0 15px!important;padding:15px 20px!important;font-weight:600!important;transition:all .3s!important}.up-next-section:hover{box-shadow:0 6px 16px var(--accent-40)!important;transform:translateY(-2px)!important}.up-next-section:before{content:"🚀";margin-right:8px;font-size:1.2em}.up-next-section .markdown-link,.up-next-section a{color:var(--success-bg-variant)!important;border-bottom:2px solid #ffffff4d!important;padding:2px 0!important;font-weight:700!important;text-decoration:none!important;transition:all .2s!important}.up-next-section .markdown-link:hover,.up-next-section a:hover{color:#fff!important;background-color:#ffffff1a!important;border-bottom:2px solid #fff!important;border-radius:3px!important;padding:4px 6px 2px!important}@media (max-width:1200px){.mobile-overlay{display:block!important}.center.main{width:100%;padding:10px}header h1{text-align:center;padding-left:50px;font-size:1.2rem}.navigation-bar{margin:0 0 15px;padding:10px}.back-button{padding:6px 12px;font-size:12px}.current-note,.markdown-table{font-size:12px}.markdown-th,.markdown-td{padding:6px 4px}.center.main img{max-width:100%;height:auto}.mobile-menu .child-link.active{background-color:var(--success-bg);border-left:4px solid var(--success-color);color:var(--success-text);padding-left:19px;font-weight:600}.mobile-menu .child-link.active:hover{background-color:var(--success-bg-light);border-left:4px solid var(--success-border)}.search-results-overlay{padding:20px 16px}.search-results-container{max-height:min(85vh,600px)}.search-results-header{padding:16px 20px 12px}.search-result-card{margin-bottom:8px}.search-result-header{padding:12px 16px 8px}.search-result-matches{padding:0 16px 12px}.user-menu-dropdown{min-width:260px;right:-10px}.welcome-modal{max-width:none;margin:20px}.theme-options{gap:8px}.theme-option{padding:12px 16px}.history-modal-overlay{padding:20px 16px}.history-modal{max-height:min(85vh,560px)}.history-item{padding:12px 16px}}@media (max-width:480px){header h1{padding-left:45px;font-size:1rem}}.search-bar{margin:6px 0 12px;padding:2px}.search-input-container{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;flex:1;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.search-bar.focused .search-input-container{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-10)}.search-icon{color:var(--text-secondary);padding:0 12px;font-size:16px}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 8px 12px 0;font-size:14px}.search-input::placeholder{color:var(--text-secondary)}.search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:14px;transition:color .2s}.search-clear:hover{color:var(--danger-color)}.search-shortcut{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;align-items:center;padding:4px 8px;font-family:monospace;font-size:11px;display:flex}.search-results-overlay{background:var(--opacity-dark-50);z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:flex-start;padding:60px 20px 20px;display:flex;position:fixed;inset:0}.search-results-container{background:var(--bg-primary);box-shadow:0 20px 40px var(--opacity-dark-10);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:min(70vh,720px);display:flex;overflow:hidden}.search-results-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.search-results-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.search-results-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;transition:all .2s}.search-results-close:hover{color:var(--danger-color);background:var(--border-light)}.search-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.search-spinner{border:2px solid var(--border-color);border-top:2px solid var(--accent-color);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.search-results-info{border-bottom:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);padding:16px 24px;font-size:14px}.search-results-list{flex:1;padding:8px;overflow-y:auto}.search-result-card{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-primary);border-radius:8px;margin-bottom:12px;transition:all .2s}.search-result-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px var(--accent-10);transform:translateY(-1px)}.search-result-header{border-bottom:1px solid var(--border-light);padding:16px 20px 12px}.search-result-title{align-items:center;gap:8px;margin-bottom:8px;display:flex}.search-result-icon{font-size:16px}.search-result-name{color:var(--text-primary);font-size:16px;font-weight:600}.search-result-meta{color:var(--text-secondary);align-items:center;gap:16px;font-size:13px;display:flex}.search-result-section{font-weight:500}.search-result-count{background:var(--success-bg-variant);color:var(--accent-hover);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500}.search-result-matches{padding:0 20px 16px}.search-result-match{background:var(--bg-secondary);border-left:3px solid var(--accent-color);border-radius:6px;margin-bottom:8px;padding:8px 12px}.search-result-line-number{color:var(--text-secondary);margin-bottom:4px;font-family:monospace;font-size:11px}.search-result-context{color:var(--text-primary);font-size:14px;line-height:1.4}.search-result-context mark{background:var(--warning-bg);color:var(--warning-text);border-radius:3px;padding:2px 4px;font-weight:600}.search-result-more{color:var(--text-secondary);text-align:center;padding:8px;font-size:12px;font-style:italic}.left-nav{background:var(--bg-secondary);box-sizing:border-box;border-right:1px solid var(--border-color);flex-shrink:0;width:max(20%,350px);max-width:95vw;max-height:100%;padding:10px;animation:.3s slideFromLeft;overflow-y:auto}.dropdown-parent{background:var(--bg-primary);box-shadow:var(--shadow-light);border:1px solid var(--border-color);border-radius:6px;margin:1px 1px 2px;overflow:hidden}.dropdown-title{background:var(--accent-color);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:.4rem .8rem;font-weight:600;transition:all .2s;display:flex}.dropdown-title:hover,.dropdown-parent.active .dropdown-title{background:var(--accent-hover)}.section-arrow{color:#fff;font-size:12px;font-weight:700;transition:transform .2s}.dropdown-children{transition:max-height .3s;overflow:hidden}.dropdown-children.collapsed{max-height:0}.dropdown-children.expanded{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:min(60vh,500px);overflow-y:auto}.parent-link{background:var(--accent-color);color:#fff;cursor:pointer;box-shadow:var(--shadow-light);-webkit-user-select:none;user-select:none;border-radius:6px;margin-bottom:8px;padding:.3rem .8rem;font-weight:600;transition:all .2s}.parent-link:hover{background:var(--accent-hover);transform:translateY(-1px)}.parent-link.active{background:var(--accent-dark);border-left:4px solid var(--accent-color)}.parent-link.active:hover{background:var(--accent-dark);filter:brightness(.9)}.child-link{background:var(--bg-tertiary);color:var(--text-primary);border-bottom:1px solid var(--border-color);cursor:pointer;border-left:3px solid #0000;margin:0;padding:10px 20px;font-size:14px;transition:all .2s}.child-link:hover{background:var(--accent-10);border-left:3px solid var(--accent-color);padding-left:23px}.child-link.active{background:var(--accent-15);border-left:4px solid var(--accent-color);padding-left:24px}.new-note-link{color:var(--accent-color);font-weight:600}.new-note-link:hover{background:var(--accent-10);color:var(--accent-hover)}.note-section{margin-top:8px}.note-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:8px 20px;font-size:12px;font-weight:700}.custom-note-link{color:var(--accent-dark);padding-left:30px;font-size:13px;font-weight:600}.child-link.active:hover{background:var(--accent-20);border-left:4px solid var(--accent-hover)}.child-link:last-child{border-bottom:none}.mobile-nav-toggle,.toggle-btns{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);z-index:101;gap:8px;padding:12px;display:flex;position:sticky;top:0}.mobile-nav-btn,.toggle-btn{border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.mobile-nav-btn:hover,.toggle-btn:hover{border-color:var(--accent-color);background:var(--bg-secondary)}.mobile-nav-btn.active,.toggle-btn.active{border-color:var(--accent-color);background:var(--accent-color);color:#fff}.mobile-page-overview{padding:16px 12px}.mobile-page-overview .right-sidebar{background:0 0;border:none;width:100%;padding:0}.next-lesson-container{justify-content:center;width:100%;margin:40px 0 20px;display:flex}.next-lesson-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:12px;width:100%;min-width:280px;max-width:400px;padding:20px 30px;font-family:inherit;transition:all .3s;box-shadow:0 4px 15px #4caf504d}.next-lesson-button:hover{background:linear-gradient(135deg,#5cbf60,#388e3c);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.next-lesson-button:active{transform:translateY(0);box-shadow:0 2px 10px #4caf504d}.next-lesson-content{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.next-lesson-label{opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:500}.next-lesson-title{font-size:18px;font-weight:600;line-height:1.3}.next-lesson-arrow{font-size:20px;font-weight:700;transition:transform .3s}.next-lesson-button:hover .next-lesson-arrow{transform:translate(4px)}@media (max-width:768px){.next-lesson-button{min-width:250px;padding:16px 24px}.next-lesson-title{font-size:16px}.next-lesson-label{font-size:13px}}.next-lesson-button:focus{outline-offset:2px;outline:2px solid #81c784}.next-lesson-button:focus:not(:focus-visible){outline:none}.next-lesson-button:focus-visible{outline-offset:2px;outline:2px solid #81c784}.user-menu{position:relative}.user-menu-trigger{background-color:var(--bg-primary);border:1px solid var(--accent-hover);cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;transition:all .3s;display:flex}.user-menu-trigger:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-light);border-color:var(--accent-light)}.user-avatar{background:var(--accent-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-menu-arrow{color:var(--text-secondary);font-size:12px;transition:transform .2s}.user-menu-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-medium);z-index:1000;border-radius:8px;min-width:280px;position:absolute;top:100%;right:0;overflow:hidden}.user-menu-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px 20px}.user-greeting{color:var(--text-primary);font-size:14px}.user-menu-section{border-bottom:1px solid var(--border-light);padding:12px 0}.user-menu-section:last-child{border-bottom:none}.user-menu-section.user-menu-danger{border-top:1px solid var(--border-light)}.user-menu-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:0 20px 8px;font-size:12px;font-weight:600}.user-menu-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background-color:#0000;border:none;align-items:center;gap:12px;padding:12px 20px;font-size:14px;transition:background-color .2s;display:flex}.user-menu-item:hover{background-color:var(--bg-secondary)}.user-menu-item.danger{color:var(--danger-color)}.user-menu-item.danger:hover{background:var(--danger-10)}.user-menu-icon{font-size:16px}.history-count{background:var(--accent-color);color:#fff;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:11px;font-weight:600}.theme-selector,.selector-btns{flex-direction:column;gap:4px;padding:0 20px;display:flex}.selector-btns{max-width:300px;margin:12px auto;padding-bottom:12px}.theme-selector-btn,.selector-btn{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.custom-color-btns-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;max-height:min(500px,40vh);margin-top:8px;display:grid;overflow-y:auto}.custom-color-btn{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;color:var(--text-primary);text-align:center;border-radius:6px;padding:6px 8px;font-size:12px;transition:all .2s}.custom-color-btn:hover{border-color:var(--accent-color);background:var(--bg-secondary)}.custom-color-btn input[type=color]{cursor:pointer;background:0 0;border:none;width:100%;height:32px}.theme-selector-btn:hover,.selector-btn:hover{border-color:var(--accent-color);background:var(--bg-secondary)}.theme-selector-btn.active{border-color:var(--accent-color);background:var(--accent-10);color:var(--accent-color)}.theme-selector-icon{font-size:16px}.theme-selector-name{font-weight:500}.welcome-modal-overlay{background:var(--opacity-dark-50);z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.welcome-modal{background:var(--bg-primary);box-shadow:var(--shadow-heavy);border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:min(90vh,720px);display:flex;overflow:hidden}.welcome-modal-header{text-align:center;background:var(--bg-secondary);padding:24px 24px 16px}.welcome-modal-header h2{color:var(--text-primary);margin:0;font-size:24px}.welcome-modal-content{-webkit-overflow-scrolling:touch;flex:1;padding:24px;overflow-y:auto}.storage-benefits{margin:20px 0}.benefit-item{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:12px;display:flex}.benefit-icon{font-size:16px}.storage-note{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;margin-top:20px;padding:16px;font-size:14px}.setup-section{margin-bottom:24px}.setup-label{color:var(--text-primary);margin-bottom:8px;font-weight:600;display:block}.setup-input{border:2px solid var(--border-color);width:100%;max-width:100%;color:var(--text-primary);background:var(--bg-primary);box-sizing:border-box;border-radius:8px;padding:12px 16px;font-size:16px;transition:border-color .2s}.setup-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-10);outline:none}.theme-options{flex-direction:column;gap:12px;display:flex}.theme-option{border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;border-radius:8px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.theme-option:hover{border-color:var(--accent-color);background:var(--bg-secondary)}.theme-option.active{border-color:var(--accent-color);background:var(--accent-10)}.theme-icon{font-size:24px}.theme-info{flex:1}.theme-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.theme-desc{color:var(--text-secondary);font-size:14px}.welcome-modal-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}.btn-danger{background-color:var(--danger-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-danger:hover{background-color:var(--danger-dark)}.confirm-modal-overlay{background:var(--opacity-dark-50);z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--bg-primary);box-shadow:var(--shadow-heavy);border-radius:12px;width:100%;max-width:400px}.confirm-modal-header{text-align:center;border-bottom:1px solid var(--border-color);padding:20px 24px 16px}.confirm-modal-header h3{color:var(--text-primary);margin:0;font-size:18px}.confirm-modal-content{padding:20px 24px}.confirm-modal-content p{color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.confirm-warning{color:var(--danger-color);font-weight:600}.confirm-modal-actions{justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.history-modal-overlay,.modal-overlay{background:var(--opacity-dark-50);z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:60px 20px 20px;display:flex;position:fixed;inset:0}.history-modal,.modal{background:var(--bg-primary);box-shadow:var(--shadow-heavy);border-radius:12px;flex-direction:column;width:98%;max-width:750px;max-height:min(95vh,800px);padding:40px 6px 8px;display:flex;position:relative;overflow:auto}.history-modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.history-modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.history-modal-close,.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;transition:all .2s}.modal-close{position:absolute;top:16px;right:16px}.history-modal-close:hover,.modal-close:hover{color:var(--danger-color);background:var(--bg-tertiary)}.history-modal-content{-webkit-overflow-scrolling:touch;flex:1;padding:0;overflow-y:auto}.history-empty{text-align:center;padding:60px 40px}.history-empty-icon{margin-bottom:16px;font-size:48px}.history-empty-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.history-empty-desc{color:var(--text-secondary);line-height:1.5}.history-info{border-bottom:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);padding:16px 24px;font-size:14px}.history-list{padding:8px}.history-item{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-primary);border-radius:8px;align-items:center;gap:16px;margin-bottom:8px;padding:16px 20px;transition:all .2s;display:flex}.history-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow-light);transform:translateY(-1px)}.history-item-main{flex:1}.history-item-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.history-item-icon{font-size:16px}.history-item-title{color:var(--text-primary);font-size:16px;font-weight:600}.history-item-meta{align-items:center;gap:16px;font-size:13px;display:flex}.history-item-section{color:var(--text-secondary);font-weight:500}.history-item-position{color:var(--text-muted);font-size:12px}.history-item-arrow{color:var(--text-secondary);font-size:16px;transition:transform .2s}.history-item:hover .history-item-arrow{color:var(--accent-color);transform:translate(4px)}.sidebar-section{border-bottom:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);padding:15px}.sidebar-section:last-child{border-bottom:none}.sidebar-section h3{color:var(--accent-hover);text-transform:uppercase;letter-spacing:.5px;margin:0 0 15px;font-size:14px;font-weight:600}.no-note-message{color:var(--text-secondary);margin:0;font-size:13px;font-style:italic;line-height:1.4}.note-stats{flex-direction:column;gap:8px;display:flex}.stat-item{justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.stat-label{color:var(--text-primary);font-weight:500}.stat-value{color:var(--text-primary);font-size:11px;font-weight:600}.toc-nav{flex-direction:column;gap:2px;display:flex}.toc-item{text-align:left;cursor:pointer;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:4px;width:100%;padding:6px 8px;font-size:12px;line-height:1.3;transition:all .2s;overflow:hidden}.toc-item:hover{background:var(--accent-10);color:var(--accent-hover)}.toc-item.active{background:var(--accent-color);font-weight:600;color:#fff!important}.toc-item.level-1{padding-left:8px;font-weight:600}.toc-item.level-2{padding-left:16px;font-size:11px}.toc-item.level-3{color:var(--text-secondary);padding-left:24px;font-size:11px}.toc-item.level-4{color:var(--text-secondary);padding-left:32px;font-size:10px}.toc-item.level-5,.toc-item.level-6{color:var(--text-muted);padding-left:40px;font-size:10px}.toc-item.next-lesson{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover))!important;color:#fff!important;box-shadow:var(--shadow-medium)!important;border:2px solid var(--opacity-light-20)!important;border-radius:8px!important;margin:8px 0!important;padding:12px 16px!important;font-weight:700!important;transition:all .3s!important}.toc-item.next-lesson:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-dark))!important;box-shadow:var(--shadow-heavy)!important;border-color:var(--opacity-light-40)!important;transform:translateY(-2px)!important}.toc-item.next-lesson:active{box-shadow:var(--shadow-medium)!important;transform:translateY(0)!important}.next-lesson-icon{margin-right:8px;font-size:14px;animation:2s infinite bounce}.toc-item.next-lesson:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.toc-item.next-lesson:hover:before{left:100%}.note-builder-container{gap:0;height:100%;display:flex;overflow:hidden}.note-builder{background-color:var(--bg-primary);border-right:1px solid var(--border-color);flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.note-header-controls{flex-direction:column;gap:12px;display:flex}.note-title{border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);border-radius:6px;width:100%;padding:12px 16px;font-size:20px;font-weight:600;transition:border-color .2s}.note-title:focus{border-color:var(--accent-color);outline:none}.section-selector{align-items:center;gap:10px;display:flex}.section-selector label{color:var(--text-primary);white-space:nowrap;font-weight:600}.section-dropdown{border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:4px;flex:1;padding:8px 12px;font-size:14px;transition:border-color .2s}.section-dropdown:focus{border-color:var(--accent-color);outline:none}.new-section-input{flex:1;gap:8px;display:flex}.new-section-input input{border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);border-radius:4px;flex:1;padding:8px 12px;font-size:14px}.new-section-input input:focus{border-color:var(--accent-color);outline:none}.new-section-input button{border:1px solid var(--border-color);background-color:var(--accent-color);color:var(--accent-text);cursor:pointer;white-space:nowrap;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.new-section-input button:hover{background-color:var(--accent-hover)}.new-section-input button:last-child{color:var(--text-primary);background-color:#0000}.new-section-input button:last-child:hover{background-color:var(--bg-secondary)}.elements-preview{background-color:var(--bg-secondary);border-radius:6px;flex-direction:column;flex:1;gap:12px;width:100%;min-height:200px;padding:10px;display:flex;overflow-y:auto}.placeholder-text{color:var(--text-secondary);text-align:center;margin:auto;padding:40px 20px;font-size:14px}.element{border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:12px;transition:all .2s}.element:hover{border-color:var(--accent-color);box-shadow:0 2px 8px var(--accent-10)}.element.selected{border-color:var(--accent-color);background-color:var(--accent-10);box-shadow:0 2px 8px var(--accent-15)}.element.dragging{opacity:.4;cursor:grabbing}.element[draggable=true]{cursor:grab}.inline-edit-input{width:100%;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;background:0 0;border:none;outline:none;padding:0}.save-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s}.save-btn:hover{background-color:var(--accent-hover)}.note-builder-tools{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);flex-direction:column;gap:12px;width:350px;padding:16px;display:flex;overflow-y:auto}.note-builder-tools h3{color:var(--text-primary);margin:0 0 12px;font-size:16px}.tool-tabs{gap:8px;margin-bottom:12px;display:flex}.tab-btn{border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;flex:1;padding:10px 12px;font-size:12px;font-weight:600;transition:all .2s}.tab-btn:hover{border-color:var(--accent-color)}.tab-btn.active{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff}.element-editor{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:12px;padding:12px;display:flex}.element-editor h4{color:var(--text-primary);margin:0;font-size:14px}.input-field{border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);border-radius:4px;padding:10px 12px;font-size:13px;transition:border-color .2s}.input-field:focus{border-color:var(--accent-color);outline:none}.list-editor{flex-direction:column;gap:8px;display:flex}.list-editor label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.list-item-input{align-items:center;gap:6px;display:flex}.list-item-input .input-field{flex:1}.add-item-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:4px;min-width:36px;padding:8px 12px;font-size:16px;font-weight:600;transition:background-color .2s}.add-item-btn:hover{background-color:var(--accent-hover)}.delete-item-btn{background-color:var(--danger-10);color:var(--danger-color);border:1px solid var(--danger-color);cursor:pointer;border-radius:4px;padding:6px 10px;font-size:16px;font-weight:600;transition:all .2s}.delete-item-btn:hover{background-color:var(--danger-color);color:#fff}.table-editor-input{flex-direction:column;gap:12px;display:flex}.table-section{flex-direction:column;gap:8px;display:flex}.table-section label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.table-row{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));align-items:center;gap:6px;display:grid}.row-label{color:var(--text-secondary);background-color:var(--bg-secondary);text-align:center;border-radius:4px;grid-column:1/-1;padding:6px;font-size:11px;font-weight:600}.table-cell-input{min-width:0}.table-editor{flex-direction:column;gap:12px;display:flex}.table-row-editor{background-color:var(--bg-secondary);border-radius:4px;flex-direction:column;gap:6px;padding:8px;display:flex}.table-row-editor h6{color:var(--text-secondary);margin:0;font-size:12px}.edit-element-tool{flex-direction:column;gap:12px;display:flex}.edit-element-tool h4{color:var(--text-primary);margin:0;font-size:14px}.elements-list{flex-direction:column;gap:6px;height:min(40vh,600px);max-height:min(40vh,600px);display:flex;overflow-y:auto}.element-btn{border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:10px 12px;font-size:12px;transition:all .2s;overflow:hidden}.element-btn:hover{border-color:var(--accent-color);background-color:var(--bg-secondary)}.element-btn.active{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff;font-weight:600}.edit-panel{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:12px;padding:12px;display:flex}.edit-panel h5{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.text-editor{flex-direction:column;gap:6px;display:flex}.text-editor label{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:600}.element-actions{gap:6px;display:flex}.element-actions button{border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:4px;flex:1;padding:10px 12px;font-size:12px;font-weight:600;transition:all .2s}.element-actions button:hover:not(:disabled){border-color:var(--accent-color);background-color:var(--bg-secondary)}.element-actions button:disabled{opacity:.5;cursor:not-allowed}.element-actions .delete-btn{border-color:var(--danger-color);color:var(--danger-color)}.element-actions .delete-btn:hover:not(:disabled){background-color:var(--danger-10)}.btn-primary{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:background-color .2s}.btn-primary:hover{background-color:var(--accent-hover)}.selector-btns{flex-direction:column;gap:6px;display:flex}.selector-btn{border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;text-align:left;border-radius:4px;padding:10px 12px;font-size:12px;font-weight:600;transition:all .2s}.selector-btn:hover{border-color:var(--accent-color);background-color:var(--bg-secondary)}.selector-btn.active{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff}.selector-btn.dragging{opacity:.4;cursor:grabbing}.selector-btn[draggable=true]{cursor:grab}.tree-item{flex-direction:column;margin:0;display:flex}.tree-item .selector-btn{text-align:left;width:100%;position:relative}.expand-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;width:12px;margin-right:6px;font-size:10px;display:inline-block}.children-list{margin-left:0}.add-cell-btn-container{border:1px dashed var(--border-color);background-color:var(--bg-secondary);text-align:center;vertical-align:middle;padding:4px}.add-cell-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .2s;display:inline-flex}.add-cell-btn:hover{background:var(--accent-hover);transform:scale(1.1)}.add-row-btn-container{background:0 0}.add-row-btn-container td{border:none;padding:0}.add-row-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 0;transition:all .2s;display:flex}.add-row-btn:hover{background:var(--bg-secondary)}.add-row-btn .line{background:var(--border-color);flex:1;height:1px}.add-row-btn .plus{color:var(--accent-color);background:var(--bg-primary);border:2px solid var(--accent-color);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;display:inline-flex}.add-row-btn:hover .plus{background:var(--accent-color);color:#fff}.add-list-item-btn-container{margin:4px 0;padding:4px 0;list-style:none}.add-list-item-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;font-size:16px;transition:all .2s;display:inline-flex}.add-list-item-btn:hover{background:var(--accent-hover);transform:scale(1.1)}.tree-add-btn{background:var(--accent-color);color:#fff;border:none;border:1px solid var(--bg-primary);cursor:pointer;vertical-align:middle;border-radius:6px;justify-content:center;align-items:center;width:80%;height:20px;margin:2px 2px 2px 6px;font-size:14px;transition:all .2s;display:inline-flex}.tree-add-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.tree-item{align-items:center;gap:4px;display:flex}.scrollable-panel{max-height:400px;padding:4px;overflow-y:auto}@media (max-width:1024px){.note-builder-tools{width:300px}.table-row{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}}@media (max-width:768px){.note-builder-container{flex-direction:column}.note-builder{border-right:none;border-bottom:1px solid var(--border-color);flex:1;padding:16px}.note-builder-tools{border-left:none;border-top:1px solid var(--border-color);width:100%;height:auto;max-height:50vh;padding:12px}.tool-tabs{margin-bottom:8px}.elements-list{max-height:150px}.table-row{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.list-item-input,.element-actions{gap:4px}}@media (max-width:480px){.note-builder{gap:10px;padding:12px}.note-builder-tools{gap:10px;padding:10px}.note-title{padding:10px 12px;font-size:18px}.table-row{grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}.input-field{padding:8px 10px;font-size:12px}.selector-btn,.element-btn{padding:8px 10px;font-size:11px}.add-item-btn{padding:6px 10px}}.note-builder-tools h4{text-align:center;color:var(--text-primary);border-bottom:1px solid var(--border-medium);margin:0 0 5px;padding-bottom:6px;font-size:16px}.tool-selector{border:1px solid var(--border-medium);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:4px;gap:5px;padding:8px;display:flex}.note-content{resize:vertical;flex:1}.tool-btn{text-align:center;border:1px solid var(--border-medium);background-color:var(--bg-secondary);border-radius:4px;flex:1;padding:8px;transition:background-color .2s}.save-btn{background-color:var(--accent-color);color:var(--text-primary);align-self:center;margin-top:10px}.build-tool{border:1px solid var(--border-medium);background-color:var(--bg-primary);border-radius:4px;flex:1;padding:10px;overflow-y:auto}.center.main .build-tool ul{margin:0 auto}.center.main .build-tool ul li{border-left:1px solid var(--border-medium);background-color:var(--bg-secondary);margin:8px 0}.scrollable-panel{flex-direction:column;gap:10px;width:100%;max-height:95%;display:flex;overflow-y:auto}.element-editor{background-color:var(--accent-color);flex-direction:column;gap:1rem;margin:1rem auto;padding:1rem;display:flex}.element-editor input{border:2px solid var(--border);border-radius:4px;padding:.4rem .8rem}@media (max-width:768px){.note-builder-container{flex-direction:column}.note-builder,.note-builder-tools{border-radius:8px}.note-builder-tools{border-top:none;border-radius:0 0 8px 8px;flex-direction:row;height:auto;overflow-x:auto}.note-builder-tools h4{display:none}}.custom-note-viewer{max-width:1200px;margin:0 auto;padding:2rem}.custom-note-loading,.custom-note-error{text-align:center;color:var(--text-secondary);padding:2rem;font-size:1.1rem}.custom-note-error{color:#d32f2f}.note-view-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.note-view-meta{flex:1}.note-view-title{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem}.note-view-section{background-color:var(--accent-10);color:var(--accent-color);border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.edit-btn{background-color:var(--accent-color);color:var(--accent-text);cursor:pointer;white-space:nowrap;border:none;border-radius:.4rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.edit-btn:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.note-view-content{background-color:var(--bg-secondary);border-radius:.5rem;padding:1rem;line-height:1.6}.custom-note-editing{flex-direction:column;height:100%;display:flex}.edit-controls{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem}.back-btn{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:.4rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .2s}.back-btn:hover{background-color:var(--bg-primary);border-color:var(--accent-color)}@media (max-width:768px){.custom-note-viewer{padding:1rem}.note-view-header{flex-direction:column;gap:1rem}.note-view-title{font-size:1.5rem}.edit-btn{width:100%}}.note-view-controls{flex-flow:wrap;justify-content:flex-end;gap:1rem;display:flex}:root{--color-menu-icon:#ebe8e8;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#333;--text-secondary:#6c757d;--text-muted:#9ca3af;--text-opacity:#f5faf9;--border-color:#e9ecef;--border-light:#f1f3f4;--border-medium:#e0e0e0;--accent-color:#4caf50;--accent-hover:#2e7d32;--accent-dark:#1b5e20;--accent-light:#81c784;--accent-blue:#1976d2;--accent-blue-dark:#0d47a1;--heading-primary:#2e7d32;--heading-secondary:#1976d2;--heading-tertiary:#f57c00;--code-bg:#f8f9fa;--code-text:#2d3748;--success-color:#28a745;--success-bg:#d4edda;--success-text:#155724;--success-bg-light:#c3e6cb;--success-border:#1e7e34;--success-bg-very-light:#e8f5e9;--success-bg-variant:#e8f5e8;--danger-color:#dc3545;--danger-dark:#c82333;--danger-bright:#ff4757;--danger-10:#dc35451a;--warning-color:#ffc107;--warning-orange:#ffa726;--warning-bg:#fff3cd;--warning-text:#856404;--opacity-light-80:#fffc;--opacity-light-40:#fff6;--opacity-light-20:#fff3;--accent-10:#4caf501a;--accent-15:#4caf5026;--accent-20:#4caf5033;--accent-30:#4caf504d;--accent-40:#4caf5066;--blue-10:#1976d21a;--opacity-dark-5:#0000000d;--opacity-dark-10:#0000001a;--opacity-dark-20:#0003;--opacity-dark-50:#00000080;--shadow-light:0 2px 4px #0000001a;--shadow-medium:0 4px 12px #0000001a;--shadow-heavy:0 8px 24px #00000026}:root[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3d3d3d;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:gray;--border-color:#404040;--border-light:#505050;--border-medium:#4a4a4a;--accent-color:#3ca049;--accent-hover:#4a9f4e;--accent-dark:#073d22;--accent-light:var(--accent-hover);--accent-blue:#64b5f6;--heading-primary:#81c784;--heading-secondary:#64b5f6;--heading-tertiary:#ffb74d;--code-bg:#0e0e0e;--code-text:#f8f8f2;--success-color:#4caf50;--success-bg:#1e3a1e;--success-text:#81c784;--success-bg-light:#2a4a2a;--success-bg-very-light:#232;--success-bg-variant:#264426;--danger-color:#ff4757;--danger-dark:#e53e3e;--danger-bright:#ff6b6b;--danger-10:#ff47571a;--warning-color:#ffa726;--warning-orange:#ffb74d;--warning-bg:#3d2f1f;--warning-text:#ffcc02;--opacity-light-80:#ffffff1a;--opacity-light-40:#fff3;--opacity-light-20:#ffffff26;--accent-10:#5cbf601a;--accent-15:#5cbf6026;--accent-20:#5cbf6033;--accent-30:#5cbf604d;--accent-40:#5cbf6066;--blue-10:#64b5f61a;--opacity-dark-5:#0000004d;--opacity-dark-10:#0000004d;--opacity-dark-50:#000c;--shadow-light:0 2px 4px #0000004d;--shadow-medium:0 4px 12px #0000004d;--shadow-heavy:0 8px 24px #0006}:root{--header-height:60px;--footer-height:40px}@media (max-width:360px){:root{--footer-height:50px}}.hide-scrollbar *{scrollbar-width:none!important}.hide-scrollbar ::-webkit-scrollbar{display:none!important}#root{text-align:left;flex-direction:column;width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);height:100vh;margin:0;padding:0;font-family:Bebas Neue,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--accent-color)var(--bg-secondary)}.section-icon-img,.emoji-icon{text-align:center;object-fit:contain;width:1.8em;height:1.8em;text-shadow:2px 2px 4px var(--opacity-dark-10);background:#fff;border-radius:4px;justify-content:center;align-items:center;margin-right:6px;padding:4px;font-size:1.2rem;line-height:100%;display:inline-block}.header-title-with-icon{align-items:center;gap:6px;font-size:clamp(1rem,4vw,32px);font-weight:700;display:flex}.header-title-with-icon .section-icon-img{flex-shrink:1;max-width:30px;max-height:30px}@media (min-width:800px){*{scrollbar-width:thin;scrollbar-color:var(--accent-color)var(--bg-secondary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}::-webkit-scrollbar-corner{background:var(--bg-secondary)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(0)}40%{transform:translate(4px)}60%{transform:translate(2px)}}@keyframes slideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.body-container{width:100%;max-height:calc(100vh - var(--header-height) - var(--footer-height));flex:1;justify-content:flex-end;display:flex}footer{width:100%;height:var(--footer-height);background:var(--bg-secondary);color:var(--text-secondary)}footer a{color:var(--accent-color);text-decoration:none}footer a:hover{color:var(--accent-hover);text-decoration:underline}.footer-content{text-align:center;background-color:var(--bg-secondary);width:100%;color:var(--text-secondary);border-top:1px solid var(--accent-dark);padding:10px;font-size:clamp(8px,1vw,14px)}.footer-separator{margin:0 10px}.back-bar{z-index:10;border-bottom:2px solid var(--border-medium);border-right:2px solid var(--border-medium);background-color:var(--opacity-dark-50);-webkit-backdrop-filter:blur(10px)saturate(150%);color:var(--text-opacity);letter-spacing:.5px;box-shadow:2px 2px 4px var(--opacity-dark-50);border-radius:8px;align-items:center;gap:15px;margin:0 0 20px;padding:15px;display:flex;position:sticky;top:0}.back-button{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.back-button:hover{background-color:var(--accent-hover)}.hamburger{cursor:pointer;cursor:pointer;background-color:#0000;border:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:30px;height:24px;padding:0;display:flex;position:relative}.hamburger span{background-color:var(--text-opacity);border-radius:2px;height:4px;transition:opacity .3s,transform .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.mobile-menu-header{z-index:50;border-bottom:1px solid var(--border-medium);background-color:var(--accent-color);color:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.mobile-menu-header h2{margin:0;font-size:1.2rem}.close-mobile-menu{color:#fff;cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.5rem;line-height:1}.close-mobile-menu:hover{opacity:.7}.spinner-bg{background-color:var(--opacity-light-80);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.spinner-bg .spinner{border:8px solid var(--border-light);border-top:8px solid var(--accent-color);border-radius:50%;width:60px;height:60px}@media (prefers-reduced-motion:no-preference){.spinner-bg .spinner{animation:1s ease-in-out infinite logo-spin}}