@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:20px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;padding:30px}.header{color:#fff;margin-bottom:40px;text-align:center}.header h1{font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.header p{font-size:1.2rem;opacity:.9}.nav-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;margin-bottom:30px;padding:8px}.nav-tab{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:15px 20px;text-align:center;transition:all .3s ease}.nav-tab:hover{background:#ffffff1a}.nav-tab.active{background:#fff;box-shadow:0 4px 12px #00000026;color:#667eea}.search-bar{border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;margin-bottom:20px;padding:15px 20px;transition:border-color .3s ease;width:100%}.search-bar:focus{border-color:#667eea;box-shadow:0 0 10px #667eea4d;outline:none}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:10px;margin-right:10px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;border:2px solid #e1e5e9;color:#495057}.btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.form-group{margin-bottom:20px}.form-label{color:#495057;display:block;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 10px #667eea4d;outline:none}.form-textarea{min-height:100px;resize:vertical}.level-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.level-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #0000;border-radius:12px;cursor:pointer;padding:25px;transition:all .3s ease}.level-card:hover{border-color:#667eea;box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.level-card h3{color:#495057;font-size:1.4rem;margin-bottom:10px}.level-card p{color:#6c757d;margin-bottom:15px}.topic-list{max-height:600px;overflow-y:auto}.topic-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:15px;padding:20px;transition:all .3s ease}.topic-item:hover{background:#e9ecef;transform:translateX(5px)}.topic-item h4{color:#495057;margin-bottom:10px}.topic-item .level-badge{background:#667eea;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:10px;padding:4px 12px}.topic-content{background:#fff;border:1px solid #e1e5e9;border-radius:6px;margin-top:10px;padding:15px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.modal h2{color:#495057;margin-bottom:25px}.upload-area{background:#667eea0d;border:2px dashed #667eea;border-radius:12px;margin-bottom:20px;padding:40px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#667eea1a;border-color:#5a67d8}.upload-area.dragover{background:#667eea26;border-color:#5a67d8}.loading{padding:40px;text-align:center}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.error,.success{margin-bottom:20px;padding:15px}.success{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}@media (max-width:768px){.container{padding:15px}.header h1{font-size:2rem}.nav-tabs{flex-direction:column;gap:8px}.level-grid{grid-template-columns:1fr}.modal{padding:20px;width:95%}}*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{background-color:#fff;min-height:100vh;width:100%}:root{--primary-color:#2c3e50;--secondary-color:#34495e;--accent-color:#3498db;--hover-color:#2980b9;--text-color:#2c3e50;--light-text:#7f8c8d;--background:#fff;--light-background:#f8f9fa;--border-color:#e9ecef;--shadow-color:#2c3e501a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;font-family:Montserrat,sans-serif;line-height:1.6;margin:0}.app,body{background-color:#fff}.app{box-shadow:none;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;text-align:center}.header{background-color:#2c3e50;border-radius:15px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1rem}.header h1{color:#fff;font-size:1.5rem;margin:0;text-align:center;text-shadow:none}.nav{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.nav button{background:none;border:none;border-bottom:2px solid #0000;color:#ffffffb3;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.nav button:hover{color:#fff}.nav button.active{border-bottom:2px solid #fff;color:#fff}.loading{align-items:center;color:#6c757d;display:flex;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:500;height:50vh;justify-content:center}.sequence-view{padding-left:0!important;padding-right:0!important;padding-top:0!important;text-align:left;width:100%}.filter-controls{display:flex;gap:1rem;justify-content:flex-start;margin-bottom:1rem;margin:0 auto 2.2rem!important;max-width:1200px;padding-left:1rem;padding-left:0!important;padding-right:0!important}.filter-controls button{align-items:center;background:#0000;border:1.5px solid #2c3e50;border-radius:8px;box-shadow:none;color:#2c3e50;cursor:pointer;display:inline-flex;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:500;gap:.2rem;padding:.35rem .7rem;transition:all .3s ease}.filter-controls button:hover{background:#e9ecef;box-shadow:none;color:#1a252f;transform:none}.filter-controls button.active{background:#d0d7e3;border-color:#2c3e50;color:#2c3e50}.data-structure{background:#fff;border-radius:20px;margin:0 auto;max-width:1200px;padding:0 0 2rem;width:100%}.level-section{background:#2c3e50;border:1.5px solid #2c3e50;border-radius:15px;margin:0 auto 2.2rem;max-width:1200px;overflow:hidden;width:100%}.level-section:first-child{margin-top:0!important}.level-toggle{align-items:center;background:#2c3e50;border:none;color:#fff;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem;text-align:left;transition:background-color .3s ease;width:100%}.level-toggle:hover{background:#e9ecef;color:#1a252f}.topics-container{background:#fff;padding:1rem}.topic-section{background:#e3e8ee;border:1.5px solid #e3e8ee;border-radius:15px;margin:1.5rem 1rem .5rem;overflow:hidden;padding-bottom:0}.topics-container .topic-section:first-child{margin-top:.2rem}.topic-toggle{background:none;border:none;color:#2c3e50;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:500;min-height:38px;padding:.6rem 1rem;text-align:left;transition:background .2s}.topic-toggle,.topic-toggle .element-link{align-items:center;display:flex;width:100%}.topic-toggle .element-link{gap:8px}.topic-toggle .icon-container{align-items:center;display:flex;gap:8px;margin-left:auto}.topic-toggle .strand-pill{margin-left:auto;margin-right:12px}.topic-toggle .vc2-icons-container{align-items:center;display:flex;margin-left:12px;min-height:38px;padding-right:8px;width:76px}.topic-toggle .vc2-icons{align-items:center;display:flex;gap:8px;margin-left:auto}.topic-toggle.expanded,.topic-toggle:hover{background:#e3e8ee}.topic-toggle>:not(:first-child){margin-left:8px}.element-link{align-items:center;display:flex;gap:8px;min-height:38px;padding:0 1rem;width:100%}.element-text{flex:1 1;min-width:0}.icon-container{margin-left:auto}.post-icon,.pre-icon,.research-icon{margin:0}.elements-container{background:#fff;padding:.5rem 1rem}.element{margin-bottom:.2rem}.element:last-child{margin-bottom:0}.element-link .element-text>a{border-radius:8px;color:#2c3e50!important;padding:.3rem .6rem;text-decoration:none!important}.element-link .element-text>a:hover,.element-link:hover .element-text>a{background:#e3e8ee!important;color:#2c3e50!important;text-decoration:none!important}.topic-link{align-items:center;background:none;border-radius:8px;color:#2c3e50!important;display:flex;font-size:.9rem;height:38px;left:0;padding:0 1.25rem;position:absolute;right:0;text-align:left;text-decoration:none!important;transition:background .2s;width:100%;z-index:0}.element-link:hover .topic-link,.topic-link:hover{background:#e3e8ee!important;color:#2c3e50!important;text-decoration:none!important}.element-text>.topic-link,.element-text>.topic-link span{position:relative;z-index:2}.planner-links{align-items:center;display:flex;gap:8px}.post-icon,.pre-icon,.research-icon,.retrieval-link,.vc2-icon{align-items:center;display:inline-flex;height:38px;justify-content:center;margin:0;min-width:38px;width:38px}.post-icon svg,.pre-icon svg,.research-icon svg,.retrieval-link svg,.vc2-icon svg{height:24px;width:24px}.planner-icon.vc2-icon{height:28px;margin:0;width:28px}.planner-icon.vc2-icon svg{height:18px;width:18px}.planner-view{background:#fff;border-radius:20px;box-shadow:none;padding:1rem 2rem 2rem;padding-left:0!important;padding-right:0!important;text-align:center}.planner-view,.planner-view .data-structure{margin-top:0!important;padding-top:0!important}.planner-view h2{color:#2c3e50;font-weight:600;margin-bottom:1rem}.planner-view h2,.planner-view p{font-family:Montserrat,sans-serif}.planner-view p{color:#6c757d;font-weight:400}.planner-view .post-icon,.planner-view .pre-icon,.planner-view .research-icon{align-items:center;display:inline-flex;height:38px;justify-content:center;min-width:38px;width:38px}.planner-view .post-icon svg,.planner-view .pre-icon svg,.planner-view .research-icon svg{height:24px;width:24px}.planner-view .icon-container{align-items:center;display:flex;gap:8px}.planner-view .icon-placeholder{align-items:center;display:inline-flex;height:38px;justify-content:center;min-width:38px;width:38px}.planner-view .strand-pill{margin-left:auto;margin-right:12px}.footer{background-color:#fff;border-top:1px solid #e0e0e0;color:#666;font-size:.9rem;padding:20px 40px;text-align:center}.footer-description{color:#666;font-size:.85rem;line-height:1.7;margin:15px auto 0;max-width:900px;padding:0 20px}@media print{.footer,.header,.nav,.planner-controls{display:none}.main-content{max-width:none;padding:0}.planner-item{border:1px solid #000;break-inside:avoid;margin-bottom:20px;page-break-inside:avoid}.remove-btn{display:none}}@media (max-width:768px){.header{padding:1rem}.header h1{font-size:1.5rem}.main-content{padding:1rem}.data-structure{border-radius:15px;padding:1rem}.filter-controls{gap:.5rem}.filter-controls button{font-size:.9rem;padding:.6rem 1rem}.element-item,.nav{flex-direction:column;gap:.5rem}.element-item{align-items:flex-start}}.filter-btn svg{margin-left:8px;vertical-align:middle}.post-icon,.pre-icon,.research-icon{margin-left:8px}.filter-btn svg,.research-icon svg,.retrieval-link svg{background:none;color:#2c3e50;transition:color .2s ease}.filter-btn.active svg,.filter-btn:hover svg,.research-icon:hover svg,.retrieval-link:hover svg{color:#3498db}.research-icon,.retrieval-link{align-items:center;background:none;display:inline-flex;margin-left:auto;padding-left:8px}.research-icon a,.retrieval-link a{background:none}.element-section{background:#adb5bd;border-radius:15px;margin:.5rem 1rem;overflow:hidden}.filter-container{align-items:center;display:flex;gap:1rem;margin-bottom:1rem;margin-left:0;padding-left:0}.filter-button{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.2rem;padding:.1rem 1rem .1rem .4rem;position:relative;transition:all .2s ease}.filter-button:hover{background:#f8f9fa;border-color:#ced4da}.filter-button.active{background:#6c757d;border-color:#6c757d;color:#fff}.filter-button:after{content:"▼";font-size:.7rem;margin-left:.25rem}.filter-options{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:none;left:0;margin-top:.5rem;position:absolute;right:0;top:100%;z-index:1000}.filter-options.show{display:block}.filter-option{color:#2c3e50;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;padding:.75rem 1.5rem;transition:background-color .3s ease}.filter-option:hover{background:#f8f9fa}.filter-option.active{background:#e9ecef;color:#2c3e50}.element-container{align-items:center;background:#f5f7fa;border-radius:10px;box-shadow:none;display:flex;margin:.4rem 0 .4rem 1.5rem;padding:.4rem .8rem;transition:background .2s}.main-filter-controls{display:flex;gap:1rem;margin-bottom:1.5rem;margin-left:0;padding-left:0}.expand-collapse-btn{align-items:center;background:#0000;border:1.5px solid #2c3e50;border-radius:8px;box-shadow:none;color:#2c3e50;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;padding:.35rem .7rem;transition:all .3s ease}.expand-collapse-btn:hover{background:#e9ecef;box-shadow:none;color:#1a252f;transform:none}.expand-collapse-btn svg{transition:transform .3s ease}.expand-collapse-btn:hover svg{transform:translateY(1px)}.elements-container{background:#f5f7fa;margin-bottom:0;padding-bottom:.2rem}.elements-container .element:last-child{margin-bottom:.2rem}.vc2-icon{align-items:center;background:none;color:#2c3e50;display:inline-flex;height:28px;justify-content:center;margin-left:8px;text-decoration:none;transition:color .2s;width:28px}.vc2-icon:last-child{margin-right:0}.vc2-icon svg{height:18px;width:18px}.vc2-icon:hover svg{stroke:#3498db}.vc2-icon:hover svg text{fill:#3498db}.strand-pill{align-items:center;border-radius:20px;color:#2c3e50;display:inline-flex;font-size:.7rem;font-weight:600;height:28px;justify-content:center;max-width:160px;min-width:120px;overflow:hidden;padding:.3rem 1.2rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.strand-pill[style*="background: #a7e9c7"],.strand-pill[style*="background: #d2f5e3"],.strand-pill[style*="background: #eaf7f2"]{background:#a8e6ca!important}.element-link a{padding:.3rem .6rem}.element-link a,.element-link a:hover{border-radius:8px;color:#2c3e50!important;text-decoration:none!important}.element-link a:hover{background:#e3e8ee!important}#root,.app,.main-content,body{box-shadow:none!important;filter:none!important}.pre-icon{align-items:center;display:inline-flex;margin-left:auto;padding-left:8px;transition:color .2s ease}.pre-icon,.pre-icon svg{background:none;color:#f39c12}.pre-icon svg{stroke:#ff9800;transition:stroke .2s}.pre-icon:hover svg{stroke:#ffb84d}.post-icon svg{stroke:#219150;transition:stroke .2s}.post-icon:hover svg{stroke:#43c97f}.planner-icon.vc2-icon{align-items:center;display:inline-flex;height:38px;justify-content:center;margin-left:8px;width:38px}.planner-icon.vc2-icon:last-child{margin-right:0}.planner-icon.vc2-icon svg{height:28px;width:28px}.planner-icon.vc2-icon:hover svg{stroke:#3498db}.planner-icon.vc2-icon:hover svg text{fill:#3498db}.icon-container{align-items:center;display:flex;gap:8px}.post-icon,.pre-icon,.research-icon{align-items:center;display:inline-flex;height:38px;justify-content:center;min-width:38px;width:38px}.post-icon svg,.pre-icon svg,.research-icon svg{height:24px;width:24px}.icon-placeholder{align-items:center;display:inline-flex;height:38px;justify-content:center;min-width:38px;width:38px}.strand-pill{margin-left:auto;margin-right:12px}.vc2-icons-container{align-items:center;display:flex;margin-left:12px;min-height:38px;padding-right:8px;width:76px}.vc2-icons{align-items:center;display:flex;gap:8px;margin-left:auto}
/*# sourceMappingURL=main.7aa5946b.css.map*/