:root{--jx-font-family:"Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--jx-font-xs:.75rem;--jx-font-sm:.875rem;--jx-font-base:1rem;--jx-font-lg:1.125rem;--jx-font-xl:1.375rem;--jx-font-2xl:1.75rem;--jx-font-normal:400;--jx-font-medium:500;--jx-font-semibold:600;--jx-font-bold:700;--jx-radius-sm:6px;--jx-radius-md:10px;--jx-radius-lg:14px;--jx-radius-full:999px;--jx-shadow-sm:0 1px 3px #0000001f;--jx-shadow-md:0 2px 8px #0003;--jx-shadow-lg:0 8px 24px #00000040;--jx-space-1:4px;--jx-space-2:8px;--jx-space-3:12px;--jx-space-4:16px;--jx-space-6:24px;--jx-space-8:32px}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#0f0f13;--color-surface:#1a1a24;--color-text:#e8e6f0;--color-text-muted:#8b8a97;--color-accent:#7c6aef;--color-accent-hover:#9585f5;font-family:var(--jx-font-family);color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}:root,[data-theme=dark]{--color-bg:#0f0f13;--color-bg-secondary:#16161d;--color-surface:#1c1c28;--color-surface-hover:#24243a;--color-border:#2a2a3d;--color-border-muted:#1f1f30;--color-text:#e8e6f0;--color-text-secondary:#b0aec0;--color-text-muted:#6e6d7a;--color-accent:#7c6aef;--color-accent-hover:#9585f5;--color-accent-glow:#7c6aef40;--color-accent-secondary:#ef6a9a;--color-accent-tertiary:#6aefc4;--shadow-card:0 2px 12px #0006;--shadow-card-hover:0 8px 32px #7c6aef26;--shadow-glow:0 0 20px var(--color-accent-glow);--transition-theme:background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--color-bg:#f8f7fc;--color-bg-secondary:#f0eef8;--color-surface:#fff;--color-surface-hover:#f5f3ff;--color-border:#ddd8f0;--color-border-muted:#e8e5f2;--color-text:#1a1730;--color-text-secondary:#4a4660;--color-text-muted:#8a87a0;--color-accent:#6350d8;--color-accent-hover:#5040c0;--color-accent-glow:#6350d81a;--color-accent-secondary:#d84080;--color-accent-tertiary:#10a870;--shadow-card:0 2px 8px #0000000f;--shadow-card-hover:0 6px 24px #6350d81a;--shadow-glow:none;--transition-theme:background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.admin{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.admin-loading{min-height:60vh;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.admin-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.admin-header-left{align-items:baseline;gap:1rem;display:flex}.admin-header-right{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-title{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700}.admin-back{color:var(--color-text-muted);font-size:.85rem}.admin-back:hover{color:var(--color-accent)}.admin-warning{border:1px solid var(--color-accent-secondary);color:var(--color-accent-secondary);background:#ef6a9a1a;border-radius:8px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem}.admin-save-msg{font-size:.85rem;font-weight:500}.admin-save-msg--ok{color:var(--color-accent-tertiary)}.admin-save-msg--err{color:var(--color-accent-secondary)}.admin-sections{flex-direction:column;gap:2rem;display:flex}.admin-fieldset{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.admin-legend{color:var(--color-accent);padding:0 .5rem;font-size:1.1rem;font-weight:600}.admin-sub-heading{color:var(--color-text-secondary);margin:.5rem 0 0;font-size:.95rem;font-weight:600}.admin-hint{color:var(--color-text-muted);margin:-.25rem 0 0;font-size:.8rem}.admin-label{color:var(--color-text-secondary);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.admin-label-row{justify-content:space-between;align-items:center;display:flex}.admin-input,.admin-textarea,.admin-select{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);box-sizing:border-box;border-radius:8px;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.admin-input:focus,.admin-textarea:focus,.admin-select:focus{border-color:var(--color-accent);outline:none}.admin-input--sm{max-width:160px}.admin-textarea{resize:vertical;min-height:60px}.admin-select{cursor:pointer}.admin-checkbox{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.admin-btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:background-color .2s,opacity .2s}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn--primary{background:var(--color-accent);color:#fff}.admin-btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.admin-btn--secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.admin-btn--secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.admin-btn--ghost{color:var(--color-text-muted);background:0 0}.admin-btn--ghost:hover{color:var(--color-text)}.admin-btn--danger{color:var(--color-accent-secondary);background:#ef6a9a1a;border:1px solid #0000}.admin-btn--danger:hover:not(:disabled){border-color:var(--color-accent-secondary)}.admin-btn-icon{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.8rem;line-height:1;transition:color .2s}.admin-btn-icon:hover:not(:disabled){color:var(--color-accent)}.admin-btn-icon:disabled{opacity:.3;cursor:not-allowed}.admin-btn-icon--danger:hover:not(:disabled){color:var(--color-accent-secondary)}.admin-login{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.admin-login-card{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:360px;box-shadow:var(--shadow-card);border-radius:16px;padding:2.5rem}.admin-login-title{color:var(--color-text);text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.admin-login-form{flex-direction:column;gap:1rem;display:flex}.admin-error{color:var(--color-accent-secondary);text-align:center;margin:0;font-size:.85rem}.admin-project-list{flex-direction:column;gap:.5rem;display:flex}.admin-project-item{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.admin-project-header{cursor:pointer;background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background-color .2s;display:flex}.admin-project-header:hover{background:var(--color-surface-hover)}.admin-project-header-left{align-items:center;gap:.6rem;display:flex}.admin-project-header-right{align-items:center;gap:.25rem;display:flex}.admin-project-name{color:var(--color-text);font-size:.9rem;font-weight:600}.admin-project-status{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.admin-visibility-dot{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.admin-visibility-dot--visible{background:var(--color-accent-tertiary)}.admin-chevron{color:var(--color-text-muted);margin-left:.5rem;font-size:.85rem}.admin-project-fields{border-top:1px solid var(--color-border);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.admin-paragraph-row{align-items:flex-start;gap:.5rem;display:flex}.admin-paragraph-row .admin-textarea{flex:1}.admin-link-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-link-row .admin-input{flex:1;min-width:120px}@media (width<=640px){.admin{padding:1rem 1rem 3rem}.admin-header{flex-direction:column;align-items:flex-start}.admin-header-right{justify-content:space-between;width:100%}.admin-fieldset{padding:1rem}.admin-link-row{flex-direction:column}.admin-input--sm{max-width:none}}.admin-google-btn-wrapper{flex-direction:column;align-items:center;gap:.75rem;display:flex}.admin-login-status{color:var(--color-text-secondary);margin:0;font-size:.85rem}.app{min-height:100vh;transition:var(--transition-theme);flex-direction:column;display:flex}.app-header{z-index:100;padding:1rem 1.5rem;position:fixed;top:0;right:0}main{flex:1}.theme-picker{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;width:40px;height:40px;color:var(--color-text-secondary);transition:var(--transition-theme);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-picker:hover{color:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.section-title{color:var(--color-text);transition:var(--transition-theme);margin-bottom:2rem;font-size:1.75rem;font-weight:600}.hero{text-align:center;justify-content:center;align-items:center;min-height:50vh;padding:4rem 2rem 2rem;display:flex}.hero-content{max-width:640px}.hero-name{color:var(--color-text);letter-spacing:-.02em;transition:var(--transition-theme);margin-bottom:.75rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.hero-tagline{color:var(--color-accent);transition:var(--transition-theme);margin-bottom:1.25rem;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:500}.hero-sub{color:var(--color-text-secondary);transition:var(--transition-theme);font-size:1.05rem;line-height:1.7}.projects{max-width:1100px;margin:0 auto;padding:4rem 2rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.project-card-anchor{color:inherit;text-decoration:none;display:block}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--jx-radius-md);transition:var(--transition-theme), transform .2s ease;box-shadow:var(--shadow-card);flex-direction:column;gap:.75rem;height:100%;padding:1.5rem;display:flex}.project-card-anchor:hover .project-card,.project-card-anchor:focus-visible .project-card{border-color:var(--color-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.project-card--coming-soon{opacity:.65;border:1.5px dashed #ffffff59}.project-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-card-name{color:var(--color-text);transition:var(--transition-theme);margin:0;font-size:1.2rem;font-weight:600}.project-card-tagline{color:var(--color-accent);transition:var(--transition-theme);margin:0;font-size:.9rem;font-weight:500}.project-card-desc{color:var(--color-text-secondary);transition:var(--transition-theme);flex:1;margin:0;font-size:.9rem;line-height:1.6}.project-card-status{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:var(--transition-theme);border-radius:999px;padding:.2em .6em;font-size:.7rem;font-weight:600}.project-card-status--live{color:var(--color-accent-tertiary);background:#6aefc426}.project-card-status--research{color:var(--color-accent);background:#7c6aef26}.project-card-status--coming-soon{color:var(--color-text-muted);background:#ffffff0d}.project-card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;display:flex}.project-card-tools{flex-wrap:wrap;gap:.4rem;display:flex}.project-card-tool{background:var(--color-bg-secondary);color:var(--color-text-muted);transition:var(--transition-theme);border-radius:4px;padding:.15em .5em;font-size:.7rem}.project-card-link-hint{color:var(--color-text-muted);font-size:.85rem;transition:color .2s}.project-card-anchor:hover .project-card-link-hint{color:var(--color-accent)}.recent-updates{max-width:1100px;margin:0 auto;padding:4rem 2rem}.updates-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.update-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--jx-radius-md);transition:var(--transition-theme);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;padding:1rem 1.25rem;display:flex}.update-item-header{align-items:center;gap:.6rem;display:flex}.update-project-link{color:var(--color-accent);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.update-project-link:hover{color:var(--color-accent-hover)}.update-category{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:var(--transition-theme);border-radius:999px;padding:.15em .55em;font-size:.65rem;font-weight:600}.update-category--new{color:var(--color-accent-tertiary);background:#6aefc426}.update-category--improved{color:var(--color-accent);background:#7c6aef26}.update-category--updated{color:var(--color-accent-secondary);background:#ef6a9a26}.update-title{color:var(--color-text);transition:var(--transition-theme);flex:1;margin:0;font-size:.95rem}.update-date{color:var(--color-text-muted);white-space:nowrap;transition:var(--transition-theme);margin-left:auto;font-size:.8rem}.about{max-width:720px;margin:0 auto;padding:4rem 2rem}.about-content{flex-direction:column;gap:1.25rem;display:flex}.about-content p{color:var(--color-text-secondary);transition:var(--transition-theme);font-size:1.05rem;line-height:1.7}.footer{text-align:center;border-top:1px solid var(--color-border);transition:var(--transition-theme);margin-top:4rem;padding:3rem 2rem}.footer-links{justify-content:center;gap:2rem;margin-bottom:1.5rem;display:flex}.footer-links a{color:var(--color-text-secondary);font-size:.95rem;transition:color .2s}.footer-links a:hover{color:var(--color-accent)}.footer-note{color:var(--color-text-muted);transition:var(--transition-theme);font-size:.85rem}.footer-note a{color:var(--color-text-muted);text-underline-offset:2px;text-decoration:underline}.footer-note a:hover{color:var(--color-accent)}@media (width<=640px){.hero{min-height:40vh;padding:4rem 1.5rem 2rem}.projects{padding:3rem 1.25rem}.projects-grid{grid-template-columns:1fr}.recent-updates,.about{padding:3rem 1.25rem}.footer-links{gap:1.25rem}}