*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f0f1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#c{touch-action:none;width:100%;height:100%;display:block}.skip-link{z-index:10001;color:#0f0f1e;background:#4caf82;border-radius:0 0 8px;padding:12px 16px;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{outline-offset:2px;outline:2px solid #fff;left:0}.site-shell{z-index:50;padding:12px 18px;padding-top:max(12px, env(safe-area-inset-top,0px));padding-left:max(18px, env(safe-area-inset-left,0px));padding-right:max(18px, env(safe-area-inset-right,0px));pointer-events:none;background:linear-gradient(#080a16fa 0%,#0a0c18d6 45%,#0f0f1e00 100%);border-bottom:1px solid #ffffff0a;position:fixed;top:0;left:0;right:0}.site-tagline{color:#eef4fc;text-shadow:0 1px 2px #000000a6,0 0 1px #000000e6;max-width:52rem;margin:0 auto;font-size:14px;font-weight:500;line-height:1.55}.site-title-row{pointer-events:auto;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.site-title{color:#fff;letter-spacing:-.02em;flex:1;min-width:0;font-size:16px;font-weight:700;display:block}.lang-toggle{pointer-events:auto;cursor:pointer;letter-spacing:.06em;color:#e8f1ff;background:#ffffff14;border:1px solid #ffffff38;border-radius:8px;flex-shrink:0;padding:5px 11px;font-size:12px;font-weight:600}.lang-toggle:hover{background:#ffffff24}.lang-toggle:focus-visible{outline-offset:2px;outline:2px solid #4caf82a6}.tagline-zoom-hint{background:#ffffff1a;border-radius:4px;padding:0 5px;font-size:12px;font-weight:600;display:inline-block}.site-tagline kbd{color:#b6f0d2;background:#4caf8233;border:1px solid #4caf8259;border-radius:5px;padding:2px 7px;font-family:inherit;font-size:11px;display:inline-block}#loading{z-index:9999;background:#0f0f1e;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}#loading.hidden{opacity:0;pointer-events:none}.spinner{border:4px solid #ffffff1a;border-top-color:#4caf82;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loading p{color:#94a3b8;margin-top:20px;font-size:16px}.app-loading{z-index:9999;background:#0f0f1e;flex-direction:column;justify-content:center;align-items:center;transition:opacity .45s;display:flex;position:fixed;inset:0}.app-loading.hidden{opacity:0;pointer-events:none}.app-loading p{color:#94a3b8;margin-top:20px;font-size:16px}.app-loading-stage{opacity:.9;margin-top:8px;color:#cbd5e1!important;font-size:13px!important}.load-error{z-index:10000;color:#fecaca;text-align:center;background:#0f0f1ef2;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.load-error[hidden]{display:none}.load-error-title{color:#fff;font-size:18px;font-weight:700}.load-error-detail{color:#94a3b8;max-width:28rem;font-size:14px}.load-error-retry{color:#0f0f1e;cursor:pointer;background:#4caf82;border:none;border-radius:8px;margin-top:8px;padding:10px 20px;font-weight:600}.load-error-retry:hover{filter:brightness(1.05)}#cv-hint{color:#e2e8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:300;opacity:0;pointer-events:none;text-align:center;background:#1a1a20eb;border:1px solid #ffffff1a;border-radius:999px;max-width:calc(100vw - 32px);padding:12px 22px;font-size:14px;font-weight:500;transition:opacity .35s;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000059}#interaction-badge{color:#e2e8f0;letter-spacing:.02em;text-align:center;opacity:0;pointer-events:none;z-index:290;background:#0a0c18e0;border:1px solid #fff3;border-radius:999px;max-width:min(92vw,420px);padding:8px 12px;font-size:12px;font-weight:600;line-height:1.35;transition:opacity .2s;position:fixed;bottom:104px;left:50%;transform:translate(-50%)}#interaction-badge.visible{opacity:1}.cv-hint-icon{margin-right:6px}#cv-hint.visible{opacity:1}#app-toast{color:#fff;z-index:600;opacity:0;pointer-events:none;background:#1a1a20f2;border:1px solid #ffffff1f;border-radius:10px;padding:10px 18px;font-size:14px;transition:opacity .25s,transform .25s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(12px)}#app-toast.show{opacity:1;transform:translate(-50%)translateY(0)}body.photo-mode .site-shell,body.photo-mode #cv-hint,body.photo-mode #app-toast{opacity:0!important;pointer-events:none!important}body.photo-mode .site-shell{visibility:hidden}.photo-exit-btn{top:max(12px, env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));z-index:420;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10121cd6;border:1px solid #ffffff3d;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;display:none;position:fixed}body.photo-mode .photo-exit-btn{justify-content:center;align-items:center;display:inline-flex}.mobile-controls{z-index:280;padding:12px 16px;padding-bottom:max(16px, calc(env(safe-area-inset-bottom,0px) + 8px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-controls>*{pointer-events:auto}@media (pointer:coarse),(width<=1024px){.mobile-controls{display:flex}#cv-hint{display:none!important}#app-toast{bottom:max(208px, calc(176px + env(safe-area-inset-bottom,0px)))}#interaction-badge{bottom:max(286px, calc(246px + env(safe-area-inset-bottom,0px)))}}@media (width>=1025px) and (pointer:fine){.mobile-controls{display:none!important}}.mobile-tour-trigger{z-index:290;right:max(16px, env(safe-area-inset-right,0px));bottom:max(24px, env(safe-area-inset-bottom,0px));color:#e2e8f0f2;cursor:pointer;pointer-events:auto;background:#161826eb;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:17px;font-weight:700;line-height:1;display:inline-flex;position:fixed;box-shadow:0 8px 28px #00000073}.mobile-tour-trigger:focus-visible{outline-offset:2px;outline:2px solid #4caf82f2}@media (pointer:coarse),(width<=1024px){.mobile-tour-trigger{bottom:max(198px, calc(158px + env(safe-area-inset-bottom,0px)))}}.touch-stick-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.touch-stick-label{letter-spacing:.06em;text-transform:uppercase;color:#e2e8f0a6;font-size:10px;font-weight:600}.touch-stick{touch-action:none;cursor:grab;filter:drop-shadow(0 10px 24px #00000073);width:132px;height:132px;position:relative}.touch-stick:active{cursor:grabbing}.touch-stick-base{background:radial-gradient(circle at 35% 30%,#373c558c,#161826eb);border:2px solid #ffffff24;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1f,0 4px 16px #00000059}.touch-stick-knob{pointer-events:none;background:linear-gradient(160deg,#5fd4a0 0%,#3daa7a 55%,#2a8f63 100%);border:2px solid #ffffff59;border-radius:50%;width:52px;height:52px;transition:transform 40ms ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #4caf8259,inset 0 1px #ffffff59}.touch-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.touch-face-diamond{filter:drop-shadow(0 8px 20px #0006);width:176px;height:176px;position:relative}.touch-diamond-north{position:absolute;top:0;left:50%;transform:translate(-50%)}.touch-diamond-west{position:absolute;top:50%;left:0;transform:translateY(-50%)}.touch-diamond-zoom{flex-direction:column;gap:6px;display:flex}.touch-zoom-compact{min-width:46px;min-height:46px;padding:0;font-size:20px}.touch-diamond-south{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.touch-diamond-east{position:absolute;top:50%;right:0;transform:translateY(-50%)}.touch-btn-action{background:linear-gradient(160deg,#56b88deb,#2f9069eb);border-color:#ffffff4d;border-radius:14px;min-width:52px;min-height:52px;font-size:20px;font-weight:700}.touch-btn-sprint{background:linear-gradient(160deg,#ed854cf2,#bf5b2df2)}.touch-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1e2deb;border:1px solid #ffffff29;border-radius:14px;min-width:48px;min-height:48px;padding:0 14px;font-size:22px;font-weight:500;line-height:1;transition:background .15s,transform .12s}.touch-btn:active{background:#2d3044f2;transform:scale(.96)}.touch-btn:disabled{opacity:.42;filter:grayscale(.35);cursor:not-allowed}.touch-btn-icon{justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:20px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}#cv-panel{transition:none}}#hint{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;pointer-events:none;background:#1a1a20e6;border:1px solid #ffffff1a;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:500;transition:opacity .3s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}#hint:before{content:"👆";margin-right:8px}#cv-panel{color:#e2e2e2;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a20f2;border-left:1px solid #ffffff14;flex-direction:column;width:400px;max-width:90vw;height:100%;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-420px;box-shadow:-10px 0 40px #0009}#cv-panel.open{right:0}#cv-panel-header{background:var(--cv-accent,#4caf82);color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:16px;padding:30px;display:flex}#cv-panel-icon{background:#ffffff26;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;font-size:36px;display:flex}#cv-panel-title-group{flex:1}#cv-panel-title{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}#cv-panel-subtitle{opacity:.9;margin:4px 0 0;font-size:13px;font-weight:500}#cv-panel-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}#cv-panel-close:hover{background:#ffffff40;transform:scale(1.05)}#cv-panel-body{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;padding:30px;overflow-y:auto}#cv-panel-body::-webkit-scrollbar{width:6px}#cv-panel-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.cv-section-heading{text-transform:uppercase;letter-spacing:.1em;color:#4caf82;margin:24px 0 12px;font-size:12px;font-weight:700}.cv-section-heading:first-child{margin-top:0}.cv-section-body{color:#cbd5e1;white-space:pre-wrap;margin:0 0 16px;font-size:14px;line-height:1.7}.cv-tags{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.cv-inline-meta{margin:8px 0 14px}.cv-inline-label{letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.cv-project-list{flex-direction:column;gap:12px;display:flex}.cv-project-card{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;overflow:hidden}.cv-project-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;list-style:none;display:flex}.cv-project-summary::-webkit-details-marker{display:none}.cv-project-title{color:#e2e8f0;font-size:15px;font-weight:600;line-height:1.5}.cv-project-toggle{color:#94a3b8;font-size:20px;line-height:1;transition:transform .2s}.cv-project-card[open] .cv-project-toggle{transform:rotate(45deg)}.cv-project-content{border-top:1px solid #ffffff14;padding:0 14px 14px}.cv-project-desc{color:#cbd5e1;margin:12px 0 10px;font-size:14px;line-height:1.65}.cv-employment-card{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;margin-bottom:14px;overflow:hidden}.cv-employment-summary-head{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;list-style:none;display:flex}.cv-employment-summary-head::-webkit-details-marker{display:none}.cv-employment-role{text-transform:uppercase;letter-spacing:.09em;color:#4caf82;font-size:13px;font-weight:700;line-height:1.5}.cv-employment-content{border-top:1px solid #ffffff14;padding:0 14px 14px}.cv-employment-date{color:#e2e8f0;margin:12px 0 10px;font-size:18px;font-weight:600}.cv-employment-summary{color:#cbd5e1;margin:0 0 10px;font-size:13px}.cv-employment-points{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cv-employment-points li{color:#cbd5e1;padding-left:14px;font-size:14px;line-height:1.65;position:relative}.cv-employment-points li:before{content:"";background:#4caf82;border-radius:50%;width:6px;height:6px;position:absolute;top:.7em;left:0}.cv-tag{background:color-mix(in srgb, var(--cv-accent,#4caf82) 10%, transparent);border:1px solid color-mix(in srgb, var(--cv-accent,#4caf82) 62%, white 10%);color:color-mix(in srgb, var(--cv-accent,#4caf82) 30%, #e2e8f0 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cv-accent,#4caf82) 24%, transparent);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.cv-links{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;margin-top:24px;padding-top:24px;display:flex}.cv-link-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.cv-link-btn:hover{background:#4caf82;border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #4caf824d}@media (width<=768px){#cv-panel{width:100%;max-width:100%;right:-100%}#cv-panel-header{padding:20px;padding-top:max(20px, env(safe-area-inset-top,0px))}#cv-panel-body{padding:20px;padding-bottom:max(24px, env(safe-area-inset-bottom,0px))}#hint{padding:10px 20px;font-size:12px;bottom:20px}.site-tagline{font-size:12.5px}.site-title{font-size:15px}.photo-exit-btn{padding:8px 10px;font-size:12px}}body.cv-open #cv-hint,body.cv-open #interaction-badge,body.cv-open .mobile-controls{opacity:0;pointer-events:none}