:root{--color-bg:#0f0f13;--color-surface:#1a1a24;--color-text:#e8e6f0;--color-text-muted:#8b8a97;--color-accent:#7c6aef;--color-accent-hover:#9585f5;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-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;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);transition:var(--transition-theme), transform .2s ease;box-shadow:var(--shadow-card);border-radius:12px;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)}.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}.about{padding:3rem 1.25rem}.footer-links{gap:1.25rem}}