:root{--bg-main:#0b0e14;--bg-panel:#121826;--bg-deep:#020617;--border:#1f2937;--text-main:#e5e7eb;--text-muted:#9ca3af;--accent:#2dd4bf}.app-root.mern{--accent:#2dd4bf}.app-root.flutter{--accent:#60a5fa}*{box-sizing:border-box}body{background:var(--bg-main);color:var(--text-main);margin:0;font-family:Inter,system-ui,sans-serif}.app-root{height:100vh;display:flex}.main-canvas{flex:1;padding:32px;animation:.2s fadeIn;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar{background:linear-gradient(180deg,var(--bg-panel),var(--bg-main));border-right:1px solid var(--border);flex-direction:column;gap:24px;width:260px;padding:20px 16px;display:flex;position:relative}.sidebar-identity{border-bottom:1px solid var(--border);padding-bottom:20px}.identity-name{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.identity-role{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.4}.sidebar-section{flex-direction:column;gap:6px;display:flex}.section-header{color:var(--text-muted);letter-spacing:.14em;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:6px 4px;font-family:Space Grotesk,sans-serif;font-size:11px;display:flex}.section-header:hover{color:var(--text-main)}.chevron{transition:transform .25s}.chevron.open{transform:rotate(180deg)}.section-body{max-height:0;transition:max-height .3s;overflow:hidden}.section-body.open{max-height:300px}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;font-family:Space Grotesk,sans-serif;transition:background .2s,color .2s,transform .15s;display:flex;position:relative}.nav-item:hover{color:var(--text-main);background:#ffffff0d;transform:translate(3px)}.nav-item.active{color:var(--text-main);background:#ffffff14}.nav-item.active:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:100%;position:absolute;top:0;left:-16px}.menu-toggle{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:6px;margin-bottom:16px;padding:6px 10px;display:none}.sidebar-close{padding:4px;position:absolute;top:12px;right:12px;display:none!important}.env-toggle{gap:8px;margin-bottom:24px;display:flex}.env-toggle button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;transition:all .2s}.env-toggle button.active{color:var(--accent);border-color:var(--accent)}.architecture{gap:20px;margin-top:24px;display:flex}.section-title{flex-direction:column;gap:4px;font-size:20px;font-weight:600;display:flex}.section-subtitle{color:var(--text-muted);font-size:12px;font-weight:400}.node{background:linear-gradient(180deg,var(--bg-panel),var(--bg-main));border:1px solid var(--border);border-radius:8px;padding:18px;transition:transform .25s,box-shadow .25s,border-color .25s}.node:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0009}.node.env-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 12px 32px #0006}.project-name{align-items:center;gap:6px;display:flex}.row-chevron{opacity:.25;transition:transform .25s,opacity .2s}.projects-table{border-collapse:collapse;width:100%}.projects-table th,.projects-table td{border-bottom:1px solid var(--border);padding:12px}.project-row{cursor:pointer;transition:background .15s}.project-row:hover{background:var(--bg-panel)}.project-row:hover .row-chevron{opacity:.6}.project-row.open .row-chevron{opacity:1;transform:rotate(90deg)}.project-expanded td{background:var(--bg-main);padding:0}.api-only{color:var(--text-muted);border:1px dashed var(--border);cursor:default;border-radius:6px;padding:4px 8px;font-size:12px}.project-story{flex-direction:column;gap:16px;padding:16px;animation:.25s expandFade;display:flex;overflow:hidden}@keyframes expandFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.story-block h4{letter-spacing:.04em;margin:0 0 4px;font-size:13px}.story-block p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.project-links{align-items:center;gap:16px;display:flex}.project-links a{color:var(--accent);font-size:13px;text-decoration:none}.terminal{white-space:pre-wrap;word-break:break-word;background:var(--bg-deep);border-radius:8px;max-width:100%;padding:24px;font-family:monospace;overflow-x:auto}.about-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.about-avatar{border:1px solid var(--border);background:linear-gradient(180deg,var(--bg-panel),var(--bg-main));border-radius:50%;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.about-avatar img{object-fit:cover;width:100%;height:100%}.contact-section{max-width:520px}.contact-panel{background:linear-gradient(180deg,var(--bg-panel),var(--bg-main));border:1px solid var(--border);border-radius:8px;padding:16px}.contact-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.contact-field label{color:var(--text-muted);letter-spacing:.08em;font-size:11px}.contact-field input,.contact-field textarea{background:var(--bg-main);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:6px;padding:10px;font-family:monospace;font-size:16px}.contact-field textarea{resize:vertical;min-height:90px}.contact-submit{align-items:center;gap:10px;margin-top:8px;display:flex}.contact-submit button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-family:monospace;transition:background .2s;display:inline-flex}.contact-submit button:hover:not(:disabled){background:#ffffff0d}.contact-submit button:disabled{opacity:.5;cursor:not-allowed}.api-response{color:var(--text-muted);align-items:center;gap:5px;margin-top:14px;font-family:monospace;font-size:12px;line-height:1;display:inline-flex}.api-response.success{color:#22c55e}.api-response.error{color:#ef4444}.spin{animation:.8s linear infinite spin}.btn-loading{align-items:center;gap:8px;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.node-wrapper{flex-direction:column;display:flex}.decision-panel{background:linear-gradient(180deg,var(--bg-panel),var(--bg-main));border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:12px 14px;font-size:13px;line-height:1.6;animation-duration:.2s;animation-fill-mode:both}.decision-panel.open{animation-name:decisionIn}.decision-panel.closing{animation-name:decisionOut}@keyframes decisionIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes decisionOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.decision-inline{display:none}.decision-desktop{margin-top:20px}.footer{border-top:1px solid var(--border);margin-top:64px;padding:24px 0}.footer-inner{justify-content:center;gap:20px;display:flex}.footer-icon{color:var(--text-muted);transition:color .2s,transform .2s}.footer-icon:hover{color:var(--accent);transform:translateY(-2px)}@media (max-width:768px){.menu-toggle{display:inline-block}.sidebar{z-index:50;height:100vh;transition:transform .3s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.open .sidebar-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:12px;font-size:20px;display:block!important}.architecture{flex-direction:column;gap:16px}.main-canvas{padding:20px}.decision-desktop{display:none}.decision-inline{display:block}.terminal{padding:16px;font-size:13px}}