:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--bg-light: #f8fafc;--bg-dark: #020617;--text-light: #334155;--text-dark: #cbd5e1;--card-light: rgba(255, 255, 255, .82);--card-dark: rgba(15, 23, 42, .9);--border-light: rgba(226, 232, 240, .8);--border-dark: rgba(51, 65, 85, .5);--green-tick: #22c55e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-light);color:var(--text-light);transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s;min-height:100vh;line-height:1.6}body.dark{background-color:var(--bg-dark);color:#fff}.glass{background-color:var(--card-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);box-shadow:0 10px 25px -5px #0000000d}.dark .glass{background-color:var(--card-dark);border-color:var(--border-dark);box-shadow:0 20px 50px -10px #0006}nav.fixed-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.25rem;display:flex;justify-content:center;pointer-events:none}.nav-container{pointer-events:auto;padding:.6rem 1.75rem;border-radius:1.5rem;display:flex;align-items:center;justify-content:space-between;width:95vw;max-width:1400px;margin:0 auto;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.nav-logo{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:1.5rem;filter:drop-shadow(0 0 10px rgba(99,102,241,.4))}.logo-text{font-family:Outfit,sans-serif;font-weight:800;font-size:1.3rem;background:linear-gradient(135deg,var(--primary-color),#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.nav-controls{display:flex;align-items:center;gap:1.5rem}.nav-actions{display:flex;align-items:center;gap:.75rem}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger .bar{width:2rem;height:.2rem;background:var(--primary-color);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger.active .bar:nth-child(1){transform:rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg)}@media (max-width: 1024px){.hamburger{display:flex}.nav-controls{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:2rem;background:var(--card-light);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:1.5rem;margin-top:.75rem;box-shadow:0 20px 50px #0000001a;border:1px solid var(--border-light)}.dark .nav-controls{background:var(--card-dark);border-color:var(--border-dark)}.nav-controls.show{display:flex;animation:slideInDown .4s cubic-bezier(.16,1,.3,1)}.nav-actions{width:100%;flex-direction:column}.btn-mode{width:100%;justify-content:center}.search-wrapper,.search-input{width:100%!important}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-wrapper{position:relative;display:flex;align-items:center}.search-input{background:#ffffffb3;border:1px solid #e2e8f0;padding:.6rem 1rem .6rem 2.2rem;border-radius:1rem;font-size:.85rem;width:180px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;outline:none}.dark .search-input{background:#0f172acc;border-color:#334155;color:#fff}.search-input:focus{width:250px;background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f11a}.search-icon{position:absolute;left:.8rem;font-size:.9rem;pointer-events:none;opacity:.5}.btn-mode{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:1rem;border:1px solid #e2e8f0;background-color:#ffffffe6;color:#334155;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s;cursor:pointer;font-size:.85rem}.dark .btn-mode{border-color:#334155;background-color:#1e293b;color:#fff}.btn-mode:hover{transform:translateY(-1px);border-color:var(--primary-color);color:var(--primary-color)}.active-mode{background-color:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.nav-divider{height:1.5rem;width:1px;background-color:#e2e8f0;margin:0 .25rem}.dark .nav-divider{background-color:#334155}#sourceIndicator{position:fixed;bottom:1rem;right:1rem;padding:.5rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:700;z-index:1000;display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000001a}.dark #sourceIndicator{background:#1e293b;border-color:#334155;color:#fff}.indicator-pulse{width:8px;height:8px;border-radius:50%}.status-linked{background:#22c55e;box-shadow:0 0 10px #22c55e}.status-fallback{background:#f59e0b;box-shadow:0 0 10px #f59e0b}main{width:95vw;max-width:1400px;margin:0 auto;padding:7rem 1.5rem 6rem}.markdown-content{padding:2.5rem;border-radius:3rem}@media (min-width: 640px){.markdown-content{padding:4.5rem}}.markdown-content h1{font-family:Outfit,sans-serif;font-size:2.75rem;font-weight:800;margin:4rem 0 2rem;color:#0f172a;padding:2rem;background:linear-gradient(135deg,#6366f11a,#6366f105);border-radius:2rem;border-left:8px solid var(--primary-color);line-height:1.2}.markdown-content h2{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;margin:3.5rem 0 1.5rem;color:#1e293b;padding:1.5rem 2rem;background:#6366f10d;border-radius:1.5rem;border-left:5px solid var(--primary-color);line-height:1.3}.markdown-content h3{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;margin:2.5rem 0 1.25rem;color:#334155;padding:1rem 1.5rem;background:#e2e8f04d;border-radius:1rem}.dark .markdown-content h1{background:linear-gradient(135deg,#6366f133,#02061780);color:#fff}.dark .markdown-content h2{background:#6366f11a;color:#fff}.dark .markdown-content h3{background:#1e293b80;color:#fff}.markdown-content p{font-size:1.05rem;color:#475569;margin-bottom:1.5rem;line-height:1.8;display:block}.dark .markdown-content h1,.dark .markdown-content h2,.dark .markdown-content h3,.dark .markdown-content h4,.dark .markdown-content p,.dark .markdown-content li,html.dark .markdown-content a,html.dark .markdown-content a *,html.dark .markdown-content a:link,html.dark .markdown-content a:visited,html.dark .markdown-content a:hover,html.dark .markdown-content a:active{color:#fff!important}.markdown-content a{color:var(--primary-color);text-decoration:underline;text-underline-offset:4px;transition:color .2s}.dark .markdown-content a:hover{color:#e2e8f0!important}.markdown-content ul{list-style:none;padding-left:0}.doc-list-item{position:relative;padding-left:2.8rem;margin-bottom:1.2rem;display:block;min-height:1.75rem;transition:transform .2s}.doc-list-item:hover{transform:translate(5px)}.doc-list-item:before{content:"";position:absolute;left:0;top:.15rem;width:1.6rem;height:1.6rem;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:8px;box-shadow:0 4px 10px #22c55e40}.doc-list-item:after{content:"✓";position:absolute;left:.38rem;top:.1rem;color:#fff;font-weight:900;font-size:1rem;line-height:1.6rem}.markdown-content ul ul{padding-left:1.2rem;margin-top:1rem;border-left:2px dashed rgba(99,102,241,.1)}.markdown-content ul ul .doc-list-item{padding-left:2.2rem;margin-bottom:.8rem}.markdown-content ul ul .doc-list-item:before{width:1.25rem;height:1.25rem;top:.25rem}.markdown-content ul ul .doc-list-item:after{left:.3rem;top:.22rem;font-size:.8rem;line-height:1.25rem}.add-note-btn{display:inline!important;opacity:0;transition:opacity .2s;background-color:#6366f11a;color:var(--primary-color);font-size:.7rem;padding:.15rem .4rem;border-radius:.4rem;cursor:pointer;border:1px solid rgba(99,102,241,.2);margin-left:.4rem;vertical-align:baseline;white-space:nowrap;font-family:Outfit,sans-serif;font-weight:700}.group:hover .add-note-btn{opacity:1;transform:scale(1)}[data-view-mode=none] .add-note-btn,[data-view-mode=individual] .add-note-btn{opacity:1!important;visibility:visible!important}.image-interactive-toggle{display:inline-block;vertical-align:baseline}.add-note-btn.heading-btn{font-size:.85rem;padding:.35rem .9rem}.add-note-btn:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.05)}.text-content{display:inline}.image-container{position:relative;margin:3rem 0;border-radius:2rem;overflow:hidden;border:1px solid rgba(226,232,240,.5);box-shadow:0 20px 40px -15px #0000001a;cursor:zoom-in}.image-container img{width:100%;display:block;transition:transform .5s ease}.image-container:hover img{transform:scale(1.02)}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;align-items:flex-end;padding:2rem;opacity:0;transition:opacity .4s}.image-container:hover .image-overlay{opacity:1}.image-overlay span{color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-family:Outfit,sans-serif}#imageModal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#000000e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:none;align-items:center;justify-content:center;cursor:zoom-out}#imageModal.modal-visible{display:flex;animation:fadeIn .3s}.image-modal-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}#fullImageView{max-width:100%;max-height:90vh;border-radius:1rem;box-shadow:0 0 50px #00000080;object-fit:contain}.modal-close-btn{position:absolute;top:-2.5rem;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem;line-height:1}.show-img-btn{padding:.6rem 1.25rem;border-radius:1rem;background:#6366f11a;color:var(--primary-color);border:1px solid rgba(99,102,241,.3);font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:2rem}.show-img-btn:hover{background:var(--primary-color);color:#fff}.section-image-hidden{display:none}.section-image-visible{display:block;animation:slideDown .5s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.note-card{margin:1.5rem 0 2rem 1.5rem;padding:1.5rem;background:#6366f10a;border-left:5px solid var(--primary-color);border-radius:0 1.25rem 1.25rem 0;animation:noteEnter .4s cubic-bezier(.16,1,.3,1)}.dark .note-card{background:#6366f11f}@keyframes noteEnter{0%{opacity:0;transform:scale(.95) translate(-10px)}to{opacity:1;transform:scale(1) translate(0)}}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.note-label{font-size:.7rem;font-weight:800;color:var(--primary-color);letter-spacing:.15em;font-family:Outfit,sans-serif}.note-actions{display:flex;gap:.75rem}.note-action-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:#94a3b8;transition:all .2s;padding:.25rem;border-radius:.5rem}.note-action-btn:hover{color:var(--primary-color);background:#fffc}.note-action-btn.delete:hover{color:#ef4444}.note-text{font-size:.95rem;font-style:italic;color:inherit;line-height:1.6}#noteModal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#020617bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:1.5rem}.modal-visible{display:flex!important;animation:fadeIn .3s}.modal-content{background:#fff;padding:2.5rem;border-radius:2rem;width:100%;max-width:35rem;box-shadow:0 30px 60px -15px #00000080}.dark .modal-content{background:#0f172a;border:1px solid #1e293b}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.modal-icon{font-size:2rem;padding:.75rem;background:#6366f11a;border-radius:1.25rem}.modal-title{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800}textarea#noteInput{width:100%;padding:1.25rem;border-radius:1.25rem;border:2px solid #e2e8f0;background:#f8fafc;font-family:inherit;font-size:1rem;resize:none;margin-bottom:2rem;outline:none;transition:all .2s}.dark textarea#noteInput{background:#1e293b;border-color:#334155;color:#fff}textarea#noteInput:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f126}.modal-footer{display:flex;justify-content:flex-end;gap:1rem}.btn-cancel{padding:.8rem 1.5rem;border-radius:1rem;background:none;border:none;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.btn-save{padding:.8rem 2.5rem;border-radius:1rem;background:var(--primary-color);color:#fff;border:none;font-weight:700;cursor:pointer;box-shadow:0 10px 15px -3px #6366f166;transition:all .2s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 15px 20px -3px #6366f180}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;gap:1.5rem;color:var(--primary-color);font-weight:700}.spinner{width:3.5rem;height:3.5rem;border:5px solid rgba(99,102,241,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.note-textarea{width:100%;min-height:15rem;padding:1.5rem;border-radius:1.5rem;border:2px solid #e2e8f0;background:#f8fafc;margin:1.5rem 0;font-family:inherit;font-size:1rem}.dark .note-textarea{background:#1e293b;border-color:#334155;color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.btn-primary{background:var(--primary-color);color:#fff;padding:.75rem 2rem;border-radius:1rem;border:none;font-weight:700;cursor:pointer;box-shadow:0 10px 15px #6366f14d}.btn-secondary{background:transparent;color:#64748b;padding:.75rem 1.5rem;border-radius:1rem;border:none;font-weight:600;cursor:pointer}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out;animation:fadeIn .3s}.lightbox-content{position:relative;max-width:95vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-content img{max-width:100%;max-height:90vh;border-radius:.75rem;box-shadow:0 0 50px #00000080;object-fit:contain}.lightbox-close{position:absolute;top:-3rem;right:0;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;padding:.5rem;line-height:1;transition:transform .2s}.lightbox-close:hover{transform:scale(1.1)}