*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background-color:#fff;color:#333;line-height:1.6;font-size:16px;padding:20px;display:flex;flex-direction:column;min-height:100vh}.container{max-width:850px;margin:0 auto;padding:40px 20px;flex:1;display:flex;flex-direction:column}h1{font-size:2.5rem;font-weight:600;line-height:1.2;margin-bottom:8px}.username{display:block;font-size:.5em;color:#888;font-weight:400;margin-top:0;margin-bottom:15px}h2{font-size:1.5rem;margin-bottom:20px;font-weight:600}h3{font-size:1.2rem;margin-bottom:5px;font-weight:600}p{margin-bottom:15px}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}hr{border:0;border-top:1px solid #eeeeee;margin:40px 0}header{text-align:center;margin-bottom:40px}.profile-pic{width:250px;height:250px;border-radius:50%;object-fit:cover;margin-bottom:20px!important}.bio{font-size:1.2rem;color:#555;margin-bottom:20px}.social-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 20px;margin-bottom:0}.social-icons .icon{color:#555;font-size:1.5rem}.social-icons .icon:hover{color:#333}.nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;font-size:.95rem}.nav-links a{color:#555;text-decoration:underline;text-decoration-color:#ccc;text-underline-offset:4px}.nav-links a:hover{color:#000;text-decoration-color:#000}.badge{font-size:.7em;background-color:#f0f0f0;color:#555;padding:2px 6px;border-radius:4px;margin-left:5px;vertical-align:middle;font-weight:400}.message-box{max-width:600px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:5px;font-weight:600;font-size:.95rem}.input-group input,.input-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:1rem;background-color:#fafafa}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:#333;background-color:#fff}.send-btn{background-color:#333;color:#fff;border:none;padding:10px 20px;font-size:1rem;border-radius:4px;cursor:pointer;font-family:inherit;transition:background-color .2s}.send-btn:hover{background-color:#000}.social-list li{margin-bottom:12px}.social-list i{width:24px;text-align:center;margin-right:8px;color:#555}.back-link{color:#555;text-decoration:none;font-size:.95rem}.back-link:hover{color:#000;text-decoration:underline}.timeline-item{display:flex;position:relative;margin-bottom:30px}.timeline-item:before{content:"";position:absolute;left:75px;top:0;bottom:-30px;width:1px;background-color:#e0e0e0;z-index:0}.timeline-item:last-child:before{bottom:0}.timeline-year{width:65px;text-align:right;font-size:.75rem;color:#999;padding-top:15px;margin-right:10px;z-index:1}.timeline-dot{width:9px;height:9px;background-color:#ccc;border-radius:50%;position:absolute;left:71px;top:18px;z-index:1}.timeline-logo{margin-left:15px;margin-right:15px;z-index:1;padding-top:5px;display:flex;flex-direction:column;align-items:center;gap:12px}.timeline-logo img{width:50px;height:50px;border-radius:8px;object-fit:cover;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.timeline-content{flex:1;padding-top:5px}.timeline-content p{margin-bottom:10px;font-size:.95rem}.video-scroller{display:flex;overflow-x:auto;gap:15px;padding-bottom:15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.video-scroller::-webkit-scrollbar{height:6px}.video-scroller::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.video-scroller::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.video-scroller::-webkit-scrollbar-thumb:hover{background:#aaa}.video-card{flex:0 0 auto;width:220px;scroll-snap-align:start;text-decoration:none;color:inherit}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;transition:transform .2s ease;border:1px solid #eee}.video-card:hover img{transform:scale(1.03);border-color:#ccc}.video-card p{margin-top:8px;font-size:.85rem;font-weight:500;line-height:1.3;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card:hover p{text-decoration:underline}.project-item{display:flex;margin-bottom:25px;align-items:flex-start}.project-img{width:120px;height:80px;object-fit:cover;border-radius:4px;border:1px solid #eee}.project-text{flex:1;padding-left:20px}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px}.grid-item img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;margin-bottom:10px;border:1px solid #eee}.grid-item p{margin-bottom:5px;font-weight:500;line-height:1.4}.grid-item .meta{font-size:.85rem;color:#777}.pub-list{list-style-type:none}.pub-list li{margin-bottom:20px;line-height:1.5}footer{text-align:center;margin-top:auto;padding-top:60px;color:#888;font-size:.9rem}@media(max-width:600px){.project-item{flex-direction:column}.project-img{margin-bottom:15px;width:100%;height:auto;aspect-ratio:16/9}.project-text{padding-left:0}}body{transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:#121212;color:#e0e0e0}body.dark-mode a{color:#66b3ff}body.dark-mode hr{border-top-color:#333}body.dark-mode .bio,body.dark-mode .social-icons .icon,body.dark-mode .nav-links a,body.dark-mode .back-link,body.dark-mode .timeline-year,body.dark-mode .roadmap-node p,body.dark-mode .roadmap-date{color:#aaa}body.dark-mode .timeline-item:before{background-color:#333}body.dark-mode .timeline-dot{background-color:#555}body.dark-mode .nav-links a:hover,body.dark-mode .social-icons .icon:hover,body.dark-mode .back-link:hover{color:#fff;text-decoration-color:#fff}body.dark-mode .badge,body.dark-mode .roadmap-tag{background-color:#333;color:#ccc;border-color:#444}body.dark-mode .input-group input,body.dark-mode .input-group textarea,body.dark-mode .admin-form input,body.dark-mode .admin-form select,body.dark-mode .admin-form textarea{background-color:#1e1e1e;border-color:#444;color:#e0e0e0}body.dark-mode .input-group input:focus,body.dark-mode .input-group textarea:focus{border-color:#888;background-color:#2a2a2a}body.dark-mode .send-btn,body.dark-mode .link-btn{background-color:#e0e0e0;color:#121212}body.dark-mode .send-btn:hover,body.dark-mode .link-btn:hover{background-color:#fff}body.dark-mode .video-card img,body.dark-mode .project-img,body.dark-mode .grid-item img{border-color:#333}body.dark-mode .video-card p,body.dark-mode .grid-item p{color:#e0e0e0}body.dark-mode .item-card{background-color:#1e1e1e;border-color:#333}body.dark-mode .item-card .tag{background:#333;color:#ccc}body.dark-mode .item-card .markdown-body{color:#e0e0e0}body.dark-mode .item-card .markdown-body pre,body.dark-mode .item-card .markdown-body code{background:#2a2a2a}body.dark-mode .roadmap-container:before{background:#333}body.dark-mode .roadmap-node:before{background:#121212;border-color:#e0e0e0}body.dark-mode .roadmap-node.active:before{background:#e0e0e0;box-shadow:0 0 0 4px #e0e0e033}body.dark-mode .roadmap-node.future:before{border-color:#555}body.dark-mode .roadmap-node.future h3,body.dark-mode .roadmap-node.future p{color:#666}body.dark-mode .preview-box{background:#1e1e1e;border-color:#444}body.dark-mode .item-list li{border-bottom-color:#333}.dark-mode-btn{position:fixed;top:20px;right:20px;background:none;border:none;font-size:1.5rem;color:#555;cursor:pointer;z-index:1000;transition:color .3s ease}.dark-mode-btn:hover{color:#000}body.dark-mode .dark-mode-btn{color:#aaa}body.dark-mode .dark-mode-btn:hover{color:#fff}@media screen and (max-width:768px){html,body{overflow-x:hidden!important;margin:0!important;padding:0!important;width:100%!important}*{box-sizing:border-box!important;max-width:100%!important}body,p,a,div,h1,h2,h3,span{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important}img,video,iframe{max-width:100%!important;height:auto!important}.table-wrapper,pre,table{max-width:100%!important;overflow-x:auto!important;display:block!important}}