:root{--font-body: "Geist", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--font-serif: "Newsreader", Georgia, Cambria, "Times New Roman", serif;--font-mono: "Geist Mono", "SF Mono", monospace;--ease-minimal: cubic-bezier(.16, 1, .3, 1);--duration-fast: .18s;--duration-normal: .25s;--duration-scroll: .6s;--container-max: 1020px;--nav-height: 64px}:root,html[data-theme=light]{color-scheme:light;--canvas: #fbfbfa;--surface: #ffffff;--surface-subtle: #f7f6f3;--border: #eaeaea;--border-strong: #d8d8d6;--line-divider: #f0f0ee;--fg: #111111;--fg-secondary: #787774;--fg-muted: #9b9a97;--btn-primary-bg: #111111;--btn-primary-fg: #ffffff;--btn-primary-hover: #262626;--pastel-blue-bg: #e1f3fe;--pastel-blue-fg: #1f6c9f;--pastel-green-bg: #edf3ec;--pastel-green-fg: #346538;--pastel-yellow-bg: #fbf3db;--pastel-yellow-fg: #956400;--pastel-red-bg: #fdebec;--pastel-red-fg: #9f2f2d;--pastel-neutral-bg: #f1f1ef;--pastel-neutral-fg: #5a5a58;--kbd-bg: #f7f6f3;--shadow-subtle: 0 2px 8px rgba(0, 0, 0, .035);--terminal-bg: #141517;--terminal-fg: #e6e6e5;--terminal-header: #1c1d20;--terminal-border: #2b2d31}html[data-theme=dark]{color-scheme:dark;--canvas: #0e1012;--surface: #151719;--surface-subtle: #1a1c1f;--border: #242629;--border-strong: #36383d;--line-divider: #1d1f22;--fg: #eeeeee;--fg-secondary: #9b9a97;--fg-muted: #666666;--btn-primary-bg: #eeeeee;--btn-primary-fg: #111111;--btn-primary-hover: #ffffff;--pastel-blue-bg: rgba(31, 108, 159, .22);--pastel-blue-fg: #80c8f8;--pastel-green-bg: rgba(52, 101, 56, .25);--pastel-green-fg: #8dd796;--pastel-yellow-bg: rgba(149, 100, 0, .25);--pastel-yellow-fg: #f3cb6c;--pastel-red-bg: rgba(159, 47, 45, .25);--pastel-red-fg: #f89c9a;--pastel-neutral-bg: rgba(255, 255, 255, .07);--pastel-neutral-fg: #bbbbbb;--kbd-bg: #1c1e22;--shadow-subtle: 0 2px 12px rgba(0, 0, 0, .25);--terminal-bg: #090a0b;--terminal-fg: #e2e2e1;--terminal-header: #121315;--terminal-border: #202226}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--canvas);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;transition:background-color var(--duration-normal) ease,color var(--duration-normal) ease}.grid-overlay{position:fixed;inset:0;background-image:radial-gradient(var(--border-strong) .75px,transparent .75px);background-size:32px 32px;opacity:.35;pointer-events:none;z-index:0}h1,h2,h3,h4{color:var(--fg);font-weight:500;letter-spacing:-.02em}.editorial-serif{font-family:var(--font-serif);font-style:normal}p{color:var(--fg-secondary);line-height:1.65}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) ease}kbd{font-family:var(--font-mono);font-size:.75rem;padding:.15rem .45rem;border-radius:4px;border:1px solid var(--border);background:var(--kbd-bg);color:var(--fg)}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem;position:relative;z-index:1}.section-spacing{padding:100px 0;scroll-margin-top:calc(var(--nav-height) + 24px);border-top:1px solid var(--line-divider)}.section-header{margin-bottom:3rem}.section-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-secondary);margin-bottom:.75rem}.section-eyebrow:before{content:"";display:inline-block;width:12px;height:1px;background-color:var(--fg-muted)}.section-header h2{font-family:var(--font-serif);font-size:clamp(2rem,3.8vw,2.75rem);line-height:1.15;margin-bottom:.65rem}.section-header p{font-size:1rem;max-width:600px}.site-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--canvas);background:color-mix(in srgb,var(--canvas) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;transition:background-color var(--duration-normal) ease,border-color var(--duration-normal) ease}.nav-container{max-width:var(--container-max);height:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.85rem}.brand-monogram{width:32px;height:32px;background:var(--fg);color:var(--canvas);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:.85rem;letter-spacing:-.05em;transition:transform var(--duration-fast) ease}.nav-brand:hover .brand-monogram{transform:scale(.96)}.brand-info{display:flex;flex-direction:column}.brand-name{font-weight:600;font-size:.92rem;color:var(--fg);line-height:1.2}.brand-status{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-family:var(--font-mono);color:var(--fg-secondary)}.status-dot{width:6px;height:6px;background-color:var(--pastel-green-fg);border-radius:50%}.nav-links{display:flex;align-items:center;gap:1.75rem;list-style:none}.nav-links a{font-size:.85rem;font-weight:450;color:var(--fg-secondary);transition:color var(--duration-fast) ease}.nav-links a:hover{color:var(--fg)}.nav-actions{display:flex;align-items:center;gap:.65rem}.theme-toggle-btn{width:34px;height:34px;border-radius:5px;border:1px solid var(--border);background:var(--surface);color:var(--fg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast),border-color var(--duration-fast)}.theme-toggle-btn:hover{color:var(--fg);border-color:var(--border-strong)}.theme-toggle-btn:active{transform:scale(.98)}.theme-toggle-btn svg{width:16px;height:16px}.btn-resume{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-radius:5px;font-size:.8rem;font-weight:500;border:1px solid transparent;transition:background-color var(--duration-fast) ease,transform var(--duration-fast) ease}.btn-resume:hover{background:var(--btn-primary-hover)}.btn-resume:active{transform:scale(.98)}.mobile-menu-btn{display:none;width:34px;height:34px;border-radius:5px;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;align-items:center;justify-content:center}.hero-section{padding-top:calc(var(--nav-height) + 40px);padding-bottom:70px}.hero-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media(min-width:900px){.hero-grid{grid-template-columns:1.25fr 330px;gap:3.5rem;align-items:center}}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-portrait-frame{display:flex;justify-content:center;align-items:center}.portrait-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem;width:100%;max-width:320px;box-shadow:0 4px 20px #0000000a;transition:border-color var(--duration-fast),transform var(--duration-fast),box-shadow var(--duration-fast);position:relative}.portrait-card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:var(--shadow-subtle)}.portrait-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;padding:0 .15rem}.portrait-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.06em;color:var(--fg)}.portrait-coord{font-family:var(--font-mono);font-size:.62rem;color:var(--fg-muted)}.portrait-image-wrapper{position:relative;width:100%;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:#fff;aspect-ratio:3 / 4}.bit-portrait-img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated;transition:filter var(--duration-fast) ease}html[data-theme=dark] .portrait-image-wrapper{background:#0e1012}html[data-theme=dark] .bit-portrait-img{filter:invert(.94) contrast(1.1)}.portrait-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding:.65rem .15rem 0;border-top:1px solid var(--border)}.portrait-footer-info{display:flex;flex-direction:column;gap:2px}.portrait-name{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--fg)}.portrait-role{font-family:var(--font-mono);font-size:.62rem;color:var(--fg-secondary)}.portrait-tag{font-family:var(--font-mono);font-size:.62rem;padding:.15rem .45rem;background:var(--surface-subtle);border:1px solid var(--border);border-radius:4px;color:var(--fg-muted)}.hero-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:500;font-family:var(--font-mono);padding:.25rem .65rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.06em;background:var(--pastel-neutral-bg);color:var(--pastel-neutral-fg);border:1px solid transparent}.badge.blue{background:var(--pastel-blue-bg);color:var(--pastel-blue-fg)}.badge.green{background:var(--pastel-green-bg);color:var(--pastel-green-fg)}.badge.yellow{background:var(--pastel-yellow-bg);color:var(--pastel-yellow-fg)}.badge.red{background:var(--pastel-red-bg);color:var(--pastel-red-fg)}.hero-title{font-family:var(--font-serif);font-size:clamp(2.6rem,5.5vw,4.4rem);font-weight:400;line-height:1.08;letter-spacing:-.025em;color:var(--fg)}.hero-title em{font-style:italic;font-weight:300;color:var(--fg-secondary)}.hero-subtitle{font-size:1.15rem;font-weight:450;color:var(--fg);line-height:1.4}.hero-tagline{font-size:.96rem;line-height:1.7;color:var(--fg-secondary);max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-radius:5px;font-weight:500;font-size:.85rem;border:1px solid transparent;transition:background-color var(--duration-fast),transform var(--duration-fast)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:5px;font-weight:500;font-size:.85rem;transition:border-color var(--duration-fast),transform var(--duration-fast)}.btn-secondary:hover{border-color:var(--border-strong)}.btn-secondary:active{transform:scale(.98)}.btn-terminal{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.25rem;background:var(--surface-subtle);color:var(--fg);font-family:var(--font-mono);font-size:.8rem;font-weight:500;border-radius:5px;border:1px solid var(--border);transition:border-color var(--duration-fast),transform var(--duration-fast)}.btn-terminal:hover{border-color:var(--border-strong)}.btn-terminal:active{transform:scale(.98)}.stats-ribbon{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:3rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.5rem;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-subtle)}.stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--fg);margin-bottom:.2rem;letter-spacing:-.03em}.stat-label{font-size:.78rem;color:var(--fg-secondary)}.terminal-window{background:#090a0c;color:#e6e6e5;border-radius:12px;border:1px solid var(--border-strong);overflow:hidden;font-family:var(--font-mono);box-shadow:0 16px 40px #00000038;position:relative}html[data-theme=dark] .terminal-window{background:#07080a;border-color:#242629;box-shadow:0 20px 50px #0009}.terminal-header{background:#111317;border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem 1.15rem;display:flex;align-items:center;justify-content:space-between}.terminal-dots{display:flex;align-items:center;gap:7px}.terminal-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{font-size:.85rem;color:#8c8f96;font-weight:500;letter-spacing:.02em}.terminal-badge{font-size:.68rem;color:var(--pastel-green-fg);background:var(--pastel-green-bg);padding:.15rem .55rem;border-radius:9999px;display:inline-flex;align-items:center;gap:5px;font-weight:500}.terminal-controls{padding:.65rem 1.15rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.terminal-controls-label{font-size:.7rem;color:#72767e;text-transform:uppercase;letter-spacing:.08em;margin-right:.35rem}.terminal-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cfd2d8;font-family:var(--font-mono);font-size:.74rem;padding:.25rem .65rem;border-radius:4px;cursor:pointer;transition:all var(--duration-fast)}.terminal-chip:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40}.terminal-chip:active{transform:scale(.96)}.terminal-canvas-container{position:relative;min-height:250px;max-height:380px;overflow:hidden;background:#090a0c}.antigravity-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.terminal-body{position:relative;z-index:2;padding:1.25rem 1.15rem;height:100%;max-height:380px;overflow-y:auto;font-size:.83rem;line-height:1.65}.terminal-line{margin-bottom:.45rem;word-break:break-word}.terminal-tag{display:inline-block;padding:.12rem .45rem;border-radius:3px;font-size:.68rem;font-weight:500;margin-right:.55rem;font-family:var(--font-mono);letter-spacing:.03em}.tag-plan{background:#80c8f82e;color:#80c8f8}.tag-think{background:#f3cb6c2e;color:#f3cb6c}.tag-tool{background:#8dd7962e;color:#8dd796}.tag-result{background:#ffffff14;color:#a5a8af}.tag-success{background:#8dd79638;color:#8dd796}.tag-cmd{background:#ffffff1f;color:#fff}.terminal-prompt-bar{display:flex;align-items:center;padding:.75rem 1.15rem;border-top:1px solid rgba(255,255,255,.08);background:#0d0f12;gap:.55rem}.terminal-prompt-prefix{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600}.prompt-arrow{color:#27c93f}.prompt-tilde{color:#57c7ff}.terminal-input{flex:1;background:transparent;border:none;color:#f1f2f4;font-family:var(--font-mono);font-size:.82rem;outline:none;caret-color:#27c93f}.terminal-input::placeholder{color:#555861}.terminal-inline-actions{display:flex;align-items:center;gap:.6rem;margin-top:.5rem;flex-wrap:wrap}.terminal-inline-link{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.74rem;font-weight:500;color:#57c7ff;background:#57c7ff1f;border:1px solid rgba(87,199,255,.28);padding:.25rem .65rem;border-radius:4px;text-decoration:none;transition:all var(--duration-fast)}.terminal-inline-link:hover{background:#57c7ff38;color:#fff}.terminal-inline-copy{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.74rem;font-weight:500;color:#cfd2d8;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);padding:.25rem .65rem;border-radius:4px;cursor:pointer;position:relative;transition:all var(--duration-fast)}.terminal-inline-copy:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40}.terminal-text-link{color:#57c7ff;text-decoration:underline;text-underline-offset:3px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.skill-category-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.75rem;display:flex;flex-direction:column;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.skill-category-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-subtle)}.category-icon-box{width:32px;height:32px;border-radius:6px;background:var(--surface-subtle);border:1px solid var(--border);color:var(--fg);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.category-icon-box svg{width:16px;height:16px;stroke:currentColor}.skill-category-card h3{font-size:1.05rem;font-weight:600;margin-bottom:.25rem}.skill-category-card .category-desc{font-size:.82rem;color:var(--fg-secondary);margin-bottom:1.25rem}.skill-items-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.skill-pill{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:450;padding:.25rem .6rem;background:var(--surface-subtle);color:var(--fg);border:1px solid var(--border);border-radius:4px}.skill-level-dot{width:5px;height:5px;border-radius:50%;background-color:var(--fg-muted)}.timeline-filter-bar,.projects-filter-bar{display:flex;align-items:center;gap:.4rem;margin-bottom:2.25rem;flex-wrap:wrap}.filter-btn{background:transparent;border:1px solid var(--border);color:var(--fg-secondary);padding:.35rem .85rem;border-radius:4px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease}.filter-btn:hover{color:var(--fg);border-color:var(--border-strong)}.filter-btn:active{transform:scale(.98)}.filter-btn.active{background:var(--fg);color:var(--canvas);border-color:var(--fg)}.timeline-interactive-container{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);gap:2.75rem;align-items:start;margin-top:1.5rem;position:relative}.timeline-track-column{position:relative;width:100%}.timeline-track-wrapper{position:relative;width:100%;padding:1rem 0}.timeline-spine{position:absolute;top:24px;bottom:24px;left:50%;width:2px;transform:translate(-50%);background:var(--border-strong);opacity:.85;border-radius:2px;z-index:1}html[data-theme=dark] .timeline-spine{background:var(--border-strong);box-shadow:none}.timeline-nodes-list{display:flex;flex-direction:column;gap:2.25rem;position:relative;z-index:2;width:100%}.timeline-node-row{display:flex;align-items:center;position:relative;width:100%;cursor:pointer;outline:none}.timeline-row-half{flex:0 0 50%;max-width:50%;width:50%;position:relative;display:flex;align-items:center;box-sizing:border-box}.timeline-node-row.side-left .timeline-row-half.content-half{justify-content:flex-end}.timeline-node-row.side-right .timeline-row-half.content-half{justify-content:flex-start}.timeline-spine-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.spine-marker-ring{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);transition:all var(--duration-normal) var(--ease-minimal);box-shadow:0 0 0 3px var(--canvas)}html[data-theme=dark] .spine-marker-ring{border-color:var(--border-strong);background:var(--surface);box-shadow:0 0 0 3px var(--canvas)}.spine-marker-pulse{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--fg);opacity:0;transform:scale(.4);transition:all var(--duration-normal) var(--ease-minimal)}.timeline-node-row:hover .spine-marker-ring,.timeline-node-row.is-active .spine-marker-ring{transform:scale(1.25);border-color:var(--fg);background:var(--surface);box-shadow:0 0 0 4px var(--pastel-blue-bg)}html[data-theme=dark] .timeline-node-row:hover .spine-marker-ring,html[data-theme=dark] .timeline-node-row.is-active .spine-marker-ring{border-color:var(--fg);background:var(--surface);box-shadow:0 0 0 4px var(--pastel-blue-bg)}.timeline-node-row:hover .spine-marker-pulse,.timeline-node-row.is-active .spine-marker-pulse{opacity:1;background:var(--fg);transform:scale(1)}.timeline-glance-card{width:calc(100% - 28px);position:relative;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.1rem 1.25rem;transition:all var(--duration-normal) var(--ease-minimal);box-shadow:var(--shadow-subtle);box-sizing:border-box}.timeline-node-row.side-right .timeline-glance-card{margin-left:28px;text-align:left}.timeline-node-row.side-left .timeline-glance-card{margin-right:28px;text-align:right}.glance-connector-line{position:absolute;top:50%;height:1px;width:28px;background:var(--border-strong);opacity:.65;transition:all var(--duration-normal) var(--ease-minimal)}.timeline-node-row.side-right .glance-connector-line{left:-28px}.timeline-node-row.side-left .glance-connector-line{right:-28px}.timeline-node-row:hover .glance-connector-line,.timeline-node-row.is-active .glance-connector-line{opacity:1;height:1.5px;background:var(--fg)}.timeline-node-row:hover .timeline-glance-card,.timeline-node-row.is-active .timeline-glance-card{border-color:var(--border-strong);background:var(--surface-subtle);transform:translateY(-2px);box-shadow:0 6px 16px #0000000a}.timeline-node-row.is-active .timeline-glance-card{border-color:var(--fg);background:var(--surface);box-shadow:0 8px 24px #0000000f}html[data-theme=dark] .timeline-node-row:hover .timeline-glance-card,html[data-theme=dark] .timeline-node-row.is-active .timeline-glance-card{border-color:var(--border-strong);background:var(--surface-subtle);box-shadow:0 8px 24px #00000059}html[data-theme=dark] .timeline-node-row.is-active .timeline-glance-card{border-color:var(--fg)}.glance-card-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem}.timeline-node-row.side-right .glance-card-top{justify-content:flex-start}.timeline-node-row.side-left .glance-card-top{justify-content:flex-end}.glance-period{font-family:var(--font-mono);font-size:.92rem;font-weight:600;color:var(--fg);letter-spacing:-.01em;transition:color var(--duration-fast)}.timeline-node-row:hover .glance-period,.timeline-node-row.is-active .glance-period,html[data-theme=dark] .timeline-node-row:hover .glance-period,html[data-theme=dark] .timeline-node-row.is-active .glance-period{color:var(--fg)}.glance-type-badge{font-family:var(--font-mono);font-size:.68rem;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.glance-type-badge.type-exp{background:var(--pastel-blue-bg);color:var(--pastel-blue-fg)}.glance-type-badge.type-edu{background:var(--pastel-green-bg);color:var(--pastel-green-fg)}.glance-role{font-family:var(--font-serif);font-size:1.05rem;font-weight:500;color:var(--fg);line-height:1.35;margin:0 0 .25rem}.glance-org{font-size:.84rem;color:var(--fg-secondary);font-weight:450;margin-bottom:.5rem}.glance-location-text{color:var(--fg-muted);font-weight:400}.glance-summary-text{font-size:.82rem;color:var(--fg-secondary);line-height:1.55;margin:0}.glance-action-cue{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.72rem;font-weight:500;color:var(--fg-muted);margin-top:.65rem;opacity:0;transform:translateY(3px);transition:all var(--duration-fast)}html[data-theme=dark] .glance-action-cue{color:var(--fg-muted)}.timeline-node-row:hover .glance-action-cue,.timeline-node-row.is-active .glance-action-cue{opacity:1;color:var(--fg);transform:translateY(0)}.timeline-detail-column{position:sticky;top:calc(var(--nav-height) + 24px);z-index:10}.timeline-detail-card{position:relative;border-radius:12px;overflow:hidden;max-height:calc(100vh - var(--nav-height) - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;background:var(--surface);color:var(--fg);box-shadow:0 8px 30px #0000000d;border:1px solid var(--border-strong);transition:border-color var(--duration-normal),box-shadow var(--duration-normal)}html[data-theme=dark] .timeline-detail-card{background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 12px 36px #0006}.detail-card-inner{position:relative;padding:2rem 1.85rem 1.75rem;z-index:2}.detail-hex-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;color:var(--border-strong);opacity:.35}html[data-theme=dark] .detail-hex-bg{opacity:.2}.detail-content-wrapper{position:relative;z-index:2}.detail-anim-fade{animation:detailCardEntrance .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes detailCardEntrance{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.detail-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.detail-badge-group{display:flex;align-items:center;gap:.6rem}.detail-type-badge{font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .65rem;border-radius:999px;border:1px solid transparent}.detail-type-badge.type-exp{background:var(--pastel-blue-bg);color:var(--pastel-blue-fg)}.detail-type-badge.type-edu{background:var(--pastel-green-bg);color:var(--pastel-green-fg)}.detail-counter-pill{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-muted)}.detail-circle-icon{width:46px;height:46px;border-radius:50%;background:var(--surface-subtle);color:var(--fg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000000a;flex-shrink:0}.detail-circle-icon.type-exp{background:var(--pastel-blue-bg);color:var(--pastel-blue-fg);border-color:#1f6c9f33}.detail-circle-icon.type-edu{background:var(--pastel-green-bg);color:var(--pastel-green-fg);border-color:#34653833}.detail-headline-block{margin-bottom:.75rem}.detail-period-title{font-family:var(--font-serif);font-size:2.25rem;font-weight:500;letter-spacing:-.025em;line-height:1.1;color:var(--fg);margin:0 0 .35rem}.detail-exact-dates{font-family:var(--font-mono);font-size:.8rem;color:var(--fg-secondary)}.detail-org-block{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.detail-role-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:500;color:var(--fg);line-height:1.3;margin:0 0 .35rem}.detail-company-line{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.detail-company-name{font-size:.95rem;font-weight:500;color:var(--fg-secondary)}.detail-domain-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.72rem;color:var(--fg-secondary);background:var(--surface-subtle);border:1px solid var(--border);padding:.18rem .55rem;border-radius:4px;text-decoration:none;transition:all var(--duration-fast)}.detail-domain-badge:hover{background:var(--border);color:var(--fg)}.detail-lead-desc{font-size:.88rem;line-height:1.6;color:var(--fg);margin-bottom:1.25rem}.detail-section-block{margin-bottom:1.25rem}.detail-section-header{font-family:var(--font-mono);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin-bottom:.65rem}.detail-bullet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.detail-bullet-item{display:flex;align-items:flex-start;gap:.65rem;background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px;padding:.65rem .9rem;font-size:.85rem;line-height:1.55;color:var(--fg-secondary);transition:border-color var(--duration-fast),color var(--duration-fast)}.detail-bullet-item:hover{border-color:var(--border-strong);color:var(--fg)}.bullet-arrow{color:var(--fg-muted);font-weight:600;flex-shrink:0;font-family:var(--font-mono)}.detail-capstone-card{background:var(--pastel-yellow-bg);border:1px solid rgba(149,100,0,.2);border-radius:6px;padding:.8rem 1rem;margin-bottom:1.25rem}.capstone-tag{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--pastel-yellow-fg);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.capstone-body{font-size:.85rem;line-height:1.55;color:var(--pastel-yellow-fg);margin:0}.detail-skills-wrap{display:flex;flex-wrap:wrap;gap:.4rem}.detail-skill-tag{font-family:var(--font-mono);font-size:.72rem;padding:.22rem .55rem;border-radius:4px;background:var(--surface-subtle);border:1px solid var(--border);color:var(--fg-secondary);transition:all var(--duration-fast)}.detail-skill-tag:hover{border-color:var(--border-strong);color:var(--fg)}.detail-footer-stepper{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.detail-hover-hint{font-family:var(--font-mono);font-size:.7rem;color:var(--fg-muted)}.detail-nav-btn-group{display:flex;align-items:center;gap:.45rem}.detail-stepper-btn{display:inline-flex;align-items:center;gap:.25rem;background:var(--surface-subtle);border:1px solid var(--border);color:var(--fg-secondary);font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:.35rem .75rem;border-radius:4px;cursor:pointer;transition:all var(--duration-fast)}.detail-stepper-btn:hover{background:var(--border);color:var(--fg)}@media(max-width:959px){.timeline-interactive-container{grid-template-columns:1fr;gap:2.25rem}.timeline-detail-column{position:relative;top:0;order:1}.timeline-track-column{order:2}.timeline-spine{left:20px;transform:none}.timeline-node-row{padding-left:52px;flex-direction:row!important;align-items:flex-start}.timeline-row-half.spacer-half{display:none!important}.timeline-row-half.content-half{flex:1 1 100%!important;max-width:100%!important;width:100%!important}.timeline-spine-marker{left:20px;top:24px;transform:translate(-50%)}.timeline-node-row.side-left .timeline-glance-card,.timeline-node-row.side-right .timeline-glance-card{margin:0!important;text-align:left!important;width:100%}.timeline-node-row.side-left .glance-card-top,.timeline-node-row.side-right .glance-card-top{justify-content:flex-start!important}.glance-connector-line{left:-32px!important;right:auto!important;width:32px!important;top:24px!important}}@media(max-width:600px){.detail-card-inner{padding:1.5rem 1.25rem 1.25rem}.detail-period-title{font-size:1.85rem}.detail-circle-icon{width:42px;height:42px}.timeline-glance-card{padding:1rem 1.1rem}}.deck-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.deck-actions-bar{display:flex;align-items:center;gap:.5rem}.deck-nav-btn{background:var(--surface);border:1px solid var(--border);color:var(--fg-secondary);font-family:var(--font-mono);font-size:.75rem;padding:.35rem .65rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all var(--duration-fast) ease}.deck-nav-btn:hover{color:var(--fg);border-color:var(--border-strong)}.deck-nav-btn:active{transform:scale(.96)}.deck-nav-btn.active{background:var(--fg);color:var(--canvas);border-color:var(--fg)}.deck-fan-stage{position:relative;width:100%;max-width:1000px;height:570px;margin:1.5rem auto 1rem;display:flex;align-items:flex-end;justify-content:center;-webkit-user-select:none;user-select:none;perspective:1200px;overflow:visible;padding:0 1rem}.fan-card{position:absolute;bottom:25px;left:50%;width:310px;height:450px;margin-left:-155px;transform-origin:50% 140%;transform:translate(var(--fan-x, 0px),var(--fan-y, 0px)) rotate(var(--fan-angle, 0deg));z-index:var(--fan-z, 1);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:-2px 6px 16px #0000000a;cursor:pointer;transition:transform .36s cubic-bezier(.18,.89,.32,1.25),box-shadow .3s ease,border-color .2s ease,opacity .25s ease;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1.25rem 1.1rem;overflow:hidden}.card-corner-pip{display:flex;flex-direction:column;align-items:center;width:28px;line-height:1;pointer-events:none}.card-corner-pip.top-left{position:absolute;top:12px;left:12px;z-index:5}.card-corner-pip.bottom-right{position:absolute;bottom:12px;right:12px;transform:rotate(180deg);opacity:.65;z-index:5}.card-pip-rank{font-family:var(--font-mono);font-size:.95rem;font-weight:700;line-height:1;color:var(--fg)}.card-pip-suit{display:flex;align-items:center;justify-content:center;width:13px;height:13px;margin:3px 0 2px;color:var(--fg)}.card-pip-suit.suit-red{color:#dc2626}html[data-theme=dark] .card-pip-suit.suit-red{color:#f87171}.card-pip-num{font-family:var(--font-mono);font-size:.62rem;color:var(--fg-muted)}.card-corner-github{position:absolute;top:10px;right:12px;z-index:10;display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .6rem;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-decoration:none;transition:all var(--duration-fast) ease;box-shadow:0 1px 3px #0000000a}.card-corner-github:hover{border-color:var(--border-strong);background:var(--surface-subtle);color:var(--fg);transform:translateY(-1px)}.card-corner-github:active{transform:scale(.96)}.card-corner-github svg{width:12px;height:12px;flex-shrink:0}.card-vertical-spine{position:absolute;bottom:35px;left:11px;width:18px;max-height:220px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.08em;color:var(--fg-muted);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:.85}.card-content-wrapper{margin-left:24px;margin-right:0;padding-right:6px;padding-top:2px;padding-bottom:24px;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;-webkit-overflow-scrolling:touch}.card-content-wrapper::-webkit-scrollbar{width:4px}.card-content-wrapper::-webkit-scrollbar-track{background:transparent}.card-content-wrapper::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.card-header-row{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.6rem;padding-right:88px;flex-shrink:0}.card-header-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.card-category-label{display:inline-block;font-family:var(--font-mono);font-size:.68rem;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.04em}.card-body-content h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;line-height:1.25;margin-bottom:.45rem;color:var(--fg)}.card-body-content .project-desc{font-size:.82rem;line-height:1.5;color:var(--fg-secondary);margin-bottom:.65rem}.card-body-content .project-architecture{font-family:var(--font-mono);font-size:.7rem;background:var(--surface-subtle);border-left:2px solid var(--border-strong);padding:.4rem .6rem;color:var(--fg-secondary);margin-bottom:.65rem;border-radius:0 4px 4px 0;line-height:1.35}.card-footer-row{margin-top:.5rem;flex-shrink:0}.project-tech-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.project-tech-tags span{font-family:var(--font-mono);font-size:.68rem;padding:.15rem .45rem;border-radius:4px;background:var(--surface-subtle);border:1px solid var(--border);color:var(--fg-secondary);white-space:nowrap}.project-links{display:flex;align-items:center;gap:.5rem}.project-btn-demo{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1rem;background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-radius:4px;font-size:.78rem;font-weight:500;text-decoration:none;transition:background-color var(--duration-fast)}.project-btn-demo:hover{background:var(--btn-primary-hover)}.project-btn-demo:active{transform:scale(.98)}.deck-fan-stage:not(.grid-mode) .fan-card:hover,.deck-fan-stage:not(.grid-mode) .fan-card.active-card,.deck-fan-stage:not(.grid-mode) .fan-card:focus-visible{transform:translate(var(--fan-x, 0px),calc(var(--fan-y, 0px) - 80px)) rotate(0) scale(1.08);z-index:120!important;border-color:var(--border-strong);box-shadow:0 28px 56px #00000024;outline:none}html[data-theme=dark] .deck-fan-stage:not(.grid-mode) .fan-card:hover,html[data-theme=dark] .deck-fan-stage:not(.grid-mode) .fan-card.active-card{box-shadow:0 28px 60px #000000bf}.deck-fan-stage:not(.grid-mode):hover .fan-card:not(:hover):not(.active-card){opacity:.48;filter:contrast(.92)}.fan-card.active-card{border-color:var(--border-strong)}.deck-fan-stage.grid-mode{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1.5rem;height:auto;min-height:auto;perspective:none;overflow:visible;padding:1rem 0;margin-top:0}.deck-fan-stage.grid-mode .fan-card{position:relative;left:auto;bottom:auto;margin-left:0;width:100%;height:auto;min-height:420px;transform:none!important;opacity:1!important;filter:none!important}.deck-fan-stage.grid-mode .fan-card:hover{transform:translateY(-6px)!important;box-shadow:var(--shadow-subtle);border-color:var(--border-strong)}.deck-fan-stage.grid-mode .card-vertical-spine{display:none}.deck-fan-stage.grid-mode .card-content-wrapper{margin-left:20px}.deck-keystroke-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;font-family:var(--font-mono);font-size:.72rem;color:var(--fg-muted)}@media(max-width:768px){.deck-fan-stage{height:520px}.fan-card{width:280px;height:430px;margin-left:-140px}}@media(max-width:480px){.deck-fan-stage{height:490px}.fan-card{width:260px;height:410px;margin-left:-130px;padding:1rem}}.project-btn-source:active{transform:scale(.98)}.social-section{padding-bottom:5rem}.social-container{max-width:960px;margin:0 auto}.social-header{text-align:center;margin-bottom:2.25rem}.social-header h2{font-family:var(--font-serif);font-size:clamp(1.75rem,3.2vw,2.35rem);font-weight:500;color:var(--fg);margin-bottom:.5rem;letter-spacing:-.02em}.social-header p{color:var(--fg-secondary);font-size:.95rem;max-width:520px;margin:0 auto}.social-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.social-card{display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--fg);transition:transform var(--duration-fast) var(--ease-minimal),border-color var(--duration-fast) var(--ease-minimal),box-shadow var(--duration-fast) var(--ease-minimal),background var(--duration-fast) var(--ease-minimal);position:relative}.social-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.social-card-icon{width:40px;height:40px;border-radius:6px;background:var(--surface-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--fg);flex-shrink:0;transition:border-color var(--duration-fast),background var(--duration-fast)}.social-card:hover .social-card-icon{border-color:var(--border-strong);background:var(--surface)}.social-card-info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.social-card-name{font-size:.9rem;font-weight:600;color:var(--fg);line-height:1.2}.social-card-id{font-family:var(--font-mono);font-size:.76rem;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-card-action{color:var(--fg-secondary);display:flex;align-items:center;transition:transform var(--duration-fast),color var(--duration-fast);flex-shrink:0}.social-card:hover .social-card-action{color:var(--fg);transform:translate(2px,-2px)}@media(max-width:900px){.social-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.social-cards-grid{grid-template-columns:1fr}}.copy-contact-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;background:var(--surface);border:1px solid var(--border);border-radius:5px;font-size:.82rem;font-weight:500;color:var(--fg);cursor:pointer;transition:border-color var(--duration-fast),transform var(--duration-fast);position:relative}.copy-contact-btn:hover{border-color:var(--border-strong)}.copy-contact-btn:active{transform:scale(.98)}.copy-contact-btn svg{width:15px;height:15px;stroke:currentColor}.copy-tooltip{position:absolute;top:-32px;left:50%;transform:translate(-50%) translateY(4px);background:var(--fg);color:var(--canvas);padding:.25rem .6rem;border-radius:3px;font-size:.7rem;font-family:var(--font-mono);opacity:0;pointer-events:none;transition:all .15s var(--ease-minimal)}.copy-tooltip.show{opacity:1;transform:translate(-50%) translateY(0)}.site-footer{border-top:1px solid var(--line-divider);padding:2.25rem 0;font-size:.8rem;color:var(--fg-muted)}.footer-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.back-to-top{background:transparent;border:none;color:var(--fg-secondary);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;transition:color var(--duration-fast)}.back-to-top:hover{color:var(--fg)}.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--duration-scroll) var(--ease-minimal),transform var(--duration-scroll) var(--ease-minimal)}.reveal.active{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none!important;transform:none!important;opacity:1!important}}@media(max-width:820px){.nav-links{display:none}.mobile-menu-btn{display:flex}.mobile-nav-drawer{display:flex;flex-direction:column;position:fixed;top:var(--nav-height);left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:1.25rem 2rem;gap:1rem;z-index:999;transform:translateY(-120%);transition:transform var(--duration-normal) var(--ease-minimal)}.mobile-nav-drawer.open{transform:translateY(0)}.mobile-nav-drawer a{font-size:.95rem;font-weight:500;color:var(--fg);padding:.4rem 0}}@media(max-width:600px){.container{padding:0 1.25rem}.hero-title{font-size:2.4rem}.hero-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary,.btn-terminal{justify-content:center}.contact-card{padding:2rem 1.25rem}}