@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Share+Tech+Mono&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ji-boot{position:fixed;inset:0;z-index:100;background:#030304;color:#d6faff;font-family:Share Tech Mono,monospace;display:flex;align-items:center;justify-content:center;overflow:hidden}.ji-boot-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.25) 0px,rgba(0,0,0,.25) 1px,transparent 2px,transparent 3px);animation:ji-scan-drift 6s linear infinite}@keyframes ji-scan-drift{0%{background-position:0 0}to{background-position:0 120px}}.ji-boot-warn-icon{font-size:1em}@keyframes ji-attention-blink{50%{opacity:.25}}.ji-boot-center{position:relative;z-index:1;width:min(560px,90vw);text-align:center}.ji-boot-attention-main{display:inline-flex;align-items:center;gap:12px;font-family:Chakra Petch,sans-serif;font-size:clamp(2rem,6.5vw,3rem);font-weight:700;letter-spacing:.1em;color:#ff3b4e;text-shadow:0 0 10px rgba(255,59,78,.8),0 0 26px rgba(255,59,78,.5);animation:ji-attention-blink 1.1s steps(2,jump-none) infinite;margin:0 0 22px}.ji-boot-channels{display:flex;justify-content:space-between;font-size:.78rem;letter-spacing:.04em;color:#7f9aa6;border:1px solid rgba(56,224,255,.3);padding:10px 14px;margin-bottom:18px}.ji-boot-channel-warn{color:#ff3b4e;animation:ji-attention-blink .9s steps(2,jump-none) infinite}.ji-boot-barwrap{display:flex;align-items:center;gap:14px;margin-bottom:14px}.ji-boot-bar{flex:1;height:14px;border:1px solid #38e0ff;padding:2px;background:#38e0ff0d}.ji-boot-bar-fill{height:100%;background:repeating-linear-gradient(90deg,#38e0ff 0 6px,#1a8fb0 6px 8px);box-shadow:0 0 12px #38e0ffb3;transition:width .1s linear}.ji-boot-pct{font-weight:700;color:#eafcff;min-width:44px}.ji-boot-line{margin:0;color:#7fe6ff;letter-spacing:.06em;font-size:.85rem}.ji-theme{position:relative;min-height:100vh;background:#030304;color:#d6faff;font-family:Share Tech Mono,monospace;animation:ji-fade-in .2s ease}.ji-theme *:focus-visible{outline:2px solid #38e0ff;outline-offset:2px}@keyframes ji-fade-in{0%{opacity:0}to{opacity:1}}.ji-glitch-overlay{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}.ji-glitch-band{position:absolute;left:0;width:100%;mix-blend-mode:screen;animation-duration:.5s;animation-timing-function:steps(7,end);animation-fill-mode:forwards}.ji-glitch-band-l{animation-name:ji-glitch-slide-l}.ji-glitch-band-r{animation-name:ji-glitch-slide-r}.ji-glitch-band-big{mix-blend-mode:hard-light;animation-timing-function:steps(5,end)}@keyframes ji-glitch-slide-l{0%{transform:translate(-18%);opacity:.95}12%{transform:translate(11%)}24%{transform:translate(-26%)}36%{transform:translate(16%);opacity:.85}50%{transform:translate(-9%);opacity:.6}65%{transform:translate(5%);opacity:.4}to{transform:translate(-220%);opacity:0}}@keyframes ji-glitch-slide-r{0%{transform:translate(18%);opacity:.95}12%{transform:translate(-11%)}24%{transform:translate(26%)}36%{transform:translate(-16%);opacity:.85}50%{transform:translate(9%);opacity:.6}65%{transform:translate(-5%);opacity:.4}to{transform:translate(220%);opacity:0}}.ji-glitch-flash{position:absolute;inset:0;background:#eafcff;mix-blend-mode:overlay;animation:ji-glitch-flash .5s steps(1,end) forwards}@keyframes ji-glitch-flash{0%,to{opacity:0}3%{opacity:.55}5%{opacity:0}20%{opacity:.3}22%{opacity:0}44%{opacity:.4}46%{opacity:0}}.ji-glitch-dim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 20%,rgba(2,3,4,.9) 85%);animation:ji-glitch-dim .5s steps(1,end) forwards}@keyframes ji-glitch-dim{0%,16%{opacity:0}24%{opacity:.9}38%{opacity:.75}46%{opacity:0}to{opacity:0}}.is-glitching .ji-name{position:relative}.is-glitching .ji-name:before,.is-glitching .ji-name:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;pointer-events:none}.is-glitching .ji-name:before{color:#38e0ff;mix-blend-mode:screen;animation:ji-text-tear-l .5s steps(6,end) forwards}.is-glitching .ji-name:after{color:#ff3b4e;mix-blend-mode:screen;animation:ji-text-tear-r .5s steps(6,end) forwards}@keyframes ji-text-tear-l{0%{transform:translate(-6px,-3px);opacity:.8}30%{transform:translate(5px,2px);opacity:.7}55%{transform:translate(-3px,-1px);opacity:.5}to{transform:translate(0);opacity:0}}@keyframes ji-text-tear-r{0%{transform:translate(6px,3px);opacity:.8}30%{transform:translate(-5px,-2px);opacity:.7}55%{transform:translate(3px,1px);opacity:.5}to{transform:translate(0);opacity:0}}.is-glitching .ji-photo-frame:before,.is-glitching .ji-photo-frame:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3}.is-glitching .ji-photo-frame:before{background:#ff3b4e;mix-blend-mode:screen;animation:ji-photo-chroma-l .5s steps(6,end) forwards}.is-glitching .ji-photo-frame:after{background:#38e0ff;mix-blend-mode:screen;animation:ji-photo-chroma-r .5s steps(6,end) forwards}@keyframes ji-photo-chroma-l{0%{opacity:.45;transform:translate(-7px)}30%{opacity:.3;transform:translate(4px)}60%{opacity:.18;transform:translate(-3px)}to{opacity:0;transform:translate(0)}}@keyframes ji-photo-chroma-r{0%{opacity:.45;transform:translate(7px)}30%{opacity:.3;transform:translate(-4px)}60%{opacity:.18;transform:translate(3px)}to{opacity:0;transform:translate(0)}}.ji-scanlines{position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 2px,transparent 3px);opacity:.4}.ji-hud-bar{position:sticky;top:0;z-index:20;display:flex;gap:20px;align-items:center;padding:12px 24px;border-bottom:1px solid rgba(56,224,255,.25);background:#030304eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.8rem;letter-spacing:.06em;color:#7f9aa6;flex-wrap:wrap}.ji-hud-status{white-space:nowrap}.ji-hud-right{margin-left:auto;color:#38e0ff}.ji-good{color:#39ff6a;font-style:normal}.ji-locale-switcher{position:relative}.ji-lang-toggle{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(56,224,255,.4);color:#7fe6ff;padding:8px 12px;font-family:Share Tech Mono,monospace;font-size:.78rem;letter-spacing:.06em;cursor:pointer;transition:all .15s ease}.ji-lang-toggle:hover{background:#38e0ff;color:#030304;border-color:#38e0ff}.ji-locale-panel{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;gap:2px;min-width:140px;background:#06080cf7;border:1px solid rgba(56,224,255,.4);padding:6px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:25}.ji-locale-switcher.open .ji-locale-panel{opacity:1;transform:translateY(0);pointer-events:auto}.ji-locale-option{background:transparent;border:none;color:#a9d3e0;text-align:left;padding:10px 12px;font-family:Share Tech Mono,monospace;font-size:.82rem;cursor:pointer;transition:background .12s ease,color .12s ease}.ji-locale-option:hover{background:#38e0ff1a;color:#eafcff}.ji-locale-option.is-active{color:#ff3b4e;font-weight:700}.ji-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:50px 24px 40px}.is-glitching #intro{animation:ji-glitch-distort .5s linear forwards}@keyframes ji-glitch-distort{0%{filter:var(--gf0, none)}12%{filter:var(--gf1, none)}24%{filter:var(--gf2, none)}36%{filter:var(--gf3, none)}48%{filter:var(--gf4, none)}60%{filter:var(--gf5, none)}72%{filter:var(--gf6, none)}85%{filter:var(--gf7, none)}to{filter:none}}#intro,#projects,#experience{scroll-margin-top:70px}.ji-heading{font-family:Chakra Petch,sans-serif;font-size:1.5rem;color:#ff3b4e;letter-spacing:.06em;margin:64px 0 24px}section#intro .ji-heading{margin-top:0}.ji-panel-wrap{position:relative}.ji-panel-tab{display:inline-block;margin:0 0 -1px 16px;padding:6px 18px;background:#ff3b4e;color:#050508;font-family:Chakra Petch,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.08em;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.ji-panel{position:relative;border:1px solid rgba(56,224,255,.4);background:linear-gradient(155deg,#0a0c12eb,#06080ceb);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);padding:34px}.ji-corner{position:absolute;width:16px;height:16px;z-index:2;pointer-events:none}.ji-corner-tl{top:6px;left:6px;border-top:2px solid #38e0ff;border-left:2px solid #38e0ff}.ji-corner-tr{top:6px;right:6px;border-top:2px solid #38e0ff;border-right:2px solid #38e0ff}.ji-corner-bl{bottom:6px;left:6px;border-bottom:2px solid #38e0ff;border-left:2px solid #38e0ff}.ji-corner-br{bottom:6px;right:6px;border-bottom:2px solid #38e0ff;border-right:2px solid #38e0ff}.ji-intro-body{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.ji-photo-frame{position:relative;width:190px;height:190px;flex-shrink:0;clip-path:polygon(0 14%,14% 0,100% 0,100% 86%,86% 100%,0 100%);border:2px solid #ff3b4e;box-shadow:0 0 0 6px #ff3b4e14,0 0 24px #ff3b4e4d;overflow:hidden}.ji-photo-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.05)}.ji-intro-text{flex:1;min-width:260px;text-align:left}.ji-eyebrow{display:inline-block;color:#ff3b4e;font-size:.85rem;letter-spacing:.08em;margin-bottom:10px}.ji-name{font-family:Chakra Petch,sans-serif;font-size:clamp(2rem,4.6vw,2.8rem);color:#eafcff;text-shadow:0 0 10px rgba(56,224,255,.5);margin:0 0 10px;line-height:1.15}.ji-role{color:#38e0ff;font-weight:600;font-size:1.1rem;margin:0 0 16px}.ji-sep{color:#4a5a60}.ji-blurb{color:#b7dbe6;font-size:1.05rem;line-height:1.7;max-width:540px;margin:0 0 24px}.ji-socials{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.ji-socials a{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid rgba(56,224,255,.4);color:#d6faff;text-decoration:none;font-size:.8rem;letter-spacing:.05em;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:background .15s ease,color .15s ease,border-color .15s ease}.ji-socials a:hover{background:#38e0ff;color:#030304;border-color:#38e0ff}.ji-resume{display:inline-block;color:#ff3b4e;border:1px solid #ff3b4e;padding:13px 24px;text-decoration:none;font-family:Chakra Petch,sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.05em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:all .15s ease}.ji-resume:hover{background:#ff3b4e;color:#030304;box-shadow:0 0 20px #ff3b4e80}.ji-missionlog{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:28px}.ji-log-list{list-style:none;margin:0;padding:0 18px 0 0;display:flex;flex-direction:column;gap:10px;border-right:1px solid rgba(56,224,255,.2)}.ji-log-row{display:flex;gap:6px}.ji-log-row-btn{flex:1;display:flex;align-items:center;gap:12px;text-align:left;background:#ffffff08;border:1px solid rgba(56,224,255,.2);border-left:3px solid transparent;color:#a9d3e0;padding:13px 14px;cursor:pointer;font-family:Share Tech Mono,monospace;transition:all .15s ease}.ji-log-row-btn:hover{color:#eafcff;border-left-color:#38e0ff}.ji-log-row.is-active .ji-log-row-btn{border-left-color:#ff3b4e;background:#ff3b4e14;color:#eafcff}.ji-log-index{color:#38e0ff;font-size:.78rem;flex-shrink:0}.ji-log-row-text{display:flex;flex-direction:column;gap:3px;min-width:0}.ji-log-name{font-family:Chakra Petch,sans-serif;font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ji-log-skillcount{font-size:.72rem;letter-spacing:.04em;color:#85a2ad}.ji-log-link{display:flex;align-items:center;justify-content:center;width:44px;flex-shrink:0;border:1px solid rgba(56,224,255,.2);color:#38e0ff;text-decoration:none;transition:all .15s ease}.ji-log-link:hover{color:#ff3b4e;border-color:#ff3b4e}.ji-log-link.is-disabled{color:#4a5a60;border-color:#38e0ff1f;cursor:not-allowed}.ji-detail-readout{min-width:0}.ji-detail-imgwrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(56,224,255,.3);margin-bottom:14px}.ji-detail-imgwrap img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05)}.ji-detail-name{font-family:Chakra Petch,sans-serif;font-size:1.35rem;color:#eafcff;margin:8px 0 12px}.ji-detail-desc{color:#b7dbe6;line-height:1.65;font-size:.95rem;margin:0 0 16px}.ji-detail-open{display:inline-flex;align-items:center;gap:6px;border:1px solid #ff3b4e;color:#ff3b4e;padding:11px 18px;text-decoration:none;font-size:.8rem;letter-spacing:.05em;transition:all .15s ease}.ji-detail-open:hover{background:#ff3b4e;color:#030304;box-shadow:0 0 18px #ff3b4e80}.ji-detail-open.is-disabled{color:#4a5a60;border-color:#38e0ff33;cursor:not-allowed}.ji-detail-open.is-disabled:hover{background:transparent;color:#4a5a60;box-shadow:none}.ji-log{display:flex;flex-direction:column;gap:26px}.ji-log-entry{display:flex;gap:18px;border-bottom:1px dashed rgba(56,224,255,.2);padding-bottom:24px}.ji-log-entry:last-child{border-bottom:none;padding-bottom:0}.ji-log-logo{width:48px;height:48px;object-fit:contain;background:#050508;border:1px solid rgba(56,224,255,.4);padding:6px;flex-shrink:0}.ji-log-header{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-bottom:8px}.ji-log-time{color:#ff3b4e;font-size:.8rem}.ji-log-header h3{margin:0;font-family:Chakra Petch,sans-serif;font-size:1.08rem;color:#eafcff}.ji-log-entry p{color:#b7dbe6;font-size:.95rem;line-height:1.6;margin:0 0 12px}.ji-tags{display:flex;flex-wrap:wrap;gap:10px}.ji-detail-readout .ji-tags{margin-bottom:18px}.ji-tag{border:1px solid rgba(56,224,255,.4);color:#85e0ff;padding:5px 11px;font-size:.74rem;letter-spacing:.02em;background:#38e0ff0f}.ji-footer{margin-top:80px;text-align:center;padding:24px 0 10px;color:#85a2ad;font-size:.85rem;line-height:1.8;border-top:1px solid rgba(56,224,255,.2)}.ji-footer a{color:#38e0ff}@media(max-width:700px){.ji-hud-status-hide-sm{display:none}.ji-hud-bar{justify-content:space-between}}@media(max-width:600px){.ji-hud-bar{padding:10px 16px;gap:12px}.ji-content{padding:32px 18px}.ji-heading{margin:48px 0 20px;font-size:1.3rem}.ji-intro-body{flex-direction:column;text-align:center;gap:24px}.ji-intro-text{text-align:center}.ji-photo-frame{width:150px;height:150px}.ji-socials{justify-content:center}.ji-blurb{margin-left:auto;margin-right:auto}.ji-panel{padding:20px}.ji-missionlog{grid-template-columns:1fr;gap:22px}.ji-log-list{border-right:none;border-bottom:1px solid rgba(56,224,255,.2);padding-right:0;padding-bottom:18px}.ji-log-entry{gap:14px}.ji-log-logo{width:40px;height:40px}.ji-footer{margin-top:56px}.ji-boot-channels{flex-direction:column;gap:8px;text-align:left}}@media(max-width:380px){.ji-socials a span,.ji-lang-toggle{font-size:.72rem}.ji-socials a{padding:9px 12px}.ji-name{font-size:1.8rem}}body{margin:0;padding:0;background-color:#030304}.App{text-align:center}
