:root{--color-primary:#667eea;--color-primary-light:#d6d9f5;--color-primary-border:#5a66d8;--color-accent:#f90;--color-accent-light:#fff7eb;--color-accent-hover:#ffebcc;--color-bg-primary:#f0f0f0;--color-bg-secondary:#fafafa;--color-bg-dark:#282c34;--color-bg-hover:#f5f5f5;--color-border:#e3e3e3;--color-border-light:#e4e4e4;--color-border-medium:#ccc;--color-text-primary:#000;--color-text-secondary:gray;--color-text-dark:#383838;--color-text-white:#fff;--shadow-sm:0 0 3px #ff99004d;--shadow-md:0 0 5px #5a66d880;--shadow-lg:0 0 6px #00000026;--shadow-button:4px 4px 10px #ff99004d;--shadow-text:0 2px 4px #0000001a}@media (prefers-color-scheme:disabled){:root{--color-bg-primary:#1a1a1a;--color-bg-secondary:#2d2d2d;--color-bg-hover:#3a3a3a;--color-border:#404040;--color-border-light:#4a4a4a;--color-border-medium:#555;--color-text-primary:#fff;--color-text-secondary:#b0b0b0;--color-text-dark:#d0d0d0;--shadow-sm:0 0 3px #f906;--shadow-md:0 0 5px #5a66d899;--shadow-lg:0 0 6px #00000080;--shadow-button:4px 4px 10px #f906;--shadow-text:0 2px 4px #0006;--color-accent-light:#663d00;--color-accent-hover:#804d00;--color-primary-light:#182067}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0;background-color:var(--color-bg-primary);color:#000;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{background-color:var(--color-bg-dark);color:var(--color-text-white);flex-direction:column;font-size:calc(10px + 2vmin)}.App-header,.search-page-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.search-page-container{background-color:var(--color-bg-primary);box-sizing:border-box;padding:20px}.search-content{flex-direction:column;max-width:600px;text-align:center;width:100%}.search-content,.search-header{align-items:center;display:flex}.search-header{gap:15px;margin-bottom:2rem}.search-title{color:var(--color-primary);font-size:3rem;font-weight:700;text-shadow:var(--shadow-text)}.search-logo-icon{height:auto;width:50px}@media (max-width:750px){.search-title{font-size:2.5rem}.search-subtitle{font-size:1rem}}@media (max-width:470px){.search-header{flex-direction:column;gap:10px;margin-bottom:1.5rem}.search-logo-icon{order:-1}.search-title{font-size:2rem;margin:0}}.search-form{box-sizing:border-box;position:relative;width:100%}.search-input-container{align-items:stretch;background-color:#fafafa;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;height:60px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.search-input-container:focus-within,.search-input-container:hover{box-shadow:0 15px 35px #00000040;transform:translateY(-2px)}.search-input-container-mini{align-items:stretch;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;display:flex;height:40px;overflow:hidden;position:relative}.search-input{background:#0000;border:none;color:#333;flex:1 1;font-size:1.1rem;height:100%;min-width:0;outline:none;padding:0 25px}.search-input::placeholder{color:#999}.search-input-mini{background:#0000;border:none;color:#333;flex:1 1;font-size:1em;height:100%;min-width:0;outline:none;padding:0 12px}.search-input-mini:focus,.search-input-mini:hover{background-color:#f5f5f5}.search-button{align-items:center;background:#667eea;border:none;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:100%;justify-content:center;min-width:60px;padding:0 25px;transition:background-color .2s ease,opacity .2s ease}.search-button:hover:not(:disabled){background:#5a66d8}.search-button:disabled{background:#cbd5e0;color:#a0aec0;cursor:not-allowed;opacity:.6}.search-icon{stroke-width:2;height:20px;width:20px}.suggestions-container{max-height:300px}.suggestions-container,.suggestions-container-mini{background-color:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #eee;box-shadow:0 10px 25px #0003;left:0;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestions-container-mini{max-height:140px}.suggestion-item{border-bottom:1px solid #f5f5f5;color:#333;cursor:pointer;padding:12px 25px;text-align:left;transition:background-color .2s ease}.suggestion-item:hover{background:#dee0f7}.suggestion-item:last-child{border-bottom:none}@media (max-width:750px){.search-input-container{height:50px}.search-input{font-size:1rem;padding:0 20px}.search-button{min-width:50px;padding:0 20px}}@media (max-width:470px){.search-input-container{height:45px}.search-input{padding:0 15px}.search-button{min-width:45px;padding:0 12px}}.course-page{flex-direction:column;height:100vh;overflow:hidden}.course-page,.course-page-menu{box-sizing:border-box;display:flex}.course-page-menu{align-items:center;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:2em;padding:20px 120px}.course-page-menu-home-button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;font-size:1.2em;font-weight:700;height:40px;padding:0;width:40px}.logo-icon{height:100%;object-fit:contain;width:100%}.course-container{background-color:var(--color-bg-primary);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-size:1.1em;gap:5px;min-height:0;overflow:hidden;padding:20px 120px 50px;text-align:left}@media (max-width:750px){.course-page-menu{padding:20px 50px}.course-container{padding:20px 50px 50px}}@media (max-width:470px){.course-page-menu{gap:.6em;padding:14px 20px}.course-container{font-size:1em;padding:20px 20px 30px}.course-page-menu-home-button{flex-shrink:0;height:32px;width:32px}.search-form{flex:1 1;min-width:0}.search-button{flex-shrink:0}}.course-header-container{border:0 solid blue;display:flex;flex-direction:column;gap:5px;justify-content:center;padding-bottom:10px}.course-header-title{font-size:2.2em;font-weight:700}@media (max-width:470px){.course-header-title{font-size:1.8em}}.course-header-subtitle{color:var(--color-text-secondary);margin-top:6px}.course-header-reviews{display:flex;gap:10px;margin-bottom:10px}.course-header-rating{align-items:center;display:flex;font-size:1.2em}.course-header-rating-value{align-self:center;font-weight:700;margin-left:5px}.course-header-review-count{align-self:center;color:var(--color-text-secondary);margin-left:15px}.course-header-tags{display:flex;flex-wrap:wrap;gap:10px}.course-tag-card{background-color:var(--color-primary-light);border:1px solid var(--color-primary-border)}.course-add-tag-card,.course-tag-card{border-radius:10px;font-size:.9em;padding:5px 10px}.course-add-tag-card{background-color:#e8ecff;border:1px solid #002fff;cursor:pointer}.course-body-container{border:0 solid red;display:flex;flex:1 1;font-size:.8em;gap:120px;min-height:0}.course-body-container>*{box-sizing:border-box;width:50%}@media (max-width:1200px){.course-body-container{gap:40px}}@media (max-width:900px){.course-body-container{flex-direction:column;gap:0}.course-body-container>*{height:50%;width:100%}}@media (max-width:470px){.course-body-container{gap:10px}}.course-body-reviews-container{border:0 solid lime;display:flex;flex-direction:column;min-height:0}.course-body-reviews-header{align-items:center;display:flex;gap:20px;padding:20px 0}@media (max-width:470px){.course-body-reviews-header{font-size:.9em;padding:10px 0}}.course-body-reviews-header-title{border:0 solid red;font-size:2em;font-weight:700;text-align:center;text-justify:center}.course-reviews-list-container{-ms-overflow-style:none;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-lg);flex:1 1;overflow-y:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.course-reviews-empty{box-sizing:border-box;color:var(--color-text-secondary);left:50%;padding:1em 2em;position:relative;text-align:center;top:50%;transform:translate(-50%,-50%)}.course-reviews-list{list-style:none;margin:0;overflow:hidden;padding:0}.course-review-card{border-bottom:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:5px;margin:0 15px;padding:20px 0}.course-review-rating{border:0 solid purple;display:flex;justify-content:space-between;width:100%}.course-review-author{align-self:center;color:var(--color-text-dark);font-size:.9em}.course-review-title{border:0 solid brown;margin:0}.course-review-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;cursor:default;display:-webkit-box;line-height:1.4em;margin-bottom:5px;margin-top:0;overflow:hidden;transition:all .3s ease}.course-review-text.expanded{-webkit-line-clamp:unset;line-clamp:none;display:block;overflow:visible}.course-review-text.clampable{cursor:pointer}.course-review-footer{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9em;gap:5px}.course-review-like-button{background:none;border:none;cursor:pointer;height:16px;padding:0;width:16px}.like-icon{height:100%;width:100%}.course-review-date{flex-grow:1;text-align:right}.course-body-discussions-container{border:0 solid lime;display:flex;flex-direction:column;min-height:0}.course-body-discussions-header{align-items:center;display:flex;gap:20px;padding:20px 0}@media (max-width:470px){.course-body-discussions-header{font-size:.9em;padding:10px 0}}.course-body-discussions-header-title{border:0 solid red;font-size:2em;font-weight:700;text-align:center;text-justify:center}.course-discussions-list-container{-ms-overflow-style:none;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;box-shadow:var(--shadow-lg);flex:1 1;overflow-y:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.course-discussions-list{list-style:none;margin:0;overflow:hidden;padding:0}.course-discussion-card{border-bottom:1px solid var(--color-border-light);display:flex;gap:15px;margin:0 15px;min-width:0;padding:20px 0}.course-discussion-profile{background-color:var(--color-border-light);border:none;border-radius:50%;cursor:pointer;font-weight:700;height:40px;line-height:40px;width:40px}.course-discussion-main{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.course-discussion-title{margin-bottom:0;margin-top:7px}.course-discussion-text{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;cursor:default;display:-webkit-box;line-height:1.4em;margin:5px 0;overflow:hidden;transition:all .3s ease}.course-discussion-text.expanded{-webkit-line-clamp:unset;line-clamp:none;display:block;overflow:visible}.course-discussion-text.clampable{cursor:pointer}.course-discussion-footer{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9em;gap:20px;min-width:0}.course-discussion-like-field{align-items:center;display:flex;gap:5px}.course-discussion-like-button{background:none;border:none;cursor:pointer;height:16px;padding:0;width:16px}.course-discussion-comment-field{align-items:center;display:flex;gap:5px}.course-discussion-comment-button{background:none;border:none;cursor:pointer;height:16px;padding:0;width:16px}.course-discussion-date{flex-grow:1;text-align:right}.course-discussion-comments-container{-webkit-padding-start:0!important;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:20px;list-style:none;margin-top:10px;max-height:0;opacity:0;overflow:hidden;padding-top:10px;padding-inline-start:0!important;transition:max-height .3s ease-out,opacity .3s ease-out,padding .3s ease-out,margin .3s ease-out}.course-discussion-comments-container.show{max-height:1000px;opacity:1}.course-discussion-comments-container.hide{margin-top:-5px;max-height:0;opacity:0;padding-top:0}.course-discussion-comment-card{display:flex;gap:15px;width:100%}.course-discussion-comment-text{margin:5px 0}.course-discussion-add-comment{display:flex;gap:20px;justify-content:space-between;margin-top:10px;min-width:0}.course-discussion-add-comment-input{border:1px solid var(--color-border-medium);border-radius:8px;box-sizing:border-box;flex:1 1;min-width:0;padding:8px 12px}.course-discussion-add-comment-input:hover{background-color:var(--color-bg-hover)}.course-discussion-add-comment-input:focus{background-color:var(--color-bg-hover);border-color:var(--color-primary-border);box-shadow:var(--shadow-md);outline:none}.course-discussion-add-comment-button{align-items:center;background-color:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px 12px}.course-discussion-add-comment-button:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-sm)}.course-add-button{align-items:center;background-color:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:10px;cursor:pointer;display:flex;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:4px 14px;transition:all .3s ease;white-space:nowrap;width:auto}.course-add-button:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-button);padding-right:20px}.course-add-button-plus{flex-shrink:0;font-size:2.2em;font-weight:700}.course-add-button-text{font-size:1.2em;max-width:0;opacity:0;overflow:hidden;transition:opacity .3s ease .1s,max-width .3s ease,margin-left .3s ease;white-space:nowrap}.course-add-button:hover .course-add-button-text{margin-left:10px;max-width:200px;opacity:1}@media (max-width:470px){.course-add-button{padding:2px 10px;transition:none}.course-add-button:hover{background-color:var(--color-primary-light);box-shadow:none;padding-right:10px}.course-add-button-text{transition:none}.course-add-button:hover .course-add-button-text{margin-left:0;max-width:0;opacity:0}}.star-rating{align-items:center;display:inline-flex}.star-container{display:inline-block;font-size:1.6em;font-weight:700;line-height:1;margin-right:2px;position:relative}.star-background{color:#e0e0e0}.star-filled{color:gold;left:0;overflow:hidden;position:absolute;top:0}.loading-bar-container{background-color:initial;height:3px;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.loading-bar{animation:loading-progress 1s ease-out forwards;background-color:var(--color-primary);height:100%;transform-origin:left}.loading-bar.completing{animation:loading-complete .3s ease-out forwards}@keyframes loading-progress{0%{transform:scaleX(0)}to{transform:scaleX(.3)}}@keyframes loading-complete{0%{transform:scaleX(.3)}to{transform:scaleX(1.3)}}
/*# sourceMappingURL=main.ecc11c91.css.map*/