@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#fafafa;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#888;--border:#e5e5e5;--accent:#2563eb;--accent-hover:#1d4ed8;--tag-bg:#f0f0f0;--tag-text:#555;--code-bg:#1e1e1e;--code-text:#d4d4d4;--max-width:720px;--max-width-wide:1080px}[data-theme=dark]{--bg:#0f0f0f;--bg-card:#181818;--text-primary:#e5e5e5;--text-secondary:#a0a0a0;--text-muted:#707070;--border:#2a2a2a;--accent:#60a5fa;--accent-hover:#93c5fd;--tag-bg:#252525;--tag-text:#a0a0a0;--code-bg:#141414;--code-text:#d4d4d4}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.7;transition:background-color .3s,color .3s}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.container--wide{max-width:var(--max-width-wide)}.header{border-bottom:1px solid var(--border);background:var(--bg-card);z-index:100;position:sticky;top:0}.header__inner{max-width:var(--max-width-wide);justify-content:space-between;align-items:center;margin:0 auto;padding:16px 24px;display:flex}.header__logo{color:var(--text-primary);letter-spacing:-.3px;font-size:18px;font-weight:700}.header__logo:hover{color:var(--text-primary)}.header__right{align-items:center;gap:20px;display:flex}.header__nav{gap:28px;list-style:none;display:flex}.header__nav a{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s}.header__nav a:hover,.header__nav a.active{color:var(--text-primary)}.theme-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.theme-toggle__track{background:var(--border);border-radius:13px;width:48px;height:26px;transition:background .3s;position:relative}[data-theme=dark] .theme-toggle__track{background:#3b82f6}.theme-toggle__thumb{background:var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .3s,background .3s;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}[data-theme=dark] .theme-toggle__thumb{transform:translate(22px)}.theme-toggle__thumb svg{color:#f59e0b;width:14px;height:14px}[data-theme=dark] .theme-toggle__thumb svg{color:#fbbf24}.hero{padding:60px 0 48px}.hero__greeting{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500}.hero__name{letter-spacing:-.5px;margin-bottom:12px;font-size:28px;font-weight:700}.hero__bio{color:var(--text-secondary);max-width:560px;margin-bottom:20px;font-size:15px;line-height:1.7}.hero__links{flex-wrap:wrap;gap:16px;display:flex}.hero__link{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.hero__link:hover{color:var(--accent)}.hero__link svg{width:16px;height:16px}.section{padding:40px 0}.section__title{letter-spacing:-.3px;margin-bottom:24px;font-size:18px;font-weight:600}.section__divider{border:none;border-top:1px solid var(--border);margin:0 0 40px}.post-list{flex-direction:column;gap:0;display:flex}.post-card{border-bottom:1px solid var(--border);padding:20px 0;transition:background .15s}.post-card:first-child{padding-top:0}.post-card__link{color:inherit;display:block}.post-card__link:hover{color:inherit}.post-card__link:hover .post-card__title{color:var(--accent)}.post-card__date{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:500}.post-card__title{letter-spacing:-.2px;margin-bottom:8px;font-size:17px;font-weight:600;line-height:1.4;transition:color .2s}.post-card__excerpt{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.post-card__tags{flex-wrap:wrap;gap:6px;display:flex}.post-card__read-more{color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:500;transition:opacity .2s;display:inline-flex}.post-card__read-more svg{width:14px;height:14px}.post-card:hover .post-card__read-more{text-underline-offset:4px;text-decoration:underline}.post-card__tag{background:var(--tag-bg);color:var(--tag-text);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.video-card{color:inherit;border:1px solid var(--border);background:var(--bg-card);border-radius:8px;text-decoration:none;transition:border-color .2s,background .3s;overflow:hidden}.video-card:hover{border-color:var(--text-muted);color:inherit}.video-card__thumbnail{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.video-card__thumbnail img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.video-card:hover .video-card__thumbnail img{opacity:.85}.video-card__play{background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card:hover .video-card__play{background:#dc2626e6;transform:translate(-50%,-50%)scale(1.1)}.video-card__play svg{color:#fff;width:20px;height:20px;margin-left:2px}.video-card__info{padding:14px 16px}.video-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-card__date{color:var(--text-muted);font-size:12px;font-weight:500}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;padding:20px;transition:border-color .2s,background .3s}.project-card:hover{border-color:var(--text-muted)}.project-card__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.project-card__name{color:var(--accent);font-size:15px;font-weight:600}.project-card__stars{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.project-card__desc{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:1.5}.project-card__meta{align-items:center;gap:12px;display:flex}.project-card__lang{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.project-card__lang-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.footer{border-top:1px solid var(--border);margin-top:60px;padding:32px 0}.footer__inner{max-width:var(--max-width-wide);color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;font-size:13px;display:flex}.footer__links{gap:16px;display:flex}.footer__links a{color:var(--text-muted);font-size:13px}.footer__links a:hover{color:var(--text-primary)}.article-layout{gap:0;max-width:1200px;min-height:calc(100vh - 120px);margin:0 auto;padding:0 24px;display:flex}.article{flex:1;min-width:0;padding:48px 0 80px}.article__inner{max-width:720px}.article__back{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:32px;font-size:13px;font-weight:500;display:inline-flex}.article__back:hover{color:var(--accent)}.article__date{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:500}.article__title{letter-spacing:-.5px;margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.3}.article__tags{flex-wrap:wrap;gap:6px;margin-bottom:32px;display:flex}.article__content{color:var(--text-primary);font-size:16px;line-height:1.8}.article__content h2,.article__content h3,.article__content h4{letter-spacing:-.3px;margin-top:32px;margin-bottom:12px;font-weight:600}.article__content h2{font-size:22px}.article__content h3{font-size:18px}.article__content p{margin-bottom:16px}.article__content pre{color:#c9d1d9;white-space:pre;background:#0d1117;border:1px solid #30363d;border-radius:8px;margin:24px 0;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13.5px;line-height:1.6;overflow-x:auto}.article__content pre code{color:inherit;border:none;padding:0;background:0 0!important}.article__content code{background:var(--tag-bg);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.article__content pre code{color:inherit;background:0 0;padding:0}.article__content blockquote{border-left:3px solid var(--border);color:var(--text-secondary);margin:20px 0;padding-left:16px;font-style:italic}.article__content img{border-radius:6px;margin:20px 0}.article__content ul,.article__content ol{margin:12px 0;padding-left:24px}.article__content li{margin-bottom:6px}.article__actions-sidebar{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;margin-bottom:32px;padding-bottom:24px;display:flex}.article__like-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.article__like-btn:hover{border-color:var(--text-muted);background:var(--tag-bg)}.article__like-btn svg{width:18px;height:18px}.article__like-btn--liked{color:#ef4444;background:#fff5f5;border-color:#fca5a5}[data-theme=dark] .article__like-btn--liked{background:#2d1a1a;border-color:#7f1d1d}.article__read-on-sidebar{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:10px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.article__read-on-sidebar:hover{opacity:.9;color:#fff}.comments{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.comments__title{letter-spacing:-.3px;margin-bottom:24px;font-size:18px;font-weight:600}.comments__form{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.comments__input,.comments__textarea{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s,background .3s}.comments__input:focus,.comments__textarea:focus{border-color:var(--accent)}.comments__input::placeholder,.comments__textarea::placeholder{color:var(--text-muted)}.comments__textarea{resize:vertical;min-height:80px}.comments__submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s}.comments__submit:hover:not(:disabled){background:var(--accent-hover)}.comments__submit:disabled{opacity:.5;cursor:not-allowed}.comments__empty{color:var(--text-muted);text-align:center;padding:24px 0;font-size:14px}.comments__list{flex-direction:column;gap:0;display:flex}.comment{border-bottom:1px solid var(--border);padding:16px 0;position:relative}.comment:last-child{border-bottom:none}.comment__header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.comment__author{color:var(--text-primary);font-size:14px;font-weight:600}.comment__date{color:var(--text-muted);font-size:12px}.comment__text{color:var(--text-secondary);white-space:pre-wrap;font-size:14px;line-height:1.6}.comment__delete{cursor:pointer;color:var(--text-muted);opacity:0;background:0 0;border:none;padding:2px 6px;font-family:inherit;font-size:18px;line-height:1;transition:opacity .15s,color .15s;position:absolute;top:16px;right:0}.comment:hover .comment__delete{opacity:1}.comment__delete:hover{color:#ef4444}.comments-sidebar{border-left:1px solid var(--border);flex-shrink:0;width:320px;padding:48px 0 80px}.comments-sidebar__inner{max-height:calc(100vh - 100px);padding-left:24px;position:sticky;top:80px;overflow-y:auto}.comments-sidebar__inner::-webkit-scrollbar{width:4px}.comments-sidebar__inner::-webkit-scrollbar-track{background:0 0}.comments-sidebar__inner::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.comments-sidebar .comments__title{margin-bottom:16px;font-size:16px}.comments-sidebar .comments__input,.comments-sidebar .comments__textarea{padding:8px 12px;font-size:13px}.comments-sidebar .comments__textarea{min-height:60px}.comments-sidebar .comments__submit{padding:6px 16px;font-size:13px}.comments-sidebar .comment__author{font-size:13px}.comments-sidebar .comment__date{font-size:11px}.comments-sidebar .comment__text{font-size:13px}.comments-sidebar .comments__empty{padding:16px 0;font-size:13px}.loading{color:var(--text-muted);justify-content:center;align-items:center;padding:80px 0;font-size:14px;display:flex}.loading__spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;margin-right:10px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;color:var(--text-muted);padding:60px 0}.error__title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.about{padding:48px 0 80px}.about__title{letter-spacing:-.5px;margin-bottom:24px;font-size:28px;font-weight:700}.about__content{color:var(--text-secondary);font-size:15px;line-height:1.8}.about__content p{margin-bottom:16px}.about__section-title{color:var(--text-primary);margin-top:32px;margin-bottom:12px;font-size:18px;font-weight:600}.about__list{padding:0;list-style:none}.about__list li{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:8px 0;font-size:14px}.about__list li:last-child{border-bottom:none}@media (max-width:900px){.article-layout{flex-direction:column}.comments-sidebar{border-left:none;border-top:1px solid var(--border);width:100%;padding:32px 0}.comments-sidebar__inner{max-height:none;padding-left:0;position:static;overflow-y:visible}}@media (max-width:640px){.hero__name{font-size:24px}.article__title{font-size:22px}.projects-grid{grid-template-columns:1fr}.header__right,.header__nav{gap:12px}.header__nav a{font-size:13px}.footer__inner{text-align:center;flex-direction:column;gap:12px}.theme-toggle__track{width:42px;height:24px}.theme-toggle__thumb{width:20px;height:20px}[data-theme=dark] .theme-toggle__thumb{transform:translate(18px)}}
.dashboard-container{width:98%;max-width:1800px;margin:0 auto;padding:0 16px}.dashboard-section{padding:40px 0}.dashboard-grid{grid-template-columns:340px 1fr 300px;align-items:flex-start;gap:24px;display:grid}@media (max-width:1200px){.dashboard-grid{grid-template-columns:320px 1fr}.right-sidebar{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:24px;display:grid}}@media (max-width:900px){.dashboard-grid,.right-sidebar{grid-template-columns:1fr}}.sidebar-column{flex-direction:column;gap:24px;display:flex}.main-column{flex-direction:column;gap:32px;display:flex}.tech-stack{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.tech-stack .section-title{margin-top:0;margin-bottom:20px;font-size:1.25rem}.tech-stack__grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tech-item{background:var(--bg);border:1px solid var(--border);aspect-ratio:1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:auto;padding:6px;transition:all .2s;display:flex}.youtube-channel-btn{color:#fff;background:red;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #ff00004d}.youtube-channel-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #f006}.youtube-channel-btn svg{fill:currentColor;width:20px;height:20px}.sidebar-header .section-title{font-size:1.1rem;font-weight:700}.tech-item:hover{border-color:var(--accent);background:var(--card-bg);transform:translateY(-2px)}.tech-item__icon{justify-content:center;align-items:center;width:100%;height:100%;padding:2px;display:flex}.tech-item__icon img{object-fit:contain;filter:drop-shadow(0 0 1px #fff6);width:100%;height:100%}.leetcode-stats{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.leetcode-stats .section-title{justify-content:space-between;align-items:center;margin-top:0;margin-bottom:20px;font-size:1.25rem;display:flex}.leetcode-link{color:var(--accent);font-size:1rem;text-decoration:none}.leetcode-header{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.leetcode-total{flex-direction:column;display:flex}.leetcode-total__count{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.leetcode-total__label{color:var(--text-secondary);margin-top:4px;font-size:.875rem}.leetcode-rank{text-align:right}.leetcode-rank__label{color:var(--text-secondary);font-size:.75rem;display:block}.leetcode-rank__val{color:var(--text-primary);font-size:.9rem;font-weight:600}.leetcode-progress{background:var(--bg);border-radius:4px;width:100%;height:8px;margin-bottom:16px;display:flex;overflow:hidden}.progress-bar{width:100%;height:100%;display:flex}.progress-segment{height:100%}.progress-segment.easy{background-color:#00b8a3}.progress-segment.medium{background-color:#ffc01e}.progress-segment.hard{background-color:#ff375f}.leetcode-details{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.stat-item{flex-direction:column;display:flex}.stat-label{margin-bottom:2px;font-size:.7rem;font-weight:500}.stat-label.easy-text{color:#00b8a3}.stat-label.medium-text{color:#ffc01e}.stat-label.hard-text{color:#ff375f}.stat-value{color:var(--text-primary);font-size:.9rem;font-weight:600}.stat-total{color:var(--text-secondary);font-size:.7rem;font-weight:400}.github-stats{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.github-stats .section-title{justify-content:space-between;align-items:center;margin-top:0;margin-bottom:20px;font-size:1.25rem;display:flex}.github-link{color:var(--accent);font-size:1rem;text-decoration:none}.github-card{flex-direction:column;gap:16px;display:flex}.github-header{align-items:center;gap:12px;display:flex}.github-avatar{background:var(--bg);border-radius:50%;width:48px;height:48px;overflow:hidden}.github-avatar img{object-fit:cover;width:100%;height:100%}.github-info{flex-direction:column;display:flex}.github-username{color:var(--text-primary);font-weight:600}.github-bio{color:var(--text-secondary);font-size:.8rem;line-height:1.2}.github-metrics{background:var(--bg);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.metric-item{text-align:center;flex-direction:column;align-items:center;display:flex}.metric-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.metric-label{color:var(--text-secondary);margin-top:2px;font-size:.7rem}.github-view-btn{text-align:center;background:var(--button-bg);color:var(--button-text);border:1px solid var(--border);border-radius:6px;padding:8px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s;display:block}.github-view-btn:hover{background:var(--button-hover-bg)}.sidebar-videos .video-card{color:inherit;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;margin-bottom:16px;text-decoration:none;transition:transform .2s;display:flex;overflow:hidden}.sidebar-videos .video-card:hover{border-color:var(--accent);transform:translateY(-2px)}.sidebar-videos .video-card__thumbnail{aspect-ratio:16/9;width:100%;position:relative}.sidebar-videos .video-card__thumbnail img{object-fit:cover;width:100%;height:100%}.sidebar-videos .video-card__play{color:#fff;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-videos .video-card__play svg{width:16px;height:16px}.sidebar-videos .video-card__info{padding:12px}.sidebar-videos .video-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sidebar-videos .video-card__date{color:var(--text-secondary);font-size:.75rem}.section__title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:1.75rem;font-weight:700;line-height:1.2}.post-list{flex-direction:column;gap:32px;display:flex}.post-card{border:none;border-bottom:1px solid var(--border);background:0 0;flex-direction:column;padding:0 0 32px;transition:transform .2s;display:flex}.post-card:last-child{border-bottom:none}.post-card:hover{transform:none}.post-card__header{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;font-size:.85rem;display:flex}.post-card__date{font-family:var(--font-mono);color:var(--text-secondary);font-weight:500}.post-card__separator{color:var(--border)}.post-card__tags{flex-wrap:wrap;gap:8px;display:flex}.post-card__tag{color:var(--accent);background:0 0;border:none;padding:0;font-size:.85rem;font-weight:500}.post-card__title{color:var(--text-primary);margin:0 0 12px;font-size:1.5rem;font-weight:700;line-height:1.3;transition:color .2s}.post-card:hover .post-card__title{color:var(--accent)}.post-card__excerpt{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card__read-more{color:var(--text-primary);align-items:center;gap:6px;margin-top:auto;font-size:.9rem;font-weight:600;display:flex}.post-card__read-more svg{transition:transform .2s}.post-card:hover .post-card__read-more svg{transform:translate(4px)}.view-channel-btn{text-align:center;background:var(--bg);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;margin-top:12px;padding:10px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.view-channel-btn:hover{background:var(--border);color:var(--accent)}.github-langs{background:var(--bg);border-radius:8px;margin-top:16px;padding:12px}.subset-title{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem;font-weight:600}.lang-progress{background:var(--border);border-radius:4px;height:8px;margin-bottom:8px;display:flex;overflow:hidden}.lang-segment{height:100%}.lang-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lang-item{align-items:center;gap:6px;font-size:.75rem;display:flex}.lang-dot{border-radius:50%;width:8px;height:8px}.lang-name{color:var(--text-primary);font-weight:500}.lang-percent{color:var(--text-secondary);margin-left:auto}