*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;height:100%;overflow-x:clip}body{background:#000;max-width:100%;overflow:hidden auto}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;overflow:hidden auto}.app-bg-video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.app-bg-audio{display:none}#menu-screen{-webkit-overflow-scrolling:touch;z-index:1;width:100%;max-width:100vw;min-height:100dvh;position:relative;overflow:clip auto}#menu-screen .resume-entry-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#main{width:100%;max-width:100%;height:100vh}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root,#menu-screen,#main{min-height:100dvh}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent}#menu-screen{max-width:100vw;height:auto;min-height:100dvh;overflow-x:clip}#menu-screen :where(.sc-label,.sc-role,.sc-reveal-subtitle,.sc-reveal-upper-line,.sc-reveal-lower-bar,.sc-reveal-chip,.sc-info-bar-text,.sc-info-bar-box,.sc-info-bar-count,.resume-title,.resume-subtitle,.resume-list-tag,.resume-detail-top-title,.resume-detail-top-progress,.resume-detail-row-title,.resume-detail-status,.resume-detail-bullet,.resume-detail-bottom-title,.resume-detail-subtitle,.resume-detail-chip,.p3-hero-tagline span,.p3-hero-sub span,.p3-page-back-label,.p3-page-nav-hint-row,.experience-lab-link){overflow-wrap:anywhere;word-break:break-word;max-width:100%}#menu-screen :where(.sc-main,.sc-main-top,.sc-bar-content,.sc-info-bar,.resume-card-inner,.resume-title,.resume-subtitle-bar,.p3-hero-block,.p3-page-back-bar){min-width:0}#menu-screen :where(.sc-bar,.sc-bar-red){width:min(45vw, calc(100vw - max(16px, env(safe-area-inset-left)) - 12px));max-width:calc(100vw - max(16px, env(safe-area-inset-left)) - 12px)}#menu-screen :where(.sc-reveal-panel){left:max(-2vw, calc(-1 * env(safe-area-inset-left)));width:min(88vw, calc(100vw - max(16px, env(safe-area-inset-left)) - 8px));max-width:calc(100vw - max(16px, env(safe-area-inset-left)) - 8px)}#menu-screen :where(.sc-reveal-upper-bar){box-sizing:border-box;padding:8px 0;overflow:hidden auto}#menu-screen :where(.sc-reveal-lower-bar){box-sizing:border-box;padding-right:16px}#menu-screen :where(.p3-hero-tagline span,.p3-hero-sub span){white-space:normal}#menu-screen :where(.resume-subtitle){white-space:normal;text-overflow:unset}#menu-screen :where(.resume-title.compact){white-space:normal;text-overflow:unset;overflow:visible}#menu-screen :where(.p3-name-tag){max-width:min(72vw, calc(100vw - max(32px, env(safe-area-inset-left)) - 16px))}#menu-screen :where(.p3-page-nav-dock){box-sizing:border-box;max-width:100vw}#menu-screen :where(.p3-page-back-bar){max-width:min(320px, calc(100vw - 48px - env(safe-area-inset-left) - env(safe-area-inset-right)))}#menu-screen :where(.sc-right-nav){max-width:calc(100vw - max(24px, env(safe-area-inset-left)) - 12px);flex-wrap:wrap}#menu-screen :where(.resume-stack){max-width:94.4vw}#menu-screen :where(.resume-detail-panel,.experience-detail-panel){max-width:95.5vw}.p3-row,.sc-bar-outer,.sc-info-bar-wrap,.resume-card-wrap{touch-action:manipulation}@media (width<=768px){#menu-screen :where(.p3-hint,.p3-page-nav-hints,.sc-footer,.sc-right-nav){display:none!important}}@media (hover:none) and (pointer:coarse){#menu-screen :where(.p3-hint,.p3-page-nav-hints,.sc-footer,.sc-right-nav){display:none!important}}@media (width<=768px){#menu-screen .p3-name-tag{top:max(10px, env(safe-area-inset-top))!important;left:max(20px, calc(env(safe-area-inset-left) + 8px))!important;z-index:25!important;max-width:calc(100vw - 40px - env(safe-area-inset-left))!important;font-size:clamp(22px,7vw,36px)!important;transform:none!important}#menu-screen .p3-name-tag span:first-child{text-shadow:0 0 12px #3ce2ff59;color:#3ce2ff!important}#menu-screen .p3-name-tag span:last-child{color:#000000eb!important}#menu-screen .p3-hero-block{top:max(72px,10vh)!important;left:max(20px, env(safe-area-inset-left))!important;max-width:calc(100vw - 40px - env(safe-area-inset-left))!important;z-index:24!important;transform:none!important}#menu-screen .p3-hero-sub{display:none!important}#menu-screen .p3-hero-tagline span:first-child{color:#3ce2ff!important;font-size:clamp(16px,4.5vw,24px)!important}#menu-screen .p3-hero-tagline span:last-child{color:#000000eb!important;font-size:clamp(20px,5.5vw,28px)!important}.p3-hint{bottom:max(20px, env(safe-area-inset-bottom));right:max(20px, env(safe-area-inset-right))}#menu-screen .p3-row{box-sizing:content-box;min-height:52px;padding:14px 10px}#menu-screen .p3-overlay{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:max(8px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom))!important;justify-content:flex-start!important;align-items:center!important}#menu-screen .p3-menu{width:100%!important;max-width:100%!important;margin-top:24vh!important;padding:12px 8px 24px!important;transform:none!important}#menu-screen .p3-row .p3-skew-wrap{transform:none!important}#menu-screen .p3-label-base{white-space:normal!important;letter-spacing:1px!important;font-size:clamp(40px,11.5vw,62px)!important;line-height:1!important;overflow:visible!important}#menu-screen .p3-label-wrap{overflow:visible!important}#menu-screen .p3-skew-wrap{max-width:100%!important}#menu-screen .p3-row:not(.active) .p3-label-bright{display:none!important}#menu-screen .p3-row.active .p3-label-dark{color:#0000!important}#menu-screen .p3-row.active .p3-label-bright{clip-path:none!important;color:#ff2a2a!important;opacity:1!important;display:block!important;position:relative!important;inset:auto!important}#menu-screen .p3-name-tag,#menu-screen .p3-hero-block{overflow:visible!important}#menu-screen .p3-name-tag span,#menu-screen .p3-hero-tagline span{line-height:1.05!important;overflow:visible!important}}@media (width<=520px){#menu-screen .p3-menu{margin-top:20vh!important;padding:8px 4px 20px!important;transform:none!important}#menu-screen .p3-label-base{font-size:clamp(34px,10.5vw,52px)!important}#menu-screen .p3-name-tag{font-size:clamp(20px,6.5vw,30px)!important}}@media (width<=380px){#menu-screen .p3-menu{margin-top:18vh!important;transform:none!important}#menu-screen .p3-label-base{font-size:clamp(30px,9.5vw,44px)!important}}@media (width<=768px){#menu-screen:has(.sc-root){-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;overflow-y:auto}#menu-screen .sc-root{flex-shrink:0;order:1;justify-content:flex-start;min-height:auto!important;padding:max(72px,12vh) 0 12px!important;position:relative!important;inset:auto!important}#menu-screen .sc-root:has(.sc-bar-outer:nth-child(4)){padding-bottom:12px!important}#menu-screen:has(.sc-root.revealed) .sc-dim{display:none!important}#menu-screen:has(.sc-root.revealed) .sc-reveal-panel{order:2}#menu-screen .sc-root.revealed .sc-bar-outer{opacity:.55;pointer-events:auto;filter:brightness(.95);transform:translate(0)}#menu-screen .sc-root.revealed .sc-bar-outer.active{opacity:1;filter:none}#menu-screen .sc-bar,#menu-screen .sc-bar-red{clip-path:none!important;width:min(92vw,100% - 16px)!important;max-width:calc(100% - 16px)!important;height:auto!important;min-height:68px!important;overflow:visible!important}#menu-screen .sc-bar-outer.active .sc-bar,#menu-screen .sc-bar-outer.active .sc-bar-red{height:auto!important;min-height:76px!important}#menu-screen .sc-bar-content{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;height:auto!important;min-height:68px!important;padding:8px 12px 8px 10px!important;display:flex!important;overflow:visible!important}#menu-screen .sc-role{letter-spacing:0!important;flex:none!important;max-width:none!important;padding:0 6px 0 0!important;font-size:clamp(13px,3.6vw,20px)!important;overflow:visible!important;transform:none!important}#menu-screen .sc-char,#menu-screen .sc-icon,#menu-screen .sc-bar-fill,#menu-screen .sc-bar-shade{display:none!important}#menu-screen .sc-bar-outer.active .sc-bar-fill{opacity:.95!important;display:block!important}#menu-screen .sc-bar-outer.active .sc-label{color:#111!important;z-index:4!important;position:relative!important}#menu-screen .sc-main{flex:auto!important;align-items:flex-start!important;width:auto!important;min-width:0!important;padding-left:0!important;overflow:visible!important}#menu-screen .sc-label{letter-spacing:.5px!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;width:100%!important;font-size:clamp(13px,3.8vw,18px)!important;line-height:1.15!important;display:block!important;overflow:visible!important}#menu-screen .sc-stats{display:none!important}#menu-screen .sc-char{max-width:88px!important;left:64px!important}.sc-right-nav{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.sc-right-nav .sc-nav-btn{font-size:clamp(48px,14vw,100px)}.sc-right-nav .sc-nav-label{font-size:clamp(18px,4.5vw,28px)}#menu-screen .sc-info-bar-wrap{flex-shrink:0;order:3;pointer-events:auto!important;width:min(92vw,100% - 32px)!important;max-width:calc(100% - 32px)!important;height:auto!important;min-height:52px!important;margin:0 auto 12px!important;animation:none!important;position:relative!important;inset:auto!important;overflow:visible!important}#menu-screen:has(.sc-info-bar-wrap){flex-direction:column;display:flex}#menu-screen:has(.sc-info-bar-wrap) .sc-root{order:1}#menu-screen:has(.sc-info-bar-wrap) .sc-info-bar-wrap{order:2}#menu-screen .sc-info-bar-wrap:nth-last-child(2){margin-bottom:calc(100px + env(safe-area-inset-bottom))!important}#menu-screen .sc-info-bar-new{display:none!important}#menu-screen .sc-info-bar-text{letter-spacing:.3px!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:clamp(10px,2.9vw,14px)!important;line-height:1.15!important;overflow:hidden!important}#menu-screen .sc-info-bar-box,#menu-screen .sc-info-bar-count{justify-content:center;align-items:center;min-width:44px;min-height:32px;display:inline-flex;font-size:clamp(13px,3.4vw,18px)!important}.sc-footer{bottom:max(16px, env(safe-area-inset-bottom));right:max(16px, env(safe-area-inset-right))}}@media (width<=520px){.sc-bar-outer.active .sc-bar,.sc-bar-outer.active .sc-bar-red{height:auto!important;min-height:72px!important}#menu-screen .sc-bar,#menu-screen .sc-bar-red{height:auto!important;min-height:64px!important}#menu-screen .sc-bar-content{min-height:64px!important}#menu-screen .sc-role{font-size:clamp(12px,3.4vw,18px)!important}#menu-screen .sc-label{font-size:clamp(12px,3.6vw,16px)!important}.sc-stats{gap:6px;padding-right:12px}.sc-stat-num{font-size:clamp(18px,5vw,26px)}.sc-info-bar-wrap{height:42px}.sc-info-bar-text{padding:0 8px;font-size:clamp(11px,3vw,19px)}.sc-info-bar-box,.sc-info-bar-count{font-size:clamp(12px,3.2vw,18px)}.sc-info-bar-count{margin-right:6px}}@media (width<=380px){.sc-bar,.sc-bar-red{width:min(94vw,100% - 8px)}.sc-char{max-width:88px;left:58px}.sc-label{letter-spacing:1px;font-size:clamp(13px,4vw,22px)!important}}@media (width<=768px){#menu-screen .sc-main-portrait-shell{display:none!important}#menu-screen .sc-reveal-panel,#menu-screen .sc-reveal-panel.mounted{flex-shrink:0;width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;height:auto!important;min-height:0!important;max-height:none!important;margin:8px auto calc(104px + env(safe-area-inset-bottom))!important;clip-path:none!important;opacity:1!important;z-index:20!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;overflow:visible!important;transform:none!important;box-shadow:0 0 0 2px #ffffff2e,0 10px #d70d2cd1!important}#menu-screen .sc-reveal-panel:before{clip-path:none!important}#menu-screen .sc-reveal-upper-bar{clip-path:none!important;gap:8px!important;width:100%!important;height:auto!important;min-height:0!important;padding:16px 14px!important;position:relative!important;top:auto!important;left:auto!important;overflow:visible!important}#menu-screen .sc-reveal-lower-bar{clip-path:none!important;color:#111!important;background:#fffffff5!important;justify-content:center!important;width:100%!important;height:auto!important;min-height:44px!important;margin-top:0!important;padding:12px 16px!important;font-size:clamp(14px,4vw,20px)!important;position:relative!important;top:auto!important;right:auto!important}#menu-screen .sc-reveal-subtitle{letter-spacing:1px!important;font-size:clamp(11px,3.2vw,14px)!important;line-height:1.25!important}#menu-screen .sc-reveal-upper-line{font-size:clamp(13px,3.8vw,17px)!important;line-height:1.35!important}#menu-screen .sc-reveal-chips{gap:5px!important;padding:4px 8px 0!important}#menu-screen .sc-reveal-chip{font-size:clamp(10px,2.8vw,12px)!important}}@media (width<=520px){#menu-screen .sc-reveal-panel,#menu-screen .sc-reveal-panel.mounted{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-bottom:calc(96px + env(safe-area-inset-bottom))!important}.sc-dim{background:#282d36c7}}@media (width<=768px){#menu-screen .resume-overlay{-webkit-overflow-scrolling:touch!important;pointer-events:auto!important;scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;flex-direction:column!important;display:flex!important;position:absolute!important;inset:0!important;overflow:hidden auto!important}#menu-screen .resume-stack{width:100%!important;max-width:100%!important;padding:max(5vh, env(safe-area-inset-top)) 4vw 12px!important;pointer-events:none!important;flex-shrink:0!important;gap:10px!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}#menu-screen .resume-list-tag{white-space:nowrap!important;margin-left:8px!important;font-size:clamp(36px,10vw,56px)!important;line-height:1!important;overflow:visible!important}#menu-screen .resume-card{clip-path:none!important;height:auto!important;min-height:112px!important;overflow:visible!important}#menu-screen .resume-card-inner{min-height:52px!important;padding:12px 52px 6px 54px!important;display:block!important;position:relative!important;inset:auto!important}#menu-screen .resume-title{width:100%!important;min-width:0!important;max-width:100%!important;padding-right:56px!important;font-size:clamp(24px,7vw,40px)!important;line-height:1!important;display:block!important;overflow:visible!important}#menu-screen .resume-title.compact{font-size:clamp(18px,5.2vw,28px)!important;line-height:1.05!important}#menu-screen .resume-rank{flex-shrink:0!important;margin-top:0!important;position:absolute!important;top:10px!important;right:10px!important}#menu-screen .resume-rank-number{font-size:clamp(24px,7vw,40px)!important;line-height:.9!important}#menu-screen .resume-rank-label{font-size:clamp(12px,3.2vw,18px)!important}#menu-screen .resume-subtitle-bar{height:auto!important;min-height:34px!important;margin:4px 12px 10px 52px!important;padding:6px 12px!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}#menu-screen .resume-subtitle{font-size:clamp(14px,4vw,20px)!important;line-height:1.15!important;overflow:visible!important}#menu-screen .resume-detail-panel,#menu-screen .experience-detail-panel{pointer-events:auto!important;flex-direction:column!important;flex-shrink:0!important;width:calc(100% - 8vw)!important;max-width:calc(100% - 8vw)!important;height:auto!important;min-height:260px!important;max-height:min(68vh,100dvh - 32vh)!important;margin:8px 4vw 16px!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;overflow:hidden!important}#menu-screen .resume-detail-scroll{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;flex:auto!important;min-height:0!important;overflow:hidden auto!important}#menu-screen .experience-detail-panel{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;padding:16px 14px calc(24px + env(safe-area-inset-bottom))!important;max-height:min(72vh,100dvh - 30vh)!important;overflow:hidden auto!important}#menu-screen .resume-detail-panel{max-height:min(72vh,100dvh - 30vh)!important}#menu-screen .resume-detail-list{max-height:none!important}#menu-screen .resume-detail-row{grid-template-columns:32px minmax(0,1fr) minmax(0,max-content)!important;min-height:48px!important}#menu-screen .resume-detail-top{grid-template-rows:auto auto!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:start!important;gap:4px 10px!important;min-height:0!important;padding:12px 14px!important}#menu-screen .resume-detail-top-index{grid-row:1/span 2!important;font-size:clamp(28px,8vw,38px)!important;overflow:visible!important}#menu-screen .resume-detail-top-title{font-size:clamp(18px,5.2vw,26px)!important;line-height:1.05!important;overflow:visible!important}#menu-screen .resume-detail-top-progress{text-align:left!important;grid-column:2!important;font-size:clamp(14px,3.8vw,20px)!important;line-height:1.1!important;overflow:visible!important}#menu-screen .resume-detail-subtitle{padding:0 14px 8px!important;font-size:clamp(13px,3.6vw,18px)!important;line-height:1.2!important}#menu-screen .resume-detail-row-title{font-size:clamp(12px,3.4vw,16px)!important;line-height:1.2!important}#menu-screen .resume-detail-status{white-space:normal!important;font-size:clamp(10px,2.8vw,13px)!important;overflow:visible!important}#menu-screen .resume-detail-bullet{font-size:clamp(12px,3.4vw,15px)!important;line-height:1.35!important}#menu-screen .p3-page-back-bar{clip-path:none!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:52px!important;padding:10px 14px!important;overflow:visible!important}#menu-screen .p3-page-back-label{white-space:nowrap!important;flex:auto!important;font-size:clamp(17px,4.8vw,22px)!important;line-height:1.1!important;overflow:visible!important}#menu-screen .p3-page-back-key{flex-shrink:0!important;font-size:11px!important}#menu-screen .p3-page-nav-dock{padding:0 12px max(14px, env(safe-area-inset-bottom))!important}}@media (width<=520px){#menu-screen .resume-card-inner{padding:10px 48px 4px 50px!important}#menu-screen .resume-badge{width:44px!important;height:54px!important}#menu-screen .resume-badge-text{font-size:24px!important}#menu-screen .resume-subtitle-bar{margin-left:48px!important}.resume-detail-row{grid-template-columns:28px minmax(0,1fr) minmax(0,max-content);min-height:48px;padding:6px 8px}.resume-detail-bottom{padding:14px}}@media (width<=380px){.resume-card{height:88px}.resume-title{font-size:clamp(28px,8.5vw,44px)}.resume-detail-panel,.experience-detail-panel{width:calc(100% - 6vw);max-width:calc(100% - 6vw);margin-left:3vw;margin-right:3vw;padding:12px 10px}}@media (height<=500px) and (orientation:landscape){#menu-screen .p3-overlay{justify-content:center!important;padding:40px 12px 64px!important}#menu-screen .p3-menu{transform-origin:50%!important;margin-top:0!important;transform:scale(.58)!important}#menu-screen .p3-hero-block{max-width:38vw!important;top:48px!important;transform:rotate(8deg)scale(.85)!important}#menu-screen .p3-name-tag{font-size:clamp(22px,6vw,36px)!important;transform:rotate(8deg)!important}#menu-screen .sc-root:has(.sc-bar-outer:nth-child(4)){padding:56px 0 96px!important}#menu-screen .sc-root:not(:has(.sc-bar-outer:nth-child(4))){padding:56px 0 16px!important}#menu-screen .sc-main-portrait-shell{display:none!important}#menu-screen .sc-reveal-panel{height:auto!important;max-height:none!important;margin-bottom:calc(80px + env(safe-area-inset-bottom))!important;position:relative!important;top:12vh!important;transform:none!important}#menu-screen .sc-reveal-panel.mounted{transform:none!important}#menu-screen .resume-overlay{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;flex-direction:column!important}#menu-screen .resume-stack{width:100%!important;padding-top:max(8px, env(safe-area-inset-top))!important}#menu-screen .resume-detail-panel,#menu-screen .experience-detail-panel{width:calc(100% - 8vw)!important;max-width:calc(100% - 8vw)!important;margin:8px 4vw calc(88px + env(safe-area-inset-bottom))!important;max-height:min(48vh,100dvh - 40vh)!important}#menu-screen .resume-card{height:72px!important}#menu-screen .sc-info-bar-wrap:nth-last-child(2){margin-bottom:calc(80px + env(safe-area-inset-bottom))!important}}