.notion-content{font-family:var(--font-body);color:var(--text-main);line-height:1.8;font-size:1rem}.notion-content h1,.notion-content h2,.notion-content h3{font-family:var(--font-heading);margin-top:2rem;margin-bottom:1rem;color:var(--text-main)}.notion-content h1{font-size:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.notion-content h2{font-size:1.5rem;color:var(--accent-color)}.notion-content h3{font-size:1.2rem}.notion-content p{margin-bottom:1.5rem;color:var(--text-muted)}.notion-content ul,.notion-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.notion-content li{margin-bottom:.5rem;color:var(--text-muted)}.notion-content li::marker{color:var(--accent-color)}.notion-content img{max-width:100%;border-radius:8px;margin:1.5rem 0;border:1px solid rgba(255,255,255,.1)}.notion-content pre{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.notion-content code{font-family:var(--font-mono);font-size:.9em;color:var(--accent-secondary)}.notion-content blockquote{border-left:4px solid var(--accent-color);margin-left:0;padding-left:1.5rem;font-style:italic;color:var(--text-muted);background:#00ff9d0d;padding:1rem;border-radius:0 8px 8px 0}.notion-content a{color:var(--accent-color);text-decoration:underline;text-underline-offset:4px}.notion-content a:hover{color:var(--accent-secondary)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:20px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}#project-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:11000;display:none;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#project-modal .project-modal-content{background:var(--card-bg);border:1px solid var(--nav-border);width:90%;max-width:900px;max-height:90vh;border-radius:12px;padding:0;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #00000080}#project-modal .project-modal-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid var(--nav-border)}#project-modal-title{font-size:2rem;margin-bottom:.5rem;color:var(--text-main)}.project-modal-meta{color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.8rem}.project-modal-close{position:absolute;top:1rem;right:1rem;background:#0003;border:1px solid var(--nav-border);color:var(--text-main);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:10}.project-modal-close:hover{background:var(--accent-color);color:#000;transform:rotate(90deg)}.project-modal-scroll{overflow-y:auto;flex:1;padding:2rem;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.project-modal-scroll::-webkit-scrollbar{width:6px}.project-modal-scroll::-webkit-scrollbar-track{background:transparent}.project-modal-scroll::-webkit-scrollbar-thumb{background-color:var(--nav-border);border-radius:20px}.project-modal-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}.project-modal-image-container{width:100%;margin-bottom:2rem;border-radius:8px;overflow:hidden;background:#000;display:flex;justify-content:center}.project-modal-image-container img{max-width:100%;max-height:500px;object-fit:contain}.project-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.project-col-left h4{color:var(--text-main);font-size:1.2rem;margin-bottom:1rem}.project-col-left p{color:var(--text-muted);line-height:1.6;font-size:.95rem}.project-info-list{display:flex;flex-direction:column;gap:1.2rem}.info-item{display:flex;align-items:flex-start;gap:1rem}.info-item i{color:var(--accent-color);font-size:1.1rem;margin-top:.2rem}.info-val{color:var(--text-main);font-weight:500}.project-col-right h4{color:var(--text-main);font-size:1.1rem;margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.6rem}.tech-tag{background:#ffffff0d;border:1px solid var(--nav-border);padding:.4rem .8rem;border-radius:6px;font-size:.85rem;color:var(--text-main)}.task-list{list-style:none;padding:0;margin:0}.task-list li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;color:var(--text-muted);font-size:.9rem;line-height:1.5}.task-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-weight:700}.project-modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--nav-border);display:flex;justify-content:center}.btn-github-modal{background:#e0e0e0;color:#000;padding:1rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:transform .2s,opacity .2s;width:100%;justify-content:center;border:2px solid transparent}.btn-github-modal:hover{background:var(--accent-color);color:#000;transform:translateY(-2px);opacity:1}body.light-mode .project-modal-content{box-shadow:0 25px 50px #00000026}body.light-mode .btn-github-modal{background:#1a1a1a;color:#fff}@media(max-width:768px){.project-modal-body{grid-template-columns:1fr;gap:2rem}#project-modal-title{font-size:1.6rem}.project-modal-image-container img{max-height:250px}}