:root{--bg: #0b0d10;--bg-elevated: #14171c;--bg-elevated-2: #1b1f26;--border: #262b33;--text: #e6e9ef;--text-muted: #9aa3b2;--accent: #6ee7b7;--accent-strong: #34d399;--danger: #f87171;--radius: 12px;--container-width: 1080px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;margin:0 0 .5em}p{margin:0 0 1em}.muted{color:var(--text-muted)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.site{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1}.site-header{border-bottom:1px solid var(--border);position:sticky;top:0;background:#0b0d10d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.logo{font-weight:700;font-size:1.1rem;color:var(--text)}.logo:hover{text-decoration:none;color:var(--accent)}.site-nav{display:flex;gap:24px}.site-nav a{color:var(--text-muted);font-weight:500}.site-nav a:hover,.site-nav a.active{color:var(--text);text-decoration:none}.hero{padding:96px 0 64px;text-align:center;border-bottom:1px solid var(--border);background:var(--hero-bg, transparent)}.hero__avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:24px}.hero h1{font-size:2.5rem}.hero__role{color:var(--accent);font-weight:600;font-size:1.1rem}.hero__bio{max-width:560px;margin:16px auto 0;color:var(--text-muted)}.section{padding:64px 0}.section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:var(--accent)}.card__image{width:100%;height:160px;object-fit:cover;display:block}.card__body{padding:20px;display:flex;flex-direction:column;gap:4px;flex:1}.card__body h3{font-size:1.1rem}.card__body h3 a{color:var(--text)}.card__body h3 a:hover{color:var(--accent)}.card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tag{display:inline-block;font-size:.75rem;padding:2px 10px;border-radius:999px;background:var(--bg-elevated-2);border:1px solid var(--border);color:var(--text-muted)}.card__links{display:flex;gap:16px;margin-top:auto;padding-top:12px}.post-card__meta{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.85rem}.post-page__meta{display:flex;align-items:center;gap:12px;color:var(--text-muted);margin-bottom:24px}.post-page__cover{width:100%;max-height:360px;object-fit:cover;border-radius:var(--radius);margin-bottom:24px}.back-link{display:inline-block;margin-bottom:24px;color:var(--text-muted)}.markdown :first-child{margin-top:0}.markdown img{max-width:100%;border-radius:var(--radius)}.markdown pre{background:var(--bg-elevated-2);padding:16px;border-radius:var(--radius);overflow-x:auto}.markdown code{background:var(--bg-elevated-2);padding:2px 6px;border-radius:4px}.markdown blockquote{border-left:3px solid var(--accent);margin:0 0 1em;padding-left:16px;color:var(--text-muted)}.image-upload{display:flex;flex-direction:column;gap:8px}.image-upload__label{font-size:.9rem;color:var(--text-muted)}.image-upload__zone{border:2px dashed var(--border);border-radius:8px;padding:20px;text-align:center;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.image-upload__zone:hover,.image-upload__zone.dragging{border-color:var(--accent);background:#6ee7b70d;color:var(--text)}.image-upload__preview{display:flex;flex-wrap:wrap;gap:8px}.image-upload__thumb{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.commits{margin-top:48px;border-top:1px solid var(--border);padding-top:32px}.commits h2{margin-bottom:16px}.commit{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}.commit:hover{background:var(--bg-elevated);margin:0 -8px;padding:12px 8px;border-radius:6px;border-bottom-color:transparent}.commit__sha{font-family:monospace;font-size:.85rem;color:var(--accent);flex-shrink:0;min-width:56px}.commit__message{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.commit__meta{font-size:.8rem;color:var(--text-muted);flex-shrink:0}.carousel{position:relative;overflow:hidden;background:var(--bg-elevated-2)}.carousel--card{height:160px}.carousel--page{border-radius:var(--radius);margin-bottom:24px;max-height:480px}.carousel__img{width:100%;height:100%;object-fit:cover;display:block}.carousel--page .carousel__img{max-height:480px;height:auto;object-fit:contain;background:var(--bg-elevated-2)}.carousel__btn{position:absolute;top:50%;transform:translateY(-50%);background:#0000008c;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:background .15s}.carousel__btn:hover{background:#000000d9}.carousel__btn--prev{left:8px}.carousel__btn--next{right:8px}.carousel__dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px}.carousel__dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;padding:0;transition:background .15s}.carousel__dot.active{background:#fff}.project-page__desc{font-size:1.1rem;color:var(--text-muted);margin-bottom:24px}.about__avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:16px}.about__links{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.input,.textarea{width:100%;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 14px;font-size:.95rem;font-family:inherit}.input:focus,.textarea:focus{outline:none;border-color:var(--accent)}.textarea{resize:vertical}.search-input{max-width:360px;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#06281d;border:none;border-radius:8px;padding:10px 18px;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none}.button:hover{background:var(--accent-strong);text-decoration:none}.button:disabled{opacity:.6;cursor:not-allowed}.button--ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.button--ghost:hover{background:var(--bg-elevated-2)}.error{color:var(--danger)}.success{color:var(--accent)}.nav-dropdown{position:relative}.nav-dropdown__trigger{background:none;border:none;color:var(--text-muted);font-weight:500;font-size:inherit;font-family:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px}.nav-dropdown__trigger:hover{color:var(--text)}.nav-dropdown__arrow{display:inline-block;transition:transform .15s;font-size:.7em;line-height:1}.nav-dropdown__menu{position:absolute;top:calc(100% + 12px);right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:6px;min-width:190px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px #00000059;z-index:50}.nav-dropdown__menu a{color:var(--text-muted);padding:8px 12px;border-radius:8px;font-size:.92rem;display:block}.nav-dropdown__menu a:hover,.nav-dropdown__menu a.active{background:var(--bg-elevated-2);color:var(--text);text-decoration:none}.nav-dropdown__all{border-top:1px solid var(--border);margin-top:4px;padding-top:8px!important;color:var(--accent)!important;font-size:.85rem!important}.nav-dropdown__all:hover{color:var(--accent-strong)!important}.site-footer{border-top:1px solid var(--border);padding:32px 0;color:var(--text-muted)}.site-footer__body{display:flex;flex-direction:column;gap:24px}.site-footer__pages{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;padding-bottom:20px;border-bottom:1px solid var(--border)}.site-footer__pages-title{width:100%;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px}.site-footer__pages a{color:var(--text-muted);font-size:.9rem}.site-footer__pages a:hover{color:var(--text);text-decoration:none}.site-footer__pages-all{color:var(--accent)!important;font-size:.85rem!important}.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:.9rem}.site-footer__social{display:flex;gap:16px}.site-footer__meta{display:flex;gap:16px;align-items:center}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.page-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;color:var(--text);text-decoration:none;transition:border-color .15s;display:block}.page-card:hover{border-color:var(--accent);text-decoration:none}.page-card h2{font-size:1.1rem;margin-bottom:6px}.page-card p{color:var(--text-muted);font-size:.88rem;margin:0;line-height:1.5}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center}.admin-login__form{width:320px;display:flex;flex-direction:column;gap:12px}.admin{display:flex;min-height:100vh}.admin__sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:16px}.admin__sidebar nav{display:flex;flex-direction:column;gap:8px}.admin__sidebar nav a{color:var(--text-muted);padding:8px 0}.admin__sidebar nav a:hover,.admin__sidebar nav a.active{color:var(--text);text-decoration:none}.admin__back{margin-top:auto;color:var(--text-muted)}.admin__content{flex:1;padding:32px;max-width:960px}.admin-dashboard{display:flex;flex-direction:column;gap:48px}.admin-table{width:100%;border-collapse:collapse}.admin-table td{padding:10px 0;border-bottom:1px solid var(--border)}.admin-table__actions{display:flex;gap:16px;justify-content:flex-end}.admin-table__actions button{background:none;border:none;color:var(--danger);cursor:pointer;font-size:.9rem;padding:0}.admin-form{display:flex;flex-direction:column;gap:16px;max-width:640px}.admin-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--text-muted)}.admin-form label.checkbox{flex-direction:row;align-items:center;color:var(--text)}.admin-form label.checkbox input{width:auto}.admin-post-form{display:grid;grid-template-columns:1fr 1fr;gap:32px}.admin-post-form__preview{border-left:1px solid var(--border);padding-left:32px}.page-loading{padding:64px;text-align:center;color:var(--text-muted)}.comments{margin-top:56px;border-top:1px solid var(--border);padding-top:40px}.comments__title{margin-bottom:24px}.comments__empty{margin-bottom:32px}.comments__list{display:flex;flex-direction:column;gap:1px;margin-bottom:40px}.comment-item{background:var(--bg-elevated);border-radius:var(--radius);padding:16px 20px;margin-bottom:8px}.comment-item__header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.comment-item__author{font-weight:600;font-size:.95rem}.comment-item__date{font-size:.8rem}.comment-item__content{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.6}.comments__form{display:flex;flex-direction:column;gap:12px;max-width:560px}.comments__form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--text-muted)}.comments-badge{display:inline-block;background:var(--accent);color:#06281d;font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}.admin-comments-list{display:flex;flex-direction:column;gap:12px}.admin-comment{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.admin-comment--approved{border-color:#6ee7b733}.admin-comment__meta{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.admin-comment__author{font-weight:600}.admin-comment__content{margin:0 0 12px;white-space:pre-wrap;word-break:break-word}.admin-comment__actions{display:flex;gap:10px}.theme-presets{display:flex;flex-wrap:wrap;gap:8px}.theme-preset-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s}.theme-preset-btn:hover{opacity:.85}.theme-preset-btn__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.theme-colors-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-color-field{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-muted)}.theme-color-field__row{display:flex;align-items:center;gap:8px}.theme-color-field__picker{width:40px;height:38px;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;padding:2px;flex-shrink:0}.theme-color-field__text{flex:1;font-family:monospace;font-size:.85rem}@media(max-width:720px){.theme-colors-grid{grid-template-columns:1fr}}@media(max-width:720px){.hero{padding:64px 0 48px}.hero h1{font-size:2rem}.admin{flex-direction:column}.admin__sidebar{width:auto;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;flex-wrap:wrap}.admin__sidebar nav{flex-direction:row}.admin__back{margin-top:0}.admin-post-form{grid-template-columns:1fr}.admin-post-form__preview{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:24px}}.contact-page{max-width:560px}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--text-muted)}.contact-form input,.contact-form textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-size:1rem;font-family:inherit;outline:none;transition:border-color .15s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form textarea{resize:vertical;min-height:120px}.card__views{color:var(--text-muted);font-size:.8rem;margin-left:auto}.github-stats{display:flex;gap:16px;margin:16px 0;font-size:.9rem;color:var(--text-muted)}.github-stats__item{display:flex;align-items:center;gap:4px}.tag-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag-filter__btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:4px 12px;font-size:.85rem;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.tag-filter__btn:hover{border-color:var(--accent);color:var(--text)}.tag-filter__btn--active{border-color:var(--accent);color:var(--accent);font-weight:600}.admin-contact{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.admin-contact--read{border-color:#6ee7b733;opacity:.8}.bottom-nav{display:none}@media(max-width:720px){.site-nav{display:none}.site-main{padding-bottom:68px}.site-footer{margin-bottom:68px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#14171cf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px 8px;color:var(--text-muted);text-decoration:none;font-size:.6rem;font-weight:500;letter-spacing:.02em;transition:color .15s;min-width:0}.bottom-nav__item svg{width:22px;height:22px;flex-shrink:0;stroke-width:1.75}.bottom-nav__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bottom-nav__item.active{color:var(--accent);text-decoration:none}.bottom-nav__item:hover{color:var(--text);text-decoration:none}.bottom-nav__item.active svg{stroke-width:2.25}}