@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/58f386aa6b1a2a92-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/011e180705008d6f-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ba5fb2a8c88521c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/92eeb95d069020cc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__IBM_Plex_Mono_595324;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d3ebbfd689654d3a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ef4d5661765d0e49-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d29838c109ef09b4-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e40af3453d7c920a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/99dcf268bda04fe5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__IBM_Plex_Mono_595324;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/98e207f02528a563-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/73cb51aac9c97f90-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d26bbd13d6b70f89-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/20535187d867b7b9-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__IBM_Plex_Mono_595324;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/5356a6a4f2c8c8d8-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__IBM_Plex_Mono_595324;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/db96af6b531dc71f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Mono_Fallback_595324;src:local("Arial");ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.00%;size-adjust:134.59%}.__className_595324{font-family:__IBM_Plex_Mono_595324,__IBM_Plex_Mono_Fallback_595324;font-style:normal}.__variable_595324{--font-mono:"__IBM_Plex_Mono_595324","__IBM_Plex_Mono_Fallback_595324"}:root{--background:#fff;--foreground:#09090b;--card:#fff;--card-foreground:#09090b;--popover:#fff;--popover-foreground:#09090b;--primary:#18181b;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#71717a;--accent:#f4f4f5;--accent-foreground:#18181b;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#e4e4e7;--input:#e4e4e7;--ring:#18181b;--radius:0.5rem;--font-sans:var(--font-inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);--font-mono:var(--font-mono,"IBM Plex Mono",monospace)}@media (prefers-color-scheme:dark){:root:not(.light){--background:#09090b;--foreground:#fafafa;--card:#09090b;--card-foreground:#fafafa;--popover:#09090b;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#27272a;--secondary-foreground:#fafafa;--muted:#27272a;--muted-foreground:#a1a1aa;--accent:#27272a;--accent-foreground:#fafafa;--destructive:#7f1d1d;--destructive-foreground:#fafafa;--border:#27272a;--input:#27272a;--ring:#d4d4d8}}html.dark{--background:#09090b;--foreground:#fafafa;--card:#09090b;--card-foreground:#fafafa;--popover:#09090b;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#27272a;--secondary-foreground:#fafafa;--muted:#27272a;--muted-foreground:#a1a1aa;--accent:#27272a;--accent-foreground:#fafafa;--destructive:#7f1d1d;--destructive-foreground:#fafafa;--border:#27272a;--input:#27272a;--ring:#d4d4d8}html.light{--background:#fff;--foreground:#09090b;--card:#fff;--card-foreground:#09090b;--popover:#fff;--popover-foreground:#09090b;--primary:#18181b;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#71717a;--accent:#f4f4f5;--accent-foreground:#18181b;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#e4e4e7;--input:#e4e4e7;--ring:#18181b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:96px}.magic-container{max-width:42rem;margin:0 auto;padding:3rem 1.25rem 6rem;display:flex;flex-direction:column;gap:3.5rem}@media (min-width:640px){.magic-container{padding:5rem 1.5rem 6rem;gap:4rem}}h1,h2,h3,h4{color:var(--foreground);letter-spacing:-.025em;font-weight:700}.section-header{margin-bottom:1.25rem}.section-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.section-subtitle{font-size:.875rem;color:var(--muted-foreground);margin-top:.25rem}.hero-section{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.hero-text{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.hero-title{font-size:2rem;font-weight:800;line-height:1.1;letter-spacing:-.035em}@media (min-width:640px){.hero-title{font-size:2.75rem}}.hero-description{font-size:1rem;color:var(--muted-foreground);line-height:1.5;max-width:28rem}.hero-meta-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:9999px;background-color:var(--secondary);color:var(--foreground);border:1px solid var(--border)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:#22c55e;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.hero-avatar-wrap{position:relative;flex-shrink:0}.hero-avatar{width:6.5rem;height:6.5rem;border-radius:50%;object-fit:cover;border:2px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.06)}@media (min-width:640px){.hero-avatar{width:8.5rem;height:8.5rem}}.about-text{font-size:.875rem;color:var(--muted-foreground);line-height:1.65}.about-text p{margin-bottom:.75rem}.about-text p:last-child{margin-bottom:0}.timeline-list{flex-direction:column;gap:1.75rem}.timeline-item,.timeline-list{display:flex;position:relative}.timeline-item{gap:1.125rem}.timeline-item:not(:last-child):before{content:"";position:absolute;left:calc(1.375rem - .5px);top:2.75rem;bottom:-1.75rem;width:1px;background-color:var(--border);z-index:0}.timeline-avatar{width:2.75rem;height:2.75rem;border-radius:50%;background-color:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:var(--foreground);flex-shrink:0;position:relative;z-index:1;box-shadow:0 0 0 3px var(--background);overflow:hidden}.institution-logo{width:100%;height:100%;object-fit:cover;display:block}.timeline-content{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.timeline-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem}.timeline-org{font-size:.9375rem;font-weight:600;color:var(--foreground);display:inline-flex;align-items:center;gap:.375rem}.timeline-date{font-size:.75rem;color:var(--muted-foreground);font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline-bullets,.timeline-role{font-size:.8125rem;color:var(--muted-foreground)}.timeline-bullets{margin-top:.5rem;padding-left:1.25rem;line-height:1.5;display:flex;flex-direction:column;gap:.375rem}.timeline-bullets strong{color:var(--foreground);font-weight:600}.timeline-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}.badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;transition:background-color .15s ease}.badge-primary{background-color:var(--primary);color:var(--primary-foreground)}.badge-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.badge-secondary:hover{background-color:var(--border)}.skills-category-list{display:flex;flex-direction:column;gap:1rem}.skill-group{display:flex;flex-direction:column;gap:.375rem}.skill-group-title{font-size:.8125rem;font-weight:600;color:var(--muted-foreground);letter-spacing:-.01em}.skills-cloud{display:flex;flex-wrap:wrap;gap:.375rem}.skill-pill{font-size:.75rem;font-weight:500;background-color:var(--primary);color:var(--primary-foreground);padding:.25rem .625rem;border-radius:.375rem;transition:transform .1s ease,opacity .15s ease}.skill-pill:hover{opacity:.9;transform:translateY(-1px)}.projects-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:.875rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.project-card:hover{border-color:var(--foreground);box-shadow:0 8px 24px -12px rgba(0,0,0,.08);transform:translateY(-2px)}.project-card-top{display:flex;flex-direction:column;gap:.375rem}.project-card-title{font-size:.9375rem;font-weight:700;color:var(--foreground);line-height:1.3}.project-card-date{font-size:.6875rem;color:var(--muted-foreground);font-family:var(--font-mono)}.project-card-desc{font-size:.75rem;color:var(--muted-foreground);line-height:1.5;margin-top:.25rem}.project-card-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.project-card-actions{display:flex;align-items:center;gap:.375rem;margin-top:auto;padding-top:.5rem}.btn-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:.375rem;text-decoration:none;background-color:var(--primary);color:var(--primary-foreground);border:1px solid transparent;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.btn-pill:hover{opacity:.88;transform:translateY(-1px)}.btn-pill-outline{background-color:transparent;color:var(--foreground);border-color:var(--border)}.btn-pill-outline:hover{background-color:var(--secondary)}.cert-list{display:flex;flex-direction:column;gap:.75rem}.cert-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;border-bottom:1px dashed var(--border);padding-bottom:.5rem}.cert-row:last-child{border-bottom:none;padding-bottom:0}.cert-name{font-weight:600;color:var(--foreground);display:inline-flex;align-items:center;gap:.375rem;text-decoration:none}.cert-name:hover{text-decoration:underline}.cert-meta{font-size:.75rem;color:var(--muted-foreground);font-family:var(--font-mono);white-space:nowrap}.contact-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:2.5rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--card)}.contact-title{font-size:1.5rem;font-weight:800;letter-spacing:-.025em}.contact-sub{font-size:.875rem;color:var(--muted-foreground);max-width:24rem}.contact-actions{gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.contact-actions,.magic-dock-wrap{display:flex;justify-content:center}.magic-dock-wrap{position:fixed;bottom:1.25rem;left:0;right:0;pointer-events:none;z-index:100;padding:0 1rem}.magic-dock{pointer-events:auto;display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background-color:hsla(0,0%,100%,.85);border:1px solid var(--border);border-radius:9999px;box-shadow:0 12px 32px -8px rgba(0,0,0,.12),0 2px 8px -2px rgba(0,0,0,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@media (prefers-color-scheme:dark){:root:not(.light) .magic-dock{background-color:rgba(9,9,11,.85);box-shadow:0 12px 32px -8px rgba(0,0,0,.5)}}html.dark .magic-dock{background-color:rgba(9,9,11,.85);box-shadow:0 12px 32px -8px rgba(0,0,0,.5)}html.light .magic-dock{background-color:hsla(0,0%,100%,.85);box-shadow:0 12px 32px -8px rgba(0,0,0,.12),0 2px 8px -2px rgba(0,0,0,.04)}.dock-item{position:relative;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);background:transparent;border:none;cursor:pointer;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),color .15s ease,background-color .15s ease}.dock-item:hover{color:var(--foreground);background-color:var(--secondary);transform:scale(1.15) translateY(-2px)}.dock-item:active{transform:scale(.95)}.dock-item.active{color:var(--foreground);background-color:var(--secondary)}.dock-item.active:after{content:"";position:absolute;bottom:.2rem;width:4px;height:4px;border-radius:50%;background-color:var(--foreground)}.dock-divider{width:1px;height:1.5rem;background-color:var(--border);margin:0 .125rem}.dock-tooltip{position:absolute;top:-2.25rem;background-color:var(--foreground);color:var(--background);font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:.25rem;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.dock-item:hover .dock-tooltip{opacity:1;transform:translateY(0)}.demo-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:150;display:flex;align-items:center;justify-content:center;padding:1rem}.demo-modal-box{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:44rem;max-height:90vh;overflow-y:auto;box-shadow:0 20px 48px -12px rgba(0,0,0,.25);animation:modalEnter .2s cubic-bezier(.16,1,.3,1)}@keyframes modalEnter{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.demo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.demo-modal-title{font-size:1rem;font-weight:700}.demo-modal-close{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:.25rem;border-radius:.25rem}.demo-modal-close:hover{color:var(--foreground);background-color:var(--secondary)}.demo-modal-body{padding:1.25rem}.copy-toast{position:fixed;top:1.25rem;right:1.25rem;z-index:200;background-color:var(--primary);color:var(--primary-foreground);padding:.625rem 1rem;border-radius:.375rem;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.15);animation:toastSlide .2s ease-out}@keyframes toastSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.project-preview-screen{background-color:var(--secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.mock-window-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.window-dots{display:flex;gap:.375rem}.window-dots .dot{width:.625rem;height:.625rem;border-radius:50%}.window-dots .dot.red{background-color:#ef4444}.window-dots .dot.yellow{background-color:#f59e0b}.window-dots .dot.green{background-color:#22c55e}.mock-url-bar{background-color:var(--background);border:1px solid var(--border);border-radius:.375rem;padding:.25rem .75rem;color:var(--muted-foreground);display:flex;align-items:center;gap:.375rem}.mock-url-bar,.t-badge{font-family:var(--font-mono);font-size:.6875rem}.t-badge{color:#15803d;background-color:rgba(34,197,94,.12);padding:.125rem .5rem;border-radius:.25rem;font-weight:600}.recommender-interactive-bar{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.recommender-prompt{font-size:.75rem;color:var(--muted-foreground);font-weight:500}.recommender-chips{display:flex;gap:.375rem;flex-wrap:wrap}.recommender-chip{font-size:.75rem;padding:.25rem .625rem;border-radius:9999px;background-color:var(--background);border:1px solid var(--border);color:var(--foreground);cursor:pointer;transition:all .15s ease}.recommender-chip:hover{border-color:var(--foreground)}.recommender-chip.active{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);font-weight:600}.recommender-mock-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem}@media (max-width:640px){.recommender-mock-grid{grid-template-columns:1fr}}.mock-movie-card{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.mock-movie-rank{font-family:var(--font-mono);font-size:.625rem;color:var(--muted-foreground);text-transform:uppercase}.mock-movie-title{font-size:.875rem;font-weight:700;color:var(--foreground);margin:.125rem 0}.mock-movie-match{font-size:.75rem;color:#22c55e;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.mock-movie-genre{font-size:.6875rem;color:var(--muted-foreground);margin-top:.25rem}.forecast-interactive-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:1rem;gap:1rem;align-items:center}@media (max-width:640px){.forecast-interactive-grid{grid-template-columns:1fr}}.forecast-controls{gap:.75rem}.control-item,.forecast-controls{display:flex;flex-direction:column}.control-item{gap:.25rem}.control-header-flex{display:flex;justify-content:space-between;align-items:center}.control-label{font-size:.6875rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase}.control-value{font-family:var(--font-mono);font-size:.75rem;color:var(--foreground);font-weight:600}.control-buttons{display:flex;gap:.375rem}.ctrl-btn{font-size:.6875rem;padding:.25rem .625rem;border-radius:.375rem;background-color:var(--background);border:1px solid var(--border);color:var(--foreground);cursor:pointer;transition:all .15s ease}.ctrl-btn:hover{border-color:var(--foreground)}.ctrl-btn.active{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);font-weight:600}.slider-input{width:100%;accent-color:var(--primary);cursor:pointer}.forecast-output-card{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center}.output-label{font-size:.6875rem;color:var(--muted-foreground);text-transform:uppercase;font-weight:600}.output-value{font-size:2rem;font-weight:800;color:var(--foreground);margin:.25rem 0;letter-spacing:-.03em}.output-sub{font-size:.6875rem;color:var(--muted-foreground);line-height:1.4}.telemetry-widget{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.telemetry-header{justify-content:space-between;flex-wrap:wrap;background-color:var(--secondary);padding:.75rem 1rem;border-bottom:1px solid var(--border)}.telemetry-header,.telemetry-header-left{display:flex;align-items:center;gap:.75rem}.telemetry-title{font-size:.75rem;font-weight:600;color:var(--foreground);display:flex;align-items:center;gap:.375rem}.telemetry-tabs{display:flex;gap:.25rem}.t-tab{font-size:.6875rem;padding:.25rem .5rem;border-radius:.25rem;background:transparent;border:1px solid transparent;color:var(--muted-foreground);cursor:pointer;transition:all .15s ease}.t-tab.active,.t-tab:hover{color:var(--foreground)}.t-tab.active{background-color:var(--background);border-color:var(--border);font-weight:600}.telemetry-body{padding:1rem}.telemetry-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem}@media (max-width:640px){.telemetry-grid{grid-template-columns:1fr}}.metric-box{background-color:var(--secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem}.metric-header{font-size:.6875rem;color:var(--muted-foreground);margin-bottom:.375rem;font-weight:600}.metric-num{font-size:1.75rem;font-weight:800;color:var(--foreground);line-height:1.1;margin-bottom:.25rem;letter-spacing:-.02em}.metric-status{font-size:.6875rem;display:flex;align-items:center;gap:.375rem;color:var(--muted-foreground)}.live-dot{width:6px;height:6px;border-radius:50%;background-color:#22c55e;display:inline-block;animation:pulseDot 2s ease-in-out infinite}.live-dot.paused{background-color:var(--muted-foreground);animation:none}.live-toggle-btn{background-color:var(--background);border:1px solid var(--border);border-radius:.25rem;padding:.125rem .375rem;font-size:.625rem;color:var(--foreground);display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}.mini-bars{display:flex;gap:2px;align-items:flex-end;height:1.5rem;margin-top:.75rem;padding-top:.25rem;border-top:1px dashed var(--border)}.bar-fill{flex:1 1;background-color:var(--primary);border-radius:1px;opacity:.7}.sparkline-svg{width:100%;height:1.75rem;margin-top:.375rem}.pill-list{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.625rem}.t-pill{font-size:.625rem;font-family:var(--font-mono);background-color:var(--background);border:1px solid var(--border);padding:.125rem .375rem;border-radius:.25rem;color:var(--muted-foreground)}.tableau-preview{background-color:var(--secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.tableau-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.875rem;font-size:.8125rem}.region-selector{display:flex;gap:.25rem}.region-btn{font-size:.6875rem;padding:.25rem .5rem;border-radius:.25rem;background-color:var(--background);border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;transition:all .15s ease}.region-btn.active{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);font-weight:600}.tableau-row{margin-bottom:.625rem}.t-row-label{font-size:.6875rem;color:var(--muted-foreground);display:block;margin-bottom:.25rem;font-family:var(--font-mono)}.t-row-track{height:1.25rem;background-color:var(--background);border-radius:.25rem;overflow:hidden}.t-row-fill{height:100%;background-color:var(--primary);color:var(--primary-foreground);font-size:.625rem;display:flex;align-items:center;padding-left:.5rem;font-weight:500}.code-terminal{background-color:#09090b;color:#fafafa;border-radius:var(--radius);padding:.875rem;font-family:var(--font-mono);font-size:.6875rem}.terminal-bar{justify-content:space-between;margin-bottom:.625rem;padding-bottom:.375rem;border-bottom:1px solid #27272a;color:#a1a1aa}.run-btn,.terminal-bar{display:flex;align-items:center}.run-btn{background-color:#22c55e;color:#09090b;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.625rem;cursor:pointer;gap:.25rem;font-weight:600}.terminal-code{margin:0;line-height:1.5;color:#86efac;overflow-x:auto;font-family:var(--font-mono)}.terminal-logs{margin-top:.625rem;display:flex;flex-direction:column;gap:.25rem;font-size:.625rem;color:#a1a1aa}.log-line{border-left:2px solid #22c55e;padding-left:.375rem}.reveal{opacity:0;transform:translateY(8px);transition:opacity .45s ease-out,transform .45s ease-out}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}